diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 255aff784f..0f72bb6def 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -61,7 +61,7 @@ jobs:
       with:
         node-version: 18
         cache: npm
-    - run: npm ci && npm run build:prod
+    - run: npm ci && npm run build:dist
     # build the wheel
     - uses: actions/setup-python@v5
       with:
diff --git a/.gitignore b/.gitignore
index 2af3bf59da..612df3afe1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,8 +36,12 @@ dist
 
 rdmo/management/static
 
-rdmo/projects/static/projects/js/projects.js
+rdmo/core/static/core/js/base*.js
+rdmo/core/static/core/fonts
+rdmo/core/static/core/css/base*.css
+
+rdmo/projects/static/projects/js/*.js
 rdmo/projects/static/projects/fonts
-rdmo/projects/static/projects/css/projects.css
+rdmo/projects/static/projects/css/*.css
 
 screenshots
diff --git a/package-lock.json b/package-lock.json
index dbb5e68b40..5a65f549bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "classnames": "^2.5.1",
         "date-fns": "^3.6.0",
         "font-awesome": "4.7.0",
+        "html-to-text": "^9.0.5",
         "jquery": "^3.7.1",
         "js-cookie": "^3.0.5",
         "lodash": "^4.17.21",
@@ -32,7 +33,8 @@
         "react-select": "^5.8.0",
         "redux": "^4.1.1",
         "redux-logger": "^3.0.6",
-        "redux-thunk": "^2.3.0"
+        "redux-thunk": "^2.3.0",
+        "use-debounce": "^10.0.0"
       },
       "devDependencies": {
         "@babel/cli": "^7.24.1",
@@ -2498,6 +2500,18 @@
       "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
       "integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA=="
     },
+    "node_modules/@selderee/plugin-htmlparser2": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.11.0.tgz",
+      "integrity": "sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==",
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "selderee": "^0.11.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/@sindresorhus/merge-streams": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
@@ -3710,6 +3724,14 @@
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
+    "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==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -3782,6 +3804,57 @@
         "@babel/runtime": "^7.1.2"
       }
     },
+    "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/electron-to-chromium": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.5.tgz",
@@ -3810,6 +3883,17 @@
         "node": ">=10.13.0"
       }
     },
+    "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/envinfo": {
       "version": "7.11.0",
       "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.11.0.tgz",
@@ -5061,6 +5145,39 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/html-to-text": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/html-to-text/-/html-to-text-9.0.5.tgz",
+      "integrity": "sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==",
+      "dependencies": {
+        "@selderee/plugin-htmlparser2": "^0.11.0",
+        "deepmerge": "^4.3.1",
+        "dom-serializer": "^2.0.0",
+        "htmlparser2": "^8.0.2",
+        "selderee": "^0.11.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "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/icss-utils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
@@ -5729,6 +5846,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/leac": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/leac/-/leac-0.6.0.tgz",
+      "integrity": "sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -6163,6 +6288,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parseley": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/parseley/-/parseley-0.12.1.tgz",
+      "integrity": "sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw==",
+      "dependencies": {
+        "leac": "^0.6.0",
+        "peberminta": "^0.9.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -6203,6 +6340,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/peberminta": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/peberminta/-/peberminta-0.9.0.tgz",
+      "integrity": "sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ==",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
@@ -7155,6 +7300,17 @@
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true
     },
+    "node_modules/selderee": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/selderee/-/selderee-0.11.0.tgz",
+      "integrity": "sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA==",
+      "dependencies": {
+        "parseley": "^0.12.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -7772,6 +7928,17 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/use-debounce": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.3.tgz",
+      "integrity": "sha512-DxQSI9ZKso689WM1mjgGU3ozcxU1TJElBJ3X6S4SMzMNcm2lVH0AHmyXB+K7ewjz2BSUKJTDqTcwtSMRfB89dg==",
+      "engines": {
+        "node": ">= 16.0.0"
+      },
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/use-isomorphic-layout-effect": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
@@ -9897,6 +10064,15 @@
       "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
       "integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA=="
     },
+    "@selderee/plugin-htmlparser2": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.11.0.tgz",
+      "integrity": "sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==",
+      "requires": {
+        "domhandler": "^5.0.3",
+        "selderee": "^0.11.0"
+      }
+    },
     "@sindresorhus/merge-streams": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
@@ -10799,6 +10975,11 @@
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
+    "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=="
+    },
     "define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -10853,6 +11034,39 @@
         "@babel/runtime": "^7.1.2"
       }
     },
+    "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==",
+      "requires": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      }
+    },
+    "domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="
+    },
+    "domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "requires": {
+        "domelementtype": "^2.3.0"
+      }
+    },
+    "domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "requires": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      }
+    },
     "electron-to-chromium": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.5.tgz",
@@ -10875,6 +11089,11 @@
         "tapable": "^2.2.0"
       }
     },
+    "entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
+    },
     "envinfo": {
       "version": "7.11.0",
       "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.11.0.tgz",
@@ -11780,6 +11999,29 @@
         "react-is": "^16.7.0"
       }
     },
+    "html-to-text": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/html-to-text/-/html-to-text-9.0.5.tgz",
+      "integrity": "sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==",
+      "requires": {
+        "@selderee/plugin-htmlparser2": "^0.11.0",
+        "deepmerge": "^4.3.1",
+        "dom-serializer": "^2.0.0",
+        "htmlparser2": "^8.0.2",
+        "selderee": "^0.11.0"
+      }
+    },
+    "htmlparser2": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
+      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+      "requires": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
     "icss-utils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
@@ -12240,6 +12482,11 @@
       "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
       "dev": true
     },
+    "leac": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/leac/-/leac-0.6.0.tgz",
+      "integrity": "sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg=="
+    },
     "levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -12558,6 +12805,15 @@
         "lines-and-columns": "^1.1.6"
       }
     },
+    "parseley": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/parseley/-/parseley-0.12.1.tgz",
+      "integrity": "sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw==",
+      "requires": {
+        "leac": "^0.6.0",
+        "peberminta": "^0.9.0"
+      }
+    },
     "path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -12586,6 +12842,11 @@
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
     },
+    "peberminta": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/peberminta/-/peberminta-0.9.0.tgz",
+      "integrity": "sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ=="
+    },
     "picocolors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
@@ -13237,6 +13498,14 @@
         }
       }
     },
+    "selderee": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/selderee/-/selderee-0.11.0.tgz",
+      "integrity": "sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA==",
+      "requires": {
+        "parseley": "^0.12.0"
+      }
+    },
     "semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -13669,6 +13938,12 @@
         "punycode": "^2.1.0"
       }
     },
+    "use-debounce": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.3.tgz",
+      "integrity": "sha512-DxQSI9ZKso689WM1mjgGU3ozcxU1TJElBJ3X6S4SMzMNcm2lVH0AHmyXB+K7ewjz2BSUKJTDqTcwtSMRfB89dg==",
+      "requires": {}
+    },
     "use-isomorphic-layout-effect": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
diff --git a/package.json b/package.json
index d2e79d2b81..9c2ab2ca27 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,11 @@
 {
   "name": "rdmo",
   "scripts": {
+    "build:dist": "webpack --config webpack.config.js --mode production --env ignore-perf --fail-on-warnings",
     "build:prod": "webpack --config webpack.config.js --mode production",
     "build": "webpack --config webpack.config.js --mode development",
-    "watch": "webpack --config webpack.config.js --mode development --watch"
+    "watch": "webpack --config webpack.config.js --mode development --watch",
+    "lint": "eslint --ext .js rdmo/"
   },
   "author": "RDMO Arbeitsgemeinschaft <rdmorganiser.github.io>",
   "license": "Apache-2.0",
@@ -19,6 +21,7 @@
     "classnames": "^2.5.1",
     "date-fns": "^3.6.0",
     "font-awesome": "4.7.0",
+    "html-to-text": "^9.0.5",
     "jquery": "^3.7.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
@@ -27,6 +30,7 @@
     "react": "^18.3.1",
     "react-bootstrap": "0.33.1",
     "react-datepicker": "7.3.0",
+    "react-diff-viewer-continued": "^3.4.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.3.1",
@@ -36,7 +40,7 @@
     "redux": "^4.1.1",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.3.0",
-    "react-diff-viewer-continued": "^3.4.0"
+    "use-debounce": "^10.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.1",
diff --git a/pyproject.toml b/pyproject.toml
index 6103cd7faa..6f8cac418f 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -113,6 +113,9 @@ issues = "https://github.com/rdmorganiser/rdmo/issues"
 repository = "https://github.com/rdmorganiser/rdmo.git"
 slack = "https://rdmo.slack.com"
 
+[project.scripts]
+rdmo-admin = "rdmo.__main__:main"
+
 [tool.setuptools.packages.find]
 include = ["rdmo*"]
 exclude = ["*assets*", "*tests*"]
diff --git a/rdmo/__main__.py b/rdmo/__main__.py
new file mode 100644
index 0000000000..b19f323ed1
--- /dev/null
+++ b/rdmo/__main__.py
@@ -0,0 +1,27 @@
+'''
+Runs rdmo-admin when the rdmo module is run as a script, much like django-admin
+(see: https://github.com/django/django/blob/main/django/__main__.py):
+
+    python -m rdmo check
+
+The main method is added as script in pyproject.toml so that
+
+    rdmo-admin check
+
+works as well. Unlike django-admin, a set of generic settings is used for the
+management scripts.
+'''
+
+import os
+
+from django.core import management
+
+os.environ.setdefault("DJANGO_SETTINGS_MODULE", "rdmo.core.management.settings")
+
+
+def main():
+    management.execute_from_command_line()
+
+
+if __name__ == "__main__":
+    main()
diff --git a/rdmo/core/static/core/fonts/DroidSans-Bold.ttf b/rdmo/core/assets/fonts/DroidSans-Bold.ttf
similarity index 100%
rename from rdmo/core/static/core/fonts/DroidSans-Bold.ttf
rename to rdmo/core/assets/fonts/DroidSans-Bold.ttf
diff --git a/rdmo/core/static/core/fonts/DroidSans.ttf b/rdmo/core/assets/fonts/DroidSans.ttf
similarity index 100%
rename from rdmo/core/static/core/fonts/DroidSans.ttf
rename to rdmo/core/assets/fonts/DroidSans.ttf
diff --git a/rdmo/core/static/core/fonts/DroidSansMono.ttf b/rdmo/core/assets/fonts/DroidSansMono.ttf
similarity index 100%
rename from rdmo/core/static/core/fonts/DroidSansMono.ttf
rename to rdmo/core/assets/fonts/DroidSansMono.ttf
diff --git a/rdmo/core/static/core/fonts/DroidSerif-Bold.ttf b/rdmo/core/assets/fonts/DroidSerif-Bold.ttf
similarity index 100%
rename from rdmo/core/static/core/fonts/DroidSerif-Bold.ttf
rename to rdmo/core/assets/fonts/DroidSerif-Bold.ttf
diff --git a/rdmo/core/static/core/fonts/DroidSerif-BoldItalic.ttf b/rdmo/core/assets/fonts/DroidSerif-BoldItalic.ttf
similarity index 100%
rename from rdmo/core/static/core/fonts/DroidSerif-BoldItalic.ttf
rename to rdmo/core/assets/fonts/DroidSerif-BoldItalic.ttf
diff --git a/rdmo/core/static/core/fonts/DroidSerif-Italic.ttf b/rdmo/core/assets/fonts/DroidSerif-Italic.ttf
similarity index 100%
rename from rdmo/core/static/core/fonts/DroidSerif-Italic.ttf
rename to rdmo/core/assets/fonts/DroidSerif-Italic.ttf
diff --git a/rdmo/core/static/core/fonts/DroidSerif.ttf b/rdmo/core/assets/fonts/DroidSerif.ttf
similarity index 100%
rename from rdmo/core/static/core/fonts/DroidSerif.ttf
rename to rdmo/core/assets/fonts/DroidSerif.ttf
diff --git a/rdmo/core/assets/img/favicon.png b/rdmo/core/assets/img/favicon.png
new file mode 100644
index 0000000000..042bcf2bbb
Binary files /dev/null and b/rdmo/core/assets/img/favicon.png differ
diff --git a/rdmo/core/assets/img/rdmo-logo.svg b/rdmo/core/assets/img/rdmo-logo.svg
new file mode 100644
index 0000000000..93fc2eae24
--- /dev/null
+++ b/rdmo/core/assets/img/rdmo-logo.svg
@@ -0,0 +1,260 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400"
+   height="400"
+   id="svg13804"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="DMP-logo.svg"
+   inkscape:export-filename="/home/kristin/E-Science/DMP/DMP-logo-gradient-only.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300">
+  <defs
+     id="defs13806">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath6259">
+      <rect
+         style="color:#000000;fill:#00004e;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6261"
+         width="219.96814"
+         height="246.47722"
+         x="737.59216"
+         y="-61.744358" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath6041-4">
+      <rect
+         style="color:#000000;fill:#999999;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6043-1"
+         width="504.28574"
+         height="261.76663"
+         x="1353.1576"
+         y="-506.68793" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath6037-3">
+      <rect
+         style="color:#000000;fill:#999999;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6039-5"
+         width="504.28574"
+         height="261.76663"
+         x="1353.1576"
+         y="-506.68793" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath6033-83">
+      <rect
+         style="color:#000000;fill:#999999;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6035-7"
+         width="504.28574"
+         height="261.76663"
+         x="1353.1576"
+         y="-506.68793" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath6029-3">
+      <rect
+         style="color:#000000;fill:#999999;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6031-2"
+         width="504.28574"
+         height="261.76663"
+         x="1353.1576"
+         y="-506.68793" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath6025-2">
+      <rect
+         style="color:#000000;fill:#999999;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6027-1"
+         width="504.28574"
+         height="261.76663"
+         x="1353.1576"
+         y="-506.68793" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5225-9"
+       id="linearGradient13802"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1487.8913,558.41765)"
+       x1="1158.5714"
+       y1="-41.923523"
+       x2="1158.5714"
+       y2="425.21933" />
+    <linearGradient
+       id="linearGradient5225-9">
+      <stop
+         style="stop-color:#101f70;stop-opacity:0.32283464;"
+         offset="0"
+         id="stop5227-1" />
+      <stop
+         style="stop-color:#101f70;stop-opacity:1;"
+         offset="1"
+         id="stop5229-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5225-9-2"
+       id="linearGradient13802-5"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1487.8913,558.41765)"
+       x1="1158.5714"
+       y1="-41.923523"
+       x2="1158.5714"
+       y2="425.21933" />
+    <linearGradient
+       id="linearGradient5225-9-2">
+      <stop
+         style="stop-color:#101f70;stop-opacity:0.32283464;"
+         offset="0"
+         id="stop5227-1-7" />
+      <stop
+         style="stop-color:#101f70;stop-opacity:1;"
+         offset="1"
+         id="stop5229-7-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient5225-9-22"
+       id="linearGradient13802-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-1487.8913,558.41765)"
+       x1="1158.5714"
+       y1="-41.923523"
+       x2="1158.5714"
+       y2="425.21933" />
+    <linearGradient
+       id="linearGradient5225-9-22">
+      <stop
+         style="stop-color:#101f70;stop-opacity:0.32283464;"
+         offset="0"
+         id="stop5227-1-2" />
+      <stop
+         style="stop-color:#101f70;stop-opacity:1;"
+         offset="1"
+         id="stop5229-7-9" />
+    </linearGradient>
+    <linearGradient
+       y2="425.21933"
+       x2="1158.5714"
+       y1="-41.923523"
+       x1="1158.5714"
+       gradientTransform="translate(-578.57144,7.1428929)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient14014"
+       xlink:href="#linearGradient5225-9-22"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="425.21933"
+       x2="1158.5714"
+       y1="-41.923523"
+       x1="1158.5714"
+       gradientTransform="translate(-578.57144,7.1428929)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient14014-1"
+       xlink:href="#linearGradient5225-9-22-4"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient5225-9-22-4">
+      <stop
+         style="stop-color:#101f70;stop-opacity:0.32283464;"
+         offset="0"
+         id="stop5227-1-2-3" />
+      <stop
+         style="stop-color:#101f70;stop-opacity:1;"
+         offset="1"
+         id="stop5229-7-9-5" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="-154.61278"
+     inkscape:cy="-17.14286"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1062"
+     inkscape:window-height="786"
+     inkscape:window-x="2280"
+     inkscape:window-y="139"
+     inkscape:window-maximized="0"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       orientation="0,1"
+       position="-220.21325,492.95444"
+       id="guide14654" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata13809">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-179.99997,-115.21932)">
+    <rect
+       style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect2985-5-9-0-9"
+       width="400"
+       height="400"
+       x="179.99997"
+       y="115.21932"
+       ry="41.42857" />
+    <rect
+       style="color:#000000;fill:url(#linearGradient14014);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect2985-5-9-0"
+       width="400"
+       height="400"
+       x="179.99997"
+       y="115.21932"
+       ry="41.42857" />
+    <text
+       xml:space="preserve"
+       style="font-size:112px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Droid Serif;-inkscape-font-specification:Droid Serif"
+       x="381.56635"
+       y="355.27792"
+       id="text3755-3-8-5"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         x="381.56635"
+         y="355.27792"
+         style="font-size:112px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;font-family:Droid Serif;-inkscape-font-specification:Droid Serif"
+         id="tspan3018">RDMO</tspan></text>
+  </g>
+</svg>
diff --git a/rdmo/core/assets/js/actions/actionTypes.js b/rdmo/core/assets/js/actions/actionTypes.js
new file mode 100644
index 0000000000..1f97c54f3d
--- /dev/null
+++ b/rdmo/core/assets/js/actions/actionTypes.js
@@ -0,0 +1,17 @@
+export const UPDATE_CONFIG = 'UPDATE_CONFIG'
+export const DELETE_CONFIG = 'DELETE_CONFIG'
+
+export const ADD_TO_PENDING = 'ADD_TO_PENDING'
+export const REMOVE_FROM_PENDING = 'REMOVE_FROM_PENDING'
+
+export const FETCH_SETTINGS_ERROR = 'FETCH_SETTINGS_ERROR'
+export const FETCH_SETTINGS_INIT = 'FETCH_SETTINGS_INIT'
+export const FETCH_SETTINGS_SUCCESS = 'FETCH_SETTINGS_SUCCESS'
+
+export const FETCH_TEMPLATES_ERROR = 'FETCH_TEMPLATES_ERROR'
+export const FETCH_TEMPLATES_INIT = 'FETCH_TEMPLATES_INIT'
+export const FETCH_TEMPLATES_SUCCESS = 'FETCH_TEMPLATES_SUCCESS'
+
+export const FETCH_CURRENT_USER_ERROR = 'FETCH_CURRENT_USER_ERROR'
+export const FETCH_CURRENT_USER_INIT = 'FETCH_CURRENT_USER_INIT'
+export const FETCH_CURRENT_USER_SUCCESS = 'FETCH_CURRENT_USER_SUCCESS'
diff --git a/rdmo/core/assets/js/actions/configActions.js b/rdmo/core/assets/js/actions/configActions.js
new file mode 100644
index 0000000000..0aaebe47b9
--- /dev/null
+++ b/rdmo/core/assets/js/actions/configActions.js
@@ -0,0 +1,9 @@
+import { UPDATE_CONFIG, DELETE_CONFIG } from './actionTypes'
+
+export function updateConfig(path, value, ls = false) {
+  return {type: UPDATE_CONFIG, path, value, ls}
+}
+
+export function deleteConfig(path, ls = false) {
+  return {type: DELETE_CONFIG, path, ls}
+}
diff --git a/rdmo/core/assets/js/actions/pendingActions.js b/rdmo/core/assets/js/actions/pendingActions.js
new file mode 100644
index 0000000000..2ee4aaf514
--- /dev/null
+++ b/rdmo/core/assets/js/actions/pendingActions.js
@@ -0,0 +1,9 @@
+import { ADD_TO_PENDING, REMOVE_FROM_PENDING } from './actionTypes'
+
+export function addToPending(item) {
+  return {type: ADD_TO_PENDING, item}
+}
+
+export function removeFromPending(item) {
+  return {type: REMOVE_FROM_PENDING, item}
+}
diff --git a/rdmo/core/assets/js/actions/settingsActions.js b/rdmo/core/assets/js/actions/settingsActions.js
new file mode 100644
index 0000000000..d95f6be36a
--- /dev/null
+++ b/rdmo/core/assets/js/actions/settingsActions.js
@@ -0,0 +1,25 @@
+import CoreApi from '../api/CoreApi'
+
+import { FETCH_SETTINGS_ERROR, FETCH_SETTINGS_INIT, FETCH_SETTINGS_SUCCESS } from './actionTypes'
+
+export function fetchSettings() {
+  return function(dispatch) {
+    dispatch(fetchSettingsInit())
+
+    return CoreApi.fetchSettings()
+      .then((settings) => dispatch(fetchSettingsSuccess(settings)))
+      .catch((errors) => dispatch(fetchSettingsError(errors)))
+  }
+}
+
+export function fetchSettingsInit() {
+  return {type: FETCH_SETTINGS_INIT}
+}
+
+export function fetchSettingsSuccess(settings) {
+  return {type: FETCH_SETTINGS_SUCCESS, settings}
+}
+
+export function fetchSettingsError(errors) {
+  return {type: FETCH_SETTINGS_ERROR, errors}
+}
diff --git a/rdmo/core/assets/js/actions/templateActions.js b/rdmo/core/assets/js/actions/templateActions.js
new file mode 100644
index 0000000000..90e598e342
--- /dev/null
+++ b/rdmo/core/assets/js/actions/templateActions.js
@@ -0,0 +1,25 @@
+import CoreApi from '../api/CoreApi'
+
+import { FETCH_TEMPLATES_ERROR, FETCH_TEMPLATES_INIT, FETCH_TEMPLATES_SUCCESS } from './actionTypes'
+
+export function fetchTemplates() {
+  return function(dispatch) {
+    dispatch(fetchTemplatesInit())
+
+    return CoreApi.fetchTemplates()
+      .then((templates) => dispatch(fetchTemplatesSuccess(templates)))
+      .catch((errors) => dispatch(fetchTemplatesError(errors)))
+  }
+}
+
+export function fetchTemplatesInit() {
+  return {type: FETCH_TEMPLATES_INIT}
+}
+
+export function fetchTemplatesSuccess(templates) {
+  return {type: FETCH_TEMPLATES_SUCCESS, templates}
+}
+
+export function fetchTemplatesError(errors) {
+  return {type: FETCH_TEMPLATES_ERROR, errors}
+}
diff --git a/rdmo/core/assets/js/actions/userActions.js b/rdmo/core/assets/js/actions/userActions.js
new file mode 100644
index 0000000000..2c2922428d
--- /dev/null
+++ b/rdmo/core/assets/js/actions/userActions.js
@@ -0,0 +1,25 @@
+import AccountsApi from '../api/AccountsApi'
+
+import { FETCH_CURRENT_USER_ERROR, FETCH_CURRENT_USER_INIT, FETCH_CURRENT_USER_SUCCESS } from './actionTypes'
+
+export function fetchCurrentUser() {
+  return function(dispatch) {
+    dispatch(fetchCurrentUserInit())
+
+    return AccountsApi.fetchCurrentUser(true)
+      .then(currentUser => dispatch(fetchCurrentUserSuccess({ currentUser })))
+      .catch(error => dispatch(fetchCurrentUserError(error)))
+  }
+}
+
+export function fetchCurrentUserInit() {
+  return {type: FETCH_CURRENT_USER_INIT}
+}
+
+export function fetchCurrentUserSuccess(currentUser) {
+  return {type: FETCH_CURRENT_USER_SUCCESS, currentUser}
+}
+
+export function fetchCurrentUserError(error) {
+  return {type: FETCH_CURRENT_USER_ERROR, error}
+}
diff --git a/rdmo/projects/assets/js/api/AccountsApi.js b/rdmo/core/assets/js/api/AccountsApi.js
similarity index 100%
rename from rdmo/projects/assets/js/api/AccountsApi.js
rename to rdmo/core/assets/js/api/AccountsApi.js
diff --git a/rdmo/core/assets/js/api/BaseApi.js b/rdmo/core/assets/js/api/BaseApi.js
index b993faaf08..c7d6d76510 100644
--- a/rdmo/core/assets/js/api/BaseApi.js
+++ b/rdmo/core/assets/js/api/BaseApi.js
@@ -1,7 +1,7 @@
 import Cookies from 'js-cookie'
 import isUndefined from 'lodash/isUndefined'
 
-import baseUrl from '../utils/baseUrl'
+import { baseUrl } from '../utils/meta'
 
 function ApiError(statusText, status) {
   this.status = status
@@ -48,6 +48,32 @@ class BaseApi {
       body: JSON.stringify(data)
     }).catch(error => {
       throw new ApiError(error.message)
+    }).then(response => {
+      if (response.ok) {
+        if (response.status == 204) {
+          return null
+        } else {
+          return response.json()
+        }
+      } else if (response.status == 400) {
+        return response.json().then(errors => {
+          throw new ValidationError(errors)
+        })
+      } else {
+        throw new ApiError(response.statusText, response.status)
+      }
+    })
+  }
+
+  static postFormData(url, formData) {
+    return fetch(baseUrl + url, {
+      method: 'POST',
+      headers: {
+        'X-CSRFToken': Cookies.get('csrftoken')
+      },
+      body: formData
+    }).catch(error => {
+      throw new ApiError(error.message)
     }).then(response => {
       if (response.ok) {
         return response.json()
diff --git a/rdmo/core/assets/js/api/CoreApi.js b/rdmo/core/assets/js/api/CoreApi.js
index ef77eb4701..d97cfc2983 100644
--- a/rdmo/core/assets/js/api/CoreApi.js
+++ b/rdmo/core/assets/js/api/CoreApi.js
@@ -14,6 +14,10 @@ class CoreApi extends BaseApi {
     return this.get('/api/v1/core/groups/')
   }
 
+  static fetchTemplates() {
+    return this.get('/api/v1/core/templates/')
+  }
+
 }
 
 export default CoreApi
diff --git a/rdmo/core/assets/js/base.js b/rdmo/core/assets/js/base.js
new file mode 100644
index 0000000000..3bab0caba5
--- /dev/null
+++ b/rdmo/core/assets/js/base.js
@@ -0,0 +1 @@
+import 'bootstrap-sass'
diff --git a/rdmo/core/assets/js/components/Html.js b/rdmo/core/assets/js/components/Html.js
new file mode 100644
index 0000000000..acd13bbd23
--- /dev/null
+++ b/rdmo/core/assets/js/components/Html.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { isEmpty } from 'lodash'
+
+const Html = ({ html = '' }) => {
+  return !isEmpty(html) && (
+    <div dangerouslySetInnerHTML={{ __html: html }} />
+  )
+}
+
+Html.propTypes = {
+  className: PropTypes.string,
+  html: PropTypes.string
+}
+
+export default Html
diff --git a/rdmo/core/assets/js/components/Modal.js b/rdmo/core/assets/js/components/Modal.js
index a3f2cd70b8..2ef42a543b 100644
--- a/rdmo/core/assets/js/components/Modal.js
+++ b/rdmo/core/assets/js/components/Modal.js
@@ -2,24 +2,29 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Modal as BootstrapModal } from 'react-bootstrap'
 
-const Modal = ({ bsSize, buttonLabel, buttonProps, title, show, onClose, onSave, children }) => {
+const Modal = ({ title, show, modalProps, submitLabel, submitProps, onClose, onSubmit, children }) => {
   return (
-    <BootstrapModal bsSize={bsSize} className="element-modal" onHide={onClose} show={show}>
+    <BootstrapModal className="element-modal" onHide={onClose} show={show} {...modalProps}>
       <BootstrapModal.Header closeButton>
         <h2 className="modal-title">{title}</h2>
       </BootstrapModal.Header>
-      <BootstrapModal.Body>
-        { children }
-      </BootstrapModal.Body>
+      {
+        children && (
+          <BootstrapModal.Body>
+            { children }
+          </BootstrapModal.Body>
+        )
+      }
       <BootstrapModal.Footer>
         <button type="button" className="btn btn-default" onClick={onClose}>
           {gettext('Close')}
         </button>
-        { onSave ?
-          <button type="button" className="btn btn-primary" onClick={onSave} {...buttonProps}>
-            {buttonLabel ?? gettext('Save')}
-          </button>
-          : null
+        {
+          onSubmit && (
+            <button type="button" className="btn btn-primary" onClick={onSubmit} {...submitProps}>
+              {submitLabel ?? gettext('Save')}
+            </button>
+          )
         }
       </BootstrapModal.Footer>
     </BootstrapModal>
@@ -27,14 +32,14 @@ const Modal = ({ bsSize, buttonLabel, buttonProps, title, show, onClose, onSave,
 }
 
 Modal.propTypes = {
-  bsSize: PropTypes.oneOf(['lg', 'large', 'sm', 'small']),
-  buttonLabel: PropTypes.string,
-  buttonProps: PropTypes.object,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  onClose: PropTypes.func.isRequired,
-  onSave: PropTypes.func,
-  show: PropTypes.bool.isRequired,
   title: PropTypes.string.isRequired,
+  show: PropTypes.bool.isRequired,
+  modalProps: PropTypes.object,
+  submitLabel: PropTypes.string,
+  submitProps: PropTypes.object,
+  onClose: PropTypes.func.isRequired,
+  onSubmit: PropTypes.func,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
 }
 
 export default Modal
diff --git a/rdmo/core/assets/js/containers/Pending.js b/rdmo/core/assets/js/containers/Pending.js
new file mode 100644
index 0000000000..07609f8a79
--- /dev/null
+++ b/rdmo/core/assets/js/containers/Pending.js
@@ -0,0 +1,24 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { connect } from 'react-redux'
+import { isEmpty } from 'lodash'
+
+const Pending = ({ pending }) => {
+  return (
+    !isEmpty(pending.items) && (
+      <i className="fa fa-circle-o-notch fa-spin fa-fw"></i>
+    )
+  )
+}
+
+Pending.propTypes = {
+  pending: PropTypes.object.isRequired,
+}
+
+function mapStateToProps(state) {
+  return {
+    pending: state.pending,
+  }
+}
+
+export default connect(mapStateToProps)(Pending)
diff --git a/rdmo/core/assets/js/reducers/configReducer.js b/rdmo/core/assets/js/reducers/configReducer.js
new file mode 100644
index 0000000000..9001d4e8c4
--- /dev/null
+++ b/rdmo/core/assets/js/reducers/configReducer.js
@@ -0,0 +1,22 @@
+import { updateConfig, deleteConfig, setConfigInLocalStorage, deleteConfigInLocalStorage } from '../utils/config'
+
+import { DELETE_CONFIG, UPDATE_CONFIG } from '../actions/actionTypes'
+
+const initialState = {}
+
+export default function configReducer(state = initialState, action) {
+  switch(action.type) {
+    case UPDATE_CONFIG:
+      if (action.ls) {
+        setConfigInLocalStorage(state.prefix, action.path, action.value)
+      }
+      return updateConfig(state, action.path, action.value)
+    case DELETE_CONFIG:
+      if (action.ls) {
+        deleteConfigInLocalStorage(state.prefix, action.path)
+      }
+      return deleteConfig(state, action.path)
+    default:
+      return state
+  }
+}
diff --git a/rdmo/core/assets/js/reducers/pendingReducer.js b/rdmo/core/assets/js/reducers/pendingReducer.js
new file mode 100644
index 0000000000..7f5b9de1cc
--- /dev/null
+++ b/rdmo/core/assets/js/reducers/pendingReducer.js
@@ -0,0 +1,16 @@
+import { ADD_TO_PENDING, REMOVE_FROM_PENDING } from '../actions/actionTypes'
+
+const initialState = {
+  items: []
+}
+
+export default function pendingReducer(state = initialState, action) {
+  switch(action.type) {
+    case ADD_TO_PENDING:
+      return { ...state, items: [...state.items, action.item] }
+    case REMOVE_FROM_PENDING:
+      return { ...state, items: state.items.filter((item) => (item != action.item)) }
+    default:
+      return state
+  }
+}
diff --git a/rdmo/core/assets/js/reducers/settingsReducer.js b/rdmo/core/assets/js/reducers/settingsReducer.js
new file mode 100644
index 0000000000..379f1829de
--- /dev/null
+++ b/rdmo/core/assets/js/reducers/settingsReducer.js
@@ -0,0 +1,14 @@
+import { FETCH_SETTINGS_ERROR, FETCH_SETTINGS_SUCCESS } from '../actions/actionTypes'
+
+const initialState = {}
+
+export default function settingsReducer(state = initialState, action) {
+  switch(action.type) {
+    case FETCH_SETTINGS_SUCCESS:
+      return { ...state, ...action.settings }
+    case FETCH_SETTINGS_ERROR:
+      return { ...state, errors: action.errors }
+    default:
+      return state
+  }
+}
diff --git a/rdmo/core/assets/js/reducers/templateReducer.js b/rdmo/core/assets/js/reducers/templateReducer.js
new file mode 100644
index 0000000000..b7897f2eb8
--- /dev/null
+++ b/rdmo/core/assets/js/reducers/templateReducer.js
@@ -0,0 +1,14 @@
+import { FETCH_TEMPLATES_ERROR, FETCH_TEMPLATES_SUCCESS } from '../actions/actionTypes'
+
+const initialState = {}
+
+export default function templateReducer(state = initialState, action) {
+  switch(action.type) {
+    case FETCH_TEMPLATES_SUCCESS:
+      return { ...state, ...action.templates }
+    case FETCH_TEMPLATES_ERROR:
+      return { ...state, errors: action.errors }
+    default:
+      return state
+  }
+}
diff --git a/rdmo/core/assets/js/reducers/userReducer.js b/rdmo/core/assets/js/reducers/userReducer.js
new file mode 100644
index 0000000000..8c76285f56
--- /dev/null
+++ b/rdmo/core/assets/js/reducers/userReducer.js
@@ -0,0 +1,18 @@
+import { FETCH_CURRENT_USER_ERROR, FETCH_CURRENT_USER_INIT, FETCH_CURRENT_USER_SUCCESS } from '../actions/actionTypes'
+
+const initialState = {
+  currentUser: {},
+}
+
+export default function userReducer(state = initialState, action) {
+  switch(action.type) {
+    case FETCH_CURRENT_USER_INIT:
+      return {...state, ...action.currentUser}
+    case FETCH_CURRENT_USER_SUCCESS:
+      return {...state, ...action.currentUser}
+    case FETCH_CURRENT_USER_ERROR:
+      return {...state, errors: action.error.errors}
+    default:
+       return state
+  }
+}
diff --git a/rdmo/core/assets/js/utils/baseUrl.js b/rdmo/core/assets/js/utils/baseUrl.js
deleted file mode 100644
index 22a17df960..0000000000
--- a/rdmo/core/assets/js/utils/baseUrl.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// take the baseurl from the <head> of the django template
-export default document.querySelector('meta[name="baseurl"]').content.replace(/\/+$/, '')
diff --git a/rdmo/core/assets/js/utils/config.js b/rdmo/core/assets/js/utils/config.js
new file mode 100644
index 0000000000..22b1be6460
--- /dev/null
+++ b/rdmo/core/assets/js/utils/config.js
@@ -0,0 +1,58 @@
+import { set, unset, toNumber, isNaN } from 'lodash'
+
+const updateConfig = (config, path, value) => {
+  const newConfig = {...config}
+  set(newConfig, path, value)
+  return newConfig
+}
+
+const deleteConfig = (config, path) => {
+  const newConfig = {...config}
+  unset(newConfig, path)
+  return newConfig
+}
+
+const getConfigFromLocalStorage = (prefix) => {
+  const ls = {...localStorage}
+
+  return Object.entries(ls)
+    .filter(([lsPath,]) => lsPath.startsWith(prefix))
+    .map(([lsPath, lsValue]) => {
+      if (lsPath.startsWith(prefix)) {
+        const path = lsPath.replace(`${prefix}.`, '')
+
+        // check if it is literal 'true' or 'false'
+        if (lsValue === 'true') {
+          return [path, true]
+        } else if (lsValue === 'false') {
+          return [path, false]
+        }
+
+        // check if the value is number or a string
+        const numberValue = toNumber(lsValue)
+        if (isNaN(numberValue)) {
+          return [path, lsValue]
+        } else {
+          return [path, numberValue]
+        }
+      } else {
+        return null
+      }
+    })
+}
+
+const setConfigInLocalStorage = (prefix, path, value) => {
+  localStorage.setItem(`${prefix}.${path}`, value)
+}
+
+const deleteConfigInLocalStorage = (prefix, path) => {
+  localStorage.removeItem(`${prefix}.${path}`)
+}
+
+export {
+  updateConfig,
+  deleteConfig,
+  getConfigFromLocalStorage,
+  setConfigInLocalStorage,
+  deleteConfigInLocalStorage
+}
diff --git a/rdmo/core/assets/js/utils/index.js b/rdmo/core/assets/js/utils/index.js
index c2d32da182..30d03229a7 100644
--- a/rdmo/core/assets/js/utils/index.js
+++ b/rdmo/core/assets/js/utils/index.js
@@ -1,5 +1,2 @@
 export * from './api'
-export { default as baseUrl } from './baseUrl'
-export { default as language } from './language'
-export { default as siteId } from './siteId'
-export { default as staticUrl } from './staticUrl'
+export { baseUrl, language, siteId, staticUrl } from './meta'
diff --git a/rdmo/core/assets/js/utils/lang.js b/rdmo/core/assets/js/utils/lang.js
new file mode 100644
index 0000000000..24bce4d468
--- /dev/null
+++ b/rdmo/core/assets/js/utils/lang.js
@@ -0,0 +1,2 @@
+// take the baseurl from the <head> of the django template
+export default document.querySelector('html').getAttribute('lang')
diff --git a/rdmo/core/assets/js/utils/language.js b/rdmo/core/assets/js/utils/language.js
deleted file mode 100644
index 58dc8a369e..0000000000
--- a/rdmo/core/assets/js/utils/language.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// take the language from the <head> of the django template
-export default document.querySelector('meta[name="language"]').content
diff --git a/rdmo/core/assets/js/utils/meta.js b/rdmo/core/assets/js/utils/meta.js
new file mode 100644
index 0000000000..d8186e6c2f
--- /dev/null
+++ b/rdmo/core/assets/js/utils/meta.js
@@ -0,0 +1,9 @@
+// take information from the <head> of the django template
+
+export const baseUrl = document.querySelector('meta[name="baseurl"]').content.replace(/\/+$/, '')
+
+export const staticUrl = document.querySelector('meta[name="staticurl"]').content.replace(/\/+$/, '')
+
+export const siteId = Number(document.querySelector('meta[name="site_id"]').content)
+
+export const language = document.querySelector('meta[name="language"]').content
diff --git a/rdmo/core/assets/js/utils/siteId.js b/rdmo/core/assets/js/utils/siteId.js
deleted file mode 100644
index 7b413b672e..0000000000
--- a/rdmo/core/assets/js/utils/siteId.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// take the site_id from the <head> of the django template
-export default Number(document.querySelector('meta[name="site_id"]').content)
diff --git a/rdmo/core/assets/js/utils/staticUrl.js b/rdmo/core/assets/js/utils/staticUrl.js
deleted file mode 100644
index 0a1323cb10..0000000000
--- a/rdmo/core/assets/js/utils/staticUrl.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// take the staticurl from the <head> of the django template
-export default document.querySelector('meta[name="staticurl"]').content.replace(/\/+$/, '')
diff --git a/rdmo/core/assets/js/utils/store.js b/rdmo/core/assets/js/utils/store.js
new file mode 100644
index 0000000000..d30203fd59
--- /dev/null
+++ b/rdmo/core/assets/js/utils/store.js
@@ -0,0 +1,14 @@
+import Cookies from 'js-cookie'
+import isEmpty from 'lodash/isEmpty'
+
+const checkStoreId = () => {
+  const currentStoreId = Cookies.get('storeid')
+  const localStoreId = localStorage.getItem('rdmo.storeid')
+
+  if (isEmpty(localStoreId) || localStoreId !== currentStoreId) {
+    localStorage.clear()
+    localStorage.setItem('rdmo.storeid', currentStoreId)
+  }
+}
+
+export { checkStoreId }
diff --git a/rdmo/core/assets/scss/base.scss b/rdmo/core/assets/scss/base.scss
new file mode 100644
index 0000000000..66febc9427
--- /dev/null
+++ b/rdmo/core/assets/scss/base.scss
@@ -0,0 +1,16 @@
+$icon-font-path: "bootstrap-sass/assets/fonts/bootstrap/";
+@import '~bootstrap-sass';
+@import '~font-awesome/css/font-awesome.css';
+
+@import 'react-datepicker/dist/react-datepicker.css';
+
+@import 'variables';
+@import 'style';
+
+@import 'codemirror';
+@import 'fonts';
+@import 'footer';
+@import 'forms';
+@import 'header';
+@import 'swagger';
+@import 'utils';
diff --git a/rdmo/core/assets/scss/codemirror.scss b/rdmo/core/assets/scss/codemirror.scss
new file mode 100644
index 0000000000..be9f2c0bef
--- /dev/null
+++ b/rdmo/core/assets/scss/codemirror.scss
@@ -0,0 +1,9 @@
+.CodeMirror {
+    font-family: DroidSans-Mono, mono;
+}
+
+formgroup .CodeMirror {
+    border-radius: 4px;
+    border: 1px solid #ccc;
+    color: #555;
+}
diff --git a/rdmo/core/assets/scss/fonts.scss b/rdmo/core/assets/scss/fonts.scss
new file mode 100644
index 0000000000..4d1f217320
--- /dev/null
+++ b/rdmo/core/assets/scss/fonts.scss
@@ -0,0 +1,44 @@
+@font-face {
+    font-family: "DroidSans";
+    src: url('../fonts/DroidSans.ttf');
+}
+@font-face {
+    font-family: "DroidSans";
+    src: url('../fonts/DroidSans-Bold.ttf');
+    font-weight: bold;
+}
+@font-face {
+    font-family: "DroidSans-Mono";
+    src: url('../fonts/DroidSansMono.ttf');
+}
+@font-face {
+    font-family: "DroidSerif";
+    src: url('../fonts/DroidSerif.ttf');
+}
+@font-face {
+    font-family: "DroidSerif";
+    src: url('../fonts/DroidSerif-Bold.ttf');
+    font-weight: bold;
+}
+@font-face {
+    font-family: "DroidSerif";
+    src: url('../fonts/DroidSerif-Italic.ttf');
+    font-style: italic;
+}
+@font-face {
+    font-family: "DroidSerif";
+    src: url('../fonts/DroidSerif-BoldItalic.ttf');
+    font-style: italic;
+    font-weight: bold;
+}
+
+body {
+    font-family: DroidSans, sans;
+}
+h1, h2, h3, h4, h5, h6 {
+    font-family: DroidSerif, serif;
+}
+
+a.fa {
+    text-decoration: none !important;
+}
diff --git a/rdmo/core/assets/scss/footer.scss b/rdmo/core/assets/scss/footer.scss
new file mode 100644
index 0000000000..7b4838c053
--- /dev/null
+++ b/rdmo/core/assets/scss/footer.scss
@@ -0,0 +1,55 @@
+$footer-height: 280px;
+$footer-height-md: 600px;
+$footer-height-sm: 260px;
+
+/* footer layout */
+
+.content {
+    min-height: 100%;
+    margin-bottom: -$footer-height;
+    padding-bottom: $footer-height;
+}
+footer {
+    height: $footer-height;
+}
+@media (max-width: $screen-sm-max) {
+    .content {
+        margin-bottom: -$footer-height-md;
+        padding-bottom: $footer-height-md;
+    }
+    footer {
+        height: $footer-height-md;
+    }
+}
+@media (max-width: $screen-xs-max) {
+    .content {
+        margin-bottom: -$footer-height-md;
+        padding-bottom: $footer-height-md;
+    }
+    footer {
+        height: $footer-height-md;
+    }
+}
+
+/* footer style */
+
+footer {
+    color: $footer-color;
+    background-color: $footer-background-color;
+    padding-top: 20px;
+
+    a,
+    a:visited,
+    a:hover {
+        color: $footer-link-color;
+    }
+    h4 {
+        color: $footer-link-color;
+    }
+    p {
+        text-align: left;
+    }
+    img {
+        display: block;
+    }
+}
diff --git a/rdmo/core/assets/scss/forms.scss b/rdmo/core/assets/scss/forms.scss
new file mode 100644
index 0000000000..3149abb28f
--- /dev/null
+++ b/rdmo/core/assets/scss/forms.scss
@@ -0,0 +1,3 @@
+textarea {
+    resize: vertical;
+}
diff --git a/rdmo/core/assets/scss/header.scss b/rdmo/core/assets/scss/header.scss
new file mode 100644
index 0000000000..769b65c0df
--- /dev/null
+++ b/rdmo/core/assets/scss/header.scss
@@ -0,0 +1,89 @@
+$header-height: 400px;
+$header-height-md: 300px;
+
+header {
+    position: relative;
+
+    height: $header-height;
+    background-color: black;
+
+    .header-image {
+        position: absolute;
+        left: 0;
+        right: 0;
+
+        opacity: 0;
+        -webkit-transition: $image-transition;
+        -moz-transition: $image-transition;
+        -ms-transition: $image-transition;
+        -o-transition: $image-transition;
+        transition: $image-transition;
+
+        &.visible {
+            opacity: 1;
+        }
+        img {
+            display: block;
+            width: 100%;
+            height: $header-height;
+        }
+        p {
+            position: absolute;
+            bottom: 0;
+            right: 0;
+            z-index: 10;
+
+            padding-right: 5px;
+            margin-bottom: 5px;
+            font-size: 10px;
+            color: $footer-link-color;
+
+        }
+        a,
+        a:visited,
+        a:hover {
+            color: $footer-link-color;
+        }
+    }
+    .header-text {
+        position: relative;
+        padding-top: 100px;
+
+        h1 {
+            font-size: 60px;
+            color: white;
+        }
+        p {
+            font-size: 30px;
+            color: white;
+        }
+    }
+}
+@media (max-width: $screen-md-max) {
+    header {
+        height: $header-height-md;
+    }
+    header .header-image img {
+        height: $header-height-md;
+    }
+    header .header-text {
+        padding-top: 50px;
+    }
+}
+@media (max-width: $screen-xs-max) {
+    header {
+        background-color: inherit;
+        height: auto;
+    }
+    header .header-text {
+        padding-top: 0;
+    }
+    header .header-text h1 {
+        font-size: 40px;
+        color: $headline-color;
+    }
+    header .header-text p {
+        font-size: 20px;
+        color: $variant-color;
+    }
+}
diff --git a/rdmo/core/assets/scss/style.scss b/rdmo/core/assets/scss/style.scss
new file mode 100644
index 0000000000..795a6f9228
--- /dev/null
+++ b/rdmo/core/assets/scss/style.scss
@@ -0,0 +1,497 @@
+html, body {
+    height: 100%;
+    background-color: $background-color;
+}
+
+h1, h2, h3, h4 {
+    color: $headline-color;
+    background-color: $headline-background-color;
+    line-height: 40px;
+}
+h5, h6 {
+    color: $headline-color;
+    background-color: $headline-background-color;
+    font-size: medium;
+    line-height: 20px;
+}
+h1 {
+    font-size: 28px;
+}
+h2 {
+    font-size: 24px;
+}
+.sidebar h2,
+.modal h2 {
+    font-size: 20px;
+}
+h3 {
+    font-size: 16px;
+}
+h4 {
+    font-size: 14px;
+}
+form {
+    margin-bottom: 20px;
+}
+.extend {
+    width: 100%;
+}
+
+a {
+    color: $link-color;
+
+    &:visited {
+        color: $link-color-visited;
+    }
+    &:hover {
+        color: $link-color-hover;
+    }
+    &:focus {
+        color: $link-color-focus;
+    }
+
+    &.btn {
+        color: white;
+
+        &:visited,
+        &:hover,
+        &:focus {
+            color: white;
+        }
+    }
+    &.text-warning {
+        &:visited,
+        &:hover,
+        &:focus {
+            color: #8a6d3b;
+        }
+    }
+    &.text-danger {
+        &:visited,
+        &:hover,
+        &:focus {
+            color: #a94442;
+        }
+    }
+
+    &.disabled {
+        cursor: not-allowed;
+    }
+}
+
+code {
+    word-wrap: break-word;
+
+    &.code-questions {
+        color: rgb(16, 31, 112);
+        background-color: rgba(16, 31, 112, 0.1);
+    }
+    &.code-options {
+        color: rgb(255, 100, 0);
+        background-color: rgba(255, 100, 0, 0.1);
+    }
+    &.code-options-provider {
+        color: white;
+        background-color: rgba(255, 100, 0, 0.8);
+    }
+    &.code-conditions {
+        color: rgb(128, 0, 128);
+        background-color: rgba(128, 0, 128, 0.1);
+    }
+    &.code-tasks {
+        color: rgb(128, 0, 0);
+        background-color: rgba(128, 0, 0, 0.1);
+    }
+    &.code-views {
+        color: rgb(0, 128, 0);
+        background-color: rgba(0, 128, 0, 0.1);
+    }
+    &.code-order {
+        color: rgb(96, 96, 96);
+        background-color: rgba(96, 96, 96, 0.1);
+    }
+    &.code-import {
+        color: black;
+        background-color: rgba(96, 96, 96, 0.1);
+    }
+}
+
+table {
+    p {
+        margin-bottom: 5px;
+    }
+    p:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.table-break-word {
+    td {
+        word-break: break-all;
+    }
+}
+
+details {
+    margin-bottom: 10px;
+}
+
+summary {
+    display: list-item;
+    cursor: pointer;
+    margin-bottom: 5px;
+}
+
+metadata {
+    display: none;
+}
+
+/* navbar */
+
+.navbar-default {
+    background-color: $navigation-background-color;
+    border-bottom: none;
+
+    .navbar-brand,
+    .navbar-nav > li > a,
+    .navbar-nav > li > a:focus {
+        color: $navigation-color;
+        background-color: transparent;
+    }
+    .navbar-brand:hover,
+    .navbar-nav > li > a:hover,
+    .navbar-nav > .open > a,
+    .navbar-nav > .open > a:focus,
+    .navbar-nav > .open > a:hover {
+        color: $navigation-hover-color;
+        background-color: $navigation-hover-background-color;
+    }
+
+    .dropdown li.divider:first-child {
+        display: none;
+    }
+}
+
+/* content */
+
+.content {
+    padding-top: 50px; /* same height as the navbar */
+}
+.sidebar {
+    /* make the sidebar sticky */
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+}
+.page, .sidebar {
+    height: 100%;
+    margin-top: 10px;
+    margin-bottom: 60px;
+}
+.page h2:nth-child(2) {
+    margin-top: 0;
+}
+.sidebar h2:first-child,
+.sidebar .import-buttons {
+    margin-top: 70px;
+}
+
+/* questions overview */
+
+.section-panel {
+
+}
+
+.subsection-panel {
+    margin-left: 40px;
+}
+
+.group-panel {
+    margin-left: 80px;
+
+    table th:first-child,
+    table td:first-child {
+        padding-left: 15px;
+    }
+
+    table th:last-child,
+    table td:last-child {
+        padding-right: 15px;
+    }
+}
+
+/* angular forms */
+
+.input-collection {
+    margin-bottom: 15px;
+}
+
+/* forms */
+
+.form-label {
+    margin-bottom: 5px;
+    font-weight: 700;
+}
+
+form .yesno label {
+    margin-right: 10px;
+}
+
+.row {
+    .checkbox,
+    .radio {
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
+
+    @media (min-width: $screen-xs-max) {
+        .checkbox-padding .checkbox,
+        .radio-padding .radio {
+            margin-top: 32px;
+            margin-bottom: 11px;
+        }
+    }
+}
+
+.input-xs {
+    height: 24px;
+    padding: 5px 10px;
+    font-size: 11px;
+    line-height: 1;
+    border-radius: 2px;
+}
+
+.help-block.info {
+    margin-top: 0;
+}
+
+.sidebar-form {
+    display: flex;
+    gap: 5px;
+}
+
+.upload-form {
+    .upload-form-field {
+        position: relative;
+
+        cursor: pointer;
+        border-radius: 4px;
+
+        flex-grow: 1;
+        overflow: hidden;
+
+        p,
+        input {
+            height: 34px;
+            margin: 0px;
+        }
+
+        p {
+            text-align: left;
+            cursor: pointer;
+
+            color: $link-color;
+            border: 1px solid silver;
+            border-radius: 4px;
+
+            width: calc(100% - 1px);
+            padding: 6px 14px;
+
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        input {
+            position: absolute;
+            z-index: 1;
+            padding: 0;
+            opacity: 0;
+        }
+
+        &:hover {
+            background-color: #e6e6e6;
+        }
+    }
+}
+
+/* modals */
+
+.modal-body {
+    > p:last-child,
+    formgroup:last-child .form-group {
+        margin-bottom: 0;
+    }
+
+    .copy-block {
+        margin-bottom: 20px;
+    }
+
+    .help-block {
+        font-size: small;
+        word-break: break-word;
+    }
+
+    .nav.nav-tabs {
+        margin-bottom: 20px;
+    }
+}
+
+/* options */
+
+.options-dropdown {
+    display: inline-block;
+
+    > a {
+        cursor: pointer;
+    }
+}
+
+/* panels */
+
+.panel-default {
+    min-height: 5px;
+}
+
+.panel-body {
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.panel li > p:last-child {
+    margin-bottom: 0;
+}
+
+/* lists */
+
+ul.list-arrow li {
+    margin-left: 20px;
+
+    &.active {
+        margin-left: 0;
+    }
+
+    &.active a:before {
+        float: left;
+        width: 20px;
+        text-align: right;
+        content: '\2192\0000a0'; /* right-arrow followed by a space */
+    }
+}
+
+/* misc */
+.form-errors {
+    margin-bottom: 20px;
+}
+li > a.control-label > i {
+    display: none;
+}
+li.has-error > a.control-label > i,
+li.has-warning > a.control-label > i {
+    display: inline;
+}
+.email-form label,
+.connections-form label {
+    display: block;
+    margin: 0;
+    line-height: 40px;
+    border-bottom: 1px solid $modal-border-color;
+}
+.email-form label:first-child,
+.connections-form label:first-child {
+    border-top: 1px solid $modal-border-color;
+}
+.email-form label input,
+.connections-form label input {
+    margin-left: 5px;
+    margin-right: 5px;
+}
+.email-form .email-form-buttons,
+.connections-form .connections-form-buttons {
+    margin-top: 10px;
+}
+.socialaccount_providers {
+    margin: 0;
+    padding: 0;
+    height: 42px;
+}
+.socialaccount_providers li {
+    float: left;
+    margin: 0 5px 10px 5px;
+    list-style: none;
+}
+.socialaccount_providers li.socialaccount_provider_break {
+    float: none;
+    margin-left: 0;
+    margin-right: 0;
+}
+.socialaccount_provider_name {
+    line-height: 29px;
+    font-weight: bold;
+}
+.logout-form {
+    margin: 0;
+}
+.logout-form .btn-link {
+    padding: 3px 20px;
+    color: $navigation-dropdown-color;
+    display: block;
+    width: 100%;
+    text-align: left;
+    border: none;
+    clear: both;
+    font-weight: 400;
+    line-height: 1.42857143;
+    white-space: nowrap;
+}
+.logout-form .btn-link:hover {
+    color: $navigation-dropdown-hover-color;
+    background-color: $navigation-dropdown-hover-background-color;
+    text-decoration: none;
+}
+.logout-form .btn-link:focus {
+    color: $navigation-dropdown-hover-color;
+    background-color: $navigation-dropdown-hover-background-color;
+    text-decoration: none;
+    outline: none;
+}
+.rdmo-logo {
+    width: 240px;
+    margin-top: 40px;
+}
+
+// adjust background "hover" color in select2 to $link-color
+.select2-results__option--highlighted{
+    background-color: $link-color !important,
+}
+
+.cc-myself {
+    .checkbox {
+        margin: 0;
+    }
+}
+
+.ng-binding {
+    :last-child {
+        margin-bottom: 0;
+    }
+}
+
+.inline_image {
+    max-width: 100%;
+}
+
+[data-toggle="tooltip"] {
+    cursor: help;
+    text-decoration: underline;
+    text-decoration-style: dotted;
+}
+
+.more,
+.show-less {
+    display: none;
+}
+.show-more,
+.show-less {
+    color: $link-color;
+    cursor: pointer;
+}
diff --git a/rdmo/core/assets/scss/swagger.scss b/rdmo/core/assets/scss/swagger.scss
new file mode 100644
index 0000000000..0a0ecc6cac
--- /dev/null
+++ b/rdmo/core/assets/scss/swagger.scss
@@ -0,0 +1,28 @@
+.topbar {
+    background-color: $headline-color !important;
+}
+
+.swagger-ui .info {
+    margin: 30px;
+}
+
+.swagger-ui .btn.authorize {
+    border-color: $footer-background-color;
+    color: $text-color;
+}
+
+.swagger-ui .btn.authorize svg {
+    fill: $footer-background-color;
+}
+
+.swagger-ui .btn.authorize {
+    color: $footer-background-color !important;
+}
+
+.topbar img {
+    filter: hue-rotate(180deg)
+}
+
+.download-url-wrapper .download-url-button {
+    background-color: $headline-color !important;
+}
diff --git a/rdmo/core/assets/scss/utils.scss b/rdmo/core/assets/scss/utils.scss
new file mode 100644
index 0000000000..0e45f92470
--- /dev/null
+++ b/rdmo/core/assets/scss/utils.scss
@@ -0,0 +1,92 @@
+.flip {
+    transform: rotate(180deg) scaleX(-1);
+}
+
+.w-100 {
+    width: 100%;
+}
+.mt-0 {
+    margin-top: 0;
+}
+.mt-5 {
+    margin-top: 5px;
+}
+.mt-10 {
+    margin-top: 10px;
+}
+.mt-20 {
+    margin-top: 20px;
+}
+.mr-0 {
+    margin-right: 0;
+}
+.mr-5 {
+    margin-right: 5px;
+}
+.mr-10 {
+    margin-right: 10px;
+}
+.mr-20 {
+    margin-right: 20px;
+}
+.mb-0 {
+    margin-bottom: 0;
+}
+.mb-5 {
+    margin-bottom: 5px;
+}
+.mb-10 {
+    margin-bottom: 10px;
+}
+.mb-20 {
+    margin-bottom: 20px;
+}
+.ml-0 {
+    margin-left: 0;
+}
+.ml-5 {
+    margin-left: 5px;
+}
+.ml-10 {
+    margin-left: 10px;
+}
+.ml-20 {
+    margin-left: 20px;
+}
+
+.pt-0 {
+    padding-top: 0;
+}
+.pt-10 {
+    padding-top: 10px;
+}
+.pt-20 {
+    padding-top: 20px;
+}
+.pr-0 {
+    padding-right: 0;
+}
+.pr-10 {
+    padding-right: 10px;
+}
+.pr-20 {
+    padding-right: 20px;
+}
+.pb-0 {
+    padding-bottom: 0;
+}
+.pb-10 {
+    padding-bottom: 10px;
+}
+.pb-20 {
+    padding-bottom: 20px;
+}
+.pl-0 {
+    padding-left: 0;
+}
+.pl-10 {
+    padding-left: 10px;
+}
+.pl-20 {
+    padding-left: 20px;
+}
diff --git a/rdmo/core/management/commands/build.py b/rdmo/core/management/commands/build.py
new file mode 100644
index 0000000000..9e67ff1905
--- /dev/null
+++ b/rdmo/core/management/commands/build.py
@@ -0,0 +1,13 @@
+import subprocess
+import sys
+
+from django.core.management import call_command
+from django.core.management.base import BaseCommand
+
+
+class Command(BaseCommand):
+
+    def handle(self, *args, **options):
+        call_command('npm', 'ci')
+        call_command('npm', 'run', 'build:prod')
+        subprocess.call(['/bin/bash', '-c', f'{sys.executable} -m build'])
diff --git a/rdmo/core/management/commands/clean.py b/rdmo/core/management/commands/clean.py
new file mode 100644
index 0000000000..bd7a3de439
--- /dev/null
+++ b/rdmo/core/management/commands/clean.py
@@ -0,0 +1,53 @@
+import os
+import shutil
+
+from django.conf import settings
+from django.core.management.base import BaseCommand
+
+
+class Command(BaseCommand):
+
+    def add_arguments(self, parser):
+        parser.add_argument('command', choices=[
+            'all',
+            'dist',
+            'media',
+            'npm',
+            'python',
+            'static',
+        ])
+
+    def handle(self, *args, **options):
+        if options['command'] in ['all', 'dist']:
+            self.clean_dir('dist')
+            self.clean_dir('rdmo.egg-info')
+        if options['command'] in ['all', 'media']:
+            self.clean_dir(settings.MEDIA_ROOT)
+        if options['command'] in ['all', 'npm']:
+            self.clean_dir('node_modules')
+        if options['command'] in ['all', 'static']:
+            self.clean_static()
+        if options['command'] in ['all', 'python']:
+            self.clean_python()
+
+    def clean_python(self):
+        for root, dirs, files in os.walk('.'):
+            for dir_name in dirs:
+                if dir_name == '__pycache__':
+                    self.clean_dir(os.path.join(root, dir_name), quiet=True)
+
+    def clean_static(self):
+        self.clean_dir(settings.STATIC_ROOT)
+
+        for path in [
+            # 'rdmo/core/static',     # TODO: enable after cleanup
+            'rdmo/management/static',
+            # 'rdmo/projects/static'  # TODO: enable after cleanup
+        ]:
+            self.clean_dir(path)
+
+    def clean_dir(self, path, quiet=False):
+        if path and os.path.exists(path):
+            shutil.rmtree(path)
+            if not quiet:
+                print(f'Directory "{path}" has been removed!')
diff --git a/rdmo/core/management/commands/messages.py b/rdmo/core/management/commands/messages.py
new file mode 100644
index 0000000000..aa1703ca72
--- /dev/null
+++ b/rdmo/core/management/commands/messages.py
@@ -0,0 +1,17 @@
+import subprocess
+
+from django.core.management.base import BaseCommand
+
+
+class Command(BaseCommand):
+
+    def add_arguments(self, parser):
+        parser.add_argument('command', choices=['make', 'compile'])
+
+    def handle(self, *args, **options):
+        if options['command'] == 'make':
+            subprocess.check_call(['django-admin', 'makemessages', '--all'], cwd='rdmo')
+            subprocess.check_call(['django-admin', 'makemessages', '--all', '-d', 'djangojs'], cwd='rdmo')
+
+        elif options['command'] == 'compile':
+            subprocess.check_call(['django-admin', 'compilemessages'], cwd='rdmo')
diff --git a/rdmo/core/management/commands/npm.py b/rdmo/core/management/commands/npm.py
new file mode 100644
index 0000000000..5e5929d931
--- /dev/null
+++ b/rdmo/core/management/commands/npm.py
@@ -0,0 +1,22 @@
+import os
+import subprocess
+
+from django.core.management.base import BaseCommand, CommandError
+
+
+class Command(BaseCommand):
+
+    def add_arguments(self, parser):
+        parser.add_argument('command', nargs="*")
+
+    def handle(self, *args, **options):
+        nvm_dir = os.getenv('NVM_DIR')
+
+        if nvm_dir is None:
+            raise CommandError('NVM_DIR is not set, is nvm.sh installed?')
+
+        if not os.path.exists(nvm_dir):
+            raise CommandError('NVM_DIR does not exist, is nvm.sh installed?')
+
+        command = ' '.join(options['command'])
+        subprocess.call(['/bin/bash', '-c', f'source {nvm_dir}/nvm.sh; npm {command}'])
diff --git a/rdmo/core/management/settings.py b/rdmo/core/management/settings.py
new file mode 100644
index 0000000000..aebbda76e3
--- /dev/null
+++ b/rdmo/core/management/settings.py
@@ -0,0 +1,11 @@
+'''
+Generic settings to be used with rdmo-admin outside of an rdmo-app.
+'''
+
+from rdmo.core.settings import *  # noqa: F403
+
+ROOT_URLCONF = ''
+
+DATABASES = {}
+
+STATIC_ROOT = 'static_root'
diff --git a/rdmo/core/settings.py b/rdmo/core/settings.py
index 35fa8c667c..63d3b17459 100644
--- a/rdmo/core/settings.py
+++ b/rdmo/core/settings.py
@@ -200,9 +200,11 @@
     'MULTISITE',
     'GROUPS',
     'EXPORT_FORMATS',
+    'PROJECT_VISIBILITY',
     'PROJECT_ISSUES',
     'PROJECT_VIEWS',
     'PROJECT_EXPORTS',
+    'PROJECT_SNAPSHOT_EXPORTS',
     'PROJECT_IMPORTS',
     'PROJECT_IMPORTS_LIST',
     'PROJECT_SEND_ISSUE',
@@ -218,7 +220,25 @@
     'MULTISITE',
     'GROUPS',
     'EXPORT_FORMATS',
-    'PROJECT_TABLE_PAGE_SIZE'
+    'PROJECT_TABLE_PAGE_SIZE',
+    'PROJECT_CONTACT'
+]
+
+TEMPLATES_API = [
+    'projects/project_interview_add_set_help.html',
+    'projects/project_interview_add_value_help.html',
+    'projects/project_interview_buttons_help.html',
+    'projects/project_interview_contact_help.html',
+    'projects/project_interview_done.html',
+    'projects/project_interview_error.html',
+    'projects/project_interview_multiple_values_warning.html',
+    'projects/project_interview_navigation_help.html',
+    'projects/project_interview_overview_help.html',
+    'projects/project_interview_page_help.html',
+    'projects/project_interview_page_tabs_help.html',
+    'projects/project_interview_progress_help.html',
+    'projects/project_interview_question_help.html',
+    'projects/project_interview_questionset_help.html'
 ]
 
 EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
@@ -279,12 +299,17 @@
 
 PROJECT_TABLE_PAGE_SIZE = 20
 
+PROJECT_VISIBILITY = True
+
 PROJECT_ISSUES = True
 
 PROJECT_ISSUE_PROVIDERS = []
 
 PROJECT_VIEWS = True
 
+PROJECT_CONTACT = False
+PROJECT_CONTACT_RECIPIENTS = []
+
 PROJECT_EXPORTS = [
     ('xml', _('RDMO XML'), 'rdmo.projects.exports.RDMOXMLExport'),
     ('csvcomma', _('CSV (comma separated)'), 'rdmo.projects.exports.CSVCommaExport'),
@@ -292,6 +317,8 @@
     ('json', _('JSON'), 'rdmo.projects.exports.JSONExport'),
 ]
 
+PROJECT_SNAPSHOT_EXPORTS = []
+
 PROJECT_IMPORTS = [
     ('xml', _('RDMO XML'), 'rdmo.projects.imports.RDMOXMLImport'),
 ]
diff --git a/rdmo/core/static/core/css/base.scss b/rdmo/core/static/core/css/base.scss
index e3519e18fb..1fd9b39b7e 100644
--- a/rdmo/core/static/core/css/base.scss
+++ b/rdmo/core/static/core/css/base.scss
@@ -97,9 +97,12 @@ a {
 
 .btn-link {
     color: $link-color;
+    padding: 0;
+    text-decoration: none;
 
     &:hover {
         color: $link-color-hover;
+        text-decoration: none;
     }
 }
 
diff --git a/rdmo/core/templates/core/base.html b/rdmo/core/templates/core/base.html
index d9508e1be9..4f3bb00e33 100644
--- a/rdmo/core/templates/core/base.html
+++ b/rdmo/core/templates/core/base.html
@@ -1,5 +1,5 @@
-{% load static compress core_tags %}<!DOCTYPE html>
-<html>
+{% load static compress core_tags i18n %}{% get_current_language as lang_code %}<!DOCTYPE html>
+<html lang="{{ lang_code }}">
 <head>
     {% include 'core/base_head.html' %}
 
diff --git a/rdmo/core/templates/core/bootstrap_form.html b/rdmo/core/templates/core/bootstrap_form.html
index 6444d2ebf7..4cbced2125 100644
--- a/rdmo/core/templates/core/bootstrap_form.html
+++ b/rdmo/core/templates/core/bootstrap_form.html
@@ -6,6 +6,11 @@
 
         {% include 'core/bootstrap_form_fields.html' %}
 
+        {% if submit %}
         <input type="submit" value="{{ submit }}" class="btn btn-primary" />
+        {% endif %}
+        {% if delete %}
+        <input type="submit" name="delete" value="{{ delete }}" class="btn btn-danger" />
+        {% endif %}
         <input type="submit" name="cancel" value="{% trans 'Cancel' %}" class="btn" />
     </form>
diff --git a/rdmo/core/templates/core/bootstrap_form_field.html b/rdmo/core/templates/core/bootstrap_form_field.html
index f34e8b9454..2104e387d4 100644
--- a/rdmo/core/templates/core/bootstrap_form_field.html
+++ b/rdmo/core/templates/core/bootstrap_form_field.html
@@ -1,3 +1,4 @@
+{% load i18n %}
 {% load widget_tweaks %}
 {% load core_tags %}
 
@@ -61,6 +62,12 @@
 
     {% render_field field class="form-control" %}
 
+    {% if type == 'selectmultiple' %}
+    <p class="help-block">
+    {% trans 'Hold down "Control", or "Command" on a Mac, to select more than one.' %}
+    </p>
+    {% endif %}
+
     {% endif %}
     {% endwith %}
 
diff --git a/rdmo/core/templatetags/core_tags.py b/rdmo/core/templatetags/core_tags.py
index 52a094b9ee..548ded6d81 100644
--- a/rdmo/core/templatetags/core_tags.py
+++ b/rdmo/core/templatetags/core_tags.py
@@ -114,6 +114,9 @@ def bootstrap_form(context, **kwargs):
     if 'submit' in kwargs:
         form_context['submit'] = kwargs['submit']
 
+    if 'delete' in kwargs:
+        form_context['delete'] = kwargs['delete']
+
     return render_to_string('core/bootstrap_form.html', form_context, request=context.request)
 
 
diff --git a/rdmo/core/tests/test_viewset_templates.py b/rdmo/core/tests/test_viewset_templates.py
new file mode 100644
index 0000000000..ea90ffc989
--- /dev/null
+++ b/rdmo/core/tests/test_viewset_templates.py
@@ -0,0 +1,32 @@
+import pytest
+
+from django.urls import reverse
+
+users = (
+    ('owner', 'owner'),
+    ('manager', 'manager'),
+    ('author', 'author'),
+    ('guest', 'guest'),
+    ('api', 'api'),
+    ('user', 'user'),
+    ('anonymous', None),
+)
+
+status_map = {
+    'list': {
+        'owner': 200, 'manager': 200, 'author': 200, 'guest': 200, 'api': 200, 'user': 200, 'anonymous': 401
+    }
+}
+
+urlnames = {
+    'list': 'template-list',
+}
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_list(db, client, username, password):
+    client.login(username=username, password=password)
+
+    url = reverse(urlnames['list'])
+    response = client.get(url)
+    assert response.status_code == status_map['list'][username], response.json()
diff --git a/rdmo/core/tests/utils.py b/rdmo/core/tests/utils.py
index 3bf4db8c4a..1fce8f674b 100644
--- a/rdmo/core/tests/utils.py
+++ b/rdmo/core/tests/utils.py
@@ -1,3 +1,5 @@
+import hashlib
+
 from rdmo.core.models import Model
 from rdmo.core.tests.constants import multisite_status_map, status_map_object_permissions
 
@@ -30,3 +32,7 @@ def get_obj_perms_status_code(instance, username, method):
     except KeyError:
         # not all users are defined in the method_instance_perms_map
         return multisite_status_map[method][username]
+
+
+def compute_checksum(string):
+    return hashlib.sha1(string).hexdigest()
diff --git a/rdmo/core/urls/v1.py b/rdmo/core/urls/v1.py
index 442d612de5..6e7139a9a4 100644
--- a/rdmo/core/urls/v1.py
+++ b/rdmo/core/urls/v1.py
@@ -2,12 +2,13 @@
 
 from rest_framework import routers
 
-from ..viewsets import GroupViewSet, SettingsViewSet, SitesViewSet
+from ..viewsets import GroupViewSet, SettingsViewSet, SitesViewSet, TemplatesViewSet
 
 router = routers.DefaultRouter()
 router.register(r'settings', SettingsViewSet, basename='setting')
 router.register(r'sites', SitesViewSet, basename='site')
 router.register(r'groups', GroupViewSet, basename='group')
+router.register(r'templates', TemplatesViewSet, basename='template')
 
 urlpatterns = [
     path('accounts/', include('rdmo.accounts.urls.v1')),
diff --git a/rdmo/core/utils.py b/rdmo/core/utils.py
index 791917b375..0813b05c74 100644
--- a/rdmo/core/utils.py
+++ b/rdmo/core/utils.py
@@ -418,3 +418,7 @@ def save_metadata(metadata):
     f = open(tmp_metadata_file)
     log.info('Save metadata file %s %s', tmp_metadata_file, str(metadata))
     return tmp_metadata_file
+
+
+def remove_double_newlines(string):
+    return re.sub(r'[\n]{2,}', '\n\n', string)
diff --git a/rdmo/core/viewsets.py b/rdmo/core/viewsets.py
index eaa97a2072..ea4e41af1a 100644
--- a/rdmo/core/viewsets.py
+++ b/rdmo/core/viewsets.py
@@ -1,6 +1,9 @@
+from pathlib import Path
+
 from django.conf import settings
 from django.contrib.auth.models import Group
 from django.contrib.sites.models import Site
+from django.template.loader import get_template
 
 from rest_framework import viewsets
 from rest_framework.permissions import IsAuthenticated
@@ -31,3 +34,14 @@ class GroupViewSet(viewsets.ReadOnlyModelViewSet):
     permission_classes = (HasModelPermission, )
     queryset = Group.objects.all()
     serializer_class = GroupSerializer
+
+
+class TemplatesViewSet(viewsets.GenericViewSet):
+
+    permission_classes = (IsAuthenticated, )
+
+    def list(self, request, *args, **kwargs):
+        return Response({
+            Path(template_path).stem: get_template(template_path).render(request=request).strip()
+            for template_path in settings.TEMPLATES_API
+        })
diff --git a/rdmo/domain/models.py b/rdmo/domain/models.py
index 165b866542..4a3bd408c1 100644
--- a/rdmo/domain/models.py
+++ b/rdmo/domain/models.py
@@ -58,7 +58,7 @@ class Meta:
         verbose_name_plural = _('Attributes')
 
     def __str__(self):
-        return self.path
+        return self.uri
 
     def save(self, *args, **kwargs):
         self.path = self.build_path(self.key, self.parent)
diff --git a/rdmo/management/assets/js/containers/Pending.js b/rdmo/management/assets/js/containers/Pending.js
deleted file mode 100644
index 7b421c49df..0000000000
--- a/rdmo/management/assets/js/containers/Pending.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { connect } from 'react-redux'
-
-const Pending = ({ config }) => {
-  if (config.pending) {
-    return <i className="fa fa-circle-o-notch fa-spin fa-fw"></i>
-  } else {
-    return null
-  }
-}
-
-Pending.propTypes = {
-  config: PropTypes.object.isRequired,
-}
-
-function mapStateToProps(state) {
-  return {
-    config: state.config,
-  }
-}
-
-export default connect(mapStateToProps)(Pending)
diff --git a/rdmo/management/assets/js/management.js b/rdmo/management/assets/js/management.js
index 55b37879ed..122f043cd2 100644
--- a/rdmo/management/assets/js/management.js
+++ b/rdmo/management/assets/js/management.js
@@ -7,9 +7,10 @@ import configureStore from './store/configureStore'
 import { DndProvider } from 'react-dnd'
 import { HTML5Backend } from 'react-dnd-html5-backend'
 
+import Pending from '../../../core/assets/js/containers/Pending'
+
 import Main from './containers/Main'
 import Sidebar from './containers/Sidebar'
-import Pending from './containers/Pending'
 
 const store = configureStore()
 
diff --git a/rdmo/management/assets/js/reducers/configReducer.js b/rdmo/management/assets/js/reducers/configReducer.js
index 31029c17f0..1476203c16 100644
--- a/rdmo/management/assets/js/reducers/configReducer.js
+++ b/rdmo/management/assets/js/reducers/configReducer.js
@@ -1,6 +1,6 @@
 import set from 'lodash/set'
 
-import baseUrl from 'rdmo/core/assets/js/utils/baseUrl'
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
 
 const initialState = {
   baseUrl: baseUrl + '/management/',
diff --git a/rdmo/options/providers.py b/rdmo/options/providers.py
index cc1c6bebe3..0990632623 100644
--- a/rdmo/options/providers.py
+++ b/rdmo/options/providers.py
@@ -15,6 +15,8 @@ def get_options(self, project, search=None, user=None, site=None):
 
 class SimpleProvider(Provider):
 
+    refresh = True
+
     def get_options(self, project, search=None, user=None, site=None):
         return [
             {
diff --git a/rdmo/projects/admin.py b/rdmo/projects/admin.py
index 1c82a6a5e8..07c72480ed 100644
--- a/rdmo/projects/admin.py
+++ b/rdmo/projects/admin.py
@@ -1,7 +1,9 @@
+from django import forms
 from django.contrib import admin
 from django.db.models import Prefetch
 from django.urls import reverse
 from django.utils.safestring import mark_safe
+from django.utils.translation import gettext_lazy as _
 
 from .models import (
     Continuation,
@@ -14,13 +16,37 @@
     Project,
     Snapshot,
     Value,
+    Visibility,
 )
+from .validators import ProjectParentValidator
+
+
+class ProjectAdminForm(forms.ModelForm):
+
+    class Meta:
+        model = Project
+        fields = [
+            'parent',
+            'site',
+            'title',
+            'description',
+            'catalog',
+            'views'
+        ]
+
+
+    def clean(self):
+        super().clean()
+        ProjectParentValidator(self.instance)(self.cleaned_data)
 
 
 @admin.register(Project)
 class ProjectAdmin(admin.ModelAdmin):
+    form = ProjectAdminForm
+
     search_fields = ('title', 'user__username')
     list_display = ('title', 'owners', 'updated', 'created')
+    readonly_fields = ('progress_count', 'progress_total')
 
     def get_queryset(self, request):
         return Project.objects.prefetch_related(
@@ -47,6 +73,25 @@ class ContinuationAdmin(admin.ModelAdmin):
     list_display = ('project', 'user', 'page')
 
 
+@admin.register(Visibility)
+class VisibilityAdmin(admin.ModelAdmin):
+    search_fields = ('project__title', 'sites', 'groups')
+    list_display = ('project', 'sites_list_display', 'groups_list_display')
+    filter_horizontal = ('sites', 'groups')
+
+    @admin.display(description=_('Sites'))
+    def sites_list_display(self, obj):
+        return _('all Sites') if obj.sites.count() == 0 else ', '.join([
+            site.domain for site in obj.sites.all()
+        ])
+
+    @admin.display(description=_('Groups'))
+    def groups_list_display(self, obj):
+        return _('all Groups') if obj.groups.count() == 0 else ', '.join([
+            group.name for group in obj.groups.all()
+        ])
+
+
 @admin.register(Integration)
 class IntegrationAdmin(admin.ModelAdmin):
     search_fields = ('project__title', 'provider_key')
@@ -105,7 +150,7 @@ def project_owners(self, obj):
 @admin.register(Value)
 class ValueAdmin(admin.ModelAdmin):
     search_fields = ('attribute__uri', 'project__title', 'snapshot__title', 'project__user__username')
-    list_display = ('attribute', 'set_prefix', 'set_index', 'collection_index', 'value_type',
+    list_display = ('attribute', 'set_prefix', 'set_index', 'collection_index', 'set_collection', 'value_type',
                     'project_title', 'project_owners', 'snapshot_title', 'updated', 'created')
     list_filter = ('value_type', )
 
diff --git a/rdmo/projects/assets/js/interview.js b/rdmo/projects/assets/js/interview.js
new file mode 100644
index 0000000000..97435a43f5
--- /dev/null
+++ b/rdmo/projects/assets/js/interview.js
@@ -0,0 +1,35 @@
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import { Provider } from 'react-redux'
+
+import configureStore from './interview/store/configureStore'
+
+import { DndProvider } from 'react-dnd'
+import { HTML5Backend } from 'react-dnd-html5-backend'
+
+import Pending from '../../../core/assets/js/containers/Pending'
+
+import Main from './interview/containers/Main'
+import Sidebar from './interview/containers/Sidebar'
+
+const store = configureStore()
+
+createRoot(document.getElementById('main')).render(
+  <DndProvider backend={HTML5Backend}>
+    <Provider store={store}>
+      <Main />
+    </Provider>
+  </DndProvider>
+)
+
+createRoot(document.getElementById('sidebar')).render(
+  <Provider store={store}>
+    <Sidebar />
+  </Provider>
+)
+
+createRoot(document.getElementById('pending')).render(
+  <Provider store={store}>
+    <Pending />
+  </Provider>
+)
diff --git a/rdmo/projects/assets/js/interview/actions/actionTypes.js b/rdmo/projects/assets/js/interview/actions/actionTypes.js
new file mode 100644
index 0000000000..4972df8501
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/actions/actionTypes.js
@@ -0,0 +1,66 @@
+export const NOOP = 'NOOP'
+
+export const FETCH_OVERVIEW_INIT = 'FETCH_OVERVIEW_INIT'
+export const FETCH_OVERVIEW_ERROR = 'FETCH_OVERVIEW_ERROR'
+export const FETCH_OVERVIEW_SUCCESS = 'FETCH_OVERVIEW_SUCCESS'
+
+export const FETCH_PROGRESS_INIT = 'FETCH_PROGRESS_INIT'
+export const FETCH_PROGRESS_ERROR = 'FETCH_PROGRESS_ERROR'
+export const FETCH_PROGRESS_SUCCESS = 'FETCH_PROGRESS_SUCCESS'
+
+export const UPDATE_PROGRESS_INIT = 'UPDATE_PROGRESS_INIT'
+export const UPDATE_PROGRESS_SUCCESS = 'UPDATE_PROGRESS_SUCCESS'
+export const UPDATE_PROGRESS_ERROR = 'UPDATE_PROGRESS_ERROR'
+
+export const FETCH_PAGE_INIT = 'FETCH_PAGE_INIT'
+export const FETCH_PAGE_ERROR = 'FETCH_PAGE_ERROR'
+export const FETCH_PAGE_SUCCESS = 'FETCH_PAGE_SUCCESS'
+
+export const FETCH_NAVIGATION_INIT = 'FETCH_NAVIGATION_INIT'
+export const FETCH_NAVIGATION_ERROR = 'FETCH_NAVIGATION_ERROR'
+export const FETCH_NAVIGATION_SUCCESS = 'FETCH_NAVIGATION_SUCCESS'
+
+export const FETCH_OPTIONS_INIT = 'FETCH_OPTIONS_INIT'
+export const FETCH_OPTIONS_SUCCESS = 'FETCH_OPTIONS_SUCCESS'
+export const FETCH_OPTIONS_ERROR = 'FETCH_OPTIONS_ERROR'
+
+export const FETCH_VALUES_INIT = 'FETCH_VALUES_INIT'
+export const FETCH_VALUES_SUCCESS = 'FETCH_VALUES_SUCCESS'
+export const FETCH_VALUES_ERROR = 'FETCH_VALUES_ERROR'
+
+export const RESOLVE_CONDITION_INIT = 'RESOLVE_CONDITION_INIT'
+export const RESOLVE_CONDITION_SUCCESS = 'RESOLVE_CONDITION_SUCCESS'
+export const RESOLVE_CONDITION_ERROR = 'RESOLVE_CONDITION_ERROR'
+
+export const CREATE_VALUE = 'CREATE_VALUE'
+export const UPDATE_VALUE = 'UPDATE_VALUE'
+
+export const STORE_VALUE_INIT = 'STORE_VALUE_INIT'
+export const STORE_VALUE_SUCCESS = 'STORE_VALUE_SUCCESS'
+export const STORE_VALUE_ERROR = 'STORE_VALUE_ERROR'
+
+export const DELETE_VALUE_INIT = 'DELETE_VALUE_INIT'
+export const DELETE_VALUE_SUCCESS = 'DELETE_VALUE_SUCCESS'
+export const DELETE_VALUE_ERROR = 'DELETE_VALUE_ERROR'
+
+export const ACTIVATE_SET = 'ACTIVATE_SET'
+
+export const CREATE_SET = 'CREATE_SET'
+
+export const DELETE_SET_INIT = 'DELETE_SET_INIT'
+export const DELETE_SET_SUCCESS = 'DELETE_SET_SUCCESS'
+export const DELETE_SET_ERROR = 'DELETE_SET_ERROR'
+
+export const COPY_SET_INIT = 'COPY_SET_INIT'
+export const COPY_SET_SUCCESS = 'COPY_SET_SUCCESS'
+export const COPY_SET_ERROR = 'COPY_SET_ERROR'
+
+export const FETCH_CONTACT_INIT = 'FETCH_CONTACT_INIT'
+export const FETCH_CONTACT_SUCCESS = 'FETCH_CONTACT_SUCCESS'
+export const FETCH_CONTACT_ERROR = 'FETCH_CONTACT_ERROR'
+
+export const SEND_CONTACT_INIT = 'SEND_CONTACT_INIT'
+export const SEND_CONTACT_SUCCESS = 'SEND_CONTACT_SUCCESS'
+export const SEND_CONTACT_ERROR = 'SEND_CONTACT_ERROR'
+
+export const CLOSE_CONTACT = 'CLOSE_CONTACT'
diff --git a/rdmo/projects/assets/js/interview/actions/contactActions.js b/rdmo/projects/assets/js/interview/actions/contactActions.js
new file mode 100644
index 0000000000..472afd6bca
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/actions/contactActions.js
@@ -0,0 +1,84 @@
+import ContactApi from '../api/ContactApi'
+
+import { projectId } from '../utils/meta'
+
+import {
+  FETCH_CONTACT_INIT,
+  FETCH_CONTACT_SUCCESS,
+  FETCH_CONTACT_ERROR,
+  SEND_CONTACT_INIT,
+  SEND_CONTACT_SUCCESS,
+  SEND_CONTACT_ERROR,
+  CLOSE_CONTACT
+} from './actionTypes'
+
+import { addToPending, removeFromPending } from 'rdmo/core/assets/js/actions/pendingActions'
+
+export function fetchContact({ questionset, question, values }) {
+  const pendingId = 'fetchContact'
+
+  return (dispatch, getState) => {
+    const params = {
+      page: getState().interview.page.id,
+      questionset: questionset && questionset.id,
+      question: question && question.id,
+      values: values.filter(value => value.id).map(value => value.id)
+    }
+
+    dispatch(addToPending(pendingId))
+    dispatch(fetchContactInit())
+
+    return ContactApi.fetchContact(projectId, params).then((values) => {
+      dispatch(removeFromPending(pendingId))
+      dispatch(fetchContactSuccess(values))
+    }).catch((error) => {
+      dispatch(removeFromPending(pendingId))
+      dispatch(fetchContactError(error))
+    })
+  }
+}
+
+export function fetchContactInit() {
+  return {type: FETCH_CONTACT_INIT}
+}
+
+export function fetchContactSuccess(values) {
+  return {type: FETCH_CONTACT_SUCCESS, values}
+}
+
+export function fetchContactError(error) {
+  return {type: FETCH_CONTACT_ERROR, error}
+}
+
+export function sendContact(values) {
+  const pendingId = 'sendContact'
+
+  return (dispatch) => {
+    dispatch(addToPending(pendingId))
+    dispatch(sendContactInit())
+
+    return ContactApi.sendContact(projectId, values).then(() => {
+      dispatch(removeFromPending(pendingId))
+      dispatch(sendContactSuccess())
+    }).catch((error) => {
+      dispatch(removeFromPending(pendingId))
+      dispatch(sendContactError(error))
+    })
+  }
+}
+
+export function sendContactInit() {
+  return {type: SEND_CONTACT_INIT}
+}
+
+export function sendContactSuccess() {
+  return {type: SEND_CONTACT_SUCCESS}
+}
+
+export function sendContactError(error) {
+  return {type: SEND_CONTACT_ERROR, error}
+}
+
+export function closeContact() {
+  return {type: CLOSE_CONTACT}
+}
diff --git a/rdmo/projects/assets/js/interview/actions/interviewActions.js b/rdmo/projects/assets/js/interview/actions/interviewActions.js
new file mode 100644
index 0000000000..53ff451506
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/actions/interviewActions.js
@@ -0,0 +1,693 @@
+import { first, isEmpty, isNil } from 'lodash'
+
+import PageApi from '../api/PageApi'
+import ProjectApi from '../api/ProjectApi'
+import ValueApi from '../api/ValueApi'
+
+import { elementTypes } from 'rdmo/management/assets/js/constants/elements'
+
+import { updateProgress } from './projectActions'
+
+import { updateLocation } from '../utils/location'
+
+import { updateOptions } from '../utils/options'
+import { initPage } from '../utils/page'
+import { gatherSets, getDescendants, initSets } from '../utils/set'
+import { activateFirstValue, gatherDefaultValues, initValues, compareValues, isEmptyValue } from '../utils/value'
+import { projectId } from '../utils/meta'
+
+import ValueFactory from '../factories/ValueFactory'
+import SetFactory from '../factories/SetFactory'
+
+import {
+  NOOP,
+  FETCH_PAGE_INIT,
+  FETCH_PAGE_SUCCESS,
+  FETCH_PAGE_ERROR,
+  FETCH_NAVIGATION_INIT,
+  FETCH_NAVIGATION_SUCCESS,
+  FETCH_NAVIGATION_ERROR,
+  FETCH_OPTIONS_INIT,
+  FETCH_OPTIONS_SUCCESS,
+  FETCH_OPTIONS_ERROR,
+  FETCH_VALUES_INIT,
+  FETCH_VALUES_SUCCESS,
+  FETCH_VALUES_ERROR,
+  RESOLVE_CONDITION_INIT,
+  RESOLVE_CONDITION_SUCCESS,
+  RESOLVE_CONDITION_ERROR,
+  CREATE_VALUE,
+  UPDATE_VALUE,
+  STORE_VALUE_INIT,
+  STORE_VALUE_SUCCESS,
+  STORE_VALUE_ERROR,
+  DELETE_VALUE_INIT,
+  DELETE_VALUE_SUCCESS,
+  DELETE_VALUE_ERROR,
+  CREATE_SET,
+  DELETE_SET_INIT,
+  DELETE_SET_SUCCESS,
+  DELETE_SET_ERROR,
+  COPY_SET_INIT,
+  COPY_SET_SUCCESS,
+  COPY_SET_ERROR
+} from './actionTypes'
+
+import { updateConfig } from 'rdmo/core/assets/js/actions/configActions'
+import { addToPending, removeFromPending } from 'rdmo/core/assets/js/actions/pendingActions'
+
+export function fetchPage(pageId, back) {
+  const pendingId = 'fetchPage'
+
+  return (dispatch, getState) => {
+    // store unsaved defaults on this page before loading the new page
+    gatherDefaultValues(getState().interview.page, getState().interview.values).forEach((value) => {
+      ValueApi.storeValue(projectId, value)
+    })
+
+    dispatch(addToPending(pendingId))
+    dispatch(fetchPageInit())
+
+    if (pageId === 'done') {
+      updateLocation('done')
+      dispatch(fetchNavigation(null))
+      dispatch(fetchPageSuccess(null, true))
+    } else {
+      const promise = isNil(pageId) ? PageApi.fetchContinue(projectId)
+                                    : PageApi.fetchPage(projectId, pageId, back)
+      return promise
+        .then((page) => {
+          updateLocation(page.id)
+
+          initPage(page)
+
+          dispatch(fetchNavigation(page))
+          dispatch(fetchValues(page))
+          dispatch(fetchOptionsets(page))
+
+          dispatch(removeFromPending(pendingId))
+          dispatch(fetchPageSuccess(page, false))
+        })
+        .catch((error) => {
+          dispatch(removeFromPending(pendingId))
+          dispatch(fetchPageError(error))
+        })
+    }
+  }
+}
+
+export function fetchPageInit() {
+  return {type: FETCH_PAGE_INIT}
+}
+
+export function fetchPageSuccess(page, done) {
+  return {type: FETCH_PAGE_SUCCESS, page, done}
+}
+
+export function fetchPageError(error) {
+  return {type: FETCH_PAGE_ERROR, error}
+}
+
+export function fetchNavigation(page) {
+  const pendingId = `fetchNavigation/${page ? page.id : 'done'}`
+
+  return (dispatch) => {
+    dispatch(addToPending(pendingId))
+    dispatch(fetchNavigationInit())
+
+    return ProjectApi.fetchNavigation(projectId, page && page.section.id)
+      .then((navigation) => {
+        dispatch(removeFromPending(pendingId))
+        dispatch(fetchNavigationSuccess(navigation))
+      })
+      .catch((error) => {
+        dispatch(removeFromPending(pendingId))
+        dispatch(fetchNavigationError(error))
+      })
+  }
+}
+
+export function fetchNavigationInit() {
+  return {type: FETCH_NAVIGATION_INIT}
+}
+
+export function fetchNavigationSuccess(navigation) {
+  return {type: FETCH_NAVIGATION_SUCCESS, navigation}
+}
+
+export function fetchNavigationError(error) {
+  return {type: FETCH_NAVIGATION_ERROR, error}
+}
+
+export function fetchOptionsets(page) {
+  return (dispatch) => {
+    page.optionsets.filter((optionset) => (optionset.has_provider && !optionset.has_search))
+                   .forEach((optionset) => dispatch(fetchOptions(page, optionset)))
+  }
+}
+
+export function fetchOptions(page, optionset) {
+  const pendingId = `fetchOptions/${page.id}/${optionset.id}`
+
+  return (dispatch) => {
+    dispatch(addToPending(pendingId))
+    dispatch(fetchOptionsInit())
+
+    return ProjectApi.fetchOptions(projectId, optionset.id)
+      .then((options) => {
+        updateOptions(page, optionset, options)
+
+        dispatch(removeFromPending(pendingId))
+        dispatch(fetchOptionsSuccess(page, optionset, options))
+      })
+      .catch((error) => {
+        dispatch(removeFromPending(pendingId))
+        dispatch(fetchOptionsError(error))
+      })
+  }
+}
+
+export function fetchOptionsInit() {
+  return {type: FETCH_OPTIONS_INIT}
+}
+
+export function fetchOptionsSuccess(page) {
+  return {type: FETCH_OPTIONS_SUCCESS, page}
+}
+
+export function fetchOptionsError(error) {
+  return {type: FETCH_OPTIONS_ERROR, error}
+}
+
+export function fetchValues(page) {
+  const pendingId = `fetchValues/${page.id}`
+
+  return (dispatch) => {
+    dispatch(addToPending(pendingId))
+    dispatch(fetchValuesInit())
+    return ValueApi.fetchValues(projectId, { attribute: page.attributes })
+      .then((values) => {
+        const sets = gatherSets(values)
+
+        initSets(sets, page)
+        initValues(sets, values, page)
+
+        activateFirstValue(page, values)
+
+        dispatch(removeFromPending(pendingId))
+        dispatch(resolveConditions(page, sets))
+        dispatch(fetchValuesSuccess(values, sets))
+      })
+      .catch((error) => {
+        dispatch(removeFromPending(pendingId))
+        dispatch(fetchValuesError(error))
+      })
+  }
+}
+
+export function fetchValuesInit() {
+  return {type: FETCH_VALUES_INIT}
+}
+
+export function fetchValuesSuccess(values, sets) {
+  return {type: FETCH_VALUES_SUCCESS, values, sets}
+}
+
+export function fetchValuesError(error) {
+  return {type: FETCH_VALUES_ERROR, error}
+}
+
+export function resolveConditions(page, sets) {
+  return (dispatch) => {
+    // loop over set to evaluate conditions
+    sets.forEach((set) => {
+      page.questionsets.filter((questionset) => questionset.has_conditions)
+                       .forEach((questionset) => dispatch(resolveCondition(questionset, set)))
+
+      page.questions.filter((question) => question.has_conditions)
+                    .forEach((question) => dispatch(resolveCondition(question, set)))
+
+      page.optionsets.filter((optionset) => optionset.has_conditions)
+                     .forEach((optionset) => dispatch(resolveCondition(optionset, set)))
+    })
+  }
+}
+
+export function resolveCondition(element, set) {
+  const pendingId = `resolveCondition/${element.model}/${element.id}/${set.set_prefix}/${set.set_index}`
+
+  return (dispatch, getState) => {
+    dispatch(addToPending(pendingId))
+    dispatch(resolveConditionInit())
+
+    return ProjectApi.resolveCondition(projectId, set, element)
+      .then((response) => {
+        const elementType = elementTypes[element.model]
+        const setIndex = getState().interview.sets.indexOf(set)
+        const results = { ...set[elementType], [element.id]: response.result }
+
+        dispatch(removeFromPending(pendingId))
+        dispatch(resolveConditionSuccess({ ...set, [elementType]: results }, setIndex))
+      })
+      .catch((error) => {
+        dispatch(removeFromPending(pendingId))
+        dispatch(resolveConditionError(error))
+      })
+  }
+}
+
+export function resolveConditionInit() {
+  return {type: RESOLVE_CONDITION_INIT}
+}
+
+export function resolveConditionSuccess(set, setIndex) {
+  return {type: RESOLVE_CONDITION_SUCCESS, set, setIndex}
+}
+
+export function resolveConditionError(error) {
+  return {type: RESOLVE_CONDITION_ERROR, error}
+}
+
+export function storeValue(value) {
+  const pendingId = `storeValue/${value.attribute}/${value.set_prefix}/${value.set_index}/${value.collection_index}`
+
+  if (value.pending) {
+    return {type: NOOP}
+  } else {
+    return (dispatch, getState) => {
+      const valueIndex = getState().interview.values.findIndex((v) => compareValues(v, value))
+      const valueFile = value.file
+      const valueSuccess = value.success
+
+      dispatch(addToPending(pendingId))
+      dispatch(storeValueInit(valueIndex))
+
+      return ValueApi.storeValue(projectId, value)
+        .then((value) => {
+          const page = getState().interview.page
+          const sets = getState().interview.sets
+          const question = page.questions.find((question) => question.attribute === value.attribute)
+          const refresh = question && question.optionsets.some((optionset) => optionset.has_refresh)
+
+          dispatch(fetchNavigation(page))
+          dispatch(updateProgress())
+
+          if (refresh) {
+            // if the refresh flag is set, reload all values for the page,
+            // resolveConditions will be called in fetchValues
+            dispatch(fetchValues(page))
+          } else {
+            dispatch(resolveConditions(page, sets))
+          }
+
+          // set the success flag and start the timeout to remove it. the flag is actually
+          // the stored timeout, so we can cancel any old timeout before starting the a new
+          // one in order to prolong the time the indicator is show with each save
+          clearTimeout(valueSuccess)
+          value.success = setTimeout(() => {
+            dispatch(updateValue(value, {success: false}, false))
+          }, 1000)
+
+          // check if there is a file or if a filename is set (when the file was just erased)
+          if (isNil(valueFile) && isNil(value.file_name)) {
+            dispatch(removeFromPending(pendingId))
+            dispatch(storeValueSuccess(value, valueIndex))
+          } else {
+            // upload file after the value is created
+            return ValueApi.storeFile(projectId, value, valueFile)
+              .then((value) => {
+                dispatch(removeFromPending(pendingId))
+                dispatch(storeValueSuccess(value, valueIndex))
+              })
+              .catch((error) => {
+                dispatch(removeFromPending(pendingId))
+                dispatch(storeValueError(error, valueIndex))
+              })
+          }
+        })
+        .catch((error) => {
+          dispatch(removeFromPending(pendingId))
+          dispatch(storeValueError(error, valueIndex))
+        })
+    }
+  }
+}
+
+export function storeValueInit(valueIndex) {
+  return {type: STORE_VALUE_INIT, valueIndex}
+}
+
+export function storeValueSuccess(value, valueIndex) {
+  return {type: STORE_VALUE_SUCCESS, value, valueIndex}
+}
+
+export function storeValueError(error, valueIndex) {
+  return {type: STORE_VALUE_ERROR, error, valueIndex}
+}
+
+export function createValue(attrs, store) {
+  const value = ValueFactory.create(attrs)
+
+  // focus the new value
+  value.focus = true
+
+  if (isNil(store)) {
+    return {type: CREATE_VALUE, value}
+  } else {
+    return storeValue(value)
+  }
+}
+
+export function updateValue(value, attrs, store = true) {
+  if (store) {
+    return storeValue(ValueFactory.update(value, attrs))
+  } else {
+     return {type: UPDATE_VALUE, value, attrs}
+  }
+}
+
+export function copyValue(...originalValues) {
+  const firstValue = first(originalValues)
+  const pendingId = `copyValue/${firstValue.attribute}/${firstValue.set_prefix}/${firstValue.set_index}`
+
+  return (dispatch, getState) => {
+    dispatch(addToPending(pendingId))
+
+    const { sets, values } = getState().interview
+
+    // create copies for each value for all it's empty siblings
+    const copies = originalValues.reduce((copies, value) => {
+      return [
+        ...copies,
+        ...sets.filter((set) => (
+          (set.set_prefix == value.set_prefix) &&
+          (set.set_index != value.set_index)
+        )).map((set) => {
+          const siblingIndex = values.findIndex((v) => (
+            (v.attribute == value.attribute) &&
+            (v.set_prefix == set.set_prefix) &&
+            (v.set_index == set.set_index) &&
+            (v.collection_index == value.collection_index)
+          ))
+
+          const sibling = siblingIndex > 0 ? values[siblingIndex] : null
+
+          if (isNil(sibling)) {
+            return [ValueFactory.create({ ...value, set_index: set.set_index }), siblingIndex]
+          } else if (isEmptyValue(sibling)) {
+            // the spread operator { ...sibling } does prevent an update in place
+            return [ValueFactory.update({ ...sibling }, value), siblingIndex]
+          } else {
+            return null
+          }
+        }).filter((value) => !isNil(value))
+      ]
+    }, [])
+
+    // dispatch storeValueInit for each of the updated values,
+    // created values have valueIndex -1 and will be skipped
+    // eslint-disable-next-line no-unused-vars
+    copies.forEach(([value, valueIndex]) => dispatch(storeValueInit(valueIndex)))
+
+    // loop over all copies and store the values on the server
+    // afterwards fetchNavigation, updateProgress and check refresh once
+    return Promise.all(
+      copies.map(([value, valueIndex]) => {
+        return ValueApi.storeValue(projectId, value)
+          .then((value) => dispatch(storeValueSuccess(value, valueIndex)))
+      })
+    ).then(() => {
+      dispatch(removeFromPending(pendingId))
+
+      const page = getState().interview.page
+      const sets = getState().interview.sets
+      const question = page.questions.find((question) => question.attribute === firstValue.attribute)
+      const refresh = question && question.optionsets.some((optionset) => optionset.has_refresh)
+
+      dispatch(fetchNavigation(page))
+      dispatch(updateProgress())
+
+      if (refresh) {
+        // if the refresh flag is set, reload all values for the page,
+        // resolveConditions will be called in fetchValues
+        dispatch(fetchValues(page))
+      } else {
+        dispatch(resolveConditions(page, sets))
+      }
+    })
+  }
+}
+
+export function deleteValue(value) {
+  const pendingId = `deleteValue/${value.id}`
+
+  if (value.pending) {
+    return {type: NOOP}
+  } else {
+    return (dispatch, getState) => {
+      dispatch(addToPending(pendingId))
+      dispatch(deleteValueInit(value))
+
+      if (isNil(value.id)) {
+        return dispatch(deleteValueSuccess(value))
+      } else {
+        return ValueApi.deleteValue(projectId, value)
+          .then(() => {
+            const page = getState().interview.page
+            const sets = getState().interview.sets
+            const question = page.questions.find((question) => question.attribute === value.attribute)
+            const refresh = question.optionsets.some((optionset) => optionset.has_refresh)
+
+            dispatch(fetchNavigation(page))
+            dispatch(updateProgress())
+
+            if (refresh) {
+              // if the refresh flag is set, reload all values for the page,
+              // resolveConditions will be called in fetchValues
+              dispatch(fetchValues(page))
+            } else {
+              dispatch(resolveConditions(page, sets))
+            }
+
+            dispatch(removeFromPending(pendingId))
+            dispatch(deleteValueSuccess(value))
+          })
+          .catch((errors) => {
+            dispatch(removeFromPending(pendingId))
+            dispatch(deleteValueError(errors))
+          })
+      }
+    }
+  }
+}
+
+export function deleteValueInit(value) {
+  return {type: DELETE_VALUE_INIT, value}
+}
+
+export function deleteValueSuccess(value) {
+  return {type: DELETE_VALUE_SUCCESS, value}
+}
+
+export function deleteValueError(errors) {
+  return {type: DELETE_VALUE_ERROR, errors}
+}
+
+export function activateSet(set) {
+  if (isEmpty(set.set_prefix)) {
+    return updateConfig('page.currentSetIndex', set.set_index, true)
+  } else {
+    return { type: NOOP }
+  }
+}
+
+export function createSet(attrs) {
+  return (dispatch, getState) => {
+    // create a new set
+    const set = SetFactory.create(attrs)
+
+    // create a value for the text if the page has an attribute
+    const value = isNil(attrs.attribute) ? null : ValueFactory.create(attrs)
+
+    // create a callback function to be called immediately or after saving the value
+    const createSetCallback = (value) => {
+      dispatch(activateSet(set))
+
+      const state = getState().interview
+
+      const page = state.page
+      const sets = [...state.sets, set]
+      const values = isNil(value) ? [...state.values] : [...state.values, value]
+
+      initSets(sets, page)
+      initValues(sets, values, page)
+
+      return dispatch({type: CREATE_SET, values, sets})
+    }
+
+    if (isNil(value)) {
+      return createSetCallback()
+    } else {
+      return dispatch(storeValue(value)).then(() => {
+        const storedValue = getState().interview.values.find((v) => compareValues(v, value))
+        if (!isNil(storedValue)) {
+          createSetCallback(storedValue)
+        }
+      })
+    }
+  }
+}
+
+export function updateSet(setValue, attrs) {
+  return storeValue(ValueFactory.update(setValue, attrs))
+}
+
+export function deleteSet(set, setValue) {
+  const pendingId = `deleteSet/${set.set_prefix}/${set.set_index}`
+
+  return (dispatch, getState) => {
+    dispatch(addToPending(pendingId))
+    dispatch(deleteSetInit())
+
+    if (isNil(setValue)) {
+      // gather all values for this set and it's descendants
+      const values = getDescendants(getState().interview.values, set)
+
+      return Promise.all(values.map((value) => ValueApi.deleteValue(projectId, value)))
+        .then(() => {
+          dispatch(removeFromPending(pendingId))
+          dispatch(deleteSetSuccess(set))
+        })
+        .catch((errors) => {
+          dispatch(removeFromPending(pendingId))
+          dispatch(deleteSetError(errors))
+        })
+    } else {
+      return ValueApi.deleteSet(projectId, setValue)
+        .then(() => {
+          const page = getState().interview.page
+
+          dispatch(fetchNavigation(page))
+          dispatch(updateProgress())
+
+          const sets = getState().interview.sets.filter((s) => (s.set_prefix == set.set_prefix))
+
+          if (sets.length > 1) {
+            const index = sets.indexOf(set)
+            if (index < sets.length - 1) {
+              dispatch(activateSet(sets[index + 1]))
+            } else {
+              // If it's the last set, activate the new last set
+              dispatch(activateSet(sets[index - 1]))
+            }
+          }
+
+          dispatch(removeFromPending(pendingId))
+          dispatch(deleteSetSuccess(set))
+        })
+        .catch((errors) => {
+          dispatch(removeFromPending(pendingId))
+          dispatch(deleteSetError(errors))
+        })
+    }
+  }
+}
+
+export function deleteSetInit() {
+  return {type: DELETE_SET_INIT}
+}
+
+export function deleteSetSuccess(set) {
+  return (dispatch, getState) => {
+    // again, gather all values for this set and it's descendants
+    const sets = getDescendants(getState().interview.sets, set)
+    const values = getDescendants(getState().interview.values, set)
+
+    return dispatch({type: DELETE_SET_SUCCESS, sets, values})
+  }
+}
+
+export function deleteSetError(errors) {
+  return {type: DELETE_SET_ERROR, errors}
+}
+
+export function copySet(currentSet, currentSetValue, attrs) {
+  const pendingId = `copySet/${currentSet.set_prefix}/${currentSet.set_index}`
+
+  return (dispatch, getState) => {
+    dispatch(addToPending(pendingId))
+    dispatch(copySetInit())
+
+    // create a new set
+    const set = SetFactory.create(attrs)
+
+    // create a value for the text if the page has an attribute
+    const value = isNil(attrs.attribute) ? null : ValueFactory.create(attrs)
+
+    // create a callback function to be called immediately or after saving the value
+    const copySetCallback = (setValues) => {
+      dispatch(activateSet(set))
+
+      const state = getState().interview
+
+      const page = state.page
+      const values = [...state.values, ...setValues]
+      const sets = gatherSets(values)
+
+      initSets(sets, page)
+      initValues(sets, values, page)
+
+      return dispatch({type: COPY_SET_SUCCESS, values, sets})
+    }
+
+    let promise
+    if (isNil(value)) {
+      // gather all values for the currentSet and it's descendants
+      const currentValues = getDescendants(getState().interview.values, currentSet)
+
+      // store each value in currentSet with the new set_index
+      promise = Promise.all(
+        currentValues.filter((currentValue) => !isEmptyValue(currentValue)).map((currentValue) => {
+          const value = {...currentValue}
+          const setPrefixLength = isEmpty(set.set_prefix) ? 0 : set.set_prefix.split('|').length
+
+          if (value.set_prefix == set.set_prefix) {
+            value.set_index = set.set_index
+          } else {
+            value.set_prefix = value.set_prefix.split('|').map((sp, idx) => {
+              // for the set_prefix of the new value, set the number at the position, which is one more
+              // than the length of the set_prefix of the new (and old) set, to the set_index of the new set.
+              // since idx counts from 0, this equals setPrefixLength
+              return (idx == setPrefixLength) ? set.set_index : sp
+            }).join('|')
+          }
+
+          delete value.id
+          return ValueApi.storeValue(projectId, value)
+        })
+      )
+    } else {
+      promise = ValueApi.copySet(projectId, currentSetValue, value)
+    }
+
+    return promise.then((values) => {
+      dispatch(removeFromPending(pendingId))
+      dispatch(copySetCallback(values))
+    }).catch((errors) => {
+      dispatch(removeFromPending(pendingId))
+      dispatch(copySetError(errors))
+    })
+  }
+}
+
+export function copySetInit() {
+  return {type: COPY_SET_INIT}
+}
+
+export function copySetSuccess(values, sets) {
+  return {type: COPY_SET_SUCCESS, values, sets}
+}
+
+export function copySetError(errors) {
+  return {type: COPY_SET_ERROR, errors}
+}
diff --git a/rdmo/projects/assets/js/interview/actions/projectActions.js b/rdmo/projects/assets/js/interview/actions/projectActions.js
new file mode 100644
index 0000000000..4ce3a3baa5
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/actions/projectActions.js
@@ -0,0 +1,104 @@
+import ProjectApi from '../api/ProjectApi'
+
+import { projectId } from '../utils/meta'
+
+import {
+  FETCH_OVERVIEW_INIT,
+  FETCH_OVERVIEW_SUCCESS,
+  FETCH_OVERVIEW_ERROR,
+  FETCH_PROGRESS_INIT,
+  FETCH_PROGRESS_SUCCESS,
+  FETCH_PROGRESS_ERROR,
+  UPDATE_PROGRESS_INIT,
+  UPDATE_PROGRESS_SUCCESS,
+  UPDATE_PROGRESS_ERROR,
+} from './actionTypes'
+
+import { addToPending, removeFromPending } from 'rdmo/core/assets/js/actions/pendingActions'
+
+export function fetchOverview() {
+  return (dispatch) => {
+    dispatch(addToPending('fetchOverview'))
+    dispatch(fetchOverviewInit())
+
+    return ProjectApi.fetchOverview(projectId)
+      .then((overview) => {
+        dispatch(removeFromPending('fetchOverview'))
+        dispatch(fetchOverviewSuccess(overview))
+      })
+      .catch((error) => {
+        dispatch(removeFromPending('fetchOverview'))
+        dispatch(fetchOverviewError(error))
+      })
+  }
+}
+
+export function fetchOverviewInit() {
+  return {type: FETCH_OVERVIEW_INIT}
+}
+
+export function fetchOverviewSuccess(overview) {
+  return {type: FETCH_OVERVIEW_SUCCESS, overview}
+}
+
+export function fetchOverviewError(error) {
+  return {type: FETCH_OVERVIEW_ERROR, error}
+}
+
+export function fetchProgress() {
+  return (dispatch) => {
+    dispatch(addToPending('fetchProgress'))
+    dispatch(fetchProgressInit())
+
+    return ProjectApi.fetchProgress(projectId)
+    .then((progress) => {
+      dispatch(removeFromPending('fetchProgress'))
+      dispatch(fetchProgressSuccess(progress))
+    })
+    .catch((error) => {
+      dispatch(removeFromPending('fetchProgress'))
+      dispatch(fetchProgressError(error))
+    })
+  }
+}
+
+export function fetchProgressInit() {
+  return {type: FETCH_PROGRESS_INIT}
+}
+
+export function fetchProgressSuccess(progress) {
+  return {type: FETCH_PROGRESS_SUCCESS, progress}
+}
+
+export function fetchProgressError(error) {
+  return {type: FETCH_PROGRESS_ERROR, error}
+}
+
+export function updateProgress() {
+  return (dispatch) => {
+    dispatch(addToPending('updateProgress'))
+    dispatch(updateProgressInit())
+
+    return ProjectApi.updateProgress(projectId)
+      .then((progress) => {
+        dispatch(removeFromPending('updateProgress'))
+        dispatch(updateProgressSuccess(progress))
+      })
+      .catch((error) => {
+        dispatch(removeFromPending('updateProgress'))
+        dispatch(updateProgressError(error))
+      })
+  }
+}
+
+export function updateProgressInit() {
+  return {type: UPDATE_PROGRESS_INIT}
+}
+
+export function updateProgressSuccess(progress) {
+  return {type: UPDATE_PROGRESS_SUCCESS, progress}
+}
+
+export function updateProgressError(error) {
+  return {type: UPDATE_PROGRESS_ERROR, error}
+}
diff --git a/rdmo/projects/assets/js/interview/api/ContactApi.js b/rdmo/projects/assets/js/interview/api/ContactApi.js
new file mode 100644
index 0000000000..012996a0e3
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/api/ContactApi.js
@@ -0,0 +1,17 @@
+import { encodeParams } from 'rdmo/core/assets/js/utils/api'
+
+import BaseApi from 'rdmo/core/assets/js/api/BaseApi'
+
+class ContactApi extends BaseApi {
+
+  static fetchContact(projectId, params) {
+    return this.get(`/api/v1/projects/projects/${projectId}/contact/?${encodeParams(params)}`)
+  }
+
+  static sendContact(projectId, data) {
+    return this.post(`/api/v1/projects/projects/${projectId}/contact/`, data)
+  }
+
+}
+
+export default ContactApi
diff --git a/rdmo/projects/assets/js/interview/api/PageApi.js b/rdmo/projects/assets/js/interview/api/PageApi.js
new file mode 100644
index 0000000000..36035c8c34
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/api/PageApi.js
@@ -0,0 +1,21 @@
+import { isNil } from 'lodash'
+
+import BaseApi from 'rdmo/core/assets/js/api/BaseApi'
+
+class ProjectsApi extends BaseApi {
+
+  static fetchPage(projectId, pageId, back) {
+    if (isNil(back)) {
+      return this.get(`/api/v1/projects/projects/${projectId}/pages/${pageId}/`)
+    } else {
+      return this.get(`/api/v1/projects/projects/${projectId}/pages/${pageId}/?back=true`)
+    }
+  }
+
+  static fetchContinue(projectId) {
+    return this.get(`/api/v1/projects/projects/${projectId}/pages/continue/`)
+  }
+
+}
+
+export default ProjectsApi
diff --git a/rdmo/projects/assets/js/interview/api/ProjectApi.js b/rdmo/projects/assets/js/interview/api/ProjectApi.js
new file mode 100644
index 0000000000..4eb136bf3a
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/api/ProjectApi.js
@@ -0,0 +1,47 @@
+import { isNil, last } from 'lodash'
+
+import { encodeParams } from 'rdmo/core/assets/js/utils/api'
+
+import BaseApi from 'rdmo/core/assets/js/api/BaseApi'
+
+class ProjectsApi extends BaseApi {
+
+  static fetchOverview(projectId) {
+    return this.get(`/api/v1/projects/projects/${projectId}/overview/`)
+  }
+
+  static fetchNavigation(projectId, page_id) {
+    if (isNil(page_id)) {
+      return this.get(`/api/v1/projects/projects/${projectId}/navigation/`)
+    } else {
+      return this.get(`/api/v1/projects/projects/${projectId}/navigation/${page_id}/`)
+    }
+  }
+
+  static fetchProgress(projectId) {
+    return this.get(`/api/v1/projects/projects/${projectId}/progress/`)
+  }
+
+  static updateProgress(projectId) {
+    return this.post(`/api/v1/projects/projects/${projectId}/progress/`)
+  }
+
+  static fetchOptions(projectId, optionsetId, searchText) {
+    const params = { optionset: optionsetId, search: searchText || '' }
+    return this.get(`/api/v1/projects/projects/${projectId}/options/?${encodeParams(params)}`)
+  }
+
+  static resolveCondition(projectId, set, element) {
+    const model = last(element.model.split('.'))
+    const params = {
+      set_prefix: set.set_prefix,
+      set_index: set.set_index,
+      [model]: element.id
+    }
+
+    return this.get(`/api/v1/projects/projects/${projectId}/resolve/?${encodeParams(params)}`)
+  }
+
+}
+
+export default ProjectsApi
diff --git a/rdmo/projects/assets/js/interview/api/ValueApi.js b/rdmo/projects/assets/js/interview/api/ValueApi.js
new file mode 100644
index 0000000000..b925e5acac
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/api/ValueApi.js
@@ -0,0 +1,42 @@
+import BaseApi from 'rdmo/core/assets/js/api/BaseApi'
+import { encodeParams } from 'rdmo/core/assets/js/utils/api'
+import isUndefined from 'lodash/isUndefined'
+
+class ValueApi extends BaseApi {
+
+  static fetchValues(projectId, params) {
+    return this.get(`/api/v1/projects/projects/${projectId}/values/?${encodeParams(params)}`)
+  }
+
+  static storeValue(projectId, value) {
+    if (isUndefined(value.id)) {
+      return this.post(`/api/v1/projects/projects/${projectId}/values/`, value)
+    } else {
+      return this.put(`/api/v1/projects/projects/${projectId}/values/${value.id}/`, value)
+    }
+  }
+
+  static storeFile(projectId, value, file) {
+    const formData = new FormData()
+    formData.append('file', file)
+
+    return this.postFormData(`/api/v1/projects/projects/${projectId}/values/${value.id}/file/`, formData)
+  }
+
+  static deleteValue(projectId, value) {
+    if (!isUndefined(value.id)) {
+      return this.delete(`/api/v1/projects/projects/${projectId}/values/${value.id}/`)
+    }
+  }
+
+  static copySet(projectId, currentSetValue, setValue) {
+    return this.post(`/api/v1/projects/projects/${projectId}/values/${currentSetValue.id}/set/`, setValue)
+  }
+
+  static deleteSet(projectId, setValue) {
+    return this.delete(`/api/v1/projects/projects/${projectId}/values/${setValue.id}/set/`)
+  }
+
+}
+
+export default ValueApi
diff --git a/rdmo/projects/assets/js/interview/components/main/Breadcrump.js b/rdmo/projects/assets/js/interview/components/main/Breadcrump.js
new file mode 100644
index 0000000000..9479b63873
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/Breadcrump.js
@@ -0,0 +1,44 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
+
+const Breadcrump = ({ overview, page, fetchPage }) => {
+
+  const handleClick = (event) => {
+    event.preventDefault()
+    fetchPage(page.section.first)
+  }
+
+  return (
+    <ul className="interview-breadcrumb breadcrumb">
+      <li>
+        <a href={`${baseUrl}/projects/`}>
+          {gettext('My Projects')}
+        </a>
+      </li>
+      <li>
+        <a href={`${baseUrl}/projects/${overview.id}/`}>
+          {overview.title}
+        </a>
+      </li>
+      {
+        page && (
+          <li>
+            <a href={`${baseUrl}/projects/${overview.id}/interview/${page.section.first}/`} onClick={handleClick}>
+              {page.section.title}
+            </a>
+          </li>
+        )
+      }
+    </ul>
+  )
+}
+
+Breadcrump.propTypes = {
+  overview: PropTypes.object.isRequired,
+  page: PropTypes.object,
+  fetchPage: PropTypes.func.isRequired
+}
+
+export default Breadcrump
diff --git a/rdmo/projects/assets/js/interview/components/main/Contact.js b/rdmo/projects/assets/js/interview/components/main/Contact.js
new file mode 100644
index 0000000000..84d88109d1
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/Contact.js
@@ -0,0 +1,82 @@
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+
+import Modal from 'rdmo/core/assets/js/components/Modal'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const Contact = ({ templates, contact, sendContact, closeContact }) => {
+  const { showModal, values: initialValues, errors } = contact
+
+  const [values, setValues] = useState({})
+
+  useEffect(() => setValues(initialValues), [initialValues])
+
+  const onSubmit = (event) => {
+    event.preventDefault()
+    sendContact(values)
+  }
+
+  const onClose = () => closeContact()
+
+  return (
+    <>
+      <Modal
+        show={showModal}
+        title={gettext('Contact support')}
+        submitLabel={gettext('Send message')}
+        onSubmit={onSubmit}
+        onClose={onClose}
+        modalProps={{
+          bsSize: 'lg'
+        }}>
+          <Html html={templates.project_interview_contact_help} />
+          <form onSubmit={onSubmit}>
+            <div className="form-group">
+              <label htmlFor="interview-question-contact-subject">Subject</label>
+              <input
+                type="text"
+                id="interview-question-contact-subject"
+                className="form-control"
+                value={values.subject || ''}
+                onChange={event => setValues({ ...values, subject: event.target.value })}
+              />
+              <ul className="help-block list-unstyled">
+                {
+                  errors && errors.subject && errors.subject.map((error, errorIndex) => (
+                    <li key={errorIndex} className="text-danger">{errors.subject}</li>
+                  ))
+                }
+              </ul>
+            </div>
+            <div className="form-group">
+              <label htmlFor="interview-question-contact-message">Message</label>
+              <textarea
+                rows="12"
+                id="interview-question-contact-message"
+                className="form-control"
+                value={values.message || ''}
+                onChange={event => setValues({...values, message: event.target.value })}
+              />
+              <ul className="help-block list-unstyled">
+                {
+                  errors && errors.message && errors.message.map((error, errorIndex) => (
+                    <li key={errorIndex} className="text-danger">{errors.message}</li>
+                  ))
+                }
+              </ul>
+            </div>
+          </form>
+      </Modal>
+    </>
+  )
+}
+
+Contact.propTypes = {
+  templates: PropTypes.object.isRequired,
+  contact: PropTypes.object.isRequired,
+  sendContact: PropTypes.func.isRequired,
+  closeContact: PropTypes.func.isRequired
+}
+
+export default Contact
diff --git a/rdmo/projects/assets/js/interview/components/main/Done.js b/rdmo/projects/assets/js/interview/components/main/Done.js
new file mode 100644
index 0000000000..e34202b28e
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/Done.js
@@ -0,0 +1,35 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
+
+import { projectId }  from '../../utils/meta'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const Done = ({ templates }) => {
+
+  const projectUrl = `${baseUrl}/projects/${projectId}/`
+  const answersUrl = `${baseUrl}/projects/${projectId}/answers/`
+
+  return (
+    <>
+      <Html html={templates.project_interview_done} />
+
+      <p>
+        <a href={answersUrl}>{gettext('View answers')}</a>
+      </p>
+
+      <p>
+        <a href={projectUrl}>{gettext('Back to project overview')}</a>
+      </p>
+    </>
+  )
+}
+
+Done.propTypes = {
+  templates: PropTypes.object.isRequired,
+  overview: PropTypes.object.isRequired
+}
+
+export default Done
diff --git a/rdmo/projects/assets/js/interview/components/main/Errors.js b/rdmo/projects/assets/js/interview/components/main/Errors.js
new file mode 100644
index 0000000000..9914553a17
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/Errors.js
@@ -0,0 +1,44 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+import { projectId } from '../../utils/meta'
+
+const Errors = ({ templates, errors }) => {
+  const projectUrl = `${baseUrl}/projects/${projectId}/`
+
+  return (
+    <>
+      <Html html={templates.project_interview_error} />
+
+      <ul className="well list-unstyled text-danger">
+        {
+          errors.map((error, errorIndex) => (
+            <li key={errorIndex}>
+              {error.actionType}
+              {error.statusText && <>: {error.statusText}</>}
+              {error.status && <>({error.status})</>}
+            </li>
+          ))
+        }
+      </ul>
+
+      <p>
+        <a href="#" onClick={() => window.location.reload()}>{gettext('Reload page')}</a>
+      </p>
+      <p>
+        <a href={projectUrl}>{gettext('Back to project overview')}</a>
+      </p>
+    </>
+  )
+}
+
+Errors.propTypes = {
+  templates: PropTypes.object.isRequired,
+  errors: PropTypes.array.isRequired
+}
+
+export default Errors
diff --git a/rdmo/projects/assets/js/interview/components/main/page/Page.js b/rdmo/projects/assets/js/interview/components/main/page/Page.js
new file mode 100644
index 0000000000..79a3e59998
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/page/Page.js
@@ -0,0 +1,135 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import get from 'lodash/get'
+import { isNil } from 'lodash'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+import Question from '../question/Question'
+import QuestionSet from '../questionset/QuestionSet'
+
+import PageButtons from './PageButtons'
+import PageHead from './PageHead'
+
+const Page = ({ config, settings, templates, overview, page, sets, values, fetchPage, fetchContact,
+                createValue, updateValue, deleteValue, copyValue,
+                activateSet, createSet, updateSet, deleteSet, copySet }) => {
+
+  const currentSetPrefix = ''
+  let currentSetIndex = page.is_collection ? get(config, 'page.currentSetIndex', 0) : 0
+  let currentSet = sets.find((set) => (set.set_prefix == currentSetPrefix && set.set_index == currentSetIndex))
+
+  // sanity check
+  if (isNil(currentSet)) {
+    currentSetIndex = 0
+    currentSet = sets.find((set) => (set.set_prefix == currentSetPrefix && set.set_index == 0))
+  }
+
+  const isManager = (overview.is_superuser || overview.is_editor || overview.is_reviewer)
+
+  return (
+    <div className="interview-page">
+      <h2>{page.title}</h2>
+      <Html html={page.help} />
+      <PageHead
+        templates={templates}
+        page={page}
+        sets={sets.filter((set) => (set.set_prefix == currentSetPrefix))}
+        values={isNil(page.attribute) ? [] : values.filter((value) => (value.attribute == page.attribute))}
+        currentSet={currentSet}
+        activateSet={activateSet}
+        createSet={createSet}
+        updateSet={updateSet}
+        deleteSet={deleteSet}
+        copySet={copySet}
+      />
+      <div className="row">
+        {
+          currentSet && (
+            page.elements.map((element, elementIndex) => {
+              if (element.model == 'questions.questionset') {
+                return (
+                  <QuestionSet
+                    key={elementIndex}
+                    settings={settings}
+                    templates={templates}
+                    questionset={element}
+                    sets={sets}
+                    values={values.filter((value) => element.attributes.includes(value.attribute))}
+                    disabled={overview.read_only}
+                    isManager={isManager}
+                    parentSet={currentSet}
+                    createSet={createSet}
+                    updateSet={updateSet}
+                    deleteSet={deleteSet}
+                    copySet={copySet}
+                    createValue={createValue}
+                    updateValue={updateValue}
+                    deleteValue={deleteValue}
+                    copyValue={copyValue}
+                    fetchContact={fetchContact}
+                  />
+                )
+              } else {
+                return (
+                  <Question
+                    key={elementIndex}
+                    settings={settings}
+                    templates={templates}
+                    question={element}
+                    sets={sets.filter((set) => (
+                      set.set_prefix == currentSetPrefix
+                    ))}
+                    values={values.filter((value) => (
+                      value.attribute == element.attribute &&
+                      value.set_prefix == currentSetPrefix &&
+                      value.set_index == currentSetIndex
+                    ))}
+                    siblings={values.filter((value) => (
+                      value.attribute == element.attribute &&
+                      value.set_prefix == currentSetPrefix &&
+                      value.set_index != currentSetIndex
+                    ))}
+                    disabled={overview.read_only}
+                    isManager={isManager}
+                    currentSet={currentSet}
+                    createValue={createValue}
+                    updateValue={updateValue}
+                    deleteValue={deleteValue}
+                    copyValue={copyValue}
+                    fetchContact={fetchContact}
+                  />
+                )
+              }
+            })
+          )
+        }
+      </div>
+
+      <PageButtons page={page} fetchPage={fetchPage} />
+    </div>
+  )
+}
+
+Page.propTypes = {
+  config: PropTypes.object.isRequired,
+  settings: PropTypes.object.isRequired,
+  templates: PropTypes.object.isRequired,
+  overview: PropTypes.object.isRequired,
+  page: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  fetchPage: PropTypes.func.isRequired,
+  fetchContact: PropTypes.func.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired,
+  activateSet: PropTypes.func.isRequired,
+  createSet: PropTypes.func.isRequired,
+  updateSet: PropTypes.func.isRequired,
+  deleteSet: PropTypes.func.isRequired,
+  copySet: PropTypes.func.isRequired
+}
+
+export default Page
diff --git a/rdmo/projects/assets/js/interview/components/main/page/PageButtons.js b/rdmo/projects/assets/js/interview/components/main/page/PageButtons.js
new file mode 100644
index 0000000000..2edc0d5358
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/page/PageButtons.js
@@ -0,0 +1,38 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const PageButtons = ({ page, fetchPage }) => {
+  return (
+    <>
+      <div className="interview-buttons">
+        <div className="pull-right">
+          <button type="button" onClick={() => fetchPage(page.prev_page)} disabled={!page.prev_page}
+                  className="btn btn-default">
+            {gettext('Back')}
+          </button>
+          {' '}
+          {
+            page.next_page ? (
+              <button type="button" onClick={() => fetchPage(page.next_page)}
+                      className="btn btn-primary">
+                {gettext('Proceed')}
+              </button>
+            ) : (
+              <button type="button" onClick={() => fetchPage('done')}
+                      className="btn btn-primary">
+                {gettext('Complete questionnaire')}
+              </button>
+            )
+          }
+        </div>
+      </div>
+    </>
+  )
+}
+
+PageButtons.propTypes = {
+  page: PropTypes.object.isRequired,
+  fetchPage: PropTypes.func.isRequired
+}
+
+export default PageButtons
diff --git a/rdmo/projects/assets/js/interview/components/main/page/PageHead.js b/rdmo/projects/assets/js/interview/components/main/page/PageHead.js
new file mode 100644
index 0000000000..719afecbd3
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/page/PageHead.js
@@ -0,0 +1,168 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { capitalize, isNil, last } from 'lodash'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+import useModal from 'rdmo/core/assets/js/hooks/useModal'
+
+import PageHeadDeleteModal from './PageHeadDeleteModal'
+import PageHeadFormModal from './PageHeadFormModal'
+
+const PageHead = ({ templates, page, sets, values, currentSet,
+                    activateSet, createSet, updateSet, deleteSet, copySet }) => {
+
+  const currentSetValue = isNil(currentSet) ? null : (
+    values.find((value) => (
+      value.set_prefix == currentSet.set_prefix && value.set_index == currentSet.set_index
+    ))
+  )
+
+  const {show: showCreateModal, open: openCreateModal, close: closeCreateModal} = useModal()
+  const {show: showUpdateModal, open: openUpdateModal, close: closeUpdateModal} = useModal()
+  const {show: showDeleteModal, open: openDeleteModal, close: closeDeleteModal} = useModal()
+  const {show: showCopyModal, open: openCopyModal, close: closeCopyModal} = useModal()
+
+  const handleActivateSet = (event, set) => {
+    event.preventDefault()
+    if (set.set_index != currentSet.set_index) {
+      activateSet(set)
+    }
+  }
+
+  const handleOpenCreateModal = (event) => {
+    event.preventDefault()
+    openCreateModal()
+  }
+
+  const handleCreateSet = (text) => {
+    createSet({
+      attribute: page.attribute,
+      set_index: last(sets) ? last(sets).set_index + 1 : 0,
+      set_collection: page.is_collection,
+      text
+    })
+    closeCreateModal()
+  }
+
+  const handleUpdateSet = (text) => {
+    updateSet(currentSetValue, { text })
+    closeUpdateModal()
+  }
+
+  const handleDeleteSet = () => {
+    deleteSet(currentSet, currentSetValue)
+    closeDeleteModal()
+  }
+
+  const handleCopySet = (text) => {
+    copySet(currentSet, currentSetValue, {
+      attribute: page.attribute,
+      set_index: last(sets) ? last(sets).set_index + 1 : 0,
+      set_collection: page.is_collection,
+      text
+    })
+    closeCopyModal()
+  }
+
+  return page.is_collection && (
+    <div className="interview-page-tabs">
+      <Html html={templates.project_interview_page_help} />
+      <Html html={templates.project_interview_page_tabs_help} />
+      {
+        currentSet ? (
+          <>
+            <ul className="nav nav-tabs">
+              {
+                sets.map((set, setIndex) => {
+                  const setValue = values.find((value) => (
+                    value.set_prefix == set.set_prefix && value.set_index == set.set_index
+                  ))
+                  return (
+                    <li key={setIndex} className={classNames({active: set.set_index == currentSet.set_index})}>
+                      <a href="#" onClick={(event) => handleActivateSet(event, set)}>
+                        {isNil(setValue) ? `#${set.set_index + 1}` : setValue.text}
+                      </a>
+                    </li>
+                  )
+                })
+              }
+              <li>
+                <a href="" title={gettext('Add tab')} className="add-set" onClick={handleOpenCreateModal}>
+                  <i className="fa fa-plus fa-btn"></i> {capitalize(page.verbose_name)}
+                </a>
+              </li>
+            </ul>
+            <div className="interview-page-tabs-buttons">
+              {
+                page.attribute && (
+                  <button className="btn-link fa fa-pencil" title={gettext('Edit tab')} onClick={openUpdateModal} />
+                )
+              }
+              <button className="btn-link fa fa-copy" title={gettext('Copy tab')} onClick={openCopyModal} />
+              <button className="btn-link fa fa-trash" title={gettext('Remove tab')} onClick={openDeleteModal} />
+            </div>
+          </>
+        ) : (
+          <button className="btn btn-success" title={gettext('Add tab')} onClick={openCreateModal}>
+            <i className="fa fa-plus fa-btn"></i> {capitalize(page.verbose_name)}
+          </button>
+        )
+      }
+
+      <PageHeadFormModal
+        title={capitalize(page.verbose_name)}
+        submitLabel={gettext('Create')}
+        submitColor="success"
+        show={showCreateModal}
+        initial={isNil(page.attribute) ? null : ''}
+        onClose={closeCreateModal}
+        onSubmit={handleCreateSet}
+      />
+      <PageHeadFormModal
+        title={capitalize(page.verbose_name)}
+        submitLabel={gettext('Copy')}
+        submitColor="info"
+        show={showCopyModal}
+        initial={isNil(page.attribute) ? null : ''}
+        onClose={closeCopyModal}
+        onSubmit={handleCopySet}
+      />
+      {
+        currentSetValue && (
+          <PageHeadFormModal
+            title={capitalize(page.verbose_name)}
+            submitLabel={gettext('Update')}
+            submitColor="primary"
+            show={showUpdateModal}
+            initial={currentSetValue.text}
+            onClose={closeUpdateModal}
+            onSubmit={handleUpdateSet}
+          />
+        )
+      }
+      <PageHeadDeleteModal
+        title={capitalize(page.verbose_name)}
+        name={currentSetValue ? currentSetValue.text : null}
+        show={showDeleteModal}
+        onClose={closeDeleteModal}
+        onSubmit={handleDeleteSet}
+      />
+    </div>
+  )
+}
+
+PageHead.propTypes = {
+  templates: PropTypes.object.isRequired,
+  page: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  currentSet: PropTypes.object,
+  activateSet: PropTypes.func.isRequired,
+  createSet: PropTypes.func.isRequired,
+  updateSet: PropTypes.func.isRequired,
+  deleteSet: PropTypes.func.isRequired,
+  copySet: PropTypes.func.isRequired
+}
+
+export default PageHead
diff --git a/rdmo/projects/assets/js/interview/components/main/page/PageHeadDeleteModal.js b/rdmo/projects/assets/js/interview/components/main/page/PageHeadDeleteModal.js
new file mode 100644
index 0000000000..594c20c771
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/page/PageHeadDeleteModal.js
@@ -0,0 +1,33 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Modal from 'rdmo/core/assets/js/components/Modal'
+
+const PageHeadDeleteModal = ({ title, name, show, onClose, onSubmit }) => {
+  return (
+    <Modal title={title} show={show} submitLabel={gettext('Delete')} submitProps={{className: 'btn btn-danger'}}
+           onClose={onClose} onSubmit={onSubmit}>
+      {
+        name ? (
+          <p dangerouslySetInnerHTML={{
+          __html: interpolate(gettext('You are about to permanently delete the tab named: <strong>%s</strong>'), [name])
+          }}></p>
+        ) : (
+          <p>{gettext('You are about to permanently delete this tab.')}</p>
+        )
+      }
+      <p>{gettext('This includes all given answers for this tab on all pages, not just this one.')}</p>
+      <p className="text-danger">{gettext('This action cannot be undone!')}</p>
+    </Modal>
+  )
+}
+
+PageHeadDeleteModal.propTypes = {
+  title: PropTypes.string.isRequired,
+  name: PropTypes.string,
+  show: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onSubmit: PropTypes.func.isRequired,
+}
+
+export default PageHeadDeleteModal
diff --git a/rdmo/projects/assets/js/interview/components/main/page/PageHeadFormModal.js b/rdmo/projects/assets/js/interview/components/main/page/PageHeadFormModal.js
new file mode 100644
index 0000000000..fee6feda62
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/page/PageHeadFormModal.js
@@ -0,0 +1,86 @@
+import React, { useState, useRef, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { isEmpty, isNil } from 'lodash'
+
+import Modal from 'rdmo/core/assets/js/components/Modal'
+import useFocusEffect from '../../../hooks/useFocusEffect'
+
+
+const PageHeadFormModal = ({ title, submitLabel, submitColor, show, initial, onClose, onSubmit }) => {
+
+  const ref = useRef(null)
+  const [inputValue, setInputValue] = useState('')
+  const [hasError, setHasError] = useState(false)
+
+  const handleSubmit = () => {
+    if (isEmpty(inputValue) && !isNil(initial)) {
+      setHasError(true)
+    } else {
+      onSubmit(inputValue)
+    }
+  }
+
+  // update the inputValue
+  useEffect(() => {
+    if (show) {
+      setInputValue(initial || '')
+    }
+  }, [show])
+
+  // remove the hasError flag if an inputValue is entered
+  useEffect(() => {
+    if (!isEmpty(inputValue)) {
+      setHasError(false)
+    }
+  }, [inputValue])
+
+  // focus when the modal is shown
+  useFocusEffect(ref, show)
+
+  return (
+    <Modal title={title} show={show} submitLabel={submitLabel} submitProps={{className: `btn btn-${submitColor}`}}
+           onClose={onClose} onSubmit={handleSubmit} disableSubmit={hasError}>
+      {
+        isNil(initial) ? (
+          <div>
+            {gettext('You can add a new tab using the create button.')}
+          </div>
+        ) : (
+          <div className={classNames({'form-group': true, 'has-error': hasError })}>
+            <label className="control-label" htmlFor="interview-page-tabs-modal-form-title">
+              {gettext('Name')}
+            </label>
+            <input
+              ref={ref}
+              className="form-control"
+              id="interview-page-tabs-modal-form-title"
+              type="text"
+              value={inputValue}
+              onChange={(event) => setInputValue(event.target.value)}
+              onKeyPress={(event) => {
+                if (event.code === 'Enter') {
+                  handleSubmit()
+                }
+              }}
+            />
+
+            <p className="help-block">{gettext('Please give the tab a meaningful name.')}</p>
+          </div>
+        )
+      }
+    </Modal>
+  )
+}
+
+PageHeadFormModal.propTypes = {
+  title: PropTypes.string.isRequired,
+  submitLabel: PropTypes.string.isRequired,
+  submitColor: PropTypes.string.isRequired,
+  show: PropTypes.bool.isRequired,
+  initial: PropTypes.string,
+  onClose: PropTypes.func.isRequired,
+  onSubmit: PropTypes.func.isRequired
+}
+
+export default PageHeadFormModal
diff --git a/rdmo/projects/assets/js/interview/components/main/question/Question.js b/rdmo/projects/assets/js/interview/components/main/question/Question.js
new file mode 100644
index 0000000000..de0472a1c0
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/Question.js
@@ -0,0 +1,61 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { checkQuestion } from '../../../utils/page'
+
+import QuestionAddValueHelp from './QuestionAddValueHelp'
+import QuestionContact from './QuestionContact'
+import QuestionHelp from './QuestionHelp'
+import QuestionHelpTemplate from './QuestionHelpTemplate'
+import QuestionManagement from './QuestionManagement'
+import QuestionOptional from './QuestionOptional'
+import QuestionText from './QuestionText'
+import QuestionWarning from './QuestionWarning'
+import QuestionWidget from './QuestionWidget'
+
+const Question = ({ settings, templates, question, sets, values, siblings, disabled, isManager,
+                    currentSet, createValue, updateValue, deleteValue, copyValue, fetchContact }) => {
+  return checkQuestion(question, currentSet) && (
+    <div className={`interview-question col-md-${question.width || '12'}`}>
+      <QuestionContact settings={settings} question={question} values={values} fetchContact={fetchContact} />
+      <QuestionOptional question={question} />
+      <QuestionText question={question} />
+      <QuestionHelp question={question} />
+      <QuestionHelpTemplate templates={templates} />
+      <QuestionAddValueHelp templates={templates} question={question} />
+      <QuestionWarning templates={templates} question={question} values={values} />
+      <QuestionManagement question={question} isManager={isManager} />
+      <QuestionWidget
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        disabled={disabled}
+        currentSet={currentSet}
+        createValue={createValue}
+        updateValue={updateValue}
+        deleteValue={deleteValue}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+Question.propTypes = {
+  settings: PropTypes.object.isRequired,
+  templates: PropTypes.object.isRequired,
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool.isRequired,
+  isManager: PropTypes.bool.isRequired,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired,
+  fetchContact: PropTypes.func.isRequired
+}
+
+export default Question
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionAddValue.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionAddValue.js
new file mode 100644
index 0000000000..bf2ee56604
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionAddValue.js
@@ -0,0 +1,34 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { capitalize, maxBy } from 'lodash'
+
+const AddValue = ({ question, values, currentSet, disabled, createValue }) => {
+  const handleClick = () => {
+    const lastValue = maxBy(values, (v) => v.collection_index)
+    const collectionIndex = lastValue ? lastValue.collection_index + 1 : 0
+
+    createValue({
+      attribute: question.attribute,
+      set_prefix: currentSet.set_prefix,
+      set_index: currentSet.set_index,
+      collection_index: collectionIndex,
+      set_collection: question.set_collection
+    })
+  }
+
+  return !disabled && question.is_collection && (
+    <button type="button" className="btn btn-success btn-xs add-value-button" onClick={handleClick}>
+      <i className="fa fa-plus fa-btn"></i> {capitalize(question.verbose_name)}
+    </button>
+  )
+}
+
+AddValue.propTypes = {
+  question: PropTypes.object.isRequired,
+  values: PropTypes.array.isRequired,
+  currentSet: PropTypes.object.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  createValue: PropTypes.func.isRequired
+}
+
+export default AddValue
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionAddValueHelp.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionAddValueHelp.js
new file mode 100644
index 0000000000..8a6428ee32
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionAddValueHelp.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const QuestionAddValueHelp = ({ templates, question }) => {
+  return question.is_collection && (
+    <Html html={templates.project_interview_add_value_help} />
+  )
+}
+
+QuestionAddValueHelp.propTypes = {
+  templates: PropTypes.object.isRequired,
+  question: PropTypes.object.isRequired,
+}
+
+export default QuestionAddValueHelp
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionContact.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionContact.js
new file mode 100644
index 0000000000..32b3cd1382
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionContact.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const QuestionContact = ({ settings, question, values, fetchContact }) => {
+  return settings.project_contact && (
+    <button className="btn btn-link btn-contact" title={gettext('Contact support.')}
+            onClick={() => fetchContact({ question, values })}>
+      <i className="fa fa-commenting-o" aria-hidden="true"></i>
+    </button>
+  )
+}
+
+QuestionContact.propTypes = {
+  settings: PropTypes.object.isRequired,
+  question: PropTypes.object.isRequired,
+  values: PropTypes.array.isRequired,
+  fetchContact: PropTypes.func.isRequired,
+}
+
+export default QuestionContact
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValue.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValue.js
new file mode 100644
index 0000000000..23892a72bf
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValue.js
@@ -0,0 +1,27 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { isEmptyValue } from '../../../utils/value'
+
+const QuestionCopyValue = ({ question, value, siblings, copyValue }) => {
+  return (
+    question.set_collection &&
+    !question.is_collection &&
+    !isEmptyValue(value) &&
+    siblings.some((value) => isEmptyValue(value)) && (
+      <button className="btn btn-link btn-apply-to-all" onClick={() => copyValue(value)}
+              title={gettext('Apply this answer to all tabs where this question is empty')}>
+        <i className="fa fa-arrow-circle-right fa-btn"></i>
+      </button>
+    )
+  )
+}
+
+QuestionCopyValue.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  siblings: PropTypes.array.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default QuestionCopyValue
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValues.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValues.js
new file mode 100644
index 0000000000..181098590b
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionCopyValues.js
@@ -0,0 +1,53 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { isEmpty } from 'lodash'
+
+import { isEmptyValue } from '../../../utils/value'
+
+const QuestionCopyValues = ({ question, sets, values, siblings, currentSet, copyValue }) => {
+  const button = question.widget_type == 'checkbox' ? (
+    <button className="btn btn-link btn-apply-to-all" onClick={() => copyValue(...values)}
+            title={gettext('Apply this answer to all tabs where this question is empty')}>
+      <i className="fa fa-arrow-circle-right fa-btn"></i>
+    </button>
+  ) : (
+    <button type="button" className="btn btn-primary btn-xs copy-value-button ml-10" onClick={() => copyValue(...values)}>
+      <i className="fa fa-arrow-circle-right fa-btn"></i> {gettext('Apply to all')}
+    </button>
+  )
+
+  const hasValues = values.some((value) => !isEmptyValue(value))
+
+  const hasEmptySiblings = sets.filter((set) => (
+      (set.set_prefix == currentSet.set_prefix) &&
+      (set.set_index != currentSet.set_index)
+    )).some((set) => {
+      // loop over all other sets and filter siblings accordingly
+      const setSiblings = siblings.filter((value) => (
+        (value.set_prefix == set.set_prefix) &&
+        (value.set_index == set.set_index)
+      ))
+
+      // check if this set has no sibling at all (for checkboxes) or if they are empty
+      return isEmpty(setSiblings) || setSiblings.some((value) => isEmptyValue(value))
+    })
+
+  return (
+    question.is_collection &&
+    question.set_collection &&
+    hasValues &&
+    hasEmptySiblings &&
+    button
+  )
+}
+
+QuestionCopyValues.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  currentSet: PropTypes.object.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default QuestionCopyValues
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionDefault.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionDefault.js
new file mode 100644
index 0000000000..780e9b07df
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionDefault.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { isDefaultValue } from '../../../utils/value'
+
+const QuestionDefault = ({ question, value }) => {
+  return isDefaultValue(question, value) && (
+    <div className="badge badge-default" title={gettext('This is a default answer that can be customized.')}>
+      {gettext('Default')}
+    </div>
+  )
+}
+
+QuestionDefault.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired
+}
+
+export default QuestionDefault
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionEraseValue.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionEraseValue.js
new file mode 100644
index 0000000000..720e30d8ec
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionEraseValue.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const QuestionEraseValue = ({ value, disabled, updateValue }) => {
+  const handleEraseValue = () => {
+    updateValue(value, {})
+  }
+
+  return !disabled && (
+    <button type="button" className="btn btn-link btn-erase-value" onClick={handleEraseValue}
+            title={gettext('Erase input')}>
+      <i className="fa fa-eraser fa-btn"></i>
+    </button>
+  )
+}
+
+QuestionEraseValue.propTypes = {
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  updateValue: PropTypes.func.isRequired
+}
+
+export default QuestionEraseValue
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionEraseValues.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionEraseValues.js
new file mode 100644
index 0000000000..d6f66f89b0
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionEraseValues.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const QuestionEraseValues = ({ values, disabled, deleteValue }) => {
+  const handleEraseValue = () => {
+    values.forEach((value) => deleteValue(value))
+  }
+
+  return !disabled && (
+    <button type="button" className="btn btn-link btn-erase-value" onClick={handleEraseValue}
+            title={gettext('Erase input')}>
+      <i className="fa fa-eraser fa-btn"></i>
+    </button>
+  )
+}
+
+QuestionEraseValues.propTypes = {
+  values: PropTypes.array.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  deleteValue: PropTypes.func.isRequired
+}
+
+export default QuestionEraseValues
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionError.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionError.js
new file mode 100644
index 0000000000..a575f40845
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionError.js
@@ -0,0 +1,39 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { isNil } from 'lodash'
+
+const getMessage = (error) => {
+  if (error.constructor.name === 'ValidationError') {
+    if (error.errors.conflict) {
+      return gettext('This field could not be saved, since somebody else did so while you were editing.' +
+                     ' You will need to reload the page to make changes, but your input will be overwritten.')
+    } else if (error.errors.quota) {
+       return gettext('You reached the file quota for this project.')
+    } else if (error.errors.text) {
+      return error.errors.text
+    }
+  } else if (error.constructor.name === 'ApiError') {
+    if (error.status === 404) {
+      return gettext('This field could not be saved, since somebody else removed it while you were editing.' +
+                     ' You will need to reload the page to proceed, but your input will be lost.')
+    } else {
+      return error.errors.api
+    }
+  } else {
+    return gettext('An unknown error occurred, please contact support')
+  }
+}
+
+const QuestionError = ({ value }) => {
+  return !isNil(value) && !isNil(value.error) && (
+    <ul className="help-block list-unstyled">
+      <li className="text-danger">{getMessage(value.error)}</li>
+    </ul>
+  )
+}
+
+QuestionError.propTypes = {
+  value: PropTypes.object
+}
+
+export default QuestionError
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionHelp.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionHelp.js
new file mode 100644
index 0000000000..eec017251a
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionHelp.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const QuestionHelp = ({ question }) => {
+  const classnames = classNames({
+    'help-text': true,
+    'text-muted': question.is_optional
+  })
+
+  return <Html className={classnames} html={question.help} />
+}
+
+QuestionHelp.propTypes = {
+  question: PropTypes.object.isRequired
+}
+
+export default QuestionHelp
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionHelpTemplate.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionHelpTemplate.js
new file mode 100644
index 0000000000..bcf3ef469f
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionHelpTemplate.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const QuestionHelpTemplate = ({ templates }) => {
+  return <Html html={templates.project_interview_question_help} />
+}
+
+QuestionHelpTemplate.propTypes = {
+  templates: PropTypes.object.isRequired
+}
+
+export default QuestionHelpTemplate
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionManagement.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionManagement.js
new file mode 100644
index 0000000000..646ab5f5da
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionManagement.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
+
+const QuestionManagement = ({ question, isManager }) => {
+  return isManager && (
+    <ul className="list-unstyled">
+      <li>
+        <a href={`${baseUrl}/management/questions/${question.id}/`} target="_blank" rel="noreferrer">
+          <code className="code-questions">{question.uri}</code>
+        </a>
+      </li>
+      <li>
+        <a href={`${baseUrl}/management/attributes/${question.attribute}/`} target="_blank" rel="noreferrer">
+          <code className="code-attributes">{question.attribute_uri}</code>
+        </a>
+      </li>
+    </ul>
+  )
+}
+
+QuestionManagement.propTypes = {
+  question: PropTypes.object.isRequired,
+  isManager: PropTypes.bool.isRequired,
+}
+
+export default QuestionManagement
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionOptional.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionOptional.js
new file mode 100644
index 0000000000..8b8c23a6ed
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionOptional.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const QuestionOptional = ({ question }) => {
+  return question.is_optional && (
+    <div className="badge badge-optional" title={gettext('This is an optional question.')}>
+      {gettext('Optional')}
+    </div>
+  )
+}
+
+QuestionOptional.propTypes = {
+  question: PropTypes.object.isRequired
+}
+
+export default QuestionOptional
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionRemoveValue.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionRemoveValue.js
new file mode 100644
index 0000000000..805c2616f3
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionRemoveValue.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const QuestionRemoveValue = ({ question, values, value, disabled, deleteValue }) => {
+  return !disabled && (question.is_collection || values.length > 1) && (
+    <button type="button" className="btn btn-link btn-remove-value" onClick={() => deleteValue(value)}>
+      <i className="fa fa-times fa-btn"></i>
+    </button>
+  )
+}
+
+QuestionRemoveValue.propTypes = {
+  question: PropTypes.object.isRequired,
+  values: PropTypes.array.isRequired,
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  deleteValue: PropTypes.func.isRequired
+}
+
+export default QuestionRemoveValue
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionSuccess.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionSuccess.js
new file mode 100644
index 0000000000..831e6c7b3f
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionSuccess.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+
+const QuestionSuccess = ({ value }) => {
+  return (
+    <div className={classNames('success-indicator text-success', {
+      'show': value.success
+    })}>
+      <i className="fa fa-check fa-btn"></i>
+    </div>
+  )
+}
+
+QuestionSuccess.propTypes = {
+  value: PropTypes.object.isRequired,
+}
+
+export default QuestionSuccess
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionText.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionText.js
new file mode 100644
index 0000000000..4d632d2111
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionText.js
@@ -0,0 +1,22 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+
+const QuestionText = ({ question }) => {
+  const classnames = classNames({
+    'form-label': true,
+    'text-muted': question.is_optional
+  })
+
+  return (
+    <div className={classnames}>
+      {question.text}
+    </div>
+  )
+}
+
+QuestionText.propTypes = {
+  question: PropTypes.object.isRequired
+}
+
+export default QuestionText
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionUnit.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionUnit.js
new file mode 100644
index 0000000000..fff3f16848
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionUnit.js
@@ -0,0 +1,33 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { isUndefined } from 'lodash'
+
+const QuestionUnit = ({ question, inputValue }) => {
+  return (question.unit || !isUndefined(inputValue)) && (
+    <div className="unit">
+      {
+        !isUndefined(inputValue) && (
+          <>
+            <span>{inputValue}</span>
+            {' '}
+          </>
+        )
+      }
+      {
+        question.unit && !isUndefined(inputValue) && (' ')
+      }
+      {
+        question.unit && (
+          <span title={gettext('The unit for this answer.')}>{question.unit}</span>
+        )
+      }
+    </div>
+  )
+}
+
+QuestionUnit.propTypes = {
+  question: PropTypes.object.isRequired,
+  inputValue: PropTypes.string,
+}
+
+export default QuestionUnit
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionWarning.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionWarning.js
new file mode 100644
index 0000000000..dfc91b8a49
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionWarning.js
@@ -0,0 +1,18 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const QuestionWarning = ({ templates, question, values }) => {
+  return !question.is_collection && values.length > 1 && (
+    <Html html={templates.project_interview_multiple_values_warning} />
+  )
+}
+
+QuestionWarning.propTypes = {
+  templates: PropTypes.object.isRequired,
+  question: PropTypes.object.isRequired,
+  values: PropTypes.array.isRequired
+}
+
+export default QuestionWarning
diff --git a/rdmo/projects/assets/js/interview/components/main/question/QuestionWidget.js b/rdmo/projects/assets/js/interview/components/main/question/QuestionWidget.js
new file mode 100644
index 0000000000..7d5e55c839
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/question/QuestionWidget.js
@@ -0,0 +1,49 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import CheckboxWidget from '../widget/CheckboxWidget'
+import DateWidget from '../widget/DateWidget'
+import FileWidget from '../widget/FileWidget'
+import RadioWidget from '../widget/RadioWidget'
+import RangeWidget from '../widget/RangeWidget'
+import SelectWidget from '../widget/SelectWidget'
+import TextWidget from '../widget/TextWidget'
+import TextareaWidget from '../widget/TextareaWidget'
+import YesNoWidget from '../widget/YesNoWidget'
+
+const QuestionWidget = (props) => {
+  switch (props.question.widget_type) {
+    case 'checkbox':
+      return <CheckboxWidget {...props} />
+    case 'date':
+      return <DateWidget {...props} />
+    case 'file':
+      return <FileWidget {...props} />
+    case 'radio':
+      return <RadioWidget {...props} />
+    case 'range':
+      return <RangeWidget {...props} />
+    case 'select':
+    case 'autocomplete':
+      return <SelectWidget {...props} />
+    case 'freeautocomplete':
+      return <SelectWidget {...props} creatable={true} />
+    case 'text':
+      return <TextWidget {...props} />
+    case 'textarea':
+      return <TextareaWidget {...props} />
+    case 'yesno':
+      return <YesNoWidget {...props} />
+    default:
+      return null
+  }
+}
+
+QuestionWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  values: PropTypes.array.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired
+}
+
+export default QuestionWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSet.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSet.js
new file mode 100644
index 0000000000..7dbec42962
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSet.js
@@ -0,0 +1,134 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { checkQuestionSet } from '../../../utils/page'
+import { getChildPrefix } from '../../../utils/set'
+
+import Question from '../question/Question'
+
+import QuestionSetAddSet from './QuestionSetAddSet'
+import QuestionSetAddSetHelp from './QuestionSetAddSetHelp'
+import QuestionSetCopySet from './QuestionSetCopySet'
+import QuestionSetHelp from './QuestionSetHelp'
+import QuestionSetHelpTemplate from './QuestionSetHelpTemplate'
+import QuestionSetRemoveSet from './QuestionSetRemoveSet'
+
+const QuestionSet = ({ settings, templates, questionset, sets, values, disabled, isManager,
+                       parentSet, createSet, updateSet, deleteSet, copySet,
+                       createValue, updateValue, deleteValue, copyValue, fetchContact }) => {
+
+  const setPrefix = getChildPrefix(parentSet)
+
+  const currentSets = sets.filter((set) => (
+    set.set_prefix == setPrefix
+  ))
+
+  return checkQuestionSet(questionset, parentSet) && (
+    <div className="interview-questionset col-md-12">
+      <div className="interview-questionset-label">
+        <strong>{questionset.title}</strong>
+      </div>
+      <QuestionSetHelp questionset={questionset} />
+      <QuestionSetHelpTemplate templates={templates} />
+      <QuestionSetAddSetHelp templates={templates} questionset={questionset} />
+      <div>
+        {
+          currentSets.map((set, setIndex) => (
+            <div key={setIndex} className="interview-block">
+              <div className="interview-block-options">
+                <QuestionSetCopySet questionset={questionset} sets={sets} currentSet={set} copySet={copySet} />
+                <QuestionSetRemoveSet questionset={questionset} currentSet={set} deleteSet={deleteSet} />
+              </div>
+              <div className="row">
+                {
+                  currentSets && (
+                    questionset.elements.map((element, elementIndex) => {
+                      if (element.model == 'questions.questionset') {
+                        return (
+                          <QuestionSet
+                            key={elementIndex}
+                            settings={settings}
+                            templates={templates}
+                            questionset={element}
+                            sets={sets}
+                            values={values.filter((value) => element.attributes.includes(value.attribute))}
+                            disabled={disabled}
+                            isManager={isManager}
+                            parentSet={set}
+                            createSet={createSet}
+                            updateSet={updateSet}
+                            deleteSet={deleteSet}
+                            copySet={copySet}
+                            createValue={createValue}
+                            updateValue={updateValue}
+                            deleteValue={deleteValue}
+                            copyValue={copyValue}
+                            fetchContact={fetchContact}
+                          />
+                        )
+                      } else {
+                        return (
+                          <Question
+                            key={elementIndex}
+                            settings={settings}
+                            templates={templates}
+                            question={element}
+                            sets={sets.filter((set) => (
+                              set.set_prefix == setPrefix
+                            ))}
+                            values={values.filter((value) => (
+                              value.attribute == element.attribute &&
+                              value.set_prefix == set.set_prefix &&
+                              value.set_index == set.set_index
+                            ))}
+                            siblings={values.filter((value) => (
+                              value.attribute == element.attribute &&
+                              value.set_prefix == set.set_prefix &&
+                              value.set_index != set.set_index
+                            ))}
+                            disabled={disabled}
+                            isManager={isManager}
+                            currentSet={set}
+                            createValue={createValue}
+                            updateValue={updateValue}
+                            deleteValue={deleteValue}
+                            copyValue={copyValue}
+                            fetchContact={fetchContact}
+                          />
+                        )
+                      }
+                    })
+                  )
+                }
+              </div>
+            </div>
+          ))
+        }
+      </div>
+
+      <QuestionSetAddSet questionset={questionset} sets={currentSets} setPrefix={setPrefix} createSet={createSet} />
+    </div>
+  )
+}
+
+QuestionSet.propTypes = {
+  settings: PropTypes.object.isRequired,
+  templates: PropTypes.object.isRequired,
+  questionset: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  isManager: PropTypes.bool.isRequired,
+  parentSet: PropTypes.object.isRequired,
+  createSet: PropTypes.func.isRequired,
+  updateSet: PropTypes.func.isRequired,
+  deleteSet: PropTypes.func.isRequired,
+  copySet: PropTypes.func.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired,
+  fetchContact: PropTypes.func.isRequired
+}
+
+export default QuestionSet
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetAddSet.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetAddSet.js
new file mode 100644
index 0000000000..2141af09eb
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetAddSet.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { capitalize, maxBy } from 'lodash'
+
+const QuestionSetAddSet = ({ questionset, sets, setPrefix, createSet }) => {
+  const handleClick = () => {
+    const lastSet = maxBy(sets, (s) => s.set_index)
+    const setIndex = lastSet ? lastSet.set_index + 1 : 0
+
+    createSet({
+      set_prefix: setPrefix,
+      set_index: setIndex
+    })
+  }
+
+  return questionset.is_collection && (
+    <button type="button" className="btn btn-success btn-add-set" onClick={handleClick}>
+      <i className="fa fa-plus fa-btn"></i> {capitalize(questionset.verbose_name)}
+    </button>
+  )
+}
+
+QuestionSetAddSet.propTypes = {
+  questionset: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  setPrefix: PropTypes.string.isRequired,
+  createSet: PropTypes.func.isRequired
+}
+
+export default QuestionSetAddSet
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetAddSetHelp.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetAddSetHelp.js
new file mode 100644
index 0000000000..adbd972755
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetAddSetHelp.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const QuestionSetAddSetHelp = ({ templates, questionset }) => {
+  return questionset.is_collection && (
+    <Html html={templates.project_interview_add_set_help} />
+  )
+}
+
+QuestionSetAddSetHelp.propTypes = {
+  templates: PropTypes.object.isRequired,
+  questionset: PropTypes.object.isRequired
+}
+
+export default QuestionSetAddSetHelp
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetCopyModal.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetCopyModal.js
new file mode 100644
index 0000000000..151059eb60
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetCopyModal.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Modal from 'rdmo/core/assets/js/components/Modal'
+
+const QuestionSetCopyModal = ({ title, show, onClose, onSubmit }) => {
+  return (
+    <Modal title={title} show={show} submitText={gettext('Copy')} submitColor="info"
+           onClose={onClose} onSubmit={onSubmit}>
+    </Modal>
+  )
+}
+
+QuestionSetCopyModal.propTypes = {
+  title: PropTypes.string.isRequired,
+  show: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onSubmit: PropTypes.func.isRequired,
+}
+
+export default QuestionSetCopyModal
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetCopySet.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetCopySet.js
new file mode 100644
index 0000000000..cc2e5492d5
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetCopySet.js
@@ -0,0 +1,43 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { capitalize, last } from 'lodash'
+
+import useModal from 'rdmo/core/assets/js/hooks/useModal'
+
+import QuestionSetCopyModal from './QuestionSetCopyModal'
+
+const QuestionCopySet = ({ questionset, sets, currentSet, copySet }) => {
+  const modal = useModal()
+
+  const handleCopySet = () => {
+    copySet(currentSet, null, {
+      set_prefix: currentSet.set_prefix,
+      set_index: last(sets) ? last(sets).set_index + 1 : 0,
+    })
+    modal.close()
+  }
+
+  return questionset.is_collection && (
+    <>
+      <button type="button" className="btn btn-link btn-copy-set" onClick={modal.open}>
+        <i className="fa fa-copy fa-btn"></i>
+      </button>
+
+      <QuestionSetCopyModal
+        title={capitalize(questionset.verbose_name)}
+        show={modal.show}
+        onClose={modal.close}
+        onSubmit={handleCopySet}
+      />
+    </>
+  )
+}
+
+QuestionCopySet.propTypes = {
+  questionset: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  currentSet: PropTypes.object.isRequired,
+  copySet: PropTypes.func.isRequired
+}
+
+export default QuestionCopySet
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetDeleteModal.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetDeleteModal.js
new file mode 100644
index 0000000000..78e9e244be
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetDeleteModal.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Modal from 'rdmo/core/assets/js/components/Modal'
+
+const QuestionSetDeleteModal = ({ title, show, onClose, onSubmit }) => {
+  return (
+    <Modal title={title} show={show} submitLabel={gettext('Delete')} submitProps={{className: 'btn btn-danger'}}
+           onClose={onClose} onSubmit={onSubmit}>
+      <p>{gettext('You are about to permanently delete this block.')}</p>
+      <p className="text-danger">{gettext('This action cannot be undone!')}</p>
+    </Modal>
+  )
+}
+
+QuestionSetDeleteModal.propTypes = {
+  title: PropTypes.string.isRequired,
+  show: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onSubmit: PropTypes.func.isRequired,
+}
+
+export default QuestionSetDeleteModal
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetHelp.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetHelp.js
new file mode 100644
index 0000000000..23e0fb04e2
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetHelp.js
@@ -0,0 +1,22 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { isEmpty } from 'lodash'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const QuestionSetHelp = ({ questionset }) => {
+  const classnames = classNames({
+    'help-text': true
+  })
+
+  return !isEmpty(questionset.help) && (
+    <Html className={classnames} html={questionset.help} />
+  )
+}
+
+QuestionSetHelp.propTypes = {
+  questionset: PropTypes.object.isRequired
+}
+
+export default QuestionSetHelp
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetHelpTemplate.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetHelpTemplate.js
new file mode 100644
index 0000000000..04e688cc72
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetHelpTemplate.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const QuestionSetHelpTemplate = ({ templates }) => {
+  return <Html html={templates.project_interview_questionset_help} />
+}
+
+QuestionSetHelpTemplate.propTypes = {
+  templates: PropTypes.object
+}
+
+export default QuestionSetHelpTemplate
diff --git a/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetRemoveSet.js b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetRemoveSet.js
new file mode 100644
index 0000000000..06a0dcae61
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/questionset/QuestionSetRemoveSet.js
@@ -0,0 +1,40 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { capitalize } from 'lodash'
+
+import useModal from 'rdmo/core/assets/js/hooks/useModal'
+
+import QuestionSetDeleteModal from './QuestionSetDeleteModal'
+
+const QuestionRemoveSet = ({ questionset, currentSet, deleteSet }) => {
+
+  const {show: showDeleteModal, open: openDeleteModal, close: closeDeleteModal} = useModal()
+
+  const handleDeleteSet = () => {
+    deleteSet(currentSet)
+    closeDeleteModal()
+  }
+
+  return questionset.is_collection && (
+    <>
+      <button type="button" className="btn btn-link btn-remove-set" onClick={openDeleteModal}>
+        <i className="fa fa-times fa-btn"></i>
+      </button>
+
+      <QuestionSetDeleteModal
+        title={capitalize(questionset.verbose_name)}
+        show={showDeleteModal}
+        onClose={closeDeleteModal}
+        onSubmit={handleDeleteSet}
+      />
+    </>
+  )
+}
+
+QuestionRemoveSet.propTypes = {
+  questionset: PropTypes.object.isRequired,
+  currentSet: PropTypes.object.isRequired,
+  deleteSet: PropTypes.func.isRequired
+}
+
+export default QuestionRemoveSet
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/CheckboxInput.js b/rdmo/projects/assets/js/interview/components/main/widget/CheckboxInput.js
new file mode 100644
index 0000000000..cf7b3604a5
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/CheckboxInput.js
@@ -0,0 +1,95 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { useDebouncedCallback } from 'use-debounce'
+import { isEmpty, isNil } from 'lodash'
+
+import AdditionalTextInput from './common/AdditionalTextInput'
+import AdditionalTextareaInput from './common/AdditionalTextareaInput'
+import OptionHelp from './common/OptionHelp'
+import OptionText from './common/OptionText'
+
+const CheckboxInput = ({ question, value, option, disabled, onCreate, onUpdate, onDelete }) => {
+
+  const checked = !isNil(value)
+
+  const handleChange = () => {
+    if (checked) {
+      onDelete(value)
+    } else {
+      onCreate(option)
+    }
+  }
+
+  const handleAdditionalValueChange = useDebouncedCallback((value, option, additionalInput) => {
+    if (checked) {
+      if (option.has_provider) {
+        onUpdate(value, {
+          text: option.text,
+          external_id: option.id,
+          unit: question.unit,
+          value_type: question.value_type
+        })
+      } else {
+        onUpdate(value, {
+          text: additionalInput,
+          option: option.id,
+          unit: question.unit,
+          value_type: question.value_type
+        })
+      }
+    } else {
+      onCreate(option, additionalInput)
+    }
+  }, 500)
+
+  return (
+    <div className="checkbox">
+      <label>
+        <input
+          type="checkbox"
+          checked={checked}
+          disabled={disabled}
+          onChange={() => handleChange()}
+        />
+        <OptionText option={option} />
+        {
+          isEmpty(option.additional_input) && (
+            <OptionHelp className="ml-10" option={option} />
+          )
+        }
+        {
+          option.additional_input == 'text' && (
+            <>
+              <span>:</span>
+              <AdditionalTextInput className="ml-10" value={value} option={option} disabled={disabled} onChange={handleAdditionalValueChange} />
+              <OptionHelp className="ml-10" option={option} />
+            </>
+          )
+        }
+        {
+          option.additional_input == 'textarea' && (
+            <>
+              <span>:</span>
+              <AdditionalTextareaInput value={value} option={option} disabled={disabled} onChange={handleAdditionalValueChange} />
+              <div>
+                <OptionHelp option={option} />
+              </div>
+            </>
+          )
+        }
+      </label>
+    </div>
+  )
+}
+
+CheckboxInput.propTypes = {
+  question: PropTypes.object,
+  value: PropTypes.object,
+  option: PropTypes.object,
+  disabled: PropTypes.bool,
+  onCreate: PropTypes.func.isRequired,
+  onUpdate: PropTypes.func.isRequired,
+  onDelete: PropTypes.func.isRequired
+}
+
+export default CheckboxInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/CheckboxWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/CheckboxWidget.js
new file mode 100644
index 0000000000..e1cf9975f1
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/CheckboxWidget.js
@@ -0,0 +1,109 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { maxBy } from 'lodash'
+
+import { gatherOptions } from '../../../utils/options'
+
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionEraseValues from '../question/QuestionEraseValues'
+import QuestionError from '../question/QuestionError'
+import QuestionSuccess from '../question/QuestionSuccess'
+
+import CheckboxInput from './CheckboxInput'
+
+const CheckboxWidget = ({ question, sets, values, siblings, currentSet, disabled,
+                          createValue, updateValue, deleteValue, copyValue }) => {
+
+  const handleCreateValue = (option, additionalInput) => {
+    const lastValue = maxBy(values, (v) => v.collection_index)
+    const collectionIndex = lastValue ? lastValue.collection_index + 1 : 0
+
+    const value = {
+      attribute: question.attribute,
+      set_prefix: currentSet.set_prefix,
+      set_index: currentSet.set_index,
+      collection_index: collectionIndex,
+      set_collection: question.set_collection,
+      unit: question.unit,
+      value_type: question.value_type
+    }
+
+    if (option.has_provider) {
+      value.external_id = option.id
+      value.text = option.text
+    } else {
+      value.option = option.id
+      value.text = additionalInput
+    }
+
+    createValue(value, true)
+  }
+
+  const success = values.some((value) => value.success)
+
+  return (
+    <div className="interview-widgets">
+      <div className="interview-widget">
+        <div className="interview-input">
+          <div className="buttons-wrapper">
+            <div className="checkbox-control">
+              {
+                gatherOptions(question).map((option, optionIndex) => {
+                  const value = values.find((value) => (
+                    option.has_provider ? (value.external_id === option.id) : (value.option === option.id)
+                  ))
+
+                  return (
+                    <React.Fragment key={optionIndex}>
+                      <CheckboxInput
+                        question={question}
+                        value={value}
+                        option={option}
+                        disabled={disabled}
+                        onCreate={handleCreateValue}
+                        onUpdate={updateValue}
+                        onDelete={deleteValue}
+                      />
+                      <QuestionError value={value} />
+                    </React.Fragment>
+                  )
+                })
+              }
+            </div>
+            <div className="buttons">
+              <QuestionSuccess value={{ success }} />
+              <QuestionEraseValues
+                values={values}
+                disabled={disabled}
+                deleteValue={deleteValue}
+              />
+              <QuestionCopyValues
+                question={question}
+                sets={sets}
+                values={values}
+                siblings={siblings}
+                currentSet={currentSet}
+                copyValue={copyValue}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+CheckboxWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default CheckboxWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/DateInput.js b/rdmo/projects/assets/js/interview/components/main/widget/DateInput.js
new file mode 100644
index 0000000000..20e5f89b69
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/DateInput.js
@@ -0,0 +1,81 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import DatePicker from 'react-datepicker'
+import classNames from 'classnames'
+import { enGB, de, it, es, fr } from 'date-fns/locale'
+
+import lang from 'rdmo/core/assets/js/utils/lang'
+
+import { isDefaultValue } from '../../../utils/value'
+
+const DateInput = ({ question, value, disabled, updateValue, buttons }) => {
+
+  const getLocale = () => {
+    switch (lang) {
+      case 'de':
+        return de
+      case 'it':
+        return it
+      case 'es':
+        return es
+      case 'fr':
+        return fr
+      default:
+        return enGB
+    }
+  }
+
+  const getDateFormat = () => {
+    switch (lang) {
+      case 'de':
+        return 'dd.MM.yyyy'
+      case 'it':
+        return 'dd/MM/yyyy'
+      case 'es':
+        return 'dd/MM/yyyy'
+      case 'fr':
+        return 'dd/MM/yyyy'
+      default:
+        return 'dd/MM/yyyy'
+    }
+  }
+
+  const handleChange = (date) => {
+    const text = date.toISOString().slice(0,10)
+    updateValue(value, { text, unit: question.unit, value_type: question.value_type })
+  }
+
+  const classnames = classNames({
+    'form-control': true,
+    'date-control': true,
+    'default': isDefaultValue(question, value)
+  })
+
+  return (
+    <div className="interview-input">
+      <div className="buttons-wrapper">
+        {buttons}
+        <DatePicker
+          className={classnames}
+          selected={value.text}
+          onChange={(date) => handleChange(date)}
+          locale={getLocale()}
+          dateFormat={getDateFormat()}
+          disabled={disabled}
+          popperPlacement="bottom-start"
+          showPopperArrow={false}
+        />
+      </div>
+    </div>
+  )
+}
+
+DateInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default DateInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/DateWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/DateWidget.js
new file mode 100644
index 0000000000..71903b3a2e
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/DateWidget.js
@@ -0,0 +1,82 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionError from '../question/QuestionError'
+import QuestionEraseValue from '../question/QuestionEraseValue'
+import QuestionSuccess from '../question/QuestionSuccess'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+
+import DateInput from './DateInput'
+
+const DateWidget = ({ question, sets, values, siblings, currentSet, disabled,
+                      createValue, updateValue, deleteValue, copyValue }) => {
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <DateInput
+                question={question}
+                value={value}
+                disabled={disabled}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionEraseValue value={value} disabled={disabled} updateValue={updateValue}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionCopyValue question={question} value={value} siblings={siblings} copyValue={copyValue} />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={createValue}
+        copyValue={copyValue}
+      />
+      <QuestionCopyValues
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        currentSet={currentSet}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+DateWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default DateWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/FileInput.js b/rdmo/projects/assets/js/interview/components/main/widget/FileInput.js
new file mode 100644
index 0000000000..51fa03202c
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/FileInput.js
@@ -0,0 +1,63 @@
+import React, { useCallback } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { useDropzone } from 'react-dropzone'
+
+const FileInput = ({ question, value, disabled, updateValue, buttons }) => {
+  const onDrop = useCallback(acceptedFiles => {
+    if (acceptedFiles.length == 1) {
+      updateValue(value, { file: acceptedFiles[0], unit: question.unit, value_type: question.value_type })
+    }
+  }, [value.file])
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, disabled })
+
+  const classnames = classNames({
+    'dropzone': true,
+    'disabled': disabled
+  })
+
+  return (
+    <div className="interview-input">
+      <div className="buttons-wrapper">
+        {buttons}
+        <div className="file-control">
+          {
+            value.file_name ? (
+              <div>
+                <span>{gettext('Current file: ')}</span>
+                <a href={value.file_url} onClick={(event) => event.stopPropagation()}>
+                  {value.file_name}
+                </a>
+              </div>
+            ) : (
+              <div>{gettext('No file stored.')}</div>
+            )
+          }
+
+          <div {...getRootProps({className: classnames})}>
+            <input {...getInputProps()} />
+            <div className="text-muted">
+              {
+                isDragActive ? (
+                  <span>{gettext('Drop the files here ...')}</span>
+                ) : (
+                  <span>{gettext('Drag \'n drop some files here, or click to select files.')}</span>
+                )
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+FileInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default FileInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/FileWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/FileWidget.js
new file mode 100644
index 0000000000..d30b1a57d0
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/FileWidget.js
@@ -0,0 +1,66 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionEraseValue from '../question/QuestionEraseValue'
+import QuestionSuccess from '../question/QuestionSuccess'
+import QuestionError from '../question/QuestionError'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+
+import FileInput from './FileInput'
+
+const FileWidget = ({ question, values, currentSet, disabled, createValue, updateValue, deleteValue }) => {
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <FileInput
+                question={question}
+                value={value}
+                disabled={disabled}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionEraseValue value={value} disabled={disabled} updateValue={updateValue}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={createValue}
+      />
+    </div>
+  )
+}
+
+FileWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  values: PropTypes.array.isRequired,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired
+}
+
+export default FileWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/RadioInput.js b/rdmo/projects/assets/js/interview/components/main/widget/RadioInput.js
new file mode 100644
index 0000000000..026fbd115a
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/RadioInput.js
@@ -0,0 +1,122 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { useDebouncedCallback } from 'use-debounce'
+import { isEmpty } from 'lodash'
+
+import { isDefaultValue } from '../../../utils/value'
+
+import AdditionalTextInput from './common/AdditionalTextInput'
+import AdditionalTextareaInput from './common/AdditionalTextareaInput'
+import OptionHelp from './common/OptionHelp'
+import OptionText from './common/OptionText'
+
+const RadioInput = ({ question, value, options, disabled, updateValue, buttons }) => {
+  const handleChange = (option) => {
+    if (option.has_provider) {
+      updateValue(value, {
+        text: option.text,
+        external_id: option.id,
+        unit: question.unit,
+        value_type: question.value_type
+      })
+    } else {
+      updateValue(value, {
+        option: option.id,
+        unit: question.unit,
+        value_type: question.value_type
+      })
+    }
+  }
+
+  const handleAdditionalValueChange = useDebouncedCallback((value, option, additionalInput) => {
+    updateValue(value, {
+      option: option.id,
+      text: additionalInput,
+      unit: question.unit,
+      value_type: question.value_type
+    })
+  }, 500)
+
+  const classnames = classNames({
+    'radio-control': true,
+    'radio': true,
+    'default': isDefaultValue(question, value)
+  })
+
+  return (
+    <div className="interview-input">
+      <div className="buttons-wrapper">
+        {buttons}
+        <div className={classnames}>
+          {
+            isEmpty(options) ? (
+              <div className="text-muted">{gettext('No options are available.')}</div>
+            ) : (
+              options.map((option, optionIndex) => (
+                <div key={optionIndex} className="radio">
+                  <label>
+                    <input
+                      type="radio"
+                      checked={option.has_provider ? (value.external_id === option.id) : (value.option === option.id)}
+                      disabled={disabled}
+                      onChange={() => handleChange(option)}
+                    />
+                    <OptionText option={option} />
+                    {
+                      isEmpty(option.additional_input) && (
+                        <OptionHelp className="ml-10" option={option} />
+                      )
+                    }
+                    {
+                      option.additional_input == 'text' && (
+                        <>
+                          <span>:</span>
+                          <AdditionalTextInput
+                            className="ml-10"
+                            value={value}
+                            option={option}
+                            disabled={disabled}
+                            onChange={handleAdditionalValueChange}
+                          />
+                          <OptionHelp className="ml-10" option={option} />
+                        </>
+                      )
+                    }
+                    {
+                      option.additional_input == 'textarea' && (
+                        <>
+                          <span>:</span>
+                          <AdditionalTextareaInput
+                            value={value}
+                            option={option}
+                            disabled={disabled}
+                            onChange={handleAdditionalValueChange}
+                          />
+                          <div>
+                            <OptionHelp option={option} />
+                          </div>
+                        </>
+                      )
+                    }
+                  </label>
+                </div>
+              ))
+            )
+          }
+        </div>
+      </div>
+    </div>
+  )
+}
+
+RadioInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  options: PropTypes.array.isRequired,
+  disabled: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default RadioInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/RadioWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/RadioWidget.js
new file mode 100644
index 0000000000..4a43ece34a
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/RadioWidget.js
@@ -0,0 +1,85 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { gatherOptions } from '../../../utils/options'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionError from '../question/QuestionError'
+import QuestionSuccess from '../question/QuestionSuccess'
+import QuestionEraseValue from '../question/QuestionEraseValue'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+
+import RadioInput from './RadioInput'
+
+const RadioWidget = ({ question, sets, values, siblings, currentSet, disabled,
+                       createValue, updateValue, deleteValue, copyValue }) => {
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <RadioInput
+                question={question}
+                value={value}
+                options={gatherOptions(question, currentSet)}
+                disabled={disabled}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionEraseValue value={value} disabled={disabled} updateValue={updateValue}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionCopyValue question={question} value={value} siblings={siblings} copyValue={copyValue} />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={createValue}
+        copyValue={copyValue}
+      />
+      <QuestionCopyValues
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        currentSet={currentSet}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+RadioWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default RadioWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/RangeInput.js b/rdmo/projects/assets/js/interview/components/main/widget/RangeInput.js
new file mode 100644
index 0000000000..7f28d9f28b
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/RangeInput.js
@@ -0,0 +1,53 @@
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useDebouncedCallback } from 'use-debounce'
+import classNames from 'classnames'
+import { isEmpty } from 'lodash'
+
+import { isDefaultValue } from '../../../utils/value'
+
+import Unit from './common/Unit'
+
+const RangeInput = ({ question, value, disabled, updateValue, buttons }) => {
+  const [inputValue, setInputValue] = useState('')
+  useEffect(() => {setInputValue(value.text)}, [value.text])
+
+  const handleChange = useDebouncedCallback((value, text) => {
+    updateValue(value, { text, unit: question.unit, value_type: question.value_type })
+  }, 500)
+
+  const classnames = classNames({
+    'interview-input': true,
+    'range': true,
+    'default': isDefaultValue(question, value)
+  })
+
+  return (
+    <div className={classnames}>
+      <input
+        type="range"
+        min={isEmpty(question.minimum) ? '0' : question.minimum}
+        max={isEmpty(question.maximum) ? '100' : question.maximum}
+        step={isEmpty(question.step) ? '1' : question.step}
+        disabled={disabled}
+        value={inputValue}
+        onChange={(event) => {
+          setInputValue(event.target.value)
+          handleChange(value, event.target.value)
+        }}
+      />
+      <Unit unit={question.unit} inputValue={inputValue} />
+      {buttons}
+    </div>
+  )
+}
+
+RangeInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default RangeInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/RangeWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/RangeWidget.js
new file mode 100644
index 0000000000..9d7d42b9bb
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/RangeWidget.js
@@ -0,0 +1,95 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { initRange } from '../../../utils/value'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionError from '../question/QuestionError'
+import QuestionSuccess from '../question/QuestionSuccess'
+import QuestionEraseValue from '../question/QuestionEraseValue'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+
+import RangeInput from './RangeInput'
+
+const RangeWidget = ({ question, sets, values, siblings, currentSet, disabled,
+                       createValue, updateValue, deleteValue, copyValue }) => {
+
+  const handleCreateValue = (value) => {
+    initRange(question, value)
+    createValue(value)
+  }
+
+  const handleEraseValue = (value, attrs) => {
+    initRange(question, attrs)
+    updateValue(value, attrs)
+  }
+
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <RangeInput
+                question={question}
+                value={value}
+                disabled={disabled}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionEraseValue value={value} disabled={disabled} updateValue={handleEraseValue}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionCopyValue question={question} value={value} siblings={siblings} copyValue={copyValue} />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={handleCreateValue}
+        copyValue={copyValue}
+      />
+      <QuestionCopyValues
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        currentSet={currentSet}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+RangeWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default RangeWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/SelectInput.js b/rdmo/projects/assets/js/interview/components/main/widget/SelectInput.js
new file mode 100644
index 0000000000..b53f1f6baf
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/SelectInput.js
@@ -0,0 +1,139 @@
+import React, { useState } from 'react'
+import Select from 'react-select'
+import AsyncSelect from 'react-select/async'
+import CreatableSelect from 'react-select/creatable'
+import CreatableAsyncSelect from 'react-select/async-creatable'
+
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { isEmpty, isNil } from 'lodash'
+import { useDebouncedCallback } from 'use-debounce'
+// import { convert } from 'html-to-text'
+
+import ProjectApi from '../../../api/ProjectApi'
+import { projectId } from '../../../utils/meta'
+import { isDefaultValue } from '../../../utils/value'
+import { getValueOption } from '../../../utils/options'
+
+import OptionHelp from './common/OptionHelp'
+import OptionText from './common/OptionText'
+
+
+const SelectInput = ({ question, value, options, disabled, creatable, updateValue, buttons }) => {
+
+  const [inputValue, setInputValue] = useState('')
+
+  const handleChange = (option) => {
+    if (isNil(option)) {
+      setInputValue('')
+      updateValue(value, {})
+    } else if (option.__isNew__ === true) {
+      updateValue(value, {
+        text: option.value,
+        unit: question.unit,
+        value_type: question.value_type
+      })
+    } else {
+      if (option.has_provider) {
+        updateValue(value, {
+          external_id: option.id,
+          text: option.text,
+          unit: question.unit,
+          value_type: question.value_type
+        })
+      } else {
+        updateValue(value, {
+          option: option.id,
+          unit: question.unit,
+          value_type: question.value_type
+        })
+      }
+    }
+  }
+
+  const handleLoadOptions = useDebouncedCallback((searchText, callback) => {
+    // Updating "options" through the redux store is buggy, so we use AsyncSelect
+    // and use a asyncrounous callback to update the options in the select field.
+    // Note that the "options" array in the component remains [].
+    const search = searchText || value.text
+    if (isEmpty(search)) {
+      callback([])
+    } else {
+      Promise.all(question.optionsets.map((optionset) => {
+        return ProjectApi.fetchOptions(projectId, optionset.id, search)
+      })).then((results) => {
+        const options = results.reduce((selectOptions, options) => {
+          return [...selectOptions, ...options.map(option => ({...option, has_provider: true}))]
+        }, [])
+
+        callback(options)
+      })
+    }
+  }, 500)
+
+  const classnames = classNames({
+    'react-select': true,
+    'default': isDefaultValue(question, value)
+  })
+
+  const valueOption = getValueOption(options, value)
+
+  const isAsync = question.optionsets.some((optionset) => optionset.has_search)
+
+  const selectProps = {
+    key: value.id,
+    classNamePrefix: 'react-select',
+    className: classnames,
+    backspaceRemovesValue: false,
+    isDisabled: disabled,
+    placeholder: gettext('Select ...'),
+    noOptionsMessage: () => gettext('No options found'),
+    loadingMessage: () => gettext('Loading ...'),
+    options: options,
+    value: valueOption,
+    inputValue: inputValue,
+    onInputChange: setInputValue,
+    onChange: handleChange,
+    getOptionValue: (option) => option.id,
+    getOptionLabel: (option) => option.text,
+    formatOptionLabel: (option) => (
+      <span className="interview-select-option">
+        <OptionText option={option} />
+        <OptionHelp className="ml-10" option={option} />
+      </span>
+    )
+  }
+
+  return (
+    <div className="interview-input">
+      {
+        creatable ? (
+          isAsync ? (
+            <CreatableAsyncSelect {...selectProps} loadOptions={handleLoadOptions} defaultOptions />
+          ) : (
+            <CreatableSelect {...selectProps} />
+          )
+        ) : (
+          isAsync ? (
+            <AsyncSelect {...selectProps} loadOptions={handleLoadOptions} defaultOptions />
+          ) : (
+            <Select {...selectProps} />
+          )
+        )
+      }
+      {buttons}
+    </div>
+  )
+}
+
+SelectInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  options: PropTypes.array.isRequired,
+  disabled: PropTypes.bool,
+  creatable: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default SelectInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/SelectWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/SelectWidget.js
new file mode 100644
index 0000000000..fce4140a7e
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/SelectWidget.js
@@ -0,0 +1,86 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { gatherOptions } from '../../../utils/options'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionEraseValue from '../question/QuestionEraseValue'
+import QuestionError from '../question/QuestionError'
+import QuestionSuccess from '../question/QuestionSuccess'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+
+import SelectInput from './SelectInput'
+
+const SelectWidget = ({ question, sets, values, siblings, currentSet, disabled, creatable,
+                        createValue, updateValue, deleteValue, copyValue }) => {
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <SelectInput
+                question={question}
+                value={value}
+                options={gatherOptions(question)}
+                disabled={disabled}
+                creatable={creatable}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionEraseValue value={value} disabled={disabled} updateValue={updateValue}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionCopyValue question={question} value={value} siblings={siblings} copyValue={copyValue} />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={createValue}
+      />
+      <QuestionCopyValues
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        currentSet={currentSet}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+SelectWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  creatable: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default SelectWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/TextInput.js b/rdmo/projects/assets/js/interview/components/main/widget/TextInput.js
new file mode 100644
index 0000000000..44b4f3ef57
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/TextInput.js
@@ -0,0 +1,57 @@
+import React, { useState, useEffect, useRef } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { useDebouncedCallback } from 'use-debounce'
+
+import { isDefaultValue } from '../../../utils/value'
+
+import useFocusEffect from '../../../hooks/useFocusEffect'
+
+import Unit from './common/Unit'
+
+const TextInput = ({ question, value, disabled, updateValue, buttons }) => {
+  const ref = useRef(null)
+  const [inputValue, setInputValue] = useState('')
+
+  useEffect(() => {setInputValue(value.text)}, [value.text])
+  useFocusEffect(ref, value.focus)
+
+  const handleChange = useDebouncedCallback((value, text) => {
+    updateValue(value, { text, unit: question.unit, value_type: question.value_type })
+  }, 500)
+
+  const classnames = classNames({
+    'form-control': true,
+    'default': isDefaultValue(question, value)
+  })
+
+  return (
+    <div className="interview-input">
+      <div className="buttons-wrapper">
+        {buttons}
+        <input
+          ref={ref}
+          type="text"
+          className={classnames}
+          disabled={disabled}
+          value={inputValue}
+          onChange={(event) => {
+            setInputValue(event.target.value)
+            handleChange(value, event.target.value)
+          }}
+        />
+      </div>
+      <Unit unit={question.unit} />
+    </div>
+  )
+}
+
+TextInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default TextInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/TextWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/TextWidget.js
new file mode 100644
index 0000000000..fbee0d5235
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/TextWidget.js
@@ -0,0 +1,79 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionError from '../question/QuestionError'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+import QuestionSuccess from '../question/QuestionSuccess'
+
+import TextInput from './TextInput'
+
+const TextWidget = ({ question, sets, values, siblings, currentSet, disabled,
+                      createValue, updateValue, deleteValue, copyValue }) => {
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <TextInput
+                question={question}
+                value={value}
+                disabled={disabled}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionCopyValue question={question} value={value} siblings={siblings} copyValue={copyValue} />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={createValue}
+      />
+      <QuestionCopyValues
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        currentSet={currentSet}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+TextWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default TextWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/TextareaInput.js b/rdmo/projects/assets/js/interview/components/main/widget/TextareaInput.js
new file mode 100644
index 0000000000..bc8cf49437
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/TextareaInput.js
@@ -0,0 +1,57 @@
+import React, { useState, useEffect, useRef } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { useDebouncedCallback } from 'use-debounce'
+
+import { isDefaultValue } from '../../../utils/value'
+
+import useFocusEffect from '../../../hooks/useFocusEffect'
+
+import Unit from './common/Unit'
+
+const TextareaInput = ({ question, value, disabled, updateValue, buttons }) => {
+  const ref = useRef(null)
+  const [inputValue, setInputValue] = useState('')
+
+  useEffect(() => {setInputValue(value.text)}, [value.text])
+  useFocusEffect(ref, value.focus)
+
+  const handleChange = useDebouncedCallback((value, text) => {
+    updateValue(value, { text, unit: question.unit, value_type: question.value_type })
+  }, 500)
+
+  const classnames = classNames({
+    'form-control': true,
+    'default': isDefaultValue(question, value)
+  })
+
+  return (
+    <div className="interview-input">
+      <div className="buttons-wrapper">
+        {buttons}
+        <textarea
+          ref={ref}
+          rows={6}
+          className={classnames}
+          disabled={disabled}
+          value={inputValue}
+          onChange={(event) => {
+            setInputValue(event.target.value)
+            handleChange(value, event.target.value)
+          }}
+        />
+      </div>
+      <Unit unit={question.unit} />
+    </div>
+  )
+}
+
+TextareaInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default TextareaInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/TextareaWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/TextareaWidget.js
new file mode 100644
index 0000000000..cc063a3bf5
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/TextareaWidget.js
@@ -0,0 +1,79 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionError from '../question/QuestionError'
+import QuestionSuccess from '../question/QuestionSuccess'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+
+import TextareaInput from './TextareaInput'
+
+const TextareaWidget = ({ question, sets, values, siblings, currentSet, disabled,
+                          createValue, updateValue, deleteValue, copyValue }) => {
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <TextareaInput
+                question={question}
+                value={value}
+                disabled={disabled}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionCopyValue question={question} value={value} siblings={siblings} copyValue={copyValue} />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={createValue}
+      />
+      <QuestionCopyValues
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        currentSet={currentSet}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+TextareaWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default TextareaWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/YesNoInput.js b/rdmo/projects/assets/js/interview/components/main/widget/YesNoInput.js
new file mode 100644
index 0000000000..7216673298
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/YesNoInput.js
@@ -0,0 +1,68 @@
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+
+import { isDefaultValue } from '../../../utils/value'
+
+import Unit from './common/Unit'
+
+const YesNoInput = ({ question, value, disabled, updateValue, buttons }) => {
+  const [inputValue, setInputValue] = useState('')
+  useEffect(() => {setInputValue(value.text)}, [value.id, value.text])
+
+  const handleChange = (value, text) => {
+    updateValue(value, { text, unit: question.unit, value_type: question.value_type })
+  }
+
+  const classnames = classNames({
+    'radio-control': true,
+    'radio': true,
+    'yesno': true,
+    'default': isDefaultValue(question, value)
+  })
+
+  return (
+    <div className="interview-input">
+      <div className="buttons-wrapper">
+        {buttons}
+        <div className={classnames}>
+          <label>
+              <input
+                type="radio"
+                value="1"
+                disabled={disabled}
+                checked={inputValue == '1'}
+                onChange={(event) => {
+                  setInputValue(event.target.value)
+                  handleChange(value, event.target.value)
+                }} />
+              <span>{gettext('Yes')}</span>
+          </label>
+          <label>
+              <input
+                type="radio"
+                value="0"
+                checked={inputValue == '0'}
+                disabled={disabled}
+                onChange={(event) => {
+                  setInputValue(event.target.value)
+                  handleChange(value, event.target.value)
+                }} />
+              <span>{gettext('No')}</span>
+          </label>
+        </div>
+      </div>
+      <Unit question={question} />
+    </div>
+  )
+}
+
+YesNoInput.propTypes = {
+  question: PropTypes.object.isRequired,
+  value: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  updateValue: PropTypes.func.isRequired,
+  buttons: PropTypes.node.isRequired
+}
+
+export default YesNoInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/YesNoWidget.js b/rdmo/projects/assets/js/interview/components/main/widget/YesNoWidget.js
new file mode 100644
index 0000000000..ec7e965272
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/YesNoWidget.js
@@ -0,0 +1,81 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import QuestionAddValue from '../question/QuestionAddValue'
+import QuestionCopyValue from '../question/QuestionCopyValue'
+import QuestionCopyValues from '../question/QuestionCopyValues'
+import QuestionDefault from '../question/QuestionDefault'
+import QuestionError from '../question/QuestionError'
+import QuestionEraseValue from '../question/QuestionEraseValue'
+import QuestionSuccess from '../question/QuestionSuccess'
+import QuestionRemoveValue from '../question/QuestionRemoveValue'
+
+import YesNoInput from './YesNoInput'
+
+const YesNoWidget = ({ question, sets, values, siblings, currentSet, disabled,
+                       createValue, updateValue, deleteValue, copyValue }) => {
+  return (
+    <div className="interview-widgets">
+      {
+        values.map((value, valueIndex) => {
+          return (
+            <div key={valueIndex} className="interview-widget">
+              <YesNoInput
+                question={question}
+                value={value}
+                disabled={disabled}
+                updateValue={updateValue}
+                buttons={
+                  <div className="buttons">
+                    <QuestionSuccess value={value}/>
+                    <QuestionEraseValue value={value} disabled={disabled} updateValue={updateValue}/>
+                    <QuestionRemoveValue
+                      question={question}
+                      values={values}
+                      value={value}
+                      disabled={disabled}
+                      deleteValue={deleteValue}
+                    />
+                    <QuestionCopyValue question={question} value={value} siblings={siblings} copyValue={copyValue} />
+                    <QuestionDefault question={question} value={value} />
+                  </div>
+                }
+              />
+              <QuestionError value={value} />
+            </div>
+          )
+        })
+      }
+      <QuestionAddValue
+        question={question}
+        values={values}
+        currentSet={currentSet}
+        disabled={disabled}
+        createValue={createValue}
+      />
+      <QuestionCopyValues
+        question={question}
+        sets={sets}
+        values={values}
+        siblings={siblings}
+        currentSet={currentSet}
+        copyValue={copyValue}
+      />
+    </div>
+  )
+}
+
+YesNoWidget.propTypes = {
+  question: PropTypes.object.isRequired,
+  sets: PropTypes.array.isRequired,
+  values: PropTypes.array.isRequired,
+  siblings: PropTypes.array,
+  disabled: PropTypes.bool,
+  currentSet: PropTypes.object.isRequired,
+  createValue: PropTypes.func.isRequired,
+  updateValue: PropTypes.func.isRequired,
+  deleteValue: PropTypes.func.isRequired,
+  copyValue: PropTypes.func.isRequired
+}
+
+export default YesNoWidget
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/common/AdditionalTextInput.js b/rdmo/projects/assets/js/interview/components/main/widget/common/AdditionalTextInput.js
new file mode 100644
index 0000000000..0e32151dea
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/common/AdditionalTextInput.js
@@ -0,0 +1,40 @@
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { get, isNil } from 'lodash'
+
+const AdditionalTextInput = ({ className, value, option, disabled, onChange }) => {
+  const [inputValue, setInputValue] = useState('')
+
+  useEffect(() => {
+    if (isNil(value)) {
+      setInputValue('')
+    } else {
+      setInputValue(value.option == option.id ? value.text : '')
+    }
+  }, [get(value, 'id'), get(value, 'option'), get(value, 'external_id')])
+
+  return (
+    <span className={className}>
+      <input
+        type="text"
+        className="form-control input-sm"
+        disabled={disabled}
+        value={inputValue}
+        onChange={(event) => {
+          setInputValue(event.target.value)
+          onChange(value, option, event.target.value)
+        }}
+      />
+    </span>
+  )
+}
+
+AdditionalTextInput.propTypes = {
+  className: PropTypes.string,
+  value: PropTypes.object,
+  option: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func.isRequired
+}
+
+export default AdditionalTextInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/common/AdditionalTextareaInput.js b/rdmo/projects/assets/js/interview/components/main/widget/common/AdditionalTextareaInput.js
new file mode 100644
index 0000000000..83c9df6275
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/common/AdditionalTextareaInput.js
@@ -0,0 +1,37 @@
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { get, isNil } from 'lodash'
+
+const AdditionalTextareaInput = ({ value, option, disabled, onChange }) => {
+  const [inputValue, setInputValue] = useState('')
+
+  useEffect(() => {
+    if (isNil(value)) {
+      setInputValue('')
+    } else {
+      setInputValue(value.option == option.id ? value.text : '')
+    }
+  }, [get(value, 'id'), get(value, 'option'), get(value, 'external_id')])
+
+  return (
+    <textarea
+      rows={4}
+      className="form-control input-sm"
+      disabled={disabled}
+      value={inputValue}
+      onChange={(event) => {
+        setInputValue(event.target.value)
+        onChange(value, option, event.target.value)
+      }}
+    />
+  )
+}
+
+AdditionalTextareaInput.propTypes = {
+  value: PropTypes.object,
+  option: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func.isRequired
+}
+
+export default AdditionalTextareaInput
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/common/OptionHelp.js b/rdmo/projects/assets/js/interview/components/main/widget/common/OptionHelp.js
new file mode 100644
index 0000000000..21f0296c14
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/common/OptionHelp.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { isEmpty } from 'lodash'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const OptionHelp = ({ className, option }) => {
+  return !isEmpty(option.help) && (
+    <span className={className}>
+      <Html className="option-help text-muted" html={option.help} />
+    </span>
+  )
+}
+
+OptionHelp.propTypes = {
+  className: PropTypes.string,
+  option: PropTypes.object.isRequired
+}
+
+export default OptionHelp
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/common/OptionText.js b/rdmo/projects/assets/js/interview/components/main/widget/common/OptionText.js
new file mode 100644
index 0000000000..a9f497ba08
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/common/OptionText.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const OptionText = ({ className, option }) => {
+  return (
+    <span className={className}>
+      <Html className="option-text" html={option.text} />
+    </span>
+  )
+}
+
+OptionText.propTypes = {
+  className: PropTypes.string,
+  option: PropTypes.object.isRequired
+}
+
+export default OptionText
diff --git a/rdmo/projects/assets/js/interview/components/main/widget/common/Unit.js b/rdmo/projects/assets/js/interview/components/main/widget/common/Unit.js
new file mode 100644
index 0000000000..d5f8289159
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/main/widget/common/Unit.js
@@ -0,0 +1,33 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { isEmpty, isUndefined } from 'lodash'
+
+const Unit = ({ unit, inputValue }) => {
+  return (!isEmpty(unit) || !isUndefined(inputValue)) && (
+    <div className="unit">
+      {
+        !isUndefined(inputValue) && (
+          <>
+            <span>{inputValue}</span>
+            {' '}
+          </>
+        )
+      }
+      {
+        !isEmpty(unit) && !isUndefined(inputValue) && (' ')
+      }
+      {
+        !isEmpty(unit) && (
+          <span title={gettext('The unit for this answer.')}>{unit}</span>
+        )
+      }
+    </div>
+  )
+}
+
+Unit.propTypes = {
+  unit: PropTypes.string,
+  inputValue: PropTypes.string,
+}
+
+export default Unit
diff --git a/rdmo/projects/assets/js/interview/components/sidebar/Buttons.js b/rdmo/projects/assets/js/interview/components/sidebar/Buttons.js
new file mode 100644
index 0000000000..0ead61f78e
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/sidebar/Buttons.js
@@ -0,0 +1,37 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const Buttons = ({ next, prev, help, fetchPage }) => {
+  return (
+    <>
+      <Html html={help} />
+
+      <div className="interview-buttons">
+        <div className="pull-right">
+          <button type="button" onClick={() => fetchPage(next)} disabled={!next}
+                  className="btn btn-default btn-xs">
+            {gettext('Proceed')}
+          </button>
+        </div>
+
+        <div>
+          <button type="button" onClick={() => fetchPage(prev, true)} disabled={!prev}
+                  className="btn btn-default btn-xs">
+            {gettext('Back')}
+          </button>
+        </div>
+      </div>
+    </>
+  )
+}
+
+Buttons.propTypes = {
+  next: PropTypes.number,
+  prev: PropTypes.number,
+  help: PropTypes.string.isRequired,
+  fetchPage: PropTypes.func.isRequired
+}
+
+export default Buttons
diff --git a/rdmo/projects/assets/js/interview/components/sidebar/Navigation.js b/rdmo/projects/assets/js/interview/components/sidebar/Navigation.js
new file mode 100644
index 0000000000..aea883f470
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/sidebar/Navigation.js
@@ -0,0 +1,66 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+import NavigationLink from './NavigationLink'
+
+const Navigation = ({ currentPage, navigation, help, fetchPage }) => {
+  return (
+    <>
+      <h2>{gettext('Navigation')}</h2>
+      <Html html={help} />
+
+      <ul className="list-unstyled interview-navigation">
+        {
+          navigation.map((section, sectionIndex) => (
+              <li key={sectionIndex}>
+                <NavigationLink
+                  element={section}
+                  href={`/projects/12/interview/${section.first}/`}
+                  onClick={() => fetchPage(section.first)}
+                />
+                {
+                  section.pages && (
+                    <ul className="list-unstyled">
+                      {
+                        section.pages.map((page, pageIndex) => (
+                            <li key={pageIndex} className={classNames({
+                              'active': currentPage ? page.id == currentPage.id : false})
+                            }>
+                              {
+                                page.show ? (
+                                  <NavigationLink
+                                    element={page}
+                                    href={`/projects/12/interview/${page.id}/`}
+                                    onClick={() => fetchPage(page.id)}
+                                  />
+                                ) : (
+                                  <span className="text-muted">{page.title}</span>
+                                )
+                              }
+                            </li>
+                          )
+                        )
+                      }
+                    </ul>
+                  )
+                }
+              </li>
+            )
+          )
+        }
+      </ul>
+    </>
+  )
+}
+
+Navigation.propTypes = {
+  currentPage: PropTypes.object,
+  navigation: PropTypes.array.isRequired,
+  help: PropTypes.string.isRequired,
+  fetchPage: PropTypes.func.isRequired
+}
+
+export default Navigation
diff --git a/rdmo/projects/assets/js/interview/components/sidebar/NavigationLink.js b/rdmo/projects/assets/js/interview/components/sidebar/NavigationLink.js
new file mode 100644
index 0000000000..a2b8c13113
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/sidebar/NavigationLink.js
@@ -0,0 +1,40 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const NavigationLink = ({ element, href, onClick }) => {
+
+  const label = interpolate(gettext('(%s of %s)'), [element.count, element.total])
+
+  const handleClick = (event,) => {
+    event.preventDefault()
+    onClick()
+  }
+
+  return (
+    <a href={href} onClick={handleClick}>
+      {element.title}
+      {
+        element.count > 0 && element.count == element.total && (
+          <span>
+            {' '}<i className="fa fa-check" aria-hidden="true"></i>
+          </span>
+        )
+      }
+      {
+        element.count > 0 && element.count != element.total && (
+          <>
+            {' '}<span>{label}</span>
+          </>
+        )
+      }
+    </a>
+  )
+}
+
+NavigationLink.propTypes = {
+  element: PropTypes.object.isRequired,
+  href: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired
+}
+
+export default NavigationLink
diff --git a/rdmo/projects/assets/js/interview/components/sidebar/Overview.js b/rdmo/projects/assets/js/interview/components/sidebar/Overview.js
new file mode 100644
index 0000000000..c35f14fa3b
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/sidebar/Overview.js
@@ -0,0 +1,56 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const Overview = ({ overview, help }) => {
+
+  const projectsUrl = `${baseUrl}/projects/`
+  const projectUrl = `${baseUrl}/projects/${overview.id}`
+
+  return (
+    <>
+      <h2>{gettext('Overview')}</h2>
+      <Html html={help} />
+
+      <div className="interview-overview">
+        <ul className="list-unstyled">
+          <li>
+            {gettext('Project')}: <a href={projectUrl}>{overview.title}</a>
+          </li>
+          <li>
+            {gettext('Catalog')}: {overview.catalog.title}
+          </li>
+        </ul>
+
+        {
+          overview.read_only && (
+            <p>
+              <span className="badge badge-read-only" title={gettext('You don\'t have write access to this project.')}>
+                {gettext('read only')}
+              </span>
+            </p>
+          )
+        }
+
+        <ul className="list-unstyled">
+          <li>
+            <a href="#" onClick={() => window.location.reload()}>{gettext('Reload page')}</a>
+          </li>
+          <li>
+            <a href={projectsUrl}>{gettext('Back to my projects')}</a>
+          </li>
+        </ul>
+      </div>
+    </>
+  )
+}
+
+Overview.propTypes = {
+  overview: PropTypes.object.isRequired,
+  help: PropTypes.string.isRequired
+}
+
+export default Overview
diff --git a/rdmo/projects/assets/js/interview/components/sidebar/Progress.js b/rdmo/projects/assets/js/interview/components/sidebar/Progress.js
new file mode 100644
index 0000000000..0bc6aa69c3
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/components/sidebar/Progress.js
@@ -0,0 +1,35 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import Html from 'rdmo/core/assets/js/components/Html'
+
+const Progress = ({ progress, help }) => {
+
+  const low = progress.ratio <= 0.25
+  const width = progress.ratio * 100
+  const label = interpolate(gettext('%s of %s'), [progress.count, progress.total])
+
+  return (
+    <>
+      <h2>{gettext('Progress')}</h2>
+      <Html html={help} />
+
+      <div className="interview-progress">
+        {low && <div className="interview-progress-count">{label}</div>}
+
+        <div className="progress">
+          <div className="progress-bar" role="progressbar" style={{width: `${width}%`}}>
+            {!low && <span>{label}</span>}
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
+
+Progress.propTypes = {
+  progress: PropTypes.object.isRequired,
+  help: PropTypes.string.isRequired
+}
+
+export default Progress
diff --git a/rdmo/projects/assets/js/interview/containers/Main.js b/rdmo/projects/assets/js/interview/containers/Main.js
new file mode 100644
index 0000000000..0d675e9241
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/containers/Main.js
@@ -0,0 +1,112 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+
+import { hasErrors, isReady } from '../utils/interview'
+
+import Breadcrump from '../components/main/Breadcrump'
+import Contact from '../components/main/Contact'
+import Done from '../components/main/Done'
+import Page from '../components/main/page/Page'
+import Errors from '../components/main/Errors'
+
+import * as configActions from 'rdmo/core/assets/js/actions/configActions'
+
+import * as contactActions from '../actions/contactActions'
+import * as interviewActions from '../actions/interviewActions'
+
+const Main = ({ config, settings, templates, project, interview, contact,
+                interviewActions, contactActions }) => {
+
+  if (hasErrors(project, interview)) {
+    return (
+      <Errors
+        templates={templates}
+        errors={[...project.errors, ...interview.errors]}
+      />
+    )
+  } else if (isReady(interview)) {
+    return (
+      <div>
+        <Breadcrump
+          overview={project.overview}
+          page={interview.page}
+          fetchPage={interviewActions.fetchPage}
+        />
+        {
+          interview.done && (
+            <Done templates={templates} />
+          )
+        }
+        {
+          interview.page && (
+            <Page
+              config={config}
+              settings={settings}
+              templates={templates}
+              overview={project.overview}
+              page={interview.page}
+              sets={interview.sets}
+              values={interview.values}
+              fetchPage={interviewActions.fetchPage}
+              createValue={interviewActions.createValue}
+              updateValue={interviewActions.updateValue}
+              deleteValue={interviewActions.deleteValue}
+              activateSet={interviewActions.activateSet}
+              createSet={interviewActions.createSet}
+              updateSet={interviewActions.updateSet}
+              deleteSet={interviewActions.deleteSet}
+              copyValue={interviewActions.copyValue}
+              copySet={interviewActions.copySet}
+              fetchContact={contactActions.fetchContact}
+            />
+          )
+        }
+        <Contact
+          templates={templates}
+          contact={contact}
+          sendContact={contactActions.sendContact}
+          closeContact={contactActions.closeContact}
+        />
+      </div>
+    )
+  }
+
+  // fetching the data is not complete yet, or no action was invoked yet
+  return null
+}
+
+Main.propTypes = {
+  config: PropTypes.object.isRequired,
+  settings: PropTypes.object.isRequired,
+  templates: PropTypes.object.isRequired,
+  user: PropTypes.object.isRequired,
+  project: PropTypes.object.isRequired,
+  interview: PropTypes.object.isRequired,
+  contact: PropTypes.object.isRequired,
+  interviewActions: PropTypes.object.isRequired,
+  contactActions: PropTypes.object.isRequired
+}
+
+function mapStateToProps(state) {
+  return {
+    config: state.config,
+    settings: state.settings,
+    templates: state.templates,
+    user: state.user,
+    project: state.project,
+    interview: state.interview,
+    contact: state.contact,
+  }
+}
+
+function mapDispatchToProps(dispatch) {
+  return {
+    configActions: bindActionCreators(configActions, dispatch),
+    interviewActions: bindActionCreators(interviewActions, dispatch),
+    contactActions: bindActionCreators(contactActions, dispatch),
+  }
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Main)
diff --git a/rdmo/projects/assets/js/interview/containers/Sidebar.js b/rdmo/projects/assets/js/interview/containers/Sidebar.js
new file mode 100644
index 0000000000..330a992f63
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/containers/Sidebar.js
@@ -0,0 +1,75 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+
+import { isReady } from '../utils/interview'
+
+import Buttons from '../components/sidebar/Buttons'
+import Navigation from '../components/sidebar/Navigation'
+import Overview from '../components/sidebar/Overview'
+import Progress from '../components/sidebar/Progress'
+
+import * as configActions from 'rdmo/core/assets/js/actions/configActions'
+
+import * as interviewActions from '../actions/interviewActions'
+
+// eslint-disable-next-line no-unused-vars
+const Sidebar = ({ config, settings, templates, user, project, interview, configActions, interviewActions }) => {
+  if (isReady(interview)) {
+    return (
+      <div>
+        <Overview
+          overview={project.overview}
+          help={templates.project_interview_overview_help}/>
+        <Progress
+          progress={project.progress}
+          help={templates.project_interview_progress_help} />
+        <Buttons
+          prev={interview.page && interview.page.prev_page}
+          next={interview.page && interview.page.next_page}
+          help={templates.project_interview_buttons_help}
+          fetchPage={interviewActions.fetchPage} />
+        <Navigation
+          currentPage={interview.page}
+          navigation={interview.navigation}
+          help={templates.project_interview_navigation_help}
+          fetchPage={interviewActions.fetchPage} />
+      </div>
+    )
+  }
+
+  // fetching the data is not complete yet, or no action was invoked yet
+  return null
+}
+
+Sidebar.propTypes = {
+  config: PropTypes.object.isRequired,
+  settings: PropTypes.object.isRequired,
+  templates: PropTypes.object.isRequired,
+  user: PropTypes.object.isRequired,
+  project: PropTypes.object.isRequired,
+  interview: PropTypes.object.isRequired,
+  configActions: PropTypes.object.isRequired,
+  interviewActions: PropTypes.object.isRequired
+}
+
+function mapStateToProps(state) {
+  return {
+    config: state.config,
+    settings: state.settings,
+    templates: state.templates,
+    user: state.user,
+    project: state.project,
+    interview: state.interview
+  }
+}
+
+function mapDispatchToProps(dispatch) {
+  return {
+    configActions: bindActionCreators(configActions, dispatch),
+    interviewActions: bindActionCreators(interviewActions, dispatch),
+  }
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Sidebar)
diff --git a/rdmo/projects/assets/js/interview/factories/SetFactory.js b/rdmo/projects/assets/js/interview/factories/SetFactory.js
new file mode 100644
index 0000000000..65bc505bb1
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/factories/SetFactory.js
@@ -0,0 +1,14 @@
+import { isNil, toNumber } from 'lodash'
+
+class SetFactory {
+
+  static create({ set_prefix, set_index }) {
+    return {
+      set_prefix: isNil(set_prefix) ? '' : set_prefix,
+      set_index: isNil(set_index) ? 0 : toNumber(set_index),
+    }
+  }
+
+}
+
+export default SetFactory
diff --git a/rdmo/projects/assets/js/interview/factories/ValueFactory.js b/rdmo/projects/assets/js/interview/factories/ValueFactory.js
new file mode 100644
index 0000000000..4e849eeabf
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/factories/ValueFactory.js
@@ -0,0 +1,33 @@
+import { isNil, toNumber } from 'lodash'
+
+import { projectId } from '../utils/meta'
+
+class ValueFactory {
+
+  static create({ attribute, set_prefix, set_index, collection_index, set_collection,
+                  text, option, file, external_id, unit, value_type }) {
+    const value = {
+      project: projectId,
+      attribute: attribute,
+      set_prefix: isNil(set_prefix) ? '' : set_prefix,
+      set_index: isNil(set_index) ? 0 : toNumber(set_index),
+      collection_index: isNil(collection_index) ? 0 : toNumber(collection_index),
+      set_collection: isNil(set_collection) ? false : set_collection
+    }
+
+    return this.update(value, { text, option, file, external_id, unit, value_type })
+  }
+
+  static update(value, { text, option, file, external_id, unit, value_type }) {
+    value.text = isNil(text) ? '' : text
+    value.option = isNil(option) ? null : option
+    value.file = isNil(file) ? null : file
+    value.external_id = isNil(external_id) ? '' : external_id
+    value.unit = isNil(unit) ? '' : unit
+    value.value_type = isNil(value_type) ? 'text' : value_type
+    return value
+  }
+
+}
+
+export default ValueFactory
diff --git a/rdmo/projects/assets/js/interview/hooks/useFocusEffect.js b/rdmo/projects/assets/js/interview/hooks/useFocusEffect.js
new file mode 100644
index 0000000000..ca5eedc190
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/hooks/useFocusEffect.js
@@ -0,0 +1,20 @@
+import { isNil } from 'lodash'
+
+import { useEffect } from 'react'
+
+const useFocusEffect = (ref, show) => {
+  useEffect(() => {
+    if (show && !isNil(ref.current)) {
+      const timeout = setTimeout(() => {
+        ref.current.focus()
+      }, 200)
+
+      return () => {
+        // clears timeout before running the new effect
+        clearTimeout(timeout)
+      }
+    }
+  }, [show])
+}
+
+export default useFocusEffect
diff --git a/rdmo/projects/assets/js/interview/reducers/contactReducer.js b/rdmo/projects/assets/js/interview/reducers/contactReducer.js
new file mode 100644
index 0000000000..013efec3b8
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/reducers/contactReducer.js
@@ -0,0 +1,33 @@
+import {
+  FETCH_CONTACT_INIT,
+  FETCH_CONTACT_SUCCESS,
+  FETCH_CONTACT_ERROR,
+  SEND_CONTACT_INIT,
+  SEND_CONTACT_SUCCESS,
+  SEND_CONTACT_ERROR,
+  CLOSE_CONTACT
+} from '../actions/actionTypes'
+
+const initialState = {
+  showModal: false,
+  values: {},
+  errors: []
+}
+
+export default function interviewReducer(state = initialState, action) {
+  switch(action.type) {
+    case FETCH_CONTACT_INIT:
+    case SEND_CONTACT_INIT:
+      return { ...state, errors: [] }
+    case FETCH_CONTACT_ERROR:
+    case SEND_CONTACT_ERROR:
+      return { ...state, errors: action.error.errors }
+    case FETCH_CONTACT_SUCCESS:
+      return { ...state, showModal: true, values: action.values }
+    case SEND_CONTACT_SUCCESS:
+    case CLOSE_CONTACT:
+      return { ...state, showModal: false, values: {} }
+    default:
+      return state
+  }
+}
diff --git a/rdmo/projects/assets/js/interview/reducers/interviewReducer.js b/rdmo/projects/assets/js/interview/reducers/interviewReducer.js
new file mode 100644
index 0000000000..d62bcd60cf
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/reducers/interviewReducer.js
@@ -0,0 +1,131 @@
+import {
+  FETCH_PAGE_INIT,
+  FETCH_PAGE_SUCCESS,
+  FETCH_PAGE_ERROR,
+  FETCH_NAVIGATION_INIT,
+  FETCH_NAVIGATION_SUCCESS,
+  FETCH_NAVIGATION_ERROR,
+  FETCH_OPTIONS_INIT,
+  FETCH_OPTIONS_SUCCESS,
+  FETCH_OPTIONS_ERROR,
+  FETCH_VALUES_INIT,
+  FETCH_VALUES_SUCCESS,
+  FETCH_VALUES_ERROR,
+  RESOLVE_CONDITION_INIT,
+  RESOLVE_CONDITION_SUCCESS,
+  RESOLVE_CONDITION_ERROR,
+  CREATE_VALUE,
+  UPDATE_VALUE,
+  STORE_VALUE_INIT,
+  STORE_VALUE_SUCCESS,
+  STORE_VALUE_ERROR,
+  DELETE_VALUE_INIT,
+  DELETE_VALUE_SUCCESS,
+  DELETE_VALUE_ERROR,
+  CREATE_SET,
+  DELETE_SET_INIT,
+  DELETE_SET_SUCCESS,
+  DELETE_SET_ERROR,
+  COPY_SET_INIT,
+  COPY_SET_SUCCESS,
+  COPY_SET_ERROR
+} from '../actions/actionTypes'
+
+const initialState = {
+  done: null,
+  page: null,
+  navigation: null,
+  values: null,
+  attributes: [],
+  sets: [],
+  errors: []
+}
+
+export default function interviewReducer(state = initialState, action) {
+  switch(action.type) {
+    case FETCH_PAGE_SUCCESS:
+      return { ...state, page: action.page, done: action.done }
+    case FETCH_NAVIGATION_SUCCESS:
+      return { ...state, navigation: action.navigation }
+    case FETCH_VALUES_SUCCESS:
+      return { ...state, values: action.values, sets: action.sets }
+    case FETCH_OPTIONS_SUCCESS:
+      return { ...state, page: action.page }
+    case RESOLVE_CONDITION_SUCCESS:
+      return { ...state, sets: state.sets.map(
+        (set, setIndex) => setIndex == action.setIndex ? action.set : set
+      )}
+    case CREATE_VALUE:
+      return { ...state, values: [...state.values, action.value] }
+    case UPDATE_VALUE:
+      return { ...state, values: state.values.map(
+        (value) => value.id == action.value.id ? {...value, ...action.attrs} : value
+      )}
+    case STORE_VALUE_SUCCESS:
+      if (action.valueIndex > -1) {
+        return { ...state, values: state.values.map(
+          (value, valueIndex) => valueIndex == action.valueIndex ? action.value : value
+        )}
+      } else {
+        return { ...state, values: [...state.values, action.value] }
+      }
+    case DELETE_VALUE_SUCCESS:
+      return {...state, values: state.values.filter((value) => value.id !== action.value.id)}
+    case CREATE_SET:
+      return { ...state, values: action.values, sets: action.sets }
+    case DELETE_SET_SUCCESS:
+      return {
+        ...state,
+        values: state.values.filter((value) => !action.values.includes(value)),
+        sets: state.sets.filter((set) => !action.sets.includes(set))
+      }
+    case COPY_SET_SUCCESS:
+      return { ...state, values: action.values, sets: action.sets }
+    case FETCH_PAGE_INIT:
+    case FETCH_NAVIGATION_INIT:
+    case FETCH_OPTIONS_INIT:
+    case FETCH_VALUES_INIT:
+    case RESOLVE_CONDITION_INIT:
+      return { ...state, errors: [] }
+    case STORE_VALUE_INIT:
+       return {
+        ...state,
+        values: state.values.map((value, valueIndex) => (
+          valueIndex == action.valueIndex ? {...value, error: null, pending: true} : value
+        ))
+      }
+    case DELETE_VALUE_INIT:
+       return {
+        ...state,
+        values: state.values.map((value) => (
+          value.id == action.value.id ? {...value, pending: true} : value
+        ))
+      }
+    case DELETE_SET_INIT:
+    case COPY_SET_INIT:
+      return { ...state, errors: [] }
+    case FETCH_PAGE_ERROR:
+    case FETCH_NAVIGATION_ERROR:
+    case FETCH_OPTIONS_ERROR:
+    case FETCH_VALUES_ERROR:
+    case RESOLVE_CONDITION_ERROR:
+      return { ...state, errors: [...state.errors, { actionType: action.type, ...action.error }] }
+    case STORE_VALUE_ERROR:
+      if (action.valueIndex > -1) {
+         return {
+          ...state, values: state.values.map((value, valueIndex) => (
+            valueIndex == action.valueIndex ? {...value, error: action.error, pending: false} : value
+          ))
+        }
+      } else {
+        return { ...state, errors: [...state.errors, { actionType: action.type, ...action.error }] }
+      }
+    case DELETE_VALUE_ERROR:
+    case DELETE_SET_ERROR:
+      return { ...state, errors: [...state.errors, { actionType: action.type, ...action.error }] }
+    case COPY_SET_ERROR:
+      return { ...state, errors: [...state.errors, { actionType: action.type, ...action.error }] }
+    default:
+      return state
+  }
+}
diff --git a/rdmo/projects/assets/js/interview/reducers/projectReducer.js b/rdmo/projects/assets/js/interview/reducers/projectReducer.js
new file mode 100644
index 0000000000..9c76494822
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/reducers/projectReducer.js
@@ -0,0 +1,37 @@
+import {
+  FETCH_OVERVIEW_INIT,
+  FETCH_OVERVIEW_SUCCESS,
+  FETCH_OVERVIEW_ERROR,
+  FETCH_PROGRESS_INIT,
+  FETCH_PROGRESS_SUCCESS,
+  FETCH_PROGRESS_ERROR,
+  UPDATE_PROGRESS_INIT,
+  UPDATE_PROGRESS_SUCCESS,
+  UPDATE_PROGRESS_ERROR,
+} from '../actions/actionTypes'
+
+const initialState = {
+  overview: null,
+  progress: null,
+  errors: []
+}
+
+export default function interviewReducer(state = initialState, action) {
+  switch(action.type) {
+    case FETCH_OVERVIEW_SUCCESS:
+      return { ...state, overview: action.overview }
+    case FETCH_PROGRESS_SUCCESS:
+    case UPDATE_PROGRESS_SUCCESS:
+      return { ...state, progress: action.progress }
+    case FETCH_OVERVIEW_INIT:
+    case FETCH_PROGRESS_INIT:
+    case UPDATE_PROGRESS_INIT:
+      return { ...state, errors: [] }
+    case FETCH_OVERVIEW_ERROR:
+    case FETCH_PROGRESS_ERROR:
+    case UPDATE_PROGRESS_ERROR:
+      return { ...state, errors: [...state.errors, { actionType: action.type, ...action.error }] }
+    default:
+      return state
+  }
+}
diff --git a/rdmo/projects/assets/js/interview/store/configureStore.js b/rdmo/projects/assets/js/interview/store/configureStore.js
new file mode 100644
index 0000000000..0daadd97c6
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/store/configureStore.js
@@ -0,0 +1,87 @@
+import { applyMiddleware, createStore, combineReducers } from 'redux'
+import thunk from 'redux-thunk'
+
+// import { checkStoreId } from 'rdmo/core/assets/js/utils/store'
+import { getConfigFromLocalStorage } from 'rdmo/core/assets/js/utils/config'
+
+import configReducer from 'rdmo/core/assets/js/reducers/configReducer'
+import pendingReducer from 'rdmo/core/assets/js/reducers/pendingReducer'
+import settingsReducer from 'rdmo/core/assets/js/reducers/settingsReducer'
+import templateReducer from 'rdmo/core/assets/js/reducers/templateReducer'
+import userReducer from 'rdmo/core/assets/js/reducers/userReducer'
+
+import contactReducer from '../reducers/contactReducer'
+import interviewReducer from '../reducers/interviewReducer'
+import projectReducer from '../reducers/projectReducer'
+
+import * as configActions from 'rdmo/core/assets/js/actions/configActions'
+import * as settingsActions from 'rdmo/core/assets/js/actions/settingsActions'
+import * as templateActions from 'rdmo/core/assets/js/actions/templateActions'
+import * as userActions from 'rdmo/core/assets/js/actions/userActions'
+
+import * as interviewActions from '../actions/interviewActions'
+import * as projectActions from '../actions/projectActions'
+
+import { parseLocation } from '../utils/location'
+
+export default function configureStore() {
+  // empty localStorage in new session
+  // checkStoreId()
+
+  const middlewares = [thunk]
+
+  if (process.env.NODE_ENV === 'development') {
+    const { logger } = require('redux-logger')
+    middlewares.push(logger)
+  }
+
+  const rootReducer = combineReducers({
+    config: configReducer,
+    contact: contactReducer,
+    interview: interviewReducer,
+    pending: pendingReducer,
+    project: projectReducer,
+    settings: settingsReducer,
+    templates: templateReducer,
+    user: userReducer,
+  })
+
+  const initialState = {
+    config: {
+      prefix: 'rdmo.interview'
+    }
+  }
+
+  const store = createStore(
+    rootReducer,
+    initialState,
+    applyMiddleware(...middlewares)
+  )
+
+  const fetchPageFromLocation = () => {
+    const { pageId } = parseLocation()
+    store.dispatch(interviewActions.fetchPage(pageId))
+  }
+
+  // this event is triggered when the page first loads
+  window.addEventListener('load', () => {
+    getConfigFromLocalStorage('rdmo.interview').forEach(([path, value]) => {
+      store.dispatch(configActions.updateConfig(path, value))
+    })
+
+    Promise.all([
+      store.dispatch(settingsActions.fetchSettings()),
+      store.dispatch(templateActions.fetchTemplates()),
+      store.dispatch(userActions.fetchCurrentUser()),
+      store.dispatch(projectActions.fetchOverview()),
+      store.dispatch(projectActions.fetchProgress())
+    ]).then(() => fetchPageFromLocation())
+  })
+
+  // this event is triggered when when the forward/back buttons are used
+  window.addEventListener('popstate', () => {
+    fetchPageFromLocation()
+  })
+
+  return store
+}
diff --git a/rdmo/projects/assets/js/interview/utils/interview.js b/rdmo/projects/assets/js/interview/utils/interview.js
new file mode 100644
index 0000000000..8f4988c5f3
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/utils/interview.js
@@ -0,0 +1,14 @@
+import { isEmpty, isNil } from 'lodash'
+
+const isReady = (interview) => {
+  return (
+    (interview.done && !isNil(interview.navigation)) ||
+    (interview.page && !isNil(interview.navigation) && !isNil(interview.values))
+  )
+}
+
+const hasErrors = (project, interview) => {
+  return !(isEmpty(project.errors) && isEmpty(interview.errors))
+}
+
+export { isReady, hasErrors }
diff --git a/rdmo/projects/assets/js/interview/utils/location.js b/rdmo/projects/assets/js/interview/utils/location.js
new file mode 100644
index 0000000000..b47b08b6f9
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/utils/location.js
@@ -0,0 +1,31 @@
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
+import { projectId } from '../utils/meta'
+
+const parseLocation = () => {
+  const pathname = window.location.pathname
+
+  const m1 = pathname.match(/\/interview\/(?<pageId>\d+)[/]*$/)
+  if (m1) {
+    return m1.groups
+  }
+
+  const m2 = pathname.match(/\/interview\/(?<pageId>(done))[/]*$/)
+  if (m2) {
+    return m2.groups
+  }
+
+  return {}
+}
+
+const updateLocation = (pageId) => {
+  const pathname = buildPath(pageId)
+  if (pathname != window.location.pathname) {
+    history.pushState(null, null, pathname)
+  }
+}
+
+const buildPath = (pageId) => {
+  return `${baseUrl}/projects/${projectId}/interview/${pageId}/`
+}
+
+export { parseLocation, updateLocation, buildPath }
diff --git a/rdmo/projects/assets/js/interview/utils/meta.js b/rdmo/projects/assets/js/interview/utils/meta.js
new file mode 100644
index 0000000000..486f1842d5
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/utils/meta.js
@@ -0,0 +1,3 @@
+// take the baseurl from the <head> of the django template
+import { toNumber } from 'lodash'
+export const projectId = toNumber(document.querySelector('meta[name="project"]').content.replace(/\/+$/, ''))
diff --git a/rdmo/projects/assets/js/interview/utils/options.js b/rdmo/projects/assets/js/interview/utils/options.js
new file mode 100644
index 0000000000..35b949e617
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/utils/options.js
@@ -0,0 +1,60 @@
+import { get, isEmpty, isNil } from 'lodash'
+
+const checkOptionSet = (optionset, set) => {
+  return !optionset.has_conditions || get(set, `optionsets.${optionset.id}`)
+}
+
+const gatherOptions = (question, set) => {
+  return question.optionsets.reduce((options, optionset) => {
+    if (checkOptionSet(optionset, set)) {
+      return [
+        ...options,
+        ...optionset.options.map((option) => {
+          option.has_provider = optionset.has_provider
+          return option
+        })
+      ]
+    } else {
+      // the condition for this optionset and set resolved false
+      return options
+    }
+  }, [])
+}
+
+const updateOptions = (page, optionset, options) => {
+  page.optionsets.forEach((pageOptionset) => {
+    if (pageOptionset.id == optionset.id) {
+      optionset.options = options
+    }
+  })
+}
+
+const getValueOption = (options, value) => {
+  if (!isNil(value.option)) {
+    // this is a value referencing a regular option
+    return options.find((option) => (option.id === value.option))
+  } else if (!isEmpty(value.external_id)) {
+    // this is a value with an external id from a provider
+    if (isEmpty(options)) {
+      // if an external id is set but no options are retrieved yet, we fake an option with
+      // the stored value, so that it is displayed before the input is opened
+      return {
+        id: value.external_id,
+        text: value.text
+      }
+    } else {
+      return options.find((option) => (option.id === value.external_id))
+    }
+  } else if (!isEmpty(value.text)) {
+    // this is a value without an option (free autocomplete), so we fake an option without an id
+    return {
+      id: null,
+      text: value.text
+    }
+  } else {
+    // this is an empty value
+    return null
+  }
+}
+
+export { gatherOptions, updateOptions, getValueOption }
diff --git a/rdmo/projects/assets/js/interview/utils/page.js b/rdmo/projects/assets/js/interview/utils/page.js
new file mode 100644
index 0000000000..e254514e69
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/utils/page.js
@@ -0,0 +1,65 @@
+import { get, isNil } from 'lodash'
+
+const checkQuestionSet = (questionset, set) => {
+  return !questionset.has_conditions || get(set, `questionsets.${questionset.id}`)
+}
+
+const checkQuestion = (question, set) => {
+  return !question.has_conditions || get(set, `questions.${question.id}`)
+}
+
+const initQuestionSet = (questionset) => {
+  questionset.elements.forEach((element) => {
+    if (element.model == 'questions.questionset') {
+      initQuestionSet(element)
+    } else {
+      initQuestion(element, questionset)
+    }
+  })
+
+  // aggregate questionsets from descendants
+  questionset.questionsets = questionset.elements.reduce((questionsets, element) => {
+    if (element.model == 'questions.questionset') {
+      return [...questionsets, element, ...element.questionsets] // add this questionset and all it's questionsets
+    } else {
+      return questionsets  // do nothing
+    }
+  }, [])
+
+  // aggregate questions from descendants
+  questionset.questions = questionset.elements.reduce((questions, element) => {
+    if (element.model == 'questions.questionset') {
+      return questions.concat(element.questions)  // add the questions of this questionset
+    } else {
+      return [...questions, element]  // add this question
+    }
+  }, [])
+
+  // aggregate optionsets from descendants
+  questionset.optionsets = questionset.elements.reduce((optionsets, element) => {
+    if (element.model == 'questions.questionset') {
+      return optionsets.concat(element.optionsets)  // add all optionsets of the questions of this questionset
+    } else {
+      return [...optionsets, ...element.optionsets]  // add all optionsets of this question
+    }
+  }, [])
+
+  // aggregate attributes from descendants
+  questionset.attributes = questionset.elements.reduce((attributes, element) => {
+    if (element.model == 'questions.questionset') {
+      return attributes.concat(element.attributes)  // add all attributes of this questionset and its questions
+    } else {
+      return [...attributes, element.attribute]  // add the attribute of this question
+    }
+  }, [questionset.attribute]).filter((a) => !isNil(a))
+}
+
+const initQuestion = (question, questionset) => {
+  // store if this question is part of a set collection
+  // to store value.set_collection later
+  question.set_collection = questionset.is_collection
+}
+
+const initPage = (page) => initQuestionSet(page)
+
+export { checkQuestionSet, checkQuestion, initPage }
diff --git a/rdmo/projects/assets/js/interview/utils/set.js b/rdmo/projects/assets/js/interview/utils/set.js
new file mode 100644
index 0000000000..9a576875f9
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/utils/set.js
@@ -0,0 +1,84 @@
+import { isEmpty, isNil, toNumber, toString, last, sortBy } from 'lodash'
+
+import SetFactory from '../factories/SetFactory'
+
+const getParentSet = (set) => {
+  const split = set.set_prefix.split('|')
+
+  return {
+    set_prefix: (split.length > 1) ? split.slice(0, -1).join('|') : '',
+    set_index: toNumber(last(split))
+  }
+}
+
+const getChildPrefix = (set) => {
+  return isEmpty(set.set_prefix) ? toString(set.set_index) : `${set.set_prefix}|${set.set_index}`
+}
+
+const getDescendants = (items, set) => {
+  return items.filter((item) => (
+    (
+      (item.set_prefix === set.set_prefix) &&
+      (item.set_index === set.set_index)
+    ) || (
+      (item.set_prefix.startsWith(getChildPrefix(set)))
+    )
+  ))
+}
+
+const gatherSets = (values) => {
+  const sets = values.reduce((sets, value) => {
+    if (sets.find((set) => (
+      (set.set_prefix === value.set_prefix) &&
+      (set.set_index === value.set_index)
+    ))) {
+      return sets
+    } else {
+      return [...sets, SetFactory.create({
+        set_prefix: value.set_prefix,
+        set_index: value.set_index
+      })]
+    }
+  }, [])
+
+  return sortBy(sets, ['set_prefix', 'set_index'])
+}
+
+const initSets = (sets, element, setPrefix) => {
+  if (isNil(setPrefix)) {
+    setPrefix = ''
+  }
+
+  // for non collection questionsets create at least one valueset (for this set_prefix)
+  if (!element.is_collection) {
+    if (!sets.find((set) => (
+      (set.set_prefix === setPrefix) && (
+      (set.set_index === 0)
+    )))) {
+      sets.push(SetFactory.create({
+        set_prefix: setPrefix
+      }))
+    }
+  }
+
+  // create sets for which contain other sets but no (direct) values
+  sets.filter((set) => ((set.set_prefix !== setPrefix) && set.set_prefix.startsWith(setPrefix))).forEach((set) => {
+    const parentSet = getParentSet(set)
+
+    if (!sets.find((set) => ((
+      (set.set_prefix === parentSet.set_prefix) &&
+      (set.set_index === parentSet.set_index)
+    )))) {
+      sets.push(SetFactory.create(parentSet))
+    }
+  })
+
+  // recursively loop over child questionsets and sets
+  element.elements.filter((e) => (e.model === 'questions.questionset')).forEach((questionset) => {
+    sets.filter((set) => set.set_prefix === setPrefix).forEach((set) => {
+      initSets(sets, questionset, getChildPrefix(set))
+    })
+  })
+}
+
+export { getParentSet, getChildPrefix, getDescendants, gatherSets, initSets }
diff --git a/rdmo/projects/assets/js/interview/utils/value.js b/rdmo/projects/assets/js/interview/utils/value.js
new file mode 100644
index 0000000000..5723f8644b
--- /dev/null
+++ b/rdmo/projects/assets/js/interview/utils/value.js
@@ -0,0 +1,111 @@
+import { get, first, isNil, isEmpty, toString, sortBy } from 'lodash'
+
+import ValueFactory from '../factories/ValueFactory'
+
+import { getChildPrefix } from './set'
+
+const isDefaultValue = (question, value) => {
+  if (isNil(value.id)) {
+    if (question.default_text) {
+      return question.default_text == value.text
+    } else if (question.default_option) {
+      return toString(question.default_option) == value.option
+    } else if (question.default_external_id) {
+      return question.default_external_id == value.external_id
+    }
+  }
+
+  return false
+}
+
+const gatherDefaultValues = (page, values) => {
+  const defaultValues = []
+
+  if (!isNil(page) && !isNil(values)) {
+    page.questions.forEach((question) => {
+      values.filter((value) => (isNil(value.id) && (question.attribute === value.attribute))).forEach((value) => {
+        if (isDefaultValue(question, value)) {
+          defaultValues.push(value)
+        }
+      })
+    })
+  }
+
+  return defaultValues
+}
+
+const initValues = (sets, values, element, setPrefix) => {
+  if (isNil(setPrefix)) {
+    setPrefix = ''
+  }
+
+  // loop over all sets of the current set prefix and over all questions
+  sets.filter((set) => set.set_prefix === setPrefix).forEach((set) => {
+    element.elements.filter((e) => (e.model === 'questions.question')).forEach((question) => {
+      // check if there is any value for this question and set
+      if (isNil(values.find((value) => (
+        (value.attribute === question.attribute) &&
+        (value.set_prefix === set.set_prefix) &&
+        (value.set_index === set.set_index)
+      )))) {
+        // if there is no value, create one, but not for checkboxes
+        if (question.widget_class !== 'checkbox') {
+          const value = ValueFactory.create({
+            attribute: question.attribute,
+            set_prefix: set.set_prefix,
+            set_index: set.set_index,
+            set_collection: question.set_collection,
+            text: question.default_text,
+            option: question.default_option,
+            external_id: question.default_external_id
+          })
+
+          if (question.widget_class === 'range') {
+            initRange(question, value)
+          }
+
+          values.push(value)
+        }
+      }
+    })
+
+    element.elements.filter((e) => (e.model === 'questions.questionset')).forEach((questionset) => {
+      initValues(sets, values, questionset, getChildPrefix(set))
+    })
+  })
+}
+
+const initRange = (question, value) => {
+  if (isEmpty(value.text)) {
+    value.text = isNil(question.minimum) ? '0' : question.minimum
+  }
+}
+
+const activateFirstValue = (page, values) => {
+  const attribute = get(page, 'questions.0.attribute')
+  if (!isNil(attribute)) {
+    const value = first(sortBy(values.filter((value) => value.attribute == attribute), 'collection_index'))
+    if (!isNil(value)) {
+      value.focus = true
+    }
+  }
+}
+
+const compareValues = (a, b) => {
+  if (isNil(a.id) || isNil(b.id)) {
+    return (a.attribute == b.attribute) &&
+           (a.set_prefix == b.set_prefix) &&
+           (a.set_index == b.set_index) &&
+           (a.collection_index == b.collection_index)
+  } else {
+    return a.id == b.id
+  }
+}
+
+const isEmptyValue = (value) => {
+  return isNil(value.id) || (
+    isEmpty(value.text) && isNil(value.option) && isEmpty(value.external_id)
+  )
+}
+
+export { isDefaultValue, gatherDefaultValues, initValues, initRange, activateFirstValue, compareValues, isEmptyValue }
diff --git a/rdmo/projects/assets/js/projects.js b/rdmo/projects/assets/js/projects.js
index 414a8c915f..e4c4e562e7 100644
--- a/rdmo/projects/assets/js/projects.js
+++ b/rdmo/projects/assets/js/projects.js
@@ -2,12 +2,12 @@ import React from 'react'
 import { createRoot } from 'react-dom/client'
 import { Provider } from 'react-redux'
 
-import configureStore from './store/configureStore'
+import configureStore from './projects/store/configureStore'
 
 import { DndProvider } from 'react-dnd'
 import { HTML5Backend } from 'react-dnd-html5-backend'
 
-import Main from './containers/Main'
+import Main from './projects/containers/Main'
 
 const store = configureStore()
 
diff --git a/rdmo/projects/assets/js/actions/actionTypes.js b/rdmo/projects/assets/js/projects/actions/actionTypes.js
similarity index 100%
rename from rdmo/projects/assets/js/actions/actionTypes.js
rename to rdmo/projects/assets/js/projects/actions/actionTypes.js
diff --git a/rdmo/projects/assets/js/actions/configActions.js b/rdmo/projects/assets/js/projects/actions/configActions.js
similarity index 100%
rename from rdmo/projects/assets/js/actions/configActions.js
rename to rdmo/projects/assets/js/projects/actions/configActions.js
diff --git a/rdmo/projects/assets/js/actions/projectsActions.js b/rdmo/projects/assets/js/projects/actions/projectsActions.js
similarity index 100%
rename from rdmo/projects/assets/js/actions/projectsActions.js
rename to rdmo/projects/assets/js/projects/actions/projectsActions.js
diff --git a/rdmo/projects/assets/js/actions/userActions.js b/rdmo/projects/assets/js/projects/actions/userActions.js
similarity index 100%
rename from rdmo/projects/assets/js/actions/userActions.js
rename to rdmo/projects/assets/js/projects/actions/userActions.js
diff --git a/rdmo/projects/assets/js/projects/api/AccountsApi.js b/rdmo/projects/assets/js/projects/api/AccountsApi.js
new file mode 100644
index 0000000000..94e42a94ad
--- /dev/null
+++ b/rdmo/projects/assets/js/projects/api/AccountsApi.js
@@ -0,0 +1,9 @@
+import BaseApi from 'rdmo/core/assets/js/api/BaseApi'
+
+class AccountsApi extends BaseApi {
+  static fetchCurrentUser() {
+    return this.get('/api/v1/accounts/users/current/')
+  }
+}
+
+export default AccountsApi
diff --git a/rdmo/projects/assets/js/api/ProjectsApi.js b/rdmo/projects/assets/js/projects/api/ProjectsApi.js
similarity index 96%
rename from rdmo/projects/assets/js/api/ProjectsApi.js
rename to rdmo/projects/assets/js/projects/api/ProjectsApi.js
index 359f2c81e2..efa0e16c40 100644
--- a/rdmo/projects/assets/js/api/ProjectsApi.js
+++ b/rdmo/projects/assets/js/projects/api/ProjectsApi.js
@@ -1,7 +1,7 @@
 import Cookies from 'js-cookie'
 import BaseApi from 'rdmo/core/assets/js/api/BaseApi'
 import { encodeParams } from 'rdmo/core/assets/js/utils/api'
-import baseUrl from 'rdmo/core/assets/js/utils/baseUrl'
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
 
 class ProjectsApi extends BaseApi {
 
diff --git a/rdmo/projects/assets/js/components/helper/PendingInvitations.js b/rdmo/projects/assets/js/projects/components/helper/PendingInvitations.js
similarity index 95%
rename from rdmo/projects/assets/js/components/helper/PendingInvitations.js
rename to rdmo/projects/assets/js/projects/components/helper/PendingInvitations.js
index e2c13fcfff..d7322fdee5 100644
--- a/rdmo/projects/assets/js/components/helper/PendingInvitations.js
+++ b/rdmo/projects/assets/js/projects/components/helper/PendingInvitations.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import baseUrl from 'rdmo/core/assets/js/utils/baseUrl'
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
 
 import { ROLE_LABELS } from '../../utils'
 
diff --git a/rdmo/projects/assets/js/components/helper/ProjectFilters.js b/rdmo/projects/assets/js/projects/components/helper/ProjectFilters.js
similarity index 93%
rename from rdmo/projects/assets/js/components/helper/ProjectFilters.js
rename to rdmo/projects/assets/js/projects/components/helper/ProjectFilters.js
index 0ce94c1a23..bbd730456e 100644
--- a/rdmo/projects/assets/js/components/helper/ProjectFilters.js
+++ b/rdmo/projects/assets/js/projects/components/helper/ProjectFilters.js
@@ -35,8 +35,15 @@ const ProjectFilters = ({ catalogs, config, configActions, isManager, projectsAc
     projectsActions.fetchProjects()
   }
 
-  const catalogOptions = catalogs?.filter(catalog => catalog.available)
-                                  .map(catalog => ({ value: catalog.id.toString(), label: catalog.title }))
+  const catalogOptions = catalogs?.filter(catalog => isManager || catalog.available)
+                                  .map(catalog => ({
+                                    value: catalog.id.toString(),
+                                    label: (
+                                      <span className={catalog.available ? '' : 'text-muted'}>
+                                        {catalog.title}
+                                      </span>
+                                    ),
+                                  }))
   const selectedCatalog = get(config, 'params.catalog', '')
   const updateCatalogFilter = (value) => {
     value ? configActions.updateConfig('params.catalog', value) : configActions.deleteConfig('params.catalog')
diff --git a/rdmo/projects/assets/js/components/helper/ProjectImport.js b/rdmo/projects/assets/js/projects/components/helper/ProjectImport.js
similarity index 100%
rename from rdmo/projects/assets/js/components/helper/ProjectImport.js
rename to rdmo/projects/assets/js/projects/components/helper/ProjectImport.js
diff --git a/rdmo/projects/assets/js/components/helper/Table.js b/rdmo/projects/assets/js/projects/components/helper/Table.js
similarity index 100%
rename from rdmo/projects/assets/js/components/helper/Table.js
rename to rdmo/projects/assets/js/projects/components/helper/Table.js
diff --git a/rdmo/projects/assets/js/components/helper/index.js b/rdmo/projects/assets/js/projects/components/helper/index.js
similarity index 100%
rename from rdmo/projects/assets/js/components/helper/index.js
rename to rdmo/projects/assets/js/projects/components/helper/index.js
diff --git a/rdmo/projects/assets/js/components/main/Projects.js b/rdmo/projects/assets/js/projects/components/main/Projects.js
similarity index 86%
rename from rdmo/projects/assets/js/components/main/Projects.js
rename to rdmo/projects/assets/js/projects/components/main/Projects.js
index 585b9eb354..fb9b672e5a 100644
--- a/rdmo/projects/assets/js/components/main/Projects.js
+++ b/rdmo/projects/assets/js/projects/components/main/Projects.js
@@ -5,7 +5,7 @@ import { get, isEmpty } from 'lodash'
 import { Link, Modal, SearchField } from 'rdmo/core/assets/js/components'
 import { useFormattedDateTime, useModal, useScrollToTop }  from 'rdmo/core/assets/js/hooks'
 import { language } from 'rdmo/core/assets/js/utils'
-import baseUrl from 'rdmo/core/assets/js/utils/baseUrl'
+import { baseUrl } from 'rdmo/core/assets/js/utils/meta'
 
 import { PendingInvitations, ProjectFilters, ProjectImport, Table } from '../helper'
 import { getTitlePath, getUserRoles, userIsManager, HEADER_FORMATTERS, SORTABLE_COLUMNS } from '../../utils'
@@ -116,20 +116,36 @@ const Projects = ({ config, configActions, currentUserObject, projectsActions, p
 
   if (myProjects) {
     visibleColumns.splice(2, 0, 'role')
-    columnWidths = ['35%', '20%', '20%', '20%', '5%']
+    columnWidths = ['40%', '18%', '18%', '18%', '6%']
   } else {
     visibleColumns.splice(2, 0, 'created')
     visibleColumns.splice(2, 0, 'owner')
-    columnWidths = ['35%', '10%', '20%', '20%', '20%', '5%']
+    columnWidths = ['30%', '10%', '18%', '18%', '18%', '6%']
   }
 
   const cellFormatters = {
     title: (content, row) => renderTitle(content, row),
     role: (_content, row) => {
       const { rolesString } = getUserRoles(row, currentUserId)
-      return rolesString
+      return <>
+        {
+          rolesString && <p>{rolesString}</p>
+        }
+        {
+          row.visibility && <p className="text-muted">{row.visibility}</p>
+        }
+      </>
     },
-    owner: (_content, row) => row.owners.map(owner => `${owner.first_name} ${owner.last_name}`).join('; '),
+    owner: (_content, row) => (
+      <>
+        <p>
+          {row.owners.map(owner => `${owner.first_name} ${owner.last_name}`).join('; ')}
+        </p>
+        {
+          row.visibility && <p className="text-muted">{row.visibility}</p>
+        }
+      </>
+    ),
     progress: (_content, row) => getProgressString(row),
     created: content => useFormattedDateTime(content, language),
     last_changed: content => useFormattedDateTime(content, language),
@@ -140,21 +156,27 @@ const Projects = ({ config, configActions, currentUserObject, projectsActions, p
 
       return (
         <div className="icon-container">
-          {(isProjectManager || isProjectOwner || isManager) &&
           <Link
-            href={`${rowUrl}/update/`}
-            className="element-link fa fa-pencil"
-            title={row.title}
-            onClick={() => window.location.href = `${rowUrl}/update/${params}`}
+            href={`${rowUrl}/copy/`}
+            className="fa fa-copy"
+            title={gettext('Copy project')}
+            onClick={() => window.location.href = `${rowUrl}/copy/${params}`}
           />
+          {(isProjectManager || isProjectOwner || isManager) &&
+            <Link
+              href={`${rowUrl}/update/`}
+              className="fa fa-pencil"
+              title={row.title}
+              onClick={() => window.location.href = `${rowUrl}/update/${params}`}
+            />
           }
           {(isProjectOwner || isManager) &&
-          <Link
-            href={`${rowUrl}/delete/`}
-            className="element-link fa fa-trash"
-            title={row.title}
-            onClick={() => window.location.href = `${rowUrl}/delete/${params}`}
-          />
+            <Link
+              href={`${rowUrl}/delete/`}
+              className="fa fa-trash"
+              title={row.title}
+              onClick={() => window.location.href = `${rowUrl}/delete/${params}`}
+            />
           }
         </div>
       )
diff --git a/rdmo/projects/assets/js/containers/Main.js b/rdmo/projects/assets/js/projects/containers/Main.js
similarity index 100%
rename from rdmo/projects/assets/js/containers/Main.js
rename to rdmo/projects/assets/js/projects/containers/Main.js
diff --git a/rdmo/projects/assets/js/hooks/useDatePicker.js b/rdmo/projects/assets/js/projects/hooks/useDatePicker.js
similarity index 100%
rename from rdmo/projects/assets/js/hooks/useDatePicker.js
rename to rdmo/projects/assets/js/projects/hooks/useDatePicker.js
diff --git a/rdmo/projects/assets/js/reducers/configReducer.js b/rdmo/projects/assets/js/projects/reducers/configReducer.js
similarity index 100%
rename from rdmo/projects/assets/js/reducers/configReducer.js
rename to rdmo/projects/assets/js/projects/reducers/configReducer.js
diff --git a/rdmo/projects/assets/js/reducers/projectsReducer.js b/rdmo/projects/assets/js/projects/reducers/projectsReducer.js
similarity index 100%
rename from rdmo/projects/assets/js/reducers/projectsReducer.js
rename to rdmo/projects/assets/js/projects/reducers/projectsReducer.js
diff --git a/rdmo/projects/assets/js/reducers/rootReducer.js b/rdmo/projects/assets/js/projects/reducers/rootReducer.js
similarity index 100%
rename from rdmo/projects/assets/js/reducers/rootReducer.js
rename to rdmo/projects/assets/js/projects/reducers/rootReducer.js
diff --git a/rdmo/projects/assets/js/reducers/userReducer.js b/rdmo/projects/assets/js/projects/reducers/userReducer.js
similarity index 100%
rename from rdmo/projects/assets/js/reducers/userReducer.js
rename to rdmo/projects/assets/js/projects/reducers/userReducer.js
diff --git a/rdmo/projects/assets/js/store/configureStore.js b/rdmo/projects/assets/js/projects/store/configureStore.js
similarity index 100%
rename from rdmo/projects/assets/js/store/configureStore.js
rename to rdmo/projects/assets/js/projects/store/configureStore.js
diff --git a/rdmo/projects/assets/js/utils/constants.js b/rdmo/projects/assets/js/projects/utils/constants.js
similarity index 100%
rename from rdmo/projects/assets/js/utils/constants.js
rename to rdmo/projects/assets/js/projects/utils/constants.js
diff --git a/rdmo/projects/assets/js/utils/getProjectTitlePath.js b/rdmo/projects/assets/js/projects/utils/getProjectTitlePath.js
similarity index 100%
rename from rdmo/projects/assets/js/utils/getProjectTitlePath.js
rename to rdmo/projects/assets/js/projects/utils/getProjectTitlePath.js
diff --git a/rdmo/projects/assets/js/utils/getUserRoles.js b/rdmo/projects/assets/js/projects/utils/getUserRoles.js
similarity index 100%
rename from rdmo/projects/assets/js/utils/getUserRoles.js
rename to rdmo/projects/assets/js/projects/utils/getUserRoles.js
diff --git a/rdmo/projects/assets/js/utils/index.js b/rdmo/projects/assets/js/projects/utils/index.js
similarity index 100%
rename from rdmo/projects/assets/js/utils/index.js
rename to rdmo/projects/assets/js/projects/utils/index.js
diff --git a/rdmo/projects/assets/js/utils/translations.js b/rdmo/projects/assets/js/projects/utils/translations.js
similarity index 100%
rename from rdmo/projects/assets/js/utils/translations.js
rename to rdmo/projects/assets/js/projects/utils/translations.js
diff --git a/rdmo/projects/assets/js/utils/userIsManager.js b/rdmo/projects/assets/js/projects/utils/userIsManager.js
similarity index 82%
rename from rdmo/projects/assets/js/utils/userIsManager.js
rename to rdmo/projects/assets/js/projects/utils/userIsManager.js
index 435d866a33..9b4e77430d 100644
--- a/rdmo/projects/assets/js/utils/userIsManager.js
+++ b/rdmo/projects/assets/js/projects/utils/userIsManager.js
@@ -1,4 +1,4 @@
-import siteId from 'rdmo/core/assets/js/utils/siteId'
+import { siteId } from 'rdmo/core/assets/js/utils/meta'
 
 const userIsManager = (currentUser) => {
   if (currentUser.is_superuser ||
diff --git a/rdmo/projects/assets/scss/interview.scss b/rdmo/projects/assets/scss/interview.scss
new file mode 100644
index 0000000000..8e601ea3ec
--- /dev/null
+++ b/rdmo/projects/assets/scss/interview.scss
@@ -0,0 +1,407 @@
+@import 'rdmo/core/assets/scss/variables';
+
+.interview-breadcrumb {
+    margin-top: 20px;
+    margin-bottom: 12px;
+
+    background-color: transparent;
+    border: 1px solid #ccc;
+}
+
+.interview-navigation {
+    h4 {
+        line-height: 20px;
+        margin-top: 20px;
+        margin-bottom: 10px;
+    }
+    li > a,
+    li > span {
+        display: inline-block;
+        max-width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    ul {
+        margin-left: 0;
+    }
+    li ul li {
+        margin-left: 20px;
+    }
+    li.active {
+        margin-left: 0;
+    }
+    li.active a:before {
+        float: left;
+        width: 20px;
+        text-align: right;
+        content: '\2192\0000a0'; /* right-arrow followed by a space */
+    }
+}
+
+.interview-progress {
+    .progress {
+        margin-bottom: 10px;
+    }
+}
+
+.interview-progress-count {
+    position: absolute;
+    left: 0;
+    right: 0;
+    text-align: center;
+}
+
+.interview-page {
+    h2 {
+        margin-top: 0;
+    }
+
+    .btn-add-set {
+        margin-bottom: 20px;
+    }
+}
+
+.interview-page-tabs {
+    margin-bottom: 20px;
+
+    .interview-page-tabs-buttons {
+        float: right;
+
+        button {
+            padding: 0;
+            text-decoration: none;
+        }
+    }
+
+    .nav > li > a {
+        &.add-set,
+        &.add-set:hover {
+            color: $success-color;
+        }
+        &.add-set:hover {
+            color: white;
+            background-color: $success-color !important;
+        }
+        &.add-set:focus {
+            background-color: transparent;
+        }
+    }
+}
+
+.interview-block {
+    position: relative;
+
+    border: 1px solid rgb(204, 204, 204);
+    border-radius: 4px;
+
+    padding: 20px 20px 0 20px;
+    margin-bottom: 20px;
+
+    .interview-block-options {
+        position: absolute;
+        top: 6px;
+        right: 8px;
+        z-index: 5;
+
+        display: flex;
+        gap: 4px;
+
+        .btn-copy-set,
+        .btn-remove-set {
+            opacity: 0.8;
+            line-height: 20px;
+            font-size: 14px;
+
+            padding: 0;
+
+            &:hover {
+                opacity: 1;
+            }
+            &:focus {
+                outline: 0;
+            }
+        }
+    }
+}
+
+.interview-question {
+    margin-bottom: 20px;
+
+    p {
+        margin-bottom: 5px;
+    }
+}
+
+.interview-questionset {
+    .interview-questionset-label {
+        margin-bottom: 5px;
+    }
+}
+
+.interview-widgets {
+    > :last-child {
+        margin-bottom: 0;
+    }
+}
+
+.interview-widget {
+    margin-bottom: 10px;
+}
+
+.interview-input {
+    display: flex;
+    gap: 10px;
+
+    .buttons-wrapper {
+        position: relative;
+        flex-grow: 1;
+
+        .buttons {
+            position: absolute;
+            top: 0;
+            right: 13px;
+            z-index: 5;
+        }
+    }
+
+    &:has(.react-select) {
+        .buttons {
+            position: absolute;
+            right: 62px;
+            margin-top: 2px;
+            margin-bottom: 2px;
+        }
+    }
+
+    .buttons {
+        display: flex;
+        gap: 10px;
+
+        .btn.btn-link,
+        .success-indicator {
+            opacity: 0.8;
+            line-height: 20px;
+            font-size: 14px;
+            padding-left: 0;
+            padding-right: 0;
+        }
+
+        .btn.btn-link:hover {
+            opacity: 1;
+        }
+
+        .btn.btn-link:focus {
+            outline: 0;
+        }
+
+        .success-indicator {
+            padding-top: 7px;
+            opacity: 0;
+            transition: opacity 0.3s linear 2s;
+
+            &.show {
+                opacity: 1;
+                transition: opacity 0.5s ease-in-out;
+            }
+        }
+    }
+
+    .badge-default {
+        cursor: help;
+        color: #999;
+        border: 1px solid #999;
+        background-color: white;
+        margin: 7px 0 7px 0;
+    }
+
+    .unit {
+        padding: 6px 12px;
+        width: 120px;
+        height: 34px;
+
+        cursor: help;
+
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .radio,
+    .checkbox {
+        margin: 0;
+
+        label {
+            margin-right: 10px;
+            margin-bottom: 5px;
+            padding-left: 25px;
+            line-height: 30px;
+        }
+        &:last-child label {
+            margin-bottom: 0;
+        }
+        input[type='checkbox'],
+        input[type='radio'] {
+            margin-top: 8px;
+            margin-left: -25px;
+        }
+        input[type='text'] {
+            display: inline-block;
+            width: 200px;
+        }
+    }
+    .radio-control.yesno {
+        label {
+            margin-bottom: 0;
+            line-height: 20px;
+        }
+        input[type='radio'] {
+            margin-top: 3px;
+        }
+        a.remove-link {
+            top: 2px;
+        }
+    }
+
+    .range {
+        height: 34px;  // same as form-control
+
+        input[type='range'] {
+            width: auto;
+            margin-bottom: 0;
+            accent-color: #777777;  // same as .badge
+        }
+    }
+
+    .radio-control,
+    .checkbox-control,
+    .file-control {
+        border: 1px solid #ccc;
+        border-radius: 4px;
+
+        padding: 6px 12px;
+        margin: 0;
+    }
+
+    .radio-control,
+    .checkbox-control {
+        label {
+            width: 100%;
+        }
+        &.yesno label {
+            width: auto;
+        }
+    }
+
+    .file-control {
+        display: block;
+        width: 100%;
+        font-weight: normal;
+        padding-bottom: 12px;
+
+        input[type="file"] {
+            display: inline-block;
+            width: 100%;
+            outline: 0;
+        }
+
+        .dropzone {
+            border: 1px dashed #ccc;
+            border-radius: 4px;
+            padding: 20px;
+            margin-top: 6px;
+            cursor: copy;
+        }
+    }
+
+    .date-control {
+        width: 100%;
+    }
+
+    .option-text,
+    .option-help {
+        p {
+            display: inline;
+        }
+    }
+
+    .react-datepicker {
+        font-size: 12px;
+        border-radius: 4px;
+    }
+
+    .react-datepicker-wrapper {
+        display: block;
+    }
+
+    .react-datepicker__current-month {
+        font-size: 12px;
+    }
+
+    .react-datepicker__day-names {
+        margin-top: 4px;
+    }
+
+    .react-datepicker__day-name,
+    .react-datepicker__day {
+        margin: 4px !important;
+    }
+
+    .checkbox-control,
+    .react-select {
+        flex-grow: 1;
+    }
+
+    .default {
+        color: #999;
+
+        .badge,
+        input[type='radio'],
+        input[type='range'] {
+            opacity: 0.5;
+        }
+    }
+
+    .radio,
+    .checkbox,
+    .interview-select-option {
+        div,
+        p {
+            display: inline;
+        }
+    }
+
+    .react-select {
+        max-width: 100%;
+    }
+}
+
+.badge-optional {
+    float: right;
+    margin-top: 1px;
+    margin-left: 5px;
+    cursor: help;
+    background-color: #efefef;
+    color: #777;
+}
+
+.btn-contact {
+    float: right;
+    opacity: 0.8;
+    line-height: 20px;
+    font-size: 14px;
+
+    padding: 0;
+
+    &:hover {
+        opacity: 1;
+    }
+    &:focus {
+        outline: 0;
+    }
+}
+
+.badge-read-only {
+    cursor: help;
+    background-color: black;
+}
diff --git a/rdmo/projects/assets/scss/projects.scss b/rdmo/projects/assets/scss/projects.scss
index dbe1811707..f2d525329d 100644
--- a/rdmo/projects/assets/scss/projects.scss
+++ b/rdmo/projects/assets/scss/projects.scss
@@ -207,6 +207,7 @@ a.disabled {
     display: flex;
     gap: 5px;
     margin-bottom: 10px;
+    justify-content: flex-end;
 }
 
 .projects {
@@ -374,3 +375,8 @@ a.disabled {
 .dropzone.disabled {
   opacity: 0.6;
 }
+
+/* Selected style for muted select options */
+.react-select__menu .react-select__option--is-selected .text-muted {
+  color: white; /* White when selected */
+}
diff --git a/rdmo/projects/exports.py b/rdmo/projects/exports.py
index 141d307050..e1e09df283 100644
--- a/rdmo/projects/exports.py
+++ b/rdmo/projects/exports.py
@@ -1,5 +1,6 @@
 import re
 
+from django.conf import settings
 from django.http import HttpResponse
 
 from rdmo.core.exports import prettify_xml
@@ -9,7 +10,8 @@
 from rdmo.views.utils import ProjectWrapper
 
 from .renderers import XMLRenderer
-from .serializers.export import ProjectSerializer as ExportSerializer
+from .serializers.export import ProjectSerializer as ProjectExportSerializer
+from .serializers.export import SnapshotSerializer as SnapshotExportSerializer
 
 
 class Export(Plugin):
@@ -154,8 +156,18 @@ def render(self):
 class RDMOXMLExport(Export):
 
     def render(self):
-        serializer = ExportSerializer(self.project)
+        if self.project:
+            content_disposition = f'attachment; filename="{self.project.title}.xml"'
+            serializer = ProjectExportSerializer(self.project)
+
+        else:
+            content_disposition = f'attachment; filename="{self.snapshot.title}.xml"'
+            serializer = SnapshotExportSerializer(self.snapshot)
+
         xmldata = XMLRenderer().render(serializer.data)
         response = HttpResponse(prettify_xml(xmldata), content_type="application/xml")
-        response['Content-Disposition'] = f'filename="{self.project.title}.xml"'
+
+        if settings.EXPORT_CONTENT_DISPOSITION == 'attachment':
+            response['Content-Disposition'] = content_disposition
+
         return response
diff --git a/rdmo/projects/filters.py b/rdmo/projects/filters.py
index 211ac992ca..1962d71d67 100644
--- a/rdmo/projects/filters.py
+++ b/rdmo/projects/filters.py
@@ -1,3 +1,4 @@
+from django.contrib.auth.models import User
 from django.db.models import F, OuterRef, Q, Subquery
 from django.db.models.functions import Concat
 from django.utils.dateparse import parse_datetime
@@ -18,6 +19,22 @@ class Meta:
         fields = ('title', 'catalog')
 
 
+class ProjectUserFilterBackend(BaseFilterBackend):
+
+    def filter_queryset(self, request, queryset, view):
+        if view.detail:
+            return queryset
+
+        user_id = request.GET.get('user')
+        user_username = request.GET.get('username')
+        if user_id or user_username:
+            user = User.objects.filter(Q(id=user_id) | Q(username=user_username)).first()
+            if user:
+                queryset = queryset.filter_visibility(user)
+
+        return queryset
+
+
 class ProjectSearchFilterBackend(SearchFilter):
 
     def filter_queryset(self, request, queryset, view):
diff --git a/rdmo/projects/forms.py b/rdmo/projects/forms.py
index 4594fca7fa..3d2d1a220a 100644
--- a/rdmo/projects/forms.py
+++ b/rdmo/projects/forms.py
@@ -12,7 +12,8 @@
 from rdmo.core.utils import markdown2html
 
 from .constants import ROLE_CHOICES
-from .models import Integration, IntegrationOption, Invite, Membership, Project, Snapshot
+from .models import Integration, IntegrationOption, Invite, Membership, Project, Snapshot, Visibility
+from .validators import ProjectParentValidator
 
 
 class CatalogChoiceField(forms.ModelChoiceField):
@@ -53,6 +54,8 @@ class ProjectForm(forms.ModelForm):
     use_required_attribute = False
 
     def __init__(self, *args, **kwargs):
+        self.copy = kwargs.pop('copy', False)
+
         catalogs = kwargs.pop('catalogs')
         projects = kwargs.pop('projects')
         super().__init__(*args, **kwargs)
@@ -66,6 +69,11 @@ def __init__(self, *args, **kwargs):
         if settings.NESTED_PROJECTS:
             self.fields['parent'].queryset = projects
 
+    def clean(self):
+        if not self.copy:
+            ProjectParentValidator(self.instance)(self.cleaned_data)
+        super().clean()
+
     class Meta:
         model = Project
 
@@ -90,6 +98,48 @@ class Meta:
         fields = ('title', 'description')
 
 
+class ProjectUpdateVisibilityForm(forms.ModelForm):
+
+    use_required_attribute = False
+
+    def __init__(self, *args, **kwargs):
+        self.project = kwargs.pop('instance')
+        try:
+            instance = self.project.visibility
+        except Visibility.DoesNotExist:
+            instance = None
+
+        super().__init__(*args, instance=instance, **kwargs)
+
+        # remove the sites or group sets if they are not needed, doing this in Meta would break tests
+        if not settings.MULTISITE:
+            self.fields.pop('sites')
+        if not settings.GROUPS:
+            self.fields.pop('groups')
+
+    class Meta:
+        model = Visibility
+        fields = ('sites', 'groups')
+
+    def save(self, *args, **kwargs):
+        if 'cancel' in self.data:
+            pass
+        elif 'delete' in self.data:
+            self.instance.delete()
+        else:
+            visibility, created = Visibility.objects.update_or_create(project=self.project)
+
+            sites = self.cleaned_data.get('sites')
+            if sites is not None:
+                visibility.sites.set(sites)
+
+            groups = self.cleaned_data.get('groups')
+            if groups is not None:
+                visibility.groups.set(groups)
+
+        return self.project
+
+
 class ProjectUpdateCatalogForm(forms.ModelForm):
 
     use_required_attribute = False
@@ -160,6 +210,10 @@ def __init__(self, *args, **kwargs):
         super().__init__(*args, **kwargs)
         self.fields['parent'].queryset = projects
 
+    def clean(self):
+        ProjectParentValidator(self.instance)(self.cleaned_data)
+        super().clean()
+
     class Meta:
         model = Project
         fields = ('parent', )
diff --git a/rdmo/projects/managers.py b/rdmo/projects/managers.py
index 72e7c21a0b..20764ae3b6 100644
--- a/rdmo/projects/managers.py
+++ b/rdmo/projects/managers.py
@@ -21,13 +21,20 @@ def filter_user(self, user):
             elif is_site_manager(user):
                 return self.filter_current_site()
             else:
-                queryset = self.filter(user=user)
+                queryset = self.filter_visibility(user)
                 for instance in queryset:
                     queryset |= instance.get_descendants()
                 return queryset.distinct()
         else:
             return self.none()
 
+    def filter_visibility(self, user):
+        groups = user.groups.all()
+        sites_filter = Q(visibility__sites=None) | Q(visibility__sites=settings.SITE_ID)
+        groups_filter = Q(visibility__groups=None) | Q(visibility__groups__in=groups)
+        visibility_filter = Q(visibility__isnull=False) & sites_filter & groups_filter
+        return self.filter(Q(user=user) | visibility_filter)
+
 
 class MembershipQuerySet(models.QuerySet):
 
@@ -148,6 +155,29 @@ def exclude_empty(self):
     def distinct_list(self):
         return self.order_by('attribute').values_list('attribute', 'set_prefix', 'set_index').distinct()
 
+    def filter_set(self, set_value):
+        # get the catalog and prefetch most elements of the catalog
+        catalog = set_value.project.catalog
+        catalog.prefetch_elements()
+
+        # Get all attributes from matching elements and their descendants
+        attributes = {
+            descendant.attribute
+            for element in (catalog.pages + catalog.questions)
+            if element.attribute == set_value.attribute
+            for descendant in element.descendants
+        }
+
+        # construct the set_prefix for descendants for this set
+        descendants_set_prefix = \
+            f'{set_value.set_prefix}|{set_value.set_index}' if set_value.set_prefix else str(set_value.set_index)
+
+        # collect all values for this set and all descendants
+        return self.filter(attribute__in=attributes).filter(
+            Q(set_prefix=set_value.set_prefix, set_index=set_value.set_index) |
+            Q(set_prefix__startswith=descendants_set_prefix)
+        )
+
 
 class ProjectManager(CurrentSiteManagerMixin, TreeManager):
 
@@ -157,6 +187,9 @@ def get_queryset(self):
     def filter_user(self, user):
         return self.get_queryset().filter_user(user)
 
+    def filter_visibility(self, user):
+        return self.get_queryset().filter_visibility(user)
+
 
 class MembershipManager(CurrentSiteManagerMixin, models.Manager):
 
diff --git a/rdmo/projects/migrations/0062_visibility.py b/rdmo/projects/migrations/0062_visibility.py
new file mode 100644
index 0000000000..e418f334f2
--- /dev/null
+++ b/rdmo/projects/migrations/0062_visibility.py
@@ -0,0 +1,32 @@
+# Generated by Django 4.2.16 on 2024-12-06 10:11
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('auth', '0012_alter_user_first_name_max_length'),
+        ('sites', '0002_alter_domain_unique'),
+        ('projects', '0061_alter_value_value_type'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Visibility',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('created', models.DateTimeField(editable=False, verbose_name='created')),
+                ('updated', models.DateTimeField(editable=False, verbose_name='updated')),
+                ('groups', models.ManyToManyField(blank=True, help_text='The groups for which the project is visible.', to='auth.group', verbose_name='Group')),
+                ('project', models.OneToOneField(help_text='The project for this visibility.', on_delete=django.db.models.deletion.CASCADE, to='projects.project', verbose_name='Project')),
+                ('sites', models.ManyToManyField(blank=True, help_text='The sites for which the project is visible (in a multi site setup).', to='sites.site', verbose_name='Sites')),
+            ],
+            options={
+                'verbose_name': 'Visibility',
+                'verbose_name_plural': 'Visibilities',
+                'ordering': ('project',),
+            },
+        ),
+    ]
diff --git a/rdmo/projects/models/__init__.py b/rdmo/projects/models/__init__.py
index 35dcab847f..16af648546 100644
--- a/rdmo/projects/models/__init__.py
+++ b/rdmo/projects/models/__init__.py
@@ -6,3 +6,4 @@
 from .project import Project
 from .snapshot import Snapshot
 from .value import Value
+from .visibility import Visibility
diff --git a/rdmo/projects/models/project.py b/rdmo/projects/models/project.py
index 6425f37f48..b992c0dc9d 100644
--- a/rdmo/projects/models/project.py
+++ b/rdmo/projects/models/project.py
@@ -1,6 +1,5 @@
 from django.conf import settings
 from django.contrib.sites.models import Site
-from django.core.exceptions import ValidationError
 from django.db import models
 from django.db.models.signals import pre_delete
 from django.dispatch import receiver
@@ -88,11 +87,12 @@ def __str__(self):
     def get_absolute_url(self):
         return reverse('project', kwargs={'pk': self.pk})
 
-    def clean(self):
+    def save(self, *args, **kwargs):
+        # ensure that the project hierarchy is not disturbed
         if self.id and self.parent in self.get_descendants(include_self=True):
-            raise ValidationError({
-                'parent': [_('A project may not be moved to be a child of itself or one of its descendants.')]
-            })
+            raise RuntimeError('A project may not be moved to be a child of itself or one of its descendants.')
+
+        super().save(*args, **kwargs)
 
     @property
     def catalog_uri(self):
diff --git a/rdmo/projects/models/visibility.py b/rdmo/projects/models/visibility.py
new file mode 100644
index 0000000000..61e4e3d2f4
--- /dev/null
+++ b/rdmo/projects/models/visibility.py
@@ -0,0 +1,66 @@
+from django.conf import settings
+from django.contrib.auth.models import Group
+from django.contrib.sites.models import Site
+from django.db import models
+from django.utils.translation import gettext_lazy as _
+from django.utils.translation import ngettext_lazy
+
+from rdmo.core.models import Model
+
+
+class Visibility(Model):
+
+    project = models.OneToOneField(
+        'Project', on_delete=models.CASCADE,
+        verbose_name=_('Project'),
+        help_text=_('The project for this visibility.')
+    )
+    sites = models.ManyToManyField(
+        Site, blank=True,
+        verbose_name=_('Sites'),
+        help_text=_('The sites for which the project is visible (in a multi site setup).')
+    )
+    groups = models.ManyToManyField(
+        Group, blank=True,
+        verbose_name=_('Group'),
+        help_text=_('The groups for which the project is visible.')
+    )
+
+    class Meta:
+        ordering = ('project', )
+        verbose_name = _('Visibility')
+        verbose_name_plural = _('Visibilities')
+
+    def __str__(self):
+        return str(self.project)
+
+    def is_visible(self, user):
+        return (
+            not self.sites.exists() or self.sites.filter(id=settings.SITE_ID).exists()
+        ) and (
+            not self.groups.exists() or self.groups.filter(id__in=[group.id for group in user.groups.all()]).exists()
+        )
+
+    def get_help_display(self):
+        sites = self.sites.values_list('domain', flat=True)
+        groups = self.groups.values_list('name', flat=True)
+
+        if sites and groups:
+            return ngettext_lazy(
+                'This project can be accessed by all users on %s or in the group %s.',
+                'This project can be accessed by all users on %s or in the groups %s.',
+                len(groups)
+            ) % (
+                ', '.join(sites),
+                ', '.join(groups)
+            )
+        elif sites:
+            return _('This project can be accessed by all users on %s.') % ', '.join(sites)
+        elif groups:
+            return ngettext_lazy(
+                'This project can be accessed by all users in the group %s.',
+                'This project can be accessed by all users in the groups %s.',
+                len(groups)
+            ) % ', '.join(groups)
+        else:
+            return _('This project can be accessed by all users.')
diff --git a/rdmo/projects/permissions.py b/rdmo/projects/permissions.py
index 9fa7be5ffb..da693c8d0d 100644
--- a/rdmo/projects/permissions.py
+++ b/rdmo/projects/permissions.py
@@ -90,3 +90,25 @@ def get_required_object_permissions(self, method, model_cls):
             return ('projects.change_project_progress_object', )
         else:
             return ('projects.view_project_object', )
+
+
+class HasProjectVisibilityModelPermission(HasModelPermission):
+
+    def get_required_permissions(self, method, model_cls):
+        if method == 'POST':
+            return ('projects.change_visibility', )
+        elif method == 'DELETE':
+            return ('projects.delete_visibility', )
+        else:
+            return ('projects.view_visibility', )
+
+
+class HasProjectVisibilityObjectPermission(HasProjectPermission):
+
+    def get_required_object_permissions(self, method, model_cls):
+        if method == 'POST':
+            return ('projects.change_visibility_object', )
+        elif method == 'DELETE':
+            return ('projects.delete_visibility_object', )
+        else:
+            return ('projects.view_visibility_object', )
diff --git a/rdmo/projects/progress.py b/rdmo/projects/progress.py
index efe7421369..d3a8c91e05 100644
--- a/rdmo/projects/progress.py
+++ b/rdmo/projects/progress.py
@@ -47,6 +47,44 @@ def compute_sets(values):
     return sets
 
 
+def compute_next_relevant_page(current_page, direction, catalog, resolved_conditions):
+    # recursively compute the next relevant page based on resolved conditions.
+    # first, get the next page from the catalog based on the specified direction
+    next_page = (
+        catalog.get_prev_page(current_page) if direction == 'prev'
+        else catalog.get_next_page(current_page)
+    )
+
+    # if there is no next page, return None
+    if not next_page:
+        return None
+
+    # check if the next page meets the conditions
+    if compute_show_page(next_page, resolved_conditions):
+        return next_page
+
+    # recursive step: check the next page
+    return compute_next_relevant_page(next_page, direction, catalog, resolved_conditions)
+
+
+def compute_show_page(page, conditions):
+    # determine if a page should be shown based on resolved conditions
+    # show only pages with resolved conditions, but show all pages without conditions
+    pages_conditions = {page.id for page in page.conditions.all()}
+
+    if pages_conditions:
+        # check if any valuesets for set_prefix = '' resolved
+        # for non collection pages restrict further to set_index = 0
+
+        return any(
+            (set_prefix == '') and (page.is_collection or set_index == 0)
+            for page_condition in pages_conditions
+            for set_prefix, set_index in conditions[page_condition]
+        )
+    else:
+        return True
+
+
 def compute_navigation(section, project, snapshot=None):
     # get all values for this project and snapshot
     values = project.values.filter(snapshot=snapshot).select_related('attribute', 'option')
@@ -70,23 +108,13 @@ def compute_navigation(section, project, snapshot=None):
             'count': 0,
             'total': 0
         }
-        if catalog_section.id == section.id:
+        if section is not None and catalog_section.id == section.id:
             navigation_section['pages'] = []
 
         for page in catalog_section.elements:
-            pages_conditions = {page.id for page in page.conditions.all()}
-
-            # show only pages with resolved conditions, but show all pages without conditions
-            if pages_conditions:
-                # check if any valuesets for set_prefix = '' resolved
-                # for non collection pages restrict further to set_index = 0
-                show = any(
-                    (set_prefix == '') and (page.is_collection or set_index == 0)
-                    for page_condition in pages_conditions
-                    for set_prefix, set_index in conditions[page_condition]
-                )
-            else:
-                show = True
+
+            # determine if a page should be shown or not
+            show = compute_show_page(page, conditions)
 
             # count the total number of questions, taking sets and conditions into account
             counts = count_questions(page, sets, conditions)
diff --git a/rdmo/projects/rules.py b/rdmo/projects/rules.py
index fbab7c065f..70e5f44326 100644
--- a/rdmo/projects/rules.py
+++ b/rdmo/projects/rules.py
@@ -1,5 +1,6 @@
 from django.conf import settings
 from django.contrib.sites.shortcuts import get_current_site
+from django.core.exceptions import ObjectDoesNotExist
 
 import rules
 from rules.predicates import is_superuser
@@ -46,6 +47,17 @@ def is_project_guest(user, project):
     return user in project.guests or (project.parent and is_project_guest(user, project.parent))
 
 
+@rules.predicate
+def is_visible(user, project):
+    if user.is_authenticated:
+        try:
+            return project.visibility.is_visible(user)
+        except ObjectDoesNotExist:
+            return False
+    else:
+        return False
+
+
 @rules.predicate
 def is_site_manager(user, project):
     if user.is_authenticated:
@@ -67,7 +79,7 @@ def is_site_manager_for_current_site(user, request):
 rules.add_rule('projects.can_view_all_projects', is_site_manager_for_current_site | is_superuser)
 
 rules.add_perm('projects.add_project', can_add_project)
-rules.add_perm('projects.view_project_object', is_project_member | is_site_manager)
+rules.add_perm('projects.view_project_object', is_project_member | is_visible | is_site_manager)
 rules.add_perm('projects.change_project_object', is_project_manager | is_project_owner | is_site_manager)
 rules.add_perm('projects.change_project_progress_object', is_project_author | is_project_manager | is_project_owner | is_site_manager)  # noqa: E501
 rules.add_perm('projects.delete_project_object', is_project_owner | is_site_manager)
@@ -75,7 +87,12 @@ def is_site_manager_for_current_site(user, request):
 rules.add_perm('projects.export_project_object', is_project_owner | is_project_manager | is_site_manager)
 rules.add_perm('projects.import_project_object', is_project_owner | is_project_manager | is_site_manager)
 
-rules.add_perm('projects.view_membership_object', is_project_member | is_site_manager)
+rules.add_perm('projects.view_visibility_object', is_site_manager)
+rules.add_perm('projects.add_visibility_object', is_site_manager)
+rules.add_perm('projects.change_visibility_object', is_site_manager)
+rules.add_perm('projects.delete_visibility_object', is_site_manager)
+
+rules.add_perm('projects.view_membership_object', is_project_member | is_visible | is_site_manager)
 rules.add_perm('projects.add_membership_object', is_project_owner | is_site_manager)
 rules.add_perm('projects.change_membership_object', is_project_owner | is_site_manager)
 rules.add_perm('projects.delete_membership_object', is_project_owner | is_site_manager)
@@ -85,27 +102,28 @@ def is_site_manager_for_current_site(user, request):
 rules.add_perm('projects.change_invite_object', is_project_owner | is_site_manager)
 rules.add_perm('projects.delete_invite_object', is_project_owner | is_site_manager)
 
-rules.add_perm('projects.view_integration_object', is_project_member | is_site_manager)
+rules.add_perm('projects.view_integration_object', is_project_member | is_visible | is_site_manager)
 rules.add_perm('projects.add_integration_object', is_project_owner | is_project_manager | is_site_manager)
 rules.add_perm('projects.change_integration_object', is_project_owner | is_project_manager | is_site_manager)
 rules.add_perm('projects.delete_integration_object', is_project_owner | is_project_manager | is_site_manager)
 
-rules.add_perm('projects.view_issue_object', is_project_member | is_site_manager)
+rules.add_perm('projects.view_issue_object', is_project_member | is_visible | is_site_manager)
 rules.add_perm('projects.add_issue_object', is_project_manager | is_project_owner | is_site_manager)
 rules.add_perm('projects.change_issue_object', is_project_author | is_project_manager | is_project_owner | is_site_manager)  # noqa: E501
 rules.add_perm('projects.delete_issue_object', is_project_manager | is_project_owner | is_site_manager)
 
-rules.add_perm('projects.view_snapshot_object', is_project_member | is_site_manager)
+rules.add_perm('projects.view_snapshot_object', is_project_member | is_visible | is_site_manager)
 rules.add_perm('projects.add_snapshot_object', is_project_manager | is_project_owner | is_site_manager)
 rules.add_perm('projects.change_snapshot_object', is_project_manager | is_project_owner | is_site_manager)
 rules.add_perm('projects.rollback_snapshot_object', is_project_manager | is_project_owner | is_site_manager)
+rules.add_perm('projects.export_snapshot_object', is_project_owner | is_project_manager | is_site_manager)
 
-rules.add_perm('projects.view_value_object', is_project_member | is_site_manager)
+rules.add_perm('projects.view_value_object', is_project_member | is_visible | is_site_manager)
 rules.add_perm('projects.add_value_object', is_project_author | is_project_manager | is_project_owner | is_site_manager)
 rules.add_perm('projects.change_value_object', is_project_author | is_project_manager | is_project_owner | is_site_manager)  # noqa: E501
 rules.add_perm('projects.delete_value_object', is_project_author | is_project_manager | is_project_owner | is_site_manager)  # noqa: E501
 
-rules.add_perm('projects.view_page_object', is_project_member | is_site_manager)
+rules.add_perm('projects.view_page_object', is_project_member | is_visible | is_site_manager)
 
 # TODO: use one of the permissions above
 rules.add_perm('projects.is_project_owner', is_project_owner)
diff --git a/rdmo/projects/serializers/export.py b/rdmo/projects/serializers/export.py
index 9c9dee649b..75ce053578 100644
--- a/rdmo/projects/serializers/export.py
+++ b/rdmo/projects/serializers/export.py
@@ -39,6 +39,40 @@ class SnapshotSerializer(serializers.ModelSerializer):
 
     values = serializers.SerializerMethodField()
 
+    catalog = serializers.CharField(source='catalog.uri', default=None, read_only=True)
+    tasks = serializers.SerializerMethodField()
+    views = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Snapshot
+        fields = (
+            'title',
+            'description',
+            'catalog',
+            'tasks',
+            'views',
+            'values',
+            'created',
+            'updated'
+        )
+
+    def get_values(self, obj):
+        values = Value.objects.filter(project=obj.project, snapshot=obj) \
+                              .select_related('attribute', 'option')
+        serializer = ValueSerializer(instance=values, many=True)
+        return serializer.data
+
+    def get_tasks(self, obj):
+        return [task.uri for task in obj.project.tasks.all()]
+
+    def get_views(self, obj):
+        return [view.uri for view in obj.project.views.all()]
+
+
+class ProjectSnapshotSerializer(serializers.ModelSerializer):
+
+    values = serializers.SerializerMethodField()
+
     class Meta:
         model = Snapshot
         fields = (
@@ -57,7 +91,7 @@ def get_values(self, obj):
 
 class ProjectSerializer(serializers.ModelSerializer):
 
-    snapshots = SnapshotSerializer(many=True)
+    snapshots = ProjectSnapshotSerializer(many=True)
     values = serializers.SerializerMethodField()
 
     catalog = serializers.CharField(source='catalog.uri', default=None, read_only=True)
diff --git a/rdmo/projects/serializers/v1/__init__.py b/rdmo/projects/serializers/v1/__init__.py
index 8816dc9ca7..26ea38402d 100644
--- a/rdmo/projects/serializers/v1/__init__.py
+++ b/rdmo/projects/serializers/v1/__init__.py
@@ -5,11 +5,23 @@
 
 from rest_framework import serializers
 
+from rdmo.domain.models import Attribute
 from rdmo.questions.models import Catalog
 from rdmo.services.validators import ProviderValidator
 
-from ...models import Integration, IntegrationOption, Invite, Issue, IssueResource, Membership, Project, Snapshot, Value
-from ...validators import ValueConflictValidator, ValueQuotaValidator, ValueTypeValidator
+from ...models import (
+    Integration,
+    IntegrationOption,
+    Invite,
+    Issue,
+    IssueResource,
+    Membership,
+    Project,
+    Snapshot,
+    Value,
+    Visibility,
+)
+from ...validators import ProjectParentValidator, ValueConflictValidator, ValueQuotaValidator, ValueTypeValidator
 
 
 class UserSerializer(serializers.ModelSerializer):
@@ -53,6 +65,8 @@ def get_queryset(self):
 
     last_changed = serializers.DateTimeField(read_only=True)
 
+    visibility = serializers.CharField(source='visibility.get_help_display', read_only=True)
+
     class Meta:
         model = Project
         fields = (
@@ -73,11 +87,34 @@ class Meta:
             'site',
             'views',
             'progress_total',
-            'progress_count'
+            'progress_count',
+            'visibility'
         )
         read_only_fields = (
             'snapshots',
         )
+        validators = [
+            ProjectParentValidator()
+        ]
+
+
+class ProjectCopySerializer(ProjectSerializer):
+
+    class Meta:
+        model = Project
+        fields = ProjectSerializer.Meta.fields
+        read_only_fields = ProjectSerializer.Meta.read_only_fields
+
+
+class ProjectVisibilitySerializer(serializers.ModelSerializer):
+
+    class Meta:
+        model = Visibility
+        fields = (
+            'project',
+            'sites',
+            'groups'
+        )
 
 
 class ProjectMembershipSerializer(serializers.ModelSerializer):
@@ -371,6 +408,8 @@ class Meta:
 
 class ValueSerializer(serializers.ModelSerializer):
 
+    attribute = serializers.PrimaryKeyRelatedField(queryset=Attribute.objects.all(), required=True)
+
     class Meta:
         model = Value
         fields = (
diff --git a/rdmo/projects/serializers/v1/overview.py b/rdmo/projects/serializers/v1/overview.py
index 6974a93346..4de2f49bb8 100644
--- a/rdmo/projects/serializers/v1/overview.py
+++ b/rdmo/projects/serializers/v1/overview.py
@@ -1,6 +1,7 @@
 from rest_framework import serializers
 
 from rdmo.core.serializers import MarkdownSerializerMixin
+from rdmo.management.rules import is_editor, is_reviewer
 from rdmo.projects.models import Project
 from rdmo.questions.models import Catalog
 
@@ -23,6 +24,10 @@ class ProjectOverviewSerializer(serializers.ModelSerializer):
     catalog = CatalogSerializer()
     read_only = serializers.SerializerMethodField()
 
+    is_superuser = serializers.SerializerMethodField()
+    is_editor = serializers.SerializerMethodField()
+    is_reviewer = serializers.SerializerMethodField()
+
     class Meta:
         model = Project
         fields = (
@@ -30,6 +35,9 @@ class Meta:
             'title',
             'catalog',
             'read_only',
+            'is_superuser',
+            'is_editor',
+            'is_reviewer',
             'created',
             'updated'
         )
@@ -43,3 +51,15 @@ def get_read_only(self, obj):
                         request.user.has_perm('projects.delete_value_object', obj))
         else:
             return True
+
+    def get_is_superuser(self, obj):
+        request = self.context.get('request')
+        return request.user.is_superuser
+
+    def get_is_editor(self, obj):
+        request = self.context.get('request')
+        return is_editor(request.user)
+
+    def get_is_reviewer(self, obj):
+        request = self.context.get('request')
+        return is_reviewer(request.user)
diff --git a/rdmo/projects/serializers/v1/page.py b/rdmo/projects/serializers/v1/page.py
index 5918b8a0a1..e5091295ba 100644
--- a/rdmo/projects/serializers/v1/page.py
+++ b/rdmo/projects/serializers/v1/page.py
@@ -5,12 +5,25 @@
 from rdmo.conditions.models import Condition
 from rdmo.core.serializers import ElementModelSerializerMixin, MarkdownSerializerMixin
 from rdmo.core.utils import markdown2html
+from rdmo.domain.models import Attribute
 from rdmo.options.models import Option, OptionSet
 from rdmo.questions.models import Page, Question, QuestionSet
 from rdmo.questions.utils import get_widget_class
 
 
-class OptionSerializer(serializers.ModelSerializer):
+class AttributeSerializer(serializers.ModelSerializer):
+
+    class Meta:
+        model = Attribute
+        fields = (
+            'id',
+            'uri'
+        )
+
+
+class OptionSerializer(MarkdownSerializerMixin, serializers.ModelSerializer):
+
+    markdown_fields = ('text', 'help')
 
     class Meta:
         model = Option
@@ -23,14 +36,16 @@ class Meta:
         )
 
 
-class OptionSetSerializer(serializers.ModelSerializer):
+class OptionSetSerializer(ElementModelSerializerMixin, serializers.ModelSerializer):
 
+    model = serializers.SerializerMethodField()
     options = OptionSerializer(source='elements', many=True)
 
     class Meta:
         model = OptionSet
         fields = (
             'id',
+            'model',
             'options',
             'has_provider',
             'has_search',
@@ -63,10 +78,13 @@ class QuestionSerializer(ElementModelSerializerMixin, MarkdownSerializerMixin, s
     verbose_name = serializers.SerializerMethodField()
     widget_class = serializers.SerializerMethodField()
 
+    attribute_uri = serializers.CharField(source='attribute.uri', read_only=True)
+
     class Meta:
         model = Question
         fields = (
             'id',
+            'uri',
             'model',
             'help',
             'text',
@@ -83,6 +101,7 @@ class Meta:
             'maximum',
             'step',
             'attribute',
+            'attribute_uri',
             'conditions',
             'optionsets',
             'is_collection',
@@ -109,6 +128,8 @@ class QuestionSetSerializer(ElementModelSerializerMixin, MarkdownSerializerMixin
     elements = serializers.SerializerMethodField()
     verbose_name = serializers.SerializerMethodField()
 
+    attribute_uri = serializers.CharField(source='attribute.uri', read_only=True)
+
     class Meta:
         model = QuestionSet
         fields = (
@@ -118,6 +139,7 @@ class Meta:
             'help',
             'verbose_name',
             'attribute',
+            'attribute_uri',
             'is_collection',
             'elements',
             'has_conditions'
@@ -134,24 +156,29 @@ def get_verbose_name(self, obj):
         return obj.verbose_name or _('block')
 
 
-class PageSerializer(MarkdownSerializerMixin, serializers.ModelSerializer):
+class PageSerializer(ElementModelSerializerMixin, MarkdownSerializerMixin, serializers.ModelSerializer):
 
     markdown_fields = ('title', 'help')
 
+    model = serializers.SerializerMethodField()
     elements = serializers.SerializerMethodField()
     section = serializers.SerializerMethodField()
     prev_page = serializers.SerializerMethodField()
     next_page = serializers.SerializerMethodField()
     verbose_name = serializers.SerializerMethodField()
 
+    attribute_uri = serializers.CharField(source='attribute.uri', read_only=True)
+
     class Meta:
         model = Page
         fields = (
             'id',
+            'model',
             'title',
             'help',
             'verbose_name',
             'attribute',
+            'attribute_uri',
             'is_collection',
             'elements',
             'section',
diff --git a/rdmo/projects/templates/projects/email/project_contact_message.txt b/rdmo/projects/templates/projects/email/project_contact_message.txt
new file mode 100644
index 0000000000..e852349bbd
--- /dev/null
+++ b/rdmo/projects/templates/projects/email/project_contact_message.txt
@@ -0,0 +1,35 @@
+{# Warning: Double newlines will be removed #}{% load i18n accounts_tags %}{% trans "Greetings" %}!
+
+{% if page %}
+{% blocktrans trimmed with project_title=project.title page_title=page.title %}
+I have a question regarding the project "{{ project_title }}" on the page "{{ page_title }}":
+{% endblocktrans %}
+
+{{ page_url }}
+{% else %}
+{% blocktrans trimmed with project_title=project.title %}
+I have a question regarding the project "{{ project_title }}":
+{% endblocktrans %}
+
+{{ project_url }}
+{% endif %}
+
+{% if question %}
+{% blocktrans trimmed with page_title=page.title question_text=question.text %}
+In particular, about the question: {{ question_text }}
+{% endblocktrans %}
+{% endif %}
+
+{% if page and set_value %}
+{% firstof page.verbose_name 'Set' %}: {{ set_value.value }}
+{% endif %}
+
+{% if values|length == 1 %}
+{% trans 'Answer:' %} {% for value in values %}{{ value.value }}{% endfor %}
+{% elif values %}
+{% trans 'Answers:' %}{% for value in values %}
+* {{ value.value }}{% endfor %}
+{% endif %}
+
+{% trans "Sincerely" %},
+    {{ user_full_name }}
diff --git a/rdmo/projects/templates/projects/email/project_contact_subject.txt b/rdmo/projects/templates/projects/email/project_contact_subject.txt
new file mode 100644
index 0000000000..547100276e
--- /dev/null
+++ b/rdmo/projects/templates/projects/email/project_contact_subject.txt
@@ -0,0 +1,3 @@
+{% load i18n accounts_tags %}{% full_name user as user_full_name %}{% blocktrans trimmed with project_title=project.title %}
+{{ user_full_name }} contacted support regarding "{{ project_title }}"
+{% endblocktrans %}
\ No newline at end of file
diff --git a/rdmo/projects/templates/projects/email/project_invite_subject.txt b/rdmo/projects/templates/projects/email/project_invite_subject.txt
index 55eab1d1fb..2ab837af9e 100644
--- a/rdmo/projects/templates/projects/email/project_invite_subject.txt
+++ b/rdmo/projects/templates/projects/email/project_invite_subject.txt
@@ -1,3 +1,3 @@
 {% load i18n accounts_tags %}{% full_name user as user_full_name %}{% blocktrans trimmed with project_title=project.title %}
-{{ user_full_name }} invited you to collaborate on {{ project_title }}
+{{ user_full_name }} invited you to collaborate on "{{ project_title }}"
 {% endblocktrans %}
\ No newline at end of file
diff --git a/rdmo/projects/templates/projects/project_detail_header.html b/rdmo/projects/templates/projects/project_detail_header.html
index 6302201657..c6ca098c90 100644
--- a/rdmo/projects/templates/projects/project_detail_header.html
+++ b/rdmo/projects/templates/projects/project_detail_header.html
@@ -4,6 +4,7 @@
 {% load accounts_tags %}
 
 {% has_perm 'projects.change_project_object' request.user project as can_change_project %}
+{% has_perm 'projects.change_visibility_object' request.user project as can_change_visibility %}
 
 <div class="project-header">
     <h1>{{ project.title }}</h1>
@@ -26,6 +27,16 @@ <h1>{{ project.title }}</h1>
                     {% include 'projects/project_detail_header_catalog.html' %}
                 </td>
             </tr>
+            {% if settings.PROJECT_VISIBILITY and project.visibility %}
+            <tr id="project-visibility">
+                <td>
+                    <strong>{% trans 'Visibility' %}</strong>
+                </td>
+                <td>
+                    {% include 'projects/project_detail_header_visibility.html' %}
+                </td>
+            </tr>
+            {% endif %}
             {% if project.is_child_node or project.get_descendant_count %}
             {% drilldown_tree_for_node project as project_tree all_descendants %}
             <tr>
diff --git a/rdmo/projects/templates/projects/project_detail_header_visibility.html b/rdmo/projects/templates/projects/project_detail_header_visibility.html
new file mode 100644
index 0000000000..4fa4952801
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_detail_header_visibility.html
@@ -0,0 +1,14 @@
+{% load i18n %}
+{% load core_tags %}
+
+{% if can_change_visibility  %}
+<p class="pull-right">
+    <a href="{% url 'project_update_visibility' project.pk %}" title="{% trans 'Update project visibility' %}">
+        <i class="fa fa-pencil"></i>
+    </a>
+</p>
+{% endif %}
+
+<span class="text-muted">
+{{ project.visibility.get_help_display }}
+</span>
diff --git a/rdmo/projects/templates/projects/project_detail_sidebar.html b/rdmo/projects/templates/projects/project_detail_sidebar.html
index 4c4be91ff7..5c90ed7d5c 100644
--- a/rdmo/projects/templates/projects/project_detail_sidebar.html
+++ b/rdmo/projects/templates/projects/project_detail_sidebar.html
@@ -20,6 +20,11 @@ <h2>{% trans 'Options' %}</h2>
             {% endif %}
         </strong>
     </li>
+    <li id="project-interview">
+        <strong>
+            <a href="{% url 'project_interview' project.pk %}">{% trans 'Interview (new)' %}</a>
+        </strong>
+    </li>
 </ul>
 
 <ul class="list-unstyled">
@@ -38,7 +43,6 @@ <h2>{% trans 'Options' %}</h2>
 </ul>
 {% endif %}
 
-{% if can_change_project or can_delete_project %}
 <ul class="list-unstyled">
     {% if can_change_project %}
     <li>
@@ -63,12 +67,29 @@ <h2>{% trans 'Options' %}</h2>
     </li>
     {% endif %}
     {% endif %}
+    <li>
+        <a href="{% url 'project_copy' project.pk %}">{% trans 'Copy project' %}</a>
+    </li>
     {% if can_delete_project %}
     <li>
         <a href="{% url 'project_delete' project.pk %}">{% trans 'Delete project' %}</a>
     </li>
     {% endif %}
 </ul>
+
+{% has_perm 'projects.change_visibility_object' request.user project as can_change_visibility %}
+{% if settings.PROJECT_VISIBILITY and can_change_visibility %}
+<ul class="list-unstyled">
+    <li>
+        <a href="{% url 'project_update_visibility' project.pk %}">
+            {% if not project.visibility %}
+            {% trans 'Make project visible' %}
+            {% else %}
+            {% trans 'Update project visibility' %}
+            {% endif %}
+        </a>
+    </li>
+</ul>
 {% endif %}
 
 {% has_perm 'projects.add_membership_object' request.user project as can_add_membership %}
diff --git a/rdmo/projects/templates/projects/project_detail_snapshots.html b/rdmo/projects/templates/projects/project_detail_snapshots.html
index d421592ce9..0d81d502de 100644
--- a/rdmo/projects/templates/projects/project_detail_snapshots.html
+++ b/rdmo/projects/templates/projects/project_detail_snapshots.html
@@ -54,6 +54,24 @@ <h2>{% trans 'Snapshots' %}</h2>
                             title="{% trans 'Rollback to snapshot' %}">
                         </a>
                         {% endif %}
+
+                        {% has_perm 'projects.export_project_object' request.user project as can_export_project %}
+                        {% if settings.PROJECT_SNAPSHOT_EXPORTS and can_export_project %}
+                        <span class="dropdown">
+                            <button class="btn-link fa fa-download" title="{% trans 'Export snapshot' %}"
+                                    data-toggle="dropdown"></button>
+
+                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                {% for key, label, class in settings.PROJECT_SNAPSHOT_EXPORTS %}
+                                <li>
+                                    <a href="{% url 'snapshot_export' project.id snapshot.id key %}" target="_blank">
+                                        {{ label }}
+                                    </a>
+                                </li>
+                                {% endfor %}
+                            {% endif %}
+                            </ul>
+                        </span>
                     </td>
                 </tr>
                 {% endfor %}
diff --git a/rdmo/projects/templates/projects/project_form_visibility.html b/rdmo/projects/templates/projects/project_form_visibility.html
new file mode 100644
index 0000000000..4c5a736c5c
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_form_visibility.html
@@ -0,0 +1,30 @@
+{% extends 'core/page.html' %}
+{% load i18n %}
+{% load core_tags %}
+
+{% block page %}
+
+    <h1>
+        {% if object.visibility %}
+        {% trans 'Update project visibility' %}
+        {% else %}
+        {% trans 'Make project visible' %}
+        {% endif %}
+    </h1>
+
+    <p class="mb-20">
+        {% blocktrans trimmed %}
+        Projects can be made visible to all users, for example to be used as a template.
+        When a project is made visible, users can access it as if they were in the guest role.
+        {% endblocktrans %}
+    </p>
+
+    {% if not object.visibility %}
+    {% bootstrap_form submit=_('Make visible') %}
+    {% elif object.visibility and 'sites' in form.fields or 'groups' in form.fields %}
+    {% bootstrap_form submit=_('Update visibility') delete=_('Remove visibility') %}
+    {% else %}
+    {% bootstrap_form delete=_('Remove visibility') %}
+    {% endif %}
+
+{% endblock %}
diff --git a/rdmo/projects/templates/projects/project_interview.html b/rdmo/projects/templates/projects/project_interview.html
new file mode 100644
index 0000000000..aa506bbc93
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview.html
@@ -0,0 +1,34 @@
+{% extends 'core/page.html' %}
+{% load static %}
+{% load i18n %}
+{% load core_tags %}
+
+{% block vendor %}
+{% endblock %}
+
+{% block head %}
+    <meta name='project' content="{{ project.id }}" />
+{% endblock %}
+
+{% block css %}
+    <link rel="stylesheet" href="{% static 'core/css/base.css' %}" />
+    <link rel="stylesheet" href="{% static 'projects/css/interview.css' %}" />
+{% endblock %}
+
+{% block js %}
+    <script src="{% url 'javascript-catalog' %}"></script>
+    <script src="{% static 'core/js/base.js' %}" defer></script>
+    <script src="{% static 'projects/js/interview.js' %}" defer></script>
+{% endblock %}
+
+{% block sidebar %}
+
+    <div id="sidebar"></div>
+
+{% endblock %}
+
+{% block page %}
+
+    <div id="main" class="interview"></div>
+
+{% endblock %}
diff --git a/rdmo/projects/templates/projects/project_interview_add_set_help.html b/rdmo/projects/templates/projects/project_interview_add_set_help.html
new file mode 100644
index 0000000000..b7de24781e
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_add_set_help.html
@@ -0,0 +1,7 @@
+{% load i18n %}
+
+    <p class="help-block">
+        {% blocktrans trimmed %}
+        Please enter your entries block by block. You can add blocks using the green button and remove them using the blue cross (&times;).
+        {% endblocktrans %}
+    </p>
diff --git a/rdmo/projects/templates/projects/project_interview_add_value_help.html b/rdmo/projects/templates/projects/project_interview_add_value_help.html
new file mode 100644
index 0000000000..345c258226
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_add_value_help.html
@@ -0,0 +1,7 @@
+{% load i18n %}
+
+    <p class="help-block">
+        {% blocktrans trimmed %}
+        Please enter your entries line by line. You can add lines using the green button and remove them using the blue cross (&times;).
+        {% endblocktrans %}
+    </p>
diff --git a/rdmo/projects/templates/projects/project_interview_buttons_help.html b/rdmo/projects/templates/projects/project_interview_buttons_help.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/rdmo/projects/templates/projects/project_interview_contact_help.html b/rdmo/projects/templates/projects/project_interview_contact_help.html
new file mode 100644
index 0000000000..db9611dcf7
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_contact_help.html
@@ -0,0 +1,7 @@
+{% load i18n %}
+
+    <p>
+        {% blocktrans trimmed with site_name=request.site.name %}
+        If you have a question or feedback please get in touch with us, you can use this form to send an email to the {{ site_name }} support"
+        {% endblocktrans %}
+    </p>
diff --git a/rdmo/projects/templates/projects/project_interview_done.html b/rdmo/projects/templates/projects/project_interview_done.html
new file mode 100644
index 0000000000..5ab12377d3
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_done.html
@@ -0,0 +1,10 @@
+{% load i18n %}
+{% load core_tags %}
+
+    <h2>
+        {% trans 'Done!' %}
+    </h2>
+
+    <p>
+        {% trans 'Thank you for filling out the questionnaire.' %}
+    </p>
diff --git a/rdmo/projects/templates/projects/project_interview_error.html b/rdmo/projects/templates/projects/project_interview_error.html
new file mode 100644
index 0000000000..740a18d4b1
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_error.html
@@ -0,0 +1,10 @@
+{% load i18n %}
+{% load core_tags %}
+
+    <h2>
+        {% trans 'Error!' %}
+    </h2>
+
+    <p>
+        {% trans 'An error occurred while retrieving the questionnaire. Please contact support if this problem persists.' %}
+    </p>
diff --git a/rdmo/projects/templates/projects/project_interview_multiple_values_warning.html b/rdmo/projects/templates/projects/project_interview_multiple_values_warning.html
new file mode 100644
index 0000000000..4ad46414b2
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_multiple_values_warning.html
@@ -0,0 +1,9 @@
+{% load i18n %}
+
+    <p class="text-warning">
+        {% blocktrans trimmed %}
+        Multiple answers exist in the database. This can happen due some technical problem in the past.
+        You can remove unwanted answers using the "Remove item" field' (<i class="fa fa-times"></i>). Please
+        contact support if the problem persists.
+        {% endblocktrans %}
+    </p>
diff --git a/rdmo/projects/templates/projects/project_interview_navigation_help.html b/rdmo/projects/templates/projects/project_interview_navigation_help.html
new file mode 100644
index 0000000000..be49c8673d
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_navigation_help.html
@@ -0,0 +1,7 @@
+{% load i18n %}
+
+<p class="help-block">
+{% blocktrans trimmed %}
+Grey entries will be conditionally skipped based on your input.
+{% endblocktrans %}
+</p>
diff --git a/rdmo/projects/templates/projects/project_interview_overview_help.html b/rdmo/projects/templates/projects/project_interview_overview_help.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/rdmo/projects/templates/projects/project_interview_page_help.html b/rdmo/projects/templates/projects/project_interview_page_help.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/rdmo/projects/templates/projects/project_interview_page_tabs_help.html b/rdmo/projects/templates/projects/project_interview_page_tabs_help.html
new file mode 100644
index 0000000000..00aac3ba6f
--- /dev/null
+++ b/rdmo/projects/templates/projects/project_interview_page_tabs_help.html
@@ -0,0 +1,7 @@
+{% load i18n %}
+
+    <p class="help-block">
+        {% blocktrans trimmed %}
+        Please fill in the form for each tab. The same tabs may be used later on other pages. You can add a new tab using the green button. Once created, you can edit or delete tabs using the buttons in the top right corner.
+        {% endblocktrans %}
+    </p>
diff --git a/rdmo/projects/templates/projects/project_interview_progress_help.html b/rdmo/projects/templates/projects/project_interview_progress_help.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/rdmo/projects/templates/projects/project_interview_question_help.html b/rdmo/projects/templates/projects/project_interview_question_help.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/rdmo/projects/templates/projects/project_interview_questionset_help.html b/rdmo/projects/templates/projects/project_interview_questionset_help.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/rdmo/projects/tests/test_utils.py b/rdmo/projects/tests/test_utils.py
index edbc5a8d3b..a3a182c33f 100644
--- a/rdmo/projects/tests/test_utils.py
+++ b/rdmo/projects/tests/test_utils.py
@@ -1,9 +1,14 @@
 import pytest
 
+from django.contrib.auth.models import User
+from django.contrib.sites.models import Site
 from django.http import QueryDict
 
+from rdmo.core.tests.utils import compute_checksum
+
 from ..filters import ProjectFilter
-from ..utils import set_context_querystring_with_filter_and_page
+from ..models import Project, Value
+from ..utils import compute_set_prefix_from_set_value, copy_project, set_context_querystring_with_filter_and_page
 
 GET_queries = [
     'page=2&title=project',
@@ -12,6 +17,18 @@
     ''
 ]
 
+SET_VALUES = [
+    ({'set_prefix': ''   , 'set_index': 1}, {'set_prefix': '0'},     '1'),
+    ({'set_prefix': ''   , 'set_index': 1}, {'set_prefix': '0|0'},   '1|0'),
+    ({'set_prefix': ''   , 'set_index': 1}, {'set_prefix': '0|0|0'}, '1|0|0'),
+    ({'set_prefix': ''   , 'set_index': 2}, {'set_prefix': '0'},     '2'),
+    ({'set_prefix': ''   , 'set_index': 2}, {'set_prefix': '0|0'},   '2|0'),
+    ({'set_prefix': ''   , 'set_index': 2}, {'set_prefix': '0|0|0'}, '2|0|0'),
+    ({'set_prefix': '0'  , 'set_index': 1}, {'set_prefix': '0|0'},   '0|1'),
+    ({'set_prefix': '0'  , 'set_index': 1}, {'set_prefix': '0|0|0'}, '0|1|0'),
+    ({'set_prefix': '0|0', 'set_index': 1}, {'set_prefix': '0|0|0'}, '0|0|1'),
+]
+
 @pytest.mark.parametrize('GET_query', GET_queries)
 def test_set_context_querystring_with_filter_and_page(GET_query):
     querydict = QueryDict(GET_query)
@@ -32,3 +49,99 @@ def test_set_context_querystring_with_filter_and_page(GET_query):
         assert context.get('querystring', 'not-in-context') == ''
     else:
         assert context.get('querystring', 'not-in-context') == 'not-in-context'
+
+
+def test_copy_project(db, files):
+    project = Project.objects.get(id=1)
+    site = Site.objects.get(id=2)
+    user = User.objects.get(id=1)
+    project_copy = copy_project(project, site, [user])
+
+    # re fetch the original project
+    project = Project.objects.get(id=1)
+
+    # check that site, owners, tasks, and views are correct
+    assert project_copy.site == site
+    assert list(project_copy.owners) == [user]
+    assert list(project_copy.user.values('id')) == [{'id': user.id}]
+    assert list(project_copy.tasks.values('id')) == list(project.tasks.values('id'))
+    assert list(project_copy.views.values('id')) == list(project.views.values('id'))
+
+    # check that no ids are the same
+    assert project_copy.id != project.id
+    assert not set(project_copy.snapshots.values_list('id')).intersection(set(project.snapshots.values_list('id')))
+    assert not set(project_copy.values.values_list('id')).intersection(set(project.values.values_list('id')))
+
+    # check the snapshots
+    snapshot_fields = (
+        'title',
+        'description'
+    )
+    for snapshot_copy, snapshot in zip(
+        project_copy.snapshots.values(*snapshot_fields),
+        project.snapshots.values(*snapshot_fields)
+    ):
+        assert snapshot_copy == snapshot
+
+    # check the values
+    value_fields = (
+        'attribute',
+        'set_prefix',
+        'set_collection',
+        'set_index',
+        'collection_index',
+        'text',
+        'option',
+        'value_type',
+        'unit',
+        'external_id'
+    )
+    ordering = (
+        'attribute',
+        'set_prefix',
+        'set_index',
+        'collection_index'
+    )
+    for value_copy, value in zip(
+        project_copy.values.filter(snapshot=None).order_by(*ordering),
+        project.values.filter(snapshot=None).order_by(*ordering)
+    ):
+        for field in value_fields:
+            assert getattr(value_copy, field) == getattr(value, field), field
+
+        if value_copy.file:
+            assert value_copy.file.path != value.file.path
+            assert value_copy.file.path == value_copy.file.path.replace(
+                f'/projects/{project.id}/values/{value.id}/',
+                f'/projects/{project_copy.id}/values/{value_copy.id}/'
+            )
+            assert value_copy.file.size == value.file.size
+            assert compute_checksum(value_copy.file.open('rb').read()) == \
+                   compute_checksum(value.file.open('rb').read())
+        else:
+            assert not value.file
+
+    for snapshot_copy, snapshot in zip(project_copy.snapshots.all(), project.snapshots.all()):
+        for value_copy, value in zip(
+            project_copy.values.filter(snapshot=snapshot_copy).order_by(*ordering),
+            project.values.filter(snapshot=snapshot).order_by(*ordering)
+        ):
+            for field in value_fields:
+                assert getattr(value_copy, field) == getattr(value, field)
+
+            if value_copy.file:
+                assert value_copy.file.path != value.file.path
+                assert value_copy.file.path == value_copy.file.path.replace(
+                    f'/projects/{project.id}/snapshot/{snapshot.id}/values/{value.id}/',
+                    f'/projects/{project_copy.id}/snapshot/{snapshot.id}/values/{value_copy.id}/'
+                )
+                assert value_copy.file.size == value.file.size
+                assert compute_checksum(value_copy.file.open('rb').read()) == \
+                       compute_checksum(value.file.open('rb').read())
+            else:
+                assert not value.file
+
+
+@pytest.mark.parametrize('set_value, value, result', SET_VALUES)
+def test_compute_set_prefix_from_set_value(set_value, value, result):
+    assert compute_set_prefix_from_set_value(Value(**set_value), Value(**value)) == result
diff --git a/rdmo/projects/tests/test_view_integration.py b/rdmo/projects/tests/test_view_integration.py
index cb20690f8d..711b7790ee 100644
--- a/rdmo/projects/tests/test_view_integration.py
+++ b/rdmo/projects/tests/test_view_integration.py
@@ -14,15 +14,6 @@
     ('anonymous', None),
 )
 
-view_integration_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
-}
-
 add_integration_permission_map = change_integration_permission_map = delete_integration_permission_map = {
     'owner': [1, 2, 3, 4, 5],
     'manager': [1, 3, 5],
diff --git a/rdmo/projects/tests/test_view_issue.py b/rdmo/projects/tests/test_view_issue.py
index 8780c7114f..cf4f6d745e 100644
--- a/rdmo/projects/tests/test_view_issue.py
+++ b/rdmo/projects/tests/test_view_issue.py
@@ -21,137 +21,113 @@
 )
 
 view_issue_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
-change_issue_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
-}
-
-delete_issue_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+change_issue_permission_map = delete_issue_permission_map = {
+    'owner': [1, 2, 3, 4, 12],
+    'manager': [1, 3],
+    'author': [1, 3],
+    'api': [1, 2, 3, 4, 12],
+    'site': [1, 2, 3, 4, 12],
 }
 
-
-projects = [1, 2, 3, 4, 5]
-issues = [1, 2, 3, 4]
+issues = [1, 2, 3, 4, 9]
 
 integration_pk = 1
 
 issue_status = ('open', 'in_progress', 'closed')
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('issue_id', issues)
-def test_issue(db, client, username, password, project_id, issue_id):
+def test_issue(db, client, username, password, issue_id):
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse('issue', args=[project_id, issue_id])
+    url = reverse('issue', args=[issue.project_id, issue_id])
     response = client.get(url)
 
-    if issue:
-        if project_id in view_issue_permission_map.get(username, []):
-            assert response.status_code == 200
-        elif password:
-            assert response.status_code == 403
-        else:
-            assert response.status_code == 302
+    if issue.project_id in view_issue_permission_map.get(username, []):
+        assert response.status_code == 200
+    elif password:
+        assert response.status_code == 403
     else:
-        assert response.status_code == 404
+        assert response.status_code == 302
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('issue_id', issues)
-def test_issue_update_get(db, client, username, password, project_id, issue_id):
+def test_issue_update_get(db, client, username, password, issue_id):
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse('issue_update', args=[project_id, issue_id])
+    url = reverse('issue_update', args=[issue.project_id, issue_id])
     response = client.get(url)
 
-    if issue:
-        if project_id in change_issue_permission_map.get(username, []):
-            assert response.status_code == 200
-        elif password:
-            assert response.status_code == 403
-        else:
-            assert response.status_code == 302
+    if issue.project_id in change_issue_permission_map.get(username, []):
+        assert response.status_code == 200
+    elif password:
+        assert response.status_code == 403
     else:
-        assert response.status_code == 404
+        assert response.status_code == 302
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('issue_id', issues)
 @pytest.mark.parametrize('status', issue_status)
-def test_issue_update_post(db, client, username, password, project_id, issue_id, status):
+def test_issue_update_post(db, client, username, password, issue_id, status):
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse('issue_update', args=[project_id, issue_id])
+    url = reverse('issue_update', args=[issue.project_id, issue_id])
     data = {
         'status': status
     }
     response = client.post(url, data)
 
-    if issue:
-        if project_id in change_issue_permission_map.get(username, []):
-            assert response.status_code == 302
-            assert Issue.objects.get(id=issue_id).status == status
+    if issue.project_id in change_issue_permission_map.get(username, []):
+        assert response.status_code == 302
+        assert Issue.objects.get(id=issue_id).status == status
+    else:
+        if password:
+            assert response.status_code == 403
         else:
-            if password:
-                assert response.status_code == 403
-            else:
-                assert response.status_code == 302
+            assert response.status_code == 302
+
+        assert Issue.objects.get(id=issue_id).status == issue.status
 
-            assert Issue.objects.get(id=issue_id).status == issue.status
-    else:
-        assert response.status_code == 404
 
 
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('issue_id', issues)
-@pytest.mark.parametrize('project_id', projects)
-def test_issue_send_get(db, client, username, password, project_id, issue_id):
+def test_issue_send_get(db, client, username, password, issue_id):
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse('issue_update', args=[project_id, issue_id])
+    url = reverse('issue_update', args=[issue.project_id, issue_id])
     response = client.get(url)
 
-    if issue:
-        if project_id in change_issue_permission_map.get(username, []):
-            assert response.status_code == 200
-        elif password:
-            assert response.status_code == 403
-        else:
-            assert response.status_code == 302
+    if issue.project_id in change_issue_permission_map.get(username, []):
+        assert response.status_code == 200
+    elif password:
+        assert response.status_code == 403
     else:
-        assert response.status_code == 404
+        assert response.status_code == 302
 
 
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('issue_id', issues)
-@pytest.mark.parametrize('project_id', projects)
-def test_issue_send_post_email(db, client, username, password, project_id, issue_id):
+def test_issue_send_post_email(db, client, username, password, issue_id):
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse('issue_send', args=[project_id, issue_id])
+    url = reverse('issue_send', args=[issue.project_id, issue_id])
     data = {
         'subject': 'Subject',
         'message': 'Message',
@@ -159,12 +135,57 @@ def test_issue_send_post_email(db, client, username, password, project_id, issue
     }
     response = client.post(url, data)
 
-    if issue:
-        if project_id in change_issue_permission_map.get(username, []):
+    if issue.project_id in change_issue_permission_map.get(username, []):
+        assert response.status_code == 302
+        assert len(mail.outbox) == 1
+        assert mail.outbox[0].subject == '[example.com] Subject'
+        assert mail.outbox[0].body == 'Message'
+    else:
+        if password:
+            assert response.status_code == 403
+        else:
+            assert response.status_code == 302
+
+        assert len(mail.outbox) == 0
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('issue_id', issues)
+def test_issue_send_post_attachments(db, client, files, username, password, issue_id):
+    client.login(username=username, password=password)
+    issue = Issue.objects.get(id=issue_id)
+
+    view = issue.project.views.first()
+    file = issue.project.values.filter(snapshot=None, value_type=VALUE_TYPE_FILE).first()
+
+    if file and view:
+        url = reverse('issue_send', args=[issue.project_id, issue_id])
+        data = {
+            'subject': 'Subject',
+            'message': 'Message',
+            'recipients': 'email@example.com',
+            'attachments_answers': 'project_answers',
+            'attachments_views': str(view.id),
+            'attachments_files': str(file.id),
+            'attachments_snapshot': '',
+            'attachments_format': 'html'
+        }
+        response = client.post(url, data)
+
+        if issue.project_id in change_issue_permission_map.get(username, []):
             assert response.status_code == 302
             assert len(mail.outbox) == 1
             assert mail.outbox[0].subject == '[example.com] Subject'
             assert mail.outbox[0].body == 'Message'
+
+            attachments = mail.outbox[0].attachments
+            assert len(attachments) == 3
+            assert attachments[0][0] == 'Test.html'
+            assert attachments[0][2] == 'text/html; charset=utf-8'
+            assert attachments[1][0] == 'Test.html'
+            assert attachments[1][2] == 'text/html; charset=utf-8'
+            assert attachments[2][0] == 'test.txt'
+            assert attachments[2][2] == 'text/plain'
         else:
             if password:
                 assert response.status_code == 403
@@ -172,69 +193,18 @@ def test_issue_send_post_email(db, client, username, password, project_id, issue
                 assert response.status_code == 302
 
             assert len(mail.outbox) == 0
-    else:
-        assert response.status_code == 404
-
-
-@pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('issue_id', issues)
-@pytest.mark.parametrize('project_id', projects)
-def test_issue_send_post_attachments(db, client, files, username, password, project_id, issue_id):
-    client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
-
-    if issue:
-        view = issue.project.views.first()
-        file = issue.project.values.filter(snapshot=None, value_type=VALUE_TYPE_FILE).first()
-
-        if file and view:
-            url = reverse('issue_send', args=[project_id, issue_id])
-            data = {
-                'subject': 'Subject',
-                'message': 'Message',
-                'recipients': 'email@example.com',
-                'attachments_answers': 'project_answers',
-                'attachments_views': str(view.id),
-                'attachments_files': str(file.id),
-                'attachments_snapshot': '',
-                'attachments_format': 'html'
-            }
-            response = client.post(url, data)
-
-            if project_id in change_issue_permission_map.get(username, []):
-                assert response.status_code == 302
-                assert len(mail.outbox) == 1
-                assert mail.outbox[0].subject == '[example.com] Subject'
-                assert mail.outbox[0].body == 'Message'
-
-                attachments = mail.outbox[0].attachments
-                assert len(attachments) == 3
-                assert attachments[0][0] == 'Test.html'
-                assert attachments[0][2] == 'text/html; charset=utf-8'
-                assert attachments[1][0] == 'Test.html'
-                assert attachments[1][2] == 'text/html; charset=utf-8'
-                assert attachments[2][0] == 'test.txt'
-                assert attachments[2][2] == 'text/plain'
-            else:
-                if password:
-                    assert response.status_code == 403
-                else:
-                    assert response.status_code == 302
-
-                assert len(mail.outbox) == 0
 
 
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('issue_id', issues)
-@pytest.mark.parametrize('project_id', projects)
-def test_issue_send_post_integration(db, client, mocker, username, password, project_id, issue_id):
+def test_issue_send_post_integration(db, client, mocker, username, password, issue_id):
     mocked_send_issue = Mock(return_value=HttpResponseRedirect(redirect_to='https://example.com/login/oauth/authorize'))
     mocker.patch('rdmo.projects.providers.SimpleIssueProvider.send_issue', mocked_send_issue)
 
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse('issue_send', args=[project_id, issue_id])
+    url = reverse('issue_send', args=[issue.project_id, issue_id])
     data = {
         'subject': 'Subject',
         'message': 'Message',
@@ -242,18 +212,15 @@ def test_issue_send_post_integration(db, client, mocker, username, password, pro
     }
     response = client.post(url, data)
 
-    if issue:
-        if project_id in change_issue_permission_map.get(username, []):
-            if integration_pk in Project.objects.get(pk=project_id).integrations.values_list('id', flat=True):
-                assert response.status_code == 302
-                assert response.url.startswith('https://example.com')
-            else:
-                assert response.status_code == 200
+    if issue.project_id in change_issue_permission_map.get(username, []):
+        if integration_pk in Project.objects.get(pk=issue.project_id).integrations.values_list('id', flat=True):
+            assert response.status_code == 302
+            assert response.url.startswith('https://example.com')
         else:
-            if password:
-                assert response.status_code == 403
-            else:
-                assert response.status_code == 302
-                assert not response.url.startswith('https://example.com')
+            assert response.status_code == 200
     else:
-        assert response.status_code == 404
+        if password:
+            assert response.status_code == 403
+        else:
+            assert response.status_code == 302
+            assert not response.url.startswith('https://example.com')
diff --git a/rdmo/projects/tests/test_view_project.py b/rdmo/projects/tests/test_view_project.py
index b43660cf14..8f22d0eb19 100644
--- a/rdmo/projects/tests/test_view_project.py
+++ b/rdmo/projects/tests/test_view_project.py
@@ -17,48 +17,53 @@
     ('author', 'author'),
     ('guest', 'guest'),
     ('user', 'user'),
-    ('site', 'site'),
-    ('anonymous', None),
     ('editor', 'editor'),
     ('reviewer', 'reviewer'),
     ('api', 'api'),
+    ('site', 'site'),
+    ('anonymous', None)
 )
 
 view_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
-    'manager': [1, 3, 5, 7],
-    'author': [1, 3, 5, 8],
-    'guest': [1, 3, 5, 9],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'manager': [1, 3, 5, 7, 12],
+    'author': [1, 3, 5, 8, 12],
+    'guest': [1, 3, 5, 9, 12],
+    'user': [12],
+    'editor': [12],
+    'reviewer': [12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
 }
 
 change_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
+    'owner': [1, 2, 3, 4, 5, 10, 12],
     'manager': [1, 3, 5, 7],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
 }
 
 delete_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
 }
 
 export_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
+    'owner': [1, 2, 3, 4, 5, 10, 12],
     'manager': [1, 3, 5, 7],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
 }
 
-projects = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+projects = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
 
 export_formats = ('rtf', 'odt', 'docx', 'html', 'markdown', 'tex', 'pdf')
 
 site_id = 1
-parent_project_id = 1
+project_id = 1
+parent_id = 3
+parent_ancestors = [2, 3]
 catalog_id = 1
 
 
@@ -266,7 +271,7 @@ def test_project_create_parent_post(db, client, username, password):
         'title': 'A new project',
         'description': 'Some description',
         'catalog': catalog_id,
-        'parent': parent_project_id
+        'parent': project_id
     }
     response = client.post(url, data)
 
@@ -330,22 +335,28 @@ def test_project_update_post_parent(db, client, username, password, project_id):
     client.login(username=username, password=password)
     project = Project.objects.get(pk=project_id)
 
+    print(project, project_id, Project.objects.get(pk=parent_id))
+
     url = reverse('project_update', args=[project_id])
     data = {
         'title': project.title,
         'description': project.description,
         'catalog': project.catalog.pk,
-        'parent': parent_project_id
+        'parent': parent_id
     }
     response = client.post(url, data)
 
     if project_id in change_project_permission_map.get(username, []):
-        if project_id == parent_project_id:
+        if parent_id in view_project_permission_map.get(username, []):
+            if project_id in parent_ancestors:
+                assert response.status_code == 200
+                assert Project.objects.get(pk=project_id).parent == project.parent
+            else:
+                assert response.status_code == 302
+                assert Project.objects.get(pk=project_id).parent_id == parent_id
+        else:
             assert response.status_code == 200
             assert Project.objects.get(pk=project_id).parent == project.parent
-        else:
-            assert response.status_code == 302
-            assert Project.objects.get(pk=project_id).parent_id == parent_project_id
     else:
         if password:
             assert response.status_code == 403
@@ -545,17 +556,21 @@ def test_project_update_parent_post(db, client, username, password, project_id):
 
     url = reverse('project_update_parent', args=[project_id])
     data = {
-        'parent': parent_project_id
+        'parent': parent_id
     }
     response = client.post(url, data)
 
     if project_id in change_project_permission_map.get(username, []):
-        if project_id == parent_project_id:
+        if parent_id in view_project_permission_map.get(username, []):
+            if project_id in parent_ancestors:
+                assert response.status_code == 200
+                assert Project.objects.get(pk=project_id).parent == project.parent
+            else:
+                assert response.status_code == 302
+                assert Project.objects.get(pk=project_id).parent_id == parent_id
+        else:
             assert response.status_code == 200
             assert Project.objects.get(pk=project_id).parent == project.parent
-        else:
-            assert response.status_code == 302
-            assert Project.objects.get(pk=project_id).parent_id == parent_project_id
     else:
         if password:
             assert response.status_code == 403
diff --git a/rdmo/projects/tests/test_view_project_copy.py b/rdmo/projects/tests/test_view_project_copy.py
new file mode 100644
index 0000000000..8ecec135da
--- /dev/null
+++ b/rdmo/projects/tests/test_view_project_copy.py
@@ -0,0 +1,207 @@
+import pytest
+
+from django.contrib.auth.models import Group, User
+from django.urls import reverse
+
+from ..models import Project, Snapshot, Value
+
+users = (
+    ('owner', 'owner'),
+    ('manager', 'manager'),
+    ('author', 'author'),
+    ('guest', 'guest'),
+    ('user', 'user'),
+    ('site', 'site'),
+    ('anonymous', None),
+    ('editor', 'editor'),
+    ('reviewer', 'reviewer'),
+    ('api', 'api'),
+)
+
+view_project_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 10],
+    'manager': [1, 3, 5, 7],
+    'author': [1, 3, 5, 8],
+    'guest': [1, 3, 5, 9],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+}
+
+change_project_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 10],
+    'manager': [1, 3, 5, 7],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+}
+
+delete_project_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 10],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+}
+
+export_project_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 10],
+    'manager': [1, 3, 5, 7],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+}
+
+projects = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+
+project_id = 1
+site_id = 1
+parent_id = 1
+catalog_id = 1
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_project_copy_get(db, client, username, password, project_id):
+    client.login(username=username, password=password)
+
+    url = reverse('project_copy', args=[project_id])
+    response = client.get(url)
+
+    if project_id in view_project_permission_map.get(username, []):
+        assert response.status_code == 200
+    else:
+        if password:
+            assert response.status_code == 403
+        else:
+            assert response.status_code == 302
+
+
+def test_project_copy_restricted_get(db, client, settings):
+    settings.PROJECT_CREATE_RESTRICTED = True
+    settings.PROJECT_CREATE_GROUPS = ['projects']
+
+    group = Group.objects.create(name='projects')
+    guest = User.objects.get(username='guest')
+    guest.groups.add(group)
+
+    client.login(username='guest', password='guest')
+
+    url = reverse('project_copy', args=[project_id])
+    response = client.get(url)
+
+    assert response.status_code == 200
+
+
+def test_project_copy_forbidden_get(db, client, settings):
+    settings.PROJECT_CREATE_RESTRICTED = True
+
+    client.login(username='guest', password='guest')
+
+    url = reverse('project_copy', args=[project_id])
+    response = client.get(url)
+
+    assert response.status_code == 403
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_project_copy_post(db, files, client, username, password, project_id):
+    client.login(username=username, password=password)
+
+    project_count = Project.objects.count()
+    snapshot_count = Snapshot.objects.count()
+    value_count = Value.objects.count()
+
+    project = Project.objects.get(id=project_id)
+    project_snapshots_count = project.snapshots.count()
+    project_values_count = project.values.count()
+
+    url = reverse('project_copy', args=[project_id])
+    data = {
+        'title': 'A new project',
+        'description': 'Some description',
+        'catalog': catalog_id
+    }
+    response = client.post(url, data)
+
+    if project_id in view_project_permission_map.get(username, []):
+        assert response.status_code == 302
+        assert Project.objects.count() == project_count + 1
+        assert Snapshot.objects.count() == snapshot_count + project_snapshots_count
+        assert Value.objects.count() == value_count + project_values_count
+    else:
+        assert response.status_code == 403 if password else 302
+        assert Project.objects.count() == project_count
+        assert Value.objects.count() == value_count
+
+
+def test_project_copy_post_restricted(db, files, client, settings):
+    settings.PROJECT_CREATE_RESTRICTED = True
+    settings.PROJECT_CREATE_GROUPS = ['projects']
+
+    group = Group.objects.create(name='projects')
+    guest = User.objects.get(username='guest')
+    guest.groups.add(group)
+
+    client.login(username='guest', password='guest')
+
+    url = reverse('project_copy', args=[project_id])
+    data = {
+        'title': 'A new project',
+        'description': 'Some description',
+        'catalog': catalog_id
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 302
+
+
+def test_project_copy_post_forbidden(db, files, client, settings):
+    settings.PROJECT_CREATE_RESTRICTED = True
+
+    client.login(username='guest', password='guest')
+
+    url = reverse('project_copy', args=[project_id])
+    data = {
+        'title': 'A new project',
+        'description': 'Some description',
+        'catalog': catalog_id
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 403
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_project_copy_parent_post(db, files, client, username, password, project_id):
+    client.login(username=username, password=password)
+    project_count = Project.objects.count()
+
+    project_count = Project.objects.count()
+    snapshot_count = Snapshot.objects.count()
+    value_count = Value.objects.count()
+
+    project = Project.objects.get(id=project_id)
+    project_snapshots_count = project.snapshots.count()
+    project_values_count = project.values.count()
+
+    url = reverse('project_copy', args=[project_id])
+    data = {
+        'title': 'A new project',
+        'description': 'Some description',
+        'catalog': catalog_id,
+        'parent': parent_id
+    }
+    response = client.post(url, data)
+
+    if project_id in view_project_permission_map.get(username, []):
+        if parent_id in view_project_permission_map.get(username, []):
+            assert response.status_code == 302
+            assert Project.objects.count() == project_count + 1
+            assert Snapshot.objects.count() == snapshot_count + project_snapshots_count
+            assert Value.objects.count() == value_count + project_values_count
+        else:
+            assert response.status_code == 200
+            assert Project.objects.count() == project_count
+            assert Value.objects.count() == value_count
+    else:
+        assert response.status_code == 403 if password else 302
+        assert Project.objects.count() == project_count
+        assert Value.objects.count() == value_count
diff --git a/rdmo/projects/tests/test_view_project_leave.py b/rdmo/projects/tests/test_view_project_leave.py
index fa0fd55bbd..b8ef2c07ca 100644
--- a/rdmo/projects/tests/test_view_project_leave.py
+++ b/rdmo/projects/tests/test_view_project_leave.py
@@ -15,14 +15,15 @@
 )
 
 leave_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
+    'owner': [1, 2, 3, 4, 5, 12],
     'manager': [1, 3],
     'author': [1, 3],
     'guest': [1, 3]
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
 
+internal_projects = [12]
 
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
diff --git a/rdmo/projects/tests/test_view_project_update_visibility.py b/rdmo/projects/tests/test_view_project_update_visibility.py
new file mode 100644
index 0000000000..fc67ef3184
--- /dev/null
+++ b/rdmo/projects/tests/test_view_project_update_visibility.py
@@ -0,0 +1,148 @@
+import pytest
+
+from django.urls import reverse
+
+from ..models import Project, Visibility
+
+users = (
+    ('owner', 'owner'),
+    ('manager', 'manager'),
+    ('author', 'author'),
+    ('guest', 'guest'),
+    ('user', 'user'),
+    ('editor', 'editor'),
+    ('reviewer', 'reviewer'),
+    ('api', 'api'),
+    ('site', 'site'),
+    ('anonymous', None)
+)
+
+
+project_id = 12
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_create_visibility_get(db, client, username, password):
+    client.login(username=username, password=password)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.delete()
+
+    url = reverse('project_update_visibility', args=[project_id])
+    response = client.get(url)
+
+    if username in ['admin', 'site', 'api']:
+        assert response.status_code == 200
+    else:
+        if password:
+            assert response.status_code == 403
+        else:
+            assert response.status_code == 302
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_create_visibility_post(db, client, username, password):
+    client.login(username=username, password=password)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.delete()
+
+    url = reverse('project_update_visibility', args=[project_id])
+    data = {}
+    response = client.post(url, data)
+
+    if username in ['admin', 'site', 'api']:
+        assert response.status_code == 302
+        assert Project.objects.get(pk=project_id).visibility
+    else:
+        if password:
+            assert response.status_code == 403
+        else:
+            assert response.status_code == 302
+
+        with pytest.raises(Visibility.DoesNotExist):
+            assert Project.objects.get(pk=project_id).visibility
+
+
+def test_project_update_visibility_site_post(db, client, settings):
+    settings.MULTISITE = True
+
+    client.login(username='site', password='site')
+
+    url = reverse('project_update_visibility', args=[project_id])
+    data = {
+        'sites': [2]
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 302
+
+    project = Project.objects.get(id=project_id)
+
+    assert project.visibility
+    assert [site.id for site in project.visibility.sites.all()] == [2]
+    assert not project.visibility.groups.exists()
+
+
+def test_project_update_visibility_group_post(db, client, settings):
+    settings.GROUPS = True
+
+    client.login(username='site', password='site')
+
+    url = reverse('project_update_visibility', args=[project_id])
+    data = {
+        'groups': [2]
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 302
+
+    project = Project.objects.get(id=project_id)
+
+    assert project.visibility
+    assert [site.id for site in project.visibility.sites.all()] == [1]  # this site is in the fixture
+    assert [group.id for group in project.visibility.groups.all()] == [2]
+
+
+def test_project_update_visibility_site_group_post(db, client, settings):
+    settings.MULTISITE = True
+    settings.GROUPS = True
+
+    client.login(username='site', password='site')
+
+    url = reverse('project_update_visibility', args=[project_id])
+    data = {
+        'sites': [2],
+        'groups': [2]
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 302
+
+    project = Project.objects.get(id=project_id)
+
+    assert project.visibility
+    assert [site.id for site in project.visibility.sites.all()] == [2]
+    assert [group.id for group in project.visibility.groups.all()] == [2]
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_delete_visibility_post(db, client, username, password):
+    client.login(username=username, password=password)
+
+    url = reverse('project_update_visibility', args=[project_id])
+    data = {
+        'delete': 'some value'
+    }
+    response = client.post(url, data)
+
+    if username in ['admin', 'site', 'api']:
+        assert response.status_code == 302
+        with pytest.raises(Visibility.DoesNotExist):
+            assert Project.objects.get(pk=project_id).visibility
+    else:
+        if password:
+            assert response.status_code == 403
+        else:
+            assert response.status_code == 302
+
+        assert Project.objects.get(pk=project_id).visibility
diff --git a/rdmo/projects/tests/test_view_project_visibility.py b/rdmo/projects/tests/test_view_project_visibility.py
new file mode 100644
index 0000000000..04b8c2a8c5
--- /dev/null
+++ b/rdmo/projects/tests/test_view_project_visibility.py
@@ -0,0 +1,147 @@
+from django.contrib.auth.models import Group, User
+from django.contrib.sites.models import Site
+from django.urls import reverse
+
+from ..models import Project
+
+user_username = 'user'
+project_id = 12
+
+
+def test_detail_cleared(db, client):
+    client.login(username='user', password='user')
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.clear()
+    project.visibility.groups.clear()
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 200
+
+
+def test_detail_deleted(db, client):
+    client.login(username='user', password='user')
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.delete()
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 403
+
+
+def test_detail_site(db, client):
+    client.login(username='user', password='user')
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.set(Site.objects.filter(id=1))
+    project.visibility.groups.clear()
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 200
+
+
+def test_detail_multiple_sites(db, client):
+    client.login(username='user', password='user')
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.set(Site.objects.filter(id__in=[1, 2]))
+    project.visibility.groups.clear()
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 200
+
+
+def test_detail_site_forbidden(db, client):
+    client.login(username='user', password='user')
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.set(Site.objects.filter(id=2))
+    project.visibility.groups.clear()
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 403
+
+
+def test_detail_group(db, client):
+    client.login(username='user', password='user')
+
+    group = Group.objects.create(name='test')
+    user = User.objects.get(username='user')
+    user.groups.add(group)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.clear()
+    project.visibility.groups.add(group)
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 200
+
+
+def test_detail_multiple_groups(db, client):
+    client.login(username='user', password='user')
+
+    group = Group.objects.create(name='test')
+    user = User.objects.get(username='user')
+    user.groups.add(group)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.clear()
+    project.visibility.groups.set([
+        group, Group.objects.create(name='test2')
+    ])
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 200
+
+
+def test_detail_group_forbidden(db, client):
+    client.login(username='user', password='user')
+
+    group = Group.objects.create(name='test')
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.clear()
+    project.visibility.groups.set([group])
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 403
+
+
+def test_detail_site_group(db, client):
+    client.login(username='user', password='user')
+
+    group = Group.objects.create(name='test')
+    user = User.objects.get(username='user')
+    user.groups.add(group)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.set(Site.objects.filter(id=1))
+    project.visibility.groups.set([group])
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 200
+
+
+def test_detail_site_group_forbidden(db, client):
+    client.login(username='user', password='user')
+
+    group = Group.objects.create(name='test')
+    user = User.objects.get(username='user')
+    user.groups.add(group)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.sites.set(Site.objects.filter(id=2))
+    project.visibility.groups.set([group])
+
+    url = reverse('project', args=[project_id])
+    response = client.get(url)
+    assert response.status_code == 403
diff --git a/rdmo/projects/tests/test_view_snapshot.py b/rdmo/projects/tests/test_view_snapshot.py
index 4a378177a6..dedb234929 100644
--- a/rdmo/projects/tests/test_view_snapshot.py
+++ b/rdmo/projects/tests/test_view_snapshot.py
@@ -14,28 +14,26 @@
     ('manager', 'manager'),
     ('author', 'author'),
     ('guest', 'guest'),
-    ('user', 'user'),
+    ('api', 'api'),
     ('site', 'site'),
     ('anonymous', None),
 )
 
-view_snapshot_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
+add_snapshot_permission_map = change_snapshot_permission_map = rollback_snapshot_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 12],
     'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
-add_snapshot_permission_map = change_snapshot_permission_map = rollback_snapshot_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+export_snapshot_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
 snapshots = [1, 3, 7, 4, 5, 6]
 
 snapshots_project = 1
@@ -206,3 +204,26 @@ def test_snapshot_rollback_post(db, client, files, username, password, project_i
             assert response.status_code == 302
     else:
         assert response.status_code == 404
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+@pytest.mark.parametrize('snapshot_id', snapshots)
+def test_snapshot_export_xml(db, client, files, username, password, project_id, snapshot_id):
+    client.login(username=username, password=password)
+    project = Project.objects.get(pk=project_id)
+    project_snapshots = list(project.snapshots.values_list('id', flat=True))
+
+    url = reverse('snapshot_export', args=[project_id, snapshot_id, 'xml'])
+    response = client.get(url)
+
+    if snapshot_id in project_snapshots:
+        if project_id in export_snapshot_permission_map.get(username, []):
+            assert response.status_code == 200
+        else:
+            if password:
+                assert response.status_code == 403
+            else:
+                assert response.status_code == 302
+    else:
+        assert response.status_code == 404
diff --git a/rdmo/projects/tests/test_viewset_issue.py b/rdmo/projects/tests/test_viewset_issue.py
index 96f354478f..715821ad7b 100644
--- a/rdmo/projects/tests/test_viewset_issue.py
+++ b/rdmo/projects/tests/test_viewset_issue.py
@@ -16,12 +16,12 @@
 )
 
 view_issue_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5, 10],
-    'site': [1, 2, 3, 4, 5, 10]
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'api': [1, 2, 3, 4, 5, 10, 12],
+    'site': [1, 2, 3, 4, 5, 10, 12]
 }
 
 urlnames = {
@@ -31,6 +31,7 @@
 
 projects = [1, 2, 3, 4, 5, 10]
 issues = [1, 2, 3, 4]
+issues_internal = [8, 9]
 
 site_id = 1
 project_id = 1
@@ -51,7 +52,7 @@ def test_list(db, client, username, password):
         assert isinstance(response.json(), list)
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == issues_internal
         else:
             values_list = Issue.objects.filter(project__in=view_issue_permission_map.get(username, [])) \
                                        .order_by('id').values_list('id', flat=True)
diff --git a/rdmo/projects/tests/test_viewset_membership.py b/rdmo/projects/tests/test_viewset_membership.py
index 6bad007774..c099c4294b 100644
--- a/rdmo/projects/tests/test_viewset_membership.py
+++ b/rdmo/projects/tests/test_viewset_membership.py
@@ -16,12 +16,12 @@
 )
 
 view_membership_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
-    'manager': [1, 3, 5, 7],
-    'author': [1, 3, 5, 8],
-    'guest': [1, 3, 5, 9],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'manager': [1, 3, 5, 7, 12],
+    'author': [1, 3, 5, 8, 12],
+    'guest': [1, 3, 5, 9, 12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12]
 }
 
 urlnames = {
@@ -31,6 +31,7 @@
 
 projects = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
 memberships = [1, 2, 3, 4]
+memberships_internal = [16]
 membership_roles = ('owner', 'manager', 'author', 'guest')
 
 
@@ -46,7 +47,7 @@ def test_list(db, client, username, password):
         assert isinstance(response.json(), list)
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == memberships_internal
         else:
             values_list = Membership.objects.filter(project__in=view_membership_permission_map.get(username, [])) \
                                             .order_by('id').values_list('id', flat=True)
diff --git a/rdmo/projects/tests/test_viewset_project.py b/rdmo/projects/tests/test_viewset_project.py
index 0069d25777..f45351743b 100644
--- a/rdmo/projects/tests/test_viewset_project.py
+++ b/rdmo/projects/tests/test_viewset_project.py
@@ -3,7 +3,7 @@
 from django.contrib.auth.models import Group, User
 from django.urls import reverse
 
-from ..models import Project
+from ..models import Membership, Project, Snapshot, Value
 
 users = (
     ('owner', 'owner'),
@@ -17,30 +17,32 @@
 )
 
 view_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
-    'manager': [1, 3, 5, 7],
-    'author': [1, 3, 5, 8],
-    'guest': [1, 3, 5, 9],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'manager': [1, 3, 5, 7, 12],
+    'author': [1, 3, 5, 8, 12],
+    'guest': [1, 3, 5, 9, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
 }
 
 change_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
+    'owner': [1, 2, 3, 4, 5, 10, 12],
     'manager': [1, 3, 5, 7],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12]
 }
 
 delete_project_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12]
 }
 
 urlnames = {
     'list': 'v1-projects:project-list',
     'detail': 'v1-projects:project-detail',
+    'copy': 'v1-projects:project-copy',
     'overview': 'v1-projects:project-overview',
     'navigation': 'v1-projects:project-navigation',
     'options': 'v1-projects:project-options',
@@ -49,7 +51,8 @@
     'imports': 'v1-projects:project-imports'
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
+projects_internal = [12]
 conditions = [1]
 
 catalog_id = 1
@@ -60,6 +63,8 @@
 optionset_id = 4
 
 project_id = 1
+parent_id = 3
+parent_ancestors = [2, 3]
 
 page_size = 5
 
@@ -77,8 +82,7 @@ def test_list(db, client, username, password):
         assert isinstance(response_data, dict)
 
         if username == 'user':
-            assert response_data['count'] == 0
-            assert response_data['results'] == []
+            assert sorted([item['id'] for item in response.json().get('results')]) == projects_internal
         else:
             values_list = Project.objects.filter(id__in=view_project_permission_map.get(username, [])) \
                                          .values_list('id', flat=True)
@@ -88,6 +92,21 @@ def test_list(db, client, username, password):
         assert response.status_code == 401
 
 
+def test_list_user(db, client):
+    client.login(username='user', password='user')
+
+    url = reverse(urlnames['list']) + '?user=1'
+    response = client.get(url)
+    response_data = response.json()
+
+    assert response.status_code == 200
+    assert isinstance(response_data, dict)
+
+    values_list = Project.objects.filter(id__in=projects_internal).values_list('id', flat=True)
+    assert response_data['count'] == len(values_list)
+    assert [item['id'] for item in response_data['results']] == list(values_list[:page_size])
+
+
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
 def test_detail(db, client, username, password, project_id):
@@ -216,6 +235,133 @@ def test_create_parent(db, client, username, password, project_id):
             assert response.status_code == 401
 
 
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_copy(db, files, client, username, password, project_id):
+    client.login(username=username, password=password)
+
+    project_count = Project.objects.count()
+    snapshot_count = Snapshot.objects.count()
+    value_count = Value.objects.count()
+
+    project = Project.objects.get(id=project_id)
+    project_snapshots_count = project.snapshots.count()
+    project_values_count = project.values.count()
+
+    url = reverse(urlnames['copy'], args=[project_id])
+    data = {
+        'title': 'New title',
+        'description': project.description,
+        'catalog': project.catalog.id
+    }
+    response = client.post(url, data, content_type='application/json')
+
+    if project_id in view_project_permission_map.get(username, []):
+        assert response.status_code == 201
+
+        for key, value in response.json().items():
+            if key in data:
+                assert value == data[key]
+
+        assert Project.objects.count() == project_count + 1
+        assert Snapshot.objects.count() == snapshot_count + project_snapshots_count
+        assert Value.objects.count() == value_count + project_values_count
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+        assert Project.objects.count() == project_count
+        assert Value.objects.count() == value_count
+
+
+def test_copy_restricted(db, files, client, settings):
+    settings.PROJECT_CREATE_RESTRICTED = True
+    settings.PROJECT_CREATE_GROUPS = ['projects']
+
+    group = Group.objects.create(name='projects')
+    user = User.objects.get(username='user')
+    user.groups.add(group)
+
+    Membership.objects.create(user=user, project_id=project_id, role='guest')
+
+    client.login(username='user', password='user')
+
+    url = reverse(urlnames['copy'], args=[project_id])
+    data = {
+        'title': 'Lorem ipsum dolor sit amet',
+        'description': 'At vero eos et accusam et justo duo dolores et ea rebum.',
+        'catalog': catalog_id
+    }
+    response = client.post(url, data, content_type='application/json')
+
+    assert response.status_code == 201
+
+
+def test_copy_forbidden(db, client, settings):
+    settings.PROJECT_CREATE_RESTRICTED = True
+
+    user = User.objects.get(username='user')
+
+    Membership.objects.create(user=user, project_id=project_id, role='guest')
+
+    client.login(username='user', password='user')
+
+    url = reverse(urlnames['copy'], args=[project_id])
+    data = {
+        'title': 'Lorem ipsum dolor sit amet',
+        'description': 'At vero eos et accusam et justo duo dolores et ea rebum.',
+        'catalog': catalog_id
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 403
+
+
+def test_copy_catalog_missing(db, client):
+    client.login(username='guest', password='guest')
+
+    url = reverse(urlnames['copy'], args=[project_id])
+    data = {
+        'title': 'Lorem ipsum dolor sit amet',
+        'description': 'At vero eos et accusam et justo duo dolores et ea rebum.'
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 400
+
+
+def test_copy_catalog_not_available(db, client):
+    client.login(username='guest', password='guest')
+
+    url = reverse(urlnames['copy'], args=[project_id])
+    data = {
+        'title': 'Lorem ipsum dolor sit amet',
+        'description': 'At vero eos et accusam et justo duo dolores et ea rebum.',
+        'catalog': catalog_id_not_available
+    }
+    response = client.post(url, data)
+
+    assert response.status_code == 400
+
+@pytest.mark.parametrize('project_id', projects)
+def test_copy_parent(db, files, client, project_id):
+    client.login(username='owner', password='owner')
+    project = Project.objects.get(pk=project_id)
+
+    url = reverse(urlnames['copy'], args=[project_id])
+    data = {
+        'title': 'New title',
+        'description': project.description,
+        'catalog': project.catalog.id,
+        'parent': parent_id
+    }
+    response = client.post(url, data, content_type='application/json')
+
+    assert response.status_code == 201
+
+
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
 def test_update(db, client, username, password, project_id):
@@ -246,6 +392,43 @@ def test_update(db, client, username, password, project_id):
         assert Project.objects.get(id=project_id).description == project.description
 
 
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_update_parent(db, client, username, password, project_id):
+    client.login(username=username, password=password)
+    project = Project.objects.get(pk=project_id)
+
+    url = reverse(urlnames['detail'], args=[project_id])
+    data = {
+        'title': 'New title',
+        'description': project.description,
+        'catalog': project.catalog.id,
+        'parent': parent_id
+    }
+    response = client.put(url, data, content_type='application/json')
+
+    if project_id in change_project_permission_map.get(username, []):
+        if parent_id in view_project_permission_map.get(username, []):
+            if project_id in parent_ancestors:
+                assert response.status_code == 400
+                assert Project.objects.get(pk=project_id).parent == project.parent
+            else:
+                assert response.status_code == 200
+                assert Project.objects.get(pk=project_id).parent_id == parent_id
+        else:
+            assert response.status_code == 404
+            assert Project.objects.get(pk=project_id).parent == project.parent
+    else:
+        if project_id in view_project_permission_map.get(username, []):
+            assert response.status_code == 403
+        elif password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+        assert Project.objects.get(pk=project_id).parent == project.parent
+
+
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
 def test_delete(db, client, username, password, project_id):
@@ -290,11 +473,28 @@ def test_overview(db, client, username, password, project_id, condition_id):
 
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
-@pytest.mark.parametrize('condition_id', conditions)
-def test_navigation(db, client, username, password, project_id, condition_id):
+def test_navigation(db, client, username, password, project_id):
+    client.login(username=username, password=password)
+
+    url = reverse(urlnames['navigation'], args=[project_id])
+    response = client.get(url)
+
+    if project_id in view_project_permission_map.get(username, []):
+        assert response.status_code == 200
+        assert isinstance(response.json(), list)
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_navigation_section(db, client, username, password, project_id):
     client.login(username=username, password=password)
 
-    url = reverse(urlnames['navigation'], args=[project_id, section_id])
+    url = reverse(urlnames['navigation'], args=[project_id]) + f'{section_id}/'
     response = client.get(url)
 
     if project_id in view_project_permission_map.get(username, []):
diff --git a/rdmo/projects/tests/test_viewset_project_contact.py b/rdmo/projects/tests/test_viewset_project_contact.py
new file mode 100644
index 0000000000..97526fafcb
--- /dev/null
+++ b/rdmo/projects/tests/test_viewset_project_contact.py
@@ -0,0 +1,194 @@
+import pytest
+
+from django.core import mail
+from django.urls import reverse
+
+from rdmo.projects.models import Project, Value
+from rdmo.questions.models import Page, Question
+
+users = (
+    ('owner', 'owner'),
+    ('manager', 'manager'),
+    ('author', 'author'),
+    ('guest', 'guest'),
+    ('api', 'api'),
+    ('user', 'user'),
+    ('site', 'site'),
+    ('anonymous', None),
+)
+
+view_project_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'manager': [1, 3, 5, 7, 12],
+    'author': [1, 3, 5, 8, 12],
+    'guest': [1, 3, 5, 9, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
+}
+
+change_project_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'manager': [1, 3, 5, 7],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12]
+}
+
+delete_project_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12]
+}
+
+urlnames = {
+    'contact': 'v1-projects:project-contact'
+}
+
+projects = [1, 2, 3, 4, 5, 12]
+projects_internal = [12]
+conditions = [1]
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_contact_get(db, client, username, password, project_id):
+    client.login(username=username, password=password)
+
+    project = Project.objects.get(pk=project_id)
+
+    url = reverse(urlnames['contact'], args=[project_id])
+    response = client.get(url)
+
+    if project_id in view_project_permission_map.get(username, []):
+        assert response.status_code == 200
+        assert isinstance(response.json(), dict)
+        assert response.json().get('subject')
+        assert response.json().get('message')
+        assert f'regarding the project "{project.title}":' in response.json().get('message')
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+def test_contact_get_page(db, client):
+    client.login(username='guest', password='guest')
+
+    project = Project.objects.get(pk=1)
+    page = Page.objects.get(pk=1)
+
+    url = reverse(urlnames['contact'], args=[project.id]) + f'?page={page.id}'
+    response = client.get(url)
+
+    assert response.status_code == 200
+    assert isinstance(response.json(), dict)
+    assert response.json().get('subject')
+    assert f'regarding the project "{project.title}" on the page "{page.title}":' in response.json().get('message')
+
+
+def test_contact_get_question(db, client):
+    client.login(username='guest', password='guest')
+
+    project = Project.objects.get(pk=1)
+    question = Question.objects.get(pk=1)
+
+    url = reverse(urlnames['contact'], args=[project.id]) + f'?question={question.id}'
+    response = client.get(url)
+
+    assert response.status_code == 200
+    assert isinstance(response.json(), dict)
+    assert response.json().get('subject')
+    assert f'In particular, about the question: {question.text}' in response.json().get('message')
+
+
+def test_contact_get_value(db, client):
+    client.login(username='guest', password='guest')
+
+    project = Project.objects.get(pk=1)
+    value = Value.objects.get(pk=1)
+
+    url = reverse(urlnames['contact'], args=[project.id]) + f'?values={value.id}'
+    response = client.get(url)
+
+    assert response.status_code == 200
+    assert isinstance(response.json(), dict)
+    assert response.json().get('subject')
+    assert f'Answer: {value.value}' in response.json().get('message')
+
+
+def test_contact_get_values(db, client):
+    client.login(username='guest', password='guest')
+
+    project = Project.objects.get(pk=1)
+    value1 = Value.objects.get(pk=8)
+    value2 = Value.objects.get(pk=9)
+
+    url = reverse(urlnames['contact'], args=[project.id]) + f'?values={value1.id}&values={value2.id}'
+    response = client.get(url)
+
+    assert response.status_code == 200
+    assert isinstance(response.json(), dict)
+    assert response.json().get('subject')
+    assert f'* {value1.value}' in response.json().get('message')
+    assert f'* {value2.value}' in response.json().get('message')
+
+
+def test_contact_get_set(db, client):
+    client.login(username='guest', password='guest')
+
+    project = Project.objects.get(pk=1)
+    page = Page.objects.get(pk=42)
+    value = Value.objects.get(pk=47)
+    set_value = Value.objects.get(id=85)
+
+    url = reverse(urlnames['contact'], args=[project.id]) + f'?page={page.id}&values={value.id}'
+    response = client.get(url)
+
+    assert response.status_code == 200
+    assert isinstance(response.json(), dict)
+    assert response.json().get('subject')
+    assert f'Set: {set_value.value}' in response.json().get('message')
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_contact_post(db, client, username, password, project_id):
+    client.login(username=username, password=password)
+
+    url = reverse(urlnames['contact'], args=[project_id])
+    response = client.post(url, {
+        'subject': 'Test subject',
+        'message': 'Test message'
+    })
+
+    if project_id in view_project_permission_map.get(username, []):
+        assert response.status_code == 204
+        assert len(mail.outbox) == 1
+        assert mail.outbox[0].subject == '[example.com] Test subject'
+        assert mail.outbox[0].body == 'Test message'
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+        assert len(mail.outbox) == 0
+
+
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('project_id', projects)
+def test_contact_post_error(db, client, username, password, project_id):
+    client.login(username=username, password=password)
+
+    url = reverse(urlnames['contact'], args=[project_id])
+    response = client.post(url, {})
+
+    if project_id in view_project_permission_map.get(username, []):
+        assert response.status_code == 400
+        assert len(mail.outbox) == 0
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+        assert len(mail.outbox) == 0
diff --git a/rdmo/projects/tests/test_viewset_project_integration.py b/rdmo/projects/tests/test_viewset_project_integration.py
index d1271081cc..ca373a127c 100644
--- a/rdmo/projects/tests/test_viewset_project_integration.py
+++ b/rdmo/projects/tests/test_viewset_project_integration.py
@@ -18,19 +18,20 @@
 )
 
 view_integration_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 add_integration_permission_map = change_integration_permission_map = delete_integration_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
+    'owner': [1, 2, 3, 4, 5, 12],
     'manager': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -38,8 +39,9 @@
     'detail': 'v1-projects:project-integration-detail'
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
 integrations = [1, 2]
+integrations_internal = []
 
 
 @pytest.mark.parametrize('username,password', users)
@@ -54,7 +56,7 @@ def test_list(db, client, username, password, project_id):
         assert response.status_code == 200
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == integrations_internal
         else:
             values_list = Integration.objects.filter(project_id=project_id) \
                                              .order_by('id').values_list('id', flat=True)
diff --git a/rdmo/projects/tests/test_viewset_project_issue.py b/rdmo/projects/tests/test_viewset_project_issue.py
index 16bd036b41..62b9e21e85 100644
--- a/rdmo/projects/tests/test_viewset_project_issue.py
+++ b/rdmo/projects/tests/test_viewset_project_issue.py
@@ -16,27 +16,28 @@
 )
 
 view_issue_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 add_issue_permission_map = delete_issue_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
+    'owner': [1, 2, 3, 4, 5, 12],
     'manager': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 change_issue_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
+    'owner': [1, 2, 3, 4, 5, 12],
     'manager': [1, 3, 5],
     'author': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -44,8 +45,9 @@
     'detail': 'v1-projects:project-issue-detail'
 }
 
-projects = [1, 2, 3, 4, 5]
-issues = [1, 2, 3, 4]
+projects = [1, 2, 3, 4, 5, 12]
+issues = [1, 2, 3, 4, 9]
+issues_internal = [8, 9]
 
 issue_status = ('open', 'in_progress', 'closed')
 
@@ -62,7 +64,7 @@ def test_list(db, client, username, password, project_id):
         assert response.status_code == 200
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == issues_internal
         else:
             values_list = Issue.objects.filter(project_id=project_id) \
                                        .order_by('id').values_list('id', flat=True)
@@ -72,16 +74,15 @@ def test_list(db, client, username, password, project_id):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('issue_id', issues)
-def test_detail(db, client, username, password, project_id, issue_id):
+def test_detail(db, client, username, password, issue_id):
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, issue_id])
+    url = reverse(urlnames['detail'], args=[issue.project_id, issue_id])
     response = client.get(url)
 
-    if issue and project_id in view_issue_permission_map.get(username, []):
+    if issue.project_id in view_issue_permission_map.get(username, []):
         assert response.status_code == 200
         assert isinstance(response.json(), dict)
         assert response.json().get('id') == issue_id
@@ -106,40 +107,39 @@ def test_create(db, client, username, password, project_id):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('issue_id', issues)
 @pytest.mark.parametrize('status', issue_status)
-def test_update(db, client, username, password, project_id, issue_id, status):
+def test_update(db, client, username, password, issue_id, status):
     client.login(username=username, password=password)
-    issue = Issue.objects.filter(project_id=project_id, id=issue_id).first()
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, issue_id])
+    url = reverse(urlnames['detail'], args=[issue.project_id, issue_id])
     data = {
         'status': status
     }
     response = client.put(url, data, content_type='application/json')
 
-    if issue and project_id in change_issue_permission_map.get(username, []):
+    if issue.project_id in change_issue_permission_map.get(username, []):
         assert response.status_code == 200
         assert response.json().get('status') == status
-    elif issue and project_id in view_issue_permission_map.get(username, []):
+    elif issue.project_id in view_issue_permission_map.get(username, []):
         assert response.status_code == 403
     else:
         assert response.status_code == 404
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('issue_id', issues)
-def test_delete(db, client, username, password, project_id, issue_id):
+def test_delete(db, client, username, password, issue_id):
     client.login(username=username, password=password)
+    issue = Issue.objects.get(id=issue_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, issue_id])
+    url = reverse(urlnames['detail'], args=[issue.project_id, issue_id])
     response = client.delete(url)
 
-    if project_id in delete_issue_permission_map.get(username, []):
+    if issue.project_id in delete_issue_permission_map.get(username, []):
         assert response.status_code == 405
-    elif project_id in view_issue_permission_map.get(username, []):
+    elif issue.project_id in view_issue_permission_map.get(username, []):
         assert response.status_code == 405
     else:
         assert response.status_code == 404
diff --git a/rdmo/projects/tests/test_viewset_project_membership.py b/rdmo/projects/tests/test_viewset_project_membership.py
index d935bff060..65ef0029ab 100644
--- a/rdmo/projects/tests/test_viewset_project_membership.py
+++ b/rdmo/projects/tests/test_viewset_project_membership.py
@@ -17,18 +17,19 @@
 )
 
 view_membership_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 add_membership_permission_map = change_membership_permission_map = delete_membership_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -36,8 +37,9 @@
     'detail': 'v1-projects:project-membership-detail'
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
 memberships = [1, 2, 3, 4]
+memberships_internal = [16]
 membership_roles = ('owner', 'manager', 'author', 'guest')
 
 
@@ -53,7 +55,7 @@ def test_list(db, client, username, password, project_id):
         assert response.status_code == 200
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == memberships_internal
         else:
             values_list = Membership.objects.filter(project_id=project_id) \
                                             .order_by('id').values_list('id', flat=True)
@@ -63,16 +65,15 @@ def test_list(db, client, username, password, project_id):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('membership_id', memberships)
-def test_detail(db, client, username, password, project_id, membership_id):
+def test_detail(db, client, username, password, membership_id):
     client.login(username=username, password=password)
-    membership = Membership.objects.filter(project_id=project_id, id=membership_id).first()
+    membership = Membership.objects.get(id=membership_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, membership_id])
+    url = reverse(urlnames['detail'], args=[membership.project_id, membership_id])
     response = client.get(url)
 
-    if membership and project_id in view_membership_permission_map.get(username, []):
+    if membership.project_id in view_membership_permission_map.get(username, []):
         assert response.status_code == 200
         assert isinstance(response.json(), dict)
         assert response.json().get('id') == membership_id
@@ -104,40 +105,38 @@ def test_create(db, client, username, password, project_id, membership_role):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('membership_id', memberships)
 @pytest.mark.parametrize('membership_role', membership_roles)
-def test_update(db, client, username, password, project_id, membership_id, membership_role):
+def test_update(db, client, username, password, membership_id, membership_role):
     client.login(username=username, password=password)
-    membership = Membership.objects.filter(project_id=project_id, id=membership_id).first()
+    membership = Membership.objects.get(id=membership_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, membership_id])
+    url = reverse(urlnames['detail'], args=[membership.project_id, membership_id])
     data = {
         'role': membership_role
     }
     response = client.put(url, data, content_type='application/json')
 
-    if membership and project_id in change_membership_permission_map.get(username, []):
+    if membership.project_id in change_membership_permission_map.get(username, []):
         assert response.status_code == 200
-    elif membership and project_id in view_membership_permission_map.get(username, []):
+    elif membership.project_id in view_membership_permission_map.get(username, []):
         assert response.status_code == 403
     else:
         assert response.status_code == 404
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('membership_id', memberships)
-def test_delete(db, client, username, password, project_id, membership_id):
+def test_delete(db, client, username, password, membership_id):
     client.login(username=username, password=password)
-    membership = Membership.objects.filter(project_id=project_id, id=membership_id).first()
+    membership = Membership.objects.get(id=membership_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, membership_id])
+    url = reverse(urlnames['detail'], args=[membership.project_id, membership_id])
     response = client.delete(url)
 
-    if membership and project_id in delete_membership_permission_map.get(username, []):
+    if membership.project_id in change_membership_permission_map.get(username, []):
         assert response.status_code == 204
-    elif membership and project_id in view_membership_permission_map.get(username, []):
+    elif membership.project_id in view_membership_permission_map.get(username, []):
         assert response.status_code == 403
     else:
         assert response.status_code == 404
diff --git a/rdmo/projects/tests/test_viewset_project_navigation.py b/rdmo/projects/tests/test_viewset_project_navigation.py
index eb0c5a977d..f3fa78d8ea 100644
--- a/rdmo/projects/tests/test_viewset_project_navigation.py
+++ b/rdmo/projects/tests/test_viewset_project_navigation.py
@@ -51,7 +51,7 @@ def test_navigation_get(db, client, username, password, project_id):
     if project_id in view_progress_permission_map.get(username, []):
         catalog_elements = project.catalog.elements
         for section in sections:
-            url = reverse(urlnames['navigation'], args=[project_id, section.id])
+            url = reverse(urlnames['navigation'], args=[project_id]) + f'{section.id}/'
             response = client.get(url)
             assert response.status_code == 200
             data = response.json()
@@ -60,7 +60,8 @@ def test_navigation_get(db, client, username, password, project_id):
 
     else:
         if sections:
-            url = reverse(urlnames['navigation'], args=[project_id, sections[0].id])
+            section_id = sections[0].id
+            url = reverse(urlnames['navigation'], args=[project_id]) + f'{section_id}/'
             response = client.get(url)
             if password:
                 assert response.status_code == 404
diff --git a/rdmo/projects/tests/test_viewset_project_page.py b/rdmo/projects/tests/test_viewset_project_page.py
index c9d0510a50..b6c562692c 100644
--- a/rdmo/projects/tests/test_viewset_project_page.py
+++ b/rdmo/projects/tests/test_viewset_project_page.py
@@ -14,12 +14,13 @@
 )
 
 view_questionset_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -27,7 +28,7 @@
     'detail': 'v1-projects:project-page-detail'
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
 pages = [1]
 
 
@@ -88,3 +89,39 @@ def test_detail_page_with_nested_questionsets(db, client):
     assert questionsets_ids == nested_questionsets_id
     element_ids = [i['id'] for qs in questionsets for i in qs['elements']]
     assert element_ids == nested_element_ids
+
+
+@pytest.mark.parametrize('direction', ['next', 'prev'])
+def test_detail_page_resolve_next_relevant_page(db, client, direction):
+    project_id = 1
+    username = 'owner'
+    start_page_id = 64
+    end_page_id = 69
+
+    client.login(username=username, password=username)
+
+    if direction == 'next':
+        next_page_id = start_page_id + 1
+        add_url = ''
+    else:  # direction == 'prev':
+        start_page_id, end_page_id = end_page_id, start_page_id
+        next_page_id = start_page_id - 1
+        add_url = '?back=true'
+
+    # get the starting page
+    url = reverse(urlnames['detail'], args=[project_id, start_page_id])
+    response = client.get(f'{url}{add_url}')
+    assert response.status_code == 200
+    assert response.json().get(f'{direction}_page') == next_page_id
+
+    # get the following page, depending on direction
+    url_next = reverse(urlnames['detail'], args=[project_id, next_page_id])
+    response_next = client.get(f'{url_next}{add_url}')
+    assert response_next.status_code == 303
+
+    # this should show the redirect to the next relevant page
+    assert response_next.url.endswith(f'{end_page_id}/')
+
+    # a get on the redirected url as a double check
+    response_next_relevant = client.get(response_next.url)
+    assert response_next_relevant.status_code == 200
diff --git a/rdmo/projects/tests/test_viewset_project_progress.py b/rdmo/projects/tests/test_viewset_project_progress.py
index 5d7529261f..f02c5366cd 100644
--- a/rdmo/projects/tests/test_viewset_project_progress.py
+++ b/rdmo/projects/tests/test_viewset_project_progress.py
@@ -16,27 +16,28 @@
 )
 
 view_progress_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
-    'manager': [1, 3, 5, 7],
-    'author': [1, 3, 5, 8],
-    'guest': [1, 3, 5, 9],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+    'owner': [1, 2, 3, 4, 5, 10, 12],
+    'manager': [1, 3, 5, 7, 12],
+    'author': [1, 3, 5, 8, 12],
+    'guest': [1, 3, 5, 9, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
 }
 
 change_progress_permission_map = {
-    'owner': [1, 2, 3, 4, 5, 10],
+    'owner': [1, 2, 3, 4, 5, 10, 12],
     'manager': [1, 3, 5, 7],
-    'author': [1, 3, 5, 8],
-    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
-    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+    'author': [1, 3, 5, 7],
+    'api': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    'site': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
 }
 
 urlnames = {
     'progress': 'v1-projects:project-progress'
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
 
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
diff --git a/rdmo/projects/tests/test_viewset_project_snapshot.py b/rdmo/projects/tests/test_viewset_project_snapshot.py
index 54a91c3f90..3ea22dda3e 100644
--- a/rdmo/projects/tests/test_viewset_project_snapshot.py
+++ b/rdmo/projects/tests/test_viewset_project_snapshot.py
@@ -21,19 +21,20 @@
 )
 
 view_snapshot_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 add_snapshot_permission_map = change_snapshot_permission_map = delete_snapshot_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
+    'owner': [1, 2, 3, 4, 5, 12],
     'manager': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -41,9 +42,9 @@
     'detail': 'v1-projects:project-snapshot-detail'
 }
 
-projects = [1, 2, 3, 4, 5]
+projects = [1, 2, 3, 4, 5, 12]
 snapshots = [1, 3, 7, 4, 5, 6]
-
+snapshots_internal = [8]
 
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
@@ -58,7 +59,7 @@ def test_list(db, client, username, password, project_id):
         assert isinstance(response.json(), list)
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == snapshots_internal
         else:
             values_list = Snapshot.objects.filter(project_id=project_id) \
                                           .order_by('id').values_list('id', flat=True)
@@ -69,16 +70,15 @@ def test_list(db, client, username, password, project_id):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('snapshot_id', snapshots)
-def test_detail(db, client, username, password, project_id, snapshot_id):
+def test_detail(db, client, username, password, snapshot_id):
     client.login(username=username, password=password)
-    snapshot = Snapshot.objects.filter(project_id=project_id, id=snapshot_id).filter()
+    snapshot = Snapshot.objects.get(id=snapshot_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, snapshot_id])
+    url = reverse(urlnames['detail'], args=[snapshot.project_id, snapshot_id])
     response = client.get(url)
 
-    if snapshot and project_id in view_snapshot_permission_map.get(username, []):
+    if snapshot.project_id in view_snapshot_permission_map.get(username, []):
         assert response.status_code == 200
         assert isinstance(response.json(), dict)
         assert response.json().get('id') == snapshot_id
@@ -123,59 +123,56 @@ def test_create(db, client, files, username, password, project_id):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('snapshot_id', snapshots)
-def test_update(db, client, files, username, password, project_id, snapshot_id):
+def test_update(db, client, files, username, password, snapshot_id):
     client.login(username=username, password=password)
-    project = Project.objects.get(id=project_id)
-    snapshot = Snapshot.objects.filter(project_id=project_id, id=snapshot_id).first()
+    snapshot = Snapshot.objects.get(id=snapshot_id)
 
-    snapshot_count = project.snapshots.count()
-    values_count = project.values.count()
-    values_files = [value.file.name for value in project.values.filter(value_type=VALUE_TYPE_FILE)]
+    snapshot_count = snapshot.project.snapshots.count()
+    values_count = snapshot.project.values.count()
+    values_files = [value.file.name for value in snapshot.project.values.filter(value_type=VALUE_TYPE_FILE)]
 
-    url = reverse(urlnames['detail'], args=[project_id, snapshot_id])
+    url = reverse(urlnames['detail'], args=[snapshot.project_id, snapshot_id])
     data = {
         'title': 'A new title',
         'description': 'A new description'
     }
     response = client.put(url, data, content_type='application/json')
 
-    if snapshot and project_id in change_snapshot_permission_map.get(username, []):
+    if snapshot.project_id in change_snapshot_permission_map.get(username, []):
         assert response.status_code == 200
         assert isinstance(response.json(), dict)
-        assert response.json().get('id') in project.snapshots.values_list('id', flat=True)
-    elif snapshot and project_id in view_snapshot_permission_map.get(username, []):
+        assert response.json().get('id') in snapshot.project.snapshots.values_list('id', flat=True)
+    elif snapshot.project_id in view_snapshot_permission_map.get(username, []):
         assert response.status_code == 403
     else:
         assert response.status_code == 404
 
-    assert project.snapshots.count() == snapshot_count
-    assert project.values.count() == values_count
+    assert snapshot.project.snapshots.count() == snapshot_count
+    assert snapshot.project.values.count() == values_count
     for file_value in values_files:
         assert Path(settings.MEDIA_ROOT).joinpath(file_value).exists()
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('snapshot_id', snapshots)
-def test_delete(db, client, files, username, password, project_id, snapshot_id):
+def test_delete(db, client, files, username, password, snapshot_id):
     client.login(username=username, password=password)
-    project = Project.objects.get(id=project_id)
+    snapshot = Snapshot.objects.get(id=snapshot_id)
 
-    snapshot_count = project.snapshots.count()
-    values_count = project.values.count()
-    values_files = [value.file.name for value in project.values.filter(value_type=VALUE_TYPE_FILE)]
+    snapshot_count = snapshot.project.snapshots.count()
+    values_count = snapshot.project.values.count()
+    values_files = [value.file.name for value in snapshot.project.values.filter(value_type=VALUE_TYPE_FILE)]
 
-    url = reverse(urlnames['detail'], args=[project_id, snapshot_id])
+    url = reverse(urlnames['detail'], args=[snapshot.project_id, snapshot_id])
     response = client.delete(url)
 
-    if project_id in view_snapshot_permission_map.get(username, []):
+    if snapshot.project_id in view_snapshot_permission_map.get(username, []):
         assert response.status_code == 405
     else:
         assert response.status_code == 404
 
-    assert project.snapshots.count() == snapshot_count
-    assert project.values.count() == values_count
+    assert snapshot.project.snapshots.count() == snapshot_count
+    assert snapshot.project.values.count() == values_count
     for file_value in values_files:
         assert Path(settings.MEDIA_ROOT).joinpath(file_value).exists()
diff --git a/rdmo/projects/tests/test_viewset_project_value.py b/rdmo/projects/tests/test_viewset_project_value.py
index 0b5afb6ed0..3359527fb9 100644
--- a/rdmo/projects/tests/test_viewset_project_value.py
+++ b/rdmo/projects/tests/test_viewset_project_value.py
@@ -1,3 +1,4 @@
+import json
 from pathlib import Path
 
 import pytest
@@ -21,20 +22,21 @@
 )
 
 view_value_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
-add_value_permission_map = change_value_permission_map = delete_value_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
+add_value_permission_map = change_value_permission_map = delete_value_permission_map = copy_value_permission_map = {
+    'owner': [1, 2, 3, 4, 5, 12],
     'manager': [1, 3, 5],
     'author': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -44,15 +46,23 @@
     'file': 'v1-projects:project-value-file'
 }
 
-projects = [1, 2, 3, 4, 5]
-values = [1, 2, 3, 4, 5, 6, 7, 238, 242, 247, 248, 249]
+projects = [1, 2, 3, 4, 5, 12]
+values = [
+    1, 2, 3, 4, 5, 6, 7, 238,  # from Test <1>
+    242,                       # from Parent <2>
+    247,                       # from Child1 <3>
+    248,                       # from Child2 <4>
+    249,                       # from Child11 <5>
+    456                        # from Internal <12>
+]
+values_internal = [456]
 
 attribute_id = 1
 option_id = 1
 
 set_values = [
-    (84, 23),
-    (85, 20)
+    (84, 31),
+    (85, 32)
 ]
 set_questionsets = [42, 43]
 
@@ -67,6 +77,7 @@
     ('phone', '+49 (0) 1337 12345678')
 )
 
+
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
 def test_list(db, client, username, password, project_id):
@@ -80,7 +91,7 @@ def test_list(db, client, username, password, project_id):
         assert isinstance(response.json(), list)
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == values_internal
         else:
             values_list = Value.objects.filter(project_id=project_id) \
                                        .filter(snapshot_id=None) \
@@ -92,16 +103,15 @@ def test_list(db, client, username, password, project_id):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('value_id', values)
-def test_detail(db, client, username, password, project_id, value_id):
+def test_detail(db, client, username, password, value_id):
     client.login(username=username, password=password)
-    value = Value.objects.filter(project_id=project_id, id=value_id).filter()
+    value = Value.objects.get(id=value_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, value_id])
+    url = reverse(urlnames['detail'], args=[value.project_id, value_id])
     response = client.get(url)
 
-    if value and project_id in view_value_permission_map.get(username, []):
+    if value.project_id in view_value_permission_map.get(username, []):
         assert response.status_code == 200
         assert isinstance(response.json(), dict)
         assert response.json().get('id') == value_id
@@ -193,13 +203,12 @@ def test_create_external(db, client, username, password, project_id, value_type,
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('value_id', values)
-def test_update(db, client, username, password, project_id, value_id):
+def test_update(db, client, username, password, value_id):
     client.login(username=username, password=password)
-    value = Value.objects.filter(project_id=project_id, id=value_id).first()
+    value = Value.objects.get(id=value_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, value_id])
+    url = reverse(urlnames['detail'], args=[value.project_id, value_id])
     data = {
         'attribute': attribute_id,
         'set_index': 0,
@@ -210,30 +219,30 @@ def test_update(db, client, username, password, project_id, value_id):
     }
     response = client.put(url, data, content_type='application/json')
 
-    if value and project_id in change_value_permission_map.get(username, []):
+    if value.project_id in change_value_permission_map.get(username, []):
         assert response.status_code == 200
         assert isinstance(response.json(), dict)
-        assert response.json().get('id') in Value.objects.filter(project_id=project_id).values_list('id', flat=True)
-    elif value and project_id in view_value_permission_map.get(username, []):
+        assert response.json().get('id') in Value.objects.filter(project_id=value.project_id) \
+                                                         .values_list('id', flat=True)
+    elif value.project_id in view_value_permission_map.get(username, []):
         assert response.status_code == 403
     else:
         assert response.status_code == 404
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('value_id', values)
-def test_delete(db, client, username, password, project_id, value_id):
+def test_delete(db, client, username, password, value_id):
     client.login(username=username, password=password)
-    value = Value.objects.filter(project_id=project_id, id=value_id).first()
+    value = Value.objects.get(id=value_id)
 
-    url = reverse(urlnames['detail'], args=[project_id, value_id])
+    url = reverse(urlnames['detail'], args=[value.project_id, value_id])
     response = client.delete(url)
 
-    if value and project_id in delete_value_permission_map.get(username, []):
+    if value.project_id in delete_value_permission_map.get(username, []):
         assert response.status_code == 204
         assert not Value.objects.filter(pk=value_id).exists()
-    elif value and project_id in view_value_permission_map.get(username, []):
+    elif value.project_id in view_value_permission_map.get(username, []):
         assert response.status_code == 403
         assert Value.objects.filter(pk=value_id).exists()
     else:
@@ -241,10 +250,50 @@ def test_delete(db, client, username, password, project_id, value_id):
         assert Value.objects.filter(pk=value_id).exists()
 
 
+@pytest.mark.parametrize('username,password', users)
+@pytest.mark.parametrize('value_id, set_values_count', set_values)
+def test_copy_set(db, client, username, password, value_id, set_values_count):
+    client.login(username=username, password=password)
+    set_value = Value.objects.get(id=value_id)
+    values_count = Value.objects.count()
+
+    url = reverse(urlnames['set'], args=[set_value.project_id, value_id])
+    data = {
+        'attribute': set_value.attribute.id,
+        'set_prefix': set_value.set_prefix,
+        'set_index': 2,
+        'text': 'new'
+    }
+    response = client.post(url, data=json.dumps(data), content_type="application/json")
+
+    if set_value.project_id in copy_value_permission_map.get(username, []):
+        assert response.status_code == 201
+        assert len(response.json()) == set_values_count + 1
+        assert Value.objects.get(
+            project=set_value.project_id,
+            snapshot=None,
+            **data
+        )
+        assert Value.objects.count() == values_count + set_values_count + 1  # one is for set/id
+        for value_data in response.json():
+            if value_data['set_prefix'] == data['set_prefix']:
+                assert value_data['set_index'] == data['set_index']
+            else:
+                set_prefix_split = value_data['set_prefix'].split('|')
+                assert set_prefix_split[0] == str(data['set_index'])
+
+    elif set_value.project_id in view_value_permission_map.get(username, []):
+        assert response.status_code == 403
+        assert Value.objects.count() == values_count
+    else:
+        assert response.status_code == 404
+        assert Value.objects.count() == values_count
+
+
 @pytest.mark.parametrize('username,password', users)
 @pytest.mark.parametrize('project_id', projects)
-@pytest.mark.parametrize('value_id,set_values_count', set_values)
-def test_set(db, client, username, password, project_id, value_id, set_values_count):
+@pytest.mark.parametrize('value_id, set_values_count', set_values)
+def test_delete_set(db, client, username, password, project_id, value_id, set_values_count):
     client.login(username=username, password=password)
     value_exists = Value.objects.filter(project_id=project_id, snapshot=None, id=value_id).exists()
     values_count = Value.objects.count()
@@ -267,16 +316,15 @@ def test_set(db, client, username, password, project_id, value_id, set_values_co
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('value_id', values)
-def test_file_get(db, client, files, username, password, project_id, value_id):
+def test_file_get(db, client, files, username, password, value_id):
     client.login(username=username, password=password)
-    value = Value.objects.filter(project_id=project_id, id=value_id).first()
+    value = Value.objects.get(id=value_id)
 
-    url = reverse(urlnames['file'], args=[project_id, value_id])
+    url = reverse(urlnames['file'], args=[value.project_id, value_id])
     response = client.get(url)
 
-    if value and value.value_type == VALUE_TYPE_FILE and project_id in view_value_permission_map.get(username, []):
+    if value.value_type == VALUE_TYPE_FILE and value.project_id in view_value_permission_map.get(username, []):
         assert response.status_code == 200
         assert response['Content-Type'] == value.file_type
         assert response['Content-Disposition'] == f'attachment; filename={value.file_name}'
@@ -286,22 +334,21 @@ def test_file_get(db, client, files, username, password, project_id, value_id):
 
 
 @pytest.mark.parametrize('username,password', users)
-@pytest.mark.parametrize('project_id', projects)
 @pytest.mark.parametrize('value_id', values)
-def test_file_put(db, client, files, username, password, project_id, value_id):
+def test_file_put(db, client, files, username, password, value_id):
     client.login(username=username, password=password)
-    value = Value.objects.filter(project_id=project_id, id=value_id).first()
+    value = Value.objects.get(id=value_id)
 
-    url = reverse(urlnames['file'], args=[project_id, value_id])
+    url = reverse(urlnames['file'], args=[value.project_id, value_id])
 
     file_path = Path(settings.MEDIA_ROOT) / 'test_file.txt'
     with file_path.open() as fp:
         response = client.post(url, {'name': 'test_file.txt', 'file': fp})
 
-    if value and project_id in change_value_permission_map.get(username, []):
+    if value.project_id in change_value_permission_map.get(username, []):
         assert response.status_code == 200
         assert response.json().get('file_name') == 'test_file.txt'
-    elif value and project_id in view_value_permission_map.get(username, []):
+    elif value.project_id in view_value_permission_map.get(username, []):
         assert response.status_code == 403
     else:
         assert response.status_code == 404
diff --git a/rdmo/projects/tests/test_viewset_project_visibility.py b/rdmo/projects/tests/test_viewset_project_visibility.py
new file mode 100644
index 0000000000..967ad27f88
--- /dev/null
+++ b/rdmo/projects/tests/test_viewset_project_visibility.py
@@ -0,0 +1,139 @@
+import pytest
+
+from django.urls import reverse
+
+from ..models import Project, Visibility
+
+users = (
+    ('owner', 'owner'),
+    ('manager', 'manager'),
+    ('author', 'author'),
+    ('guest', 'guest'),
+    ('api', 'api'),
+    ('user', 'user'),
+    ('site', 'site'),
+    ('anonymous', None),
+)
+
+project_id = 12
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_visibility_get(db, client, username, password):
+    client.login(username=username, password=password)
+
+    # project = Project.objects.get(id=project_id)
+
+    url = reverse('v1-projects:project-visibility', args=[project_id])
+    response = client.get(url)
+
+    if username in ['admin', 'site', 'api']:
+        assert response.status_code == 200
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_visibility_get_not_found(db, client, username, password):
+    client.login(username=username, password=password)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.delete()
+
+    url = reverse('v1-projects:project-visibility', args=[project_id])
+    response = client.get(url)
+
+    if password:
+        assert response.status_code == 404
+    else:
+        assert response.status_code == 401
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_visibility_post_create(db, client, username, password):
+    client.login(username=username, password=password)
+
+    project = Project.objects.get(id=project_id)
+    project.visibility.delete()
+
+    url = reverse('v1-projects:project-visibility', args=[project_id])
+    data = {}
+    response = client.post(url, data)
+
+    if username in ['admin', 'site', 'api']:
+        assert response.status_code == 200
+        assert Project.objects.get(pk=project_id).visibility
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+        with pytest.raises(Visibility.DoesNotExist):
+            assert Project.objects.get(pk=project_id).visibility
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_visibility_post_update(db, client, username, password):
+    client.login(username=username, password=password)
+
+    url = reverse('v1-projects:project-visibility', args=[project_id])
+    data = {
+        'sites': [2]
+    }
+    response = client.post(url, data)
+
+    project = Project.objects.get(pk=project_id)
+
+    if username in ['admin', 'site', 'api']:
+        assert response.status_code == 200
+        assert project.visibility
+        assert [site.id for site in project.visibility.sites.all()] == [2]
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+        assert project.visibility
+        assert [site.id for site in project.visibility.sites.all()] == [1]  # from the fixture
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_visibility_post_delete(db, client, username, password):
+    client.login(username=username, password=password)
+
+    url = reverse('v1-projects:project-visibility', args=[project_id])
+    response = client.delete(url)
+
+    project = Project.objects.get(pk=project_id)
+
+    if username in ['admin', 'site', 'api']:
+        assert response.status_code == 204
+        with pytest.raises(Visibility.DoesNotExist):
+            assert project.visibility
+    else:
+        if password:
+            assert response.status_code == 404
+        else:
+            assert response.status_code == 401
+
+        assert project.visibility
+
+
+@pytest.mark.parametrize('username,password', users)
+def test_project_visibility_post_delete_not_found(db, client, username, password):
+    client.login(username=username, password=password)
+
+    project = Project.objects.get(pk=project_id)
+    project.visibility.delete()
+
+    url = reverse('v1-projects:project-visibility', args=[project_id])
+    response = client.delete(url)
+
+    if password:
+        assert response.status_code == 404
+    else:
+        assert response.status_code == 401
diff --git a/rdmo/projects/tests/test_viewset_snapshot.py b/rdmo/projects/tests/test_viewset_snapshot.py
index 40fedc1bda..49f8b38450 100644
--- a/rdmo/projects/tests/test_viewset_snapshot.py
+++ b/rdmo/projects/tests/test_viewset_snapshot.py
@@ -16,12 +16,13 @@
 )
 
 view_snapshot_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -29,7 +30,15 @@
     'detail': 'v1-projects:snapshot-detail'
 }
 
-snapshots = [1, 3, 7, 4, 5, 6]
+snapshots = [
+    1, 7,  # from Test <1>
+    3,     # from Parent <2>
+    4,     # from Child1 <3>
+    5,     # from Child2 <4>
+    6,     # from Child11 <5>
+    8      # from Internal <12>
+]
+snapshots_internal = [8]
 
 
 @pytest.mark.parametrize('username,password', users)
@@ -44,7 +53,7 @@ def test_list(db, client, username, password):
         assert isinstance(response.json(), list)
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == snapshots_internal
         else:
             values_list = Snapshot.objects.filter(project__in=view_snapshot_permission_map.get(username, [])) \
                                           .order_by('id').values_list('id', flat=True)
diff --git a/rdmo/projects/tests/test_viewset_value.py b/rdmo/projects/tests/test_viewset_value.py
index a2b3dfbf80..6a26af33ec 100644
--- a/rdmo/projects/tests/test_viewset_value.py
+++ b/rdmo/projects/tests/test_viewset_value.py
@@ -18,12 +18,13 @@
 )
 
 view_value_permission_map = {
-    'owner': [1, 2, 3, 4, 5],
-    'manager': [1, 3, 5],
-    'author': [1, 3, 5],
-    'guest': [1, 3, 5],
-    'api': [1, 2, 3, 4, 5],
-    'site': [1, 2, 3, 4, 5]
+    'owner': [1, 2, 3, 4, 5, 12],
+    'manager': [1, 3, 5, 12],
+    'author': [1, 3, 5, 12],
+    'guest': [1, 3, 5, 12],
+    'user': [12],
+    'api': [1, 2, 3, 4, 5, 12],
+    'site': [1, 2, 3, 4, 5, 12]
 }
 
 urlnames = {
@@ -32,9 +33,18 @@
     'file': 'v1-projects:value-file'
 }
 
-values = [1, 2, 3, 4, 5, 6, 7, 238, 242, 243, 244, 245]
-snapshots = [1, 3, 7, 4, 5, 6]
-
+values = [
+    1, 2, 3, 4, 5, 6, 7, 238,  # from Test <1>
+    242, 243,                  # from Parent <2>
+    247,                       # from Child1 <3>
+    248,                       # from Child2 <4>
+    249,                       # from Child11 <5>
+    456, 457                   # from Internal <12>
+]
+values_internal = [456]
+values_snapshot_internal = [457]
+snapshots = [1, 3, 7, 4, 5, 6, 8]
+snapshots_internal = [8]
 
 @pytest.mark.parametrize('username,password', users)
 def test_list(db, client, username, password):
@@ -48,7 +58,7 @@ def test_list(db, client, username, password):
         assert isinstance(response.json(), list)
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            assert sorted([item['id'] for item in response.json()]) == values_internal
         else:
             values_list = Value.objects.filter(project__in=view_value_permission_map.get(username, [])) \
                                        .filter(snapshot_id=None) \
@@ -71,7 +81,10 @@ def test_list_snapshot(db, client, username, password, snapshot_id):
         assert isinstance(response.json(), list)
 
         if username == 'user':
-            assert sorted([item['id'] for item in response.json()]) == []
+            if snapshot_id in snapshots_internal:
+                assert sorted([item['id'] for item in response.json()]) == values_snapshot_internal
+            else:
+                assert sorted([item['id'] for item in response.json()]) == []
         else:
             values_list = Value.objects.filter(project__in=view_value_permission_map.get(username, [])) \
                                        .filter(snapshot_id=snapshot_id) \
diff --git a/rdmo/projects/urls/__init__.py b/rdmo/projects/urls/__init__.py
index 47472eeeaf..ce8d1a95a6 100644
--- a/rdmo/projects/urls/__init__.py
+++ b/rdmo/projects/urls/__init__.py
@@ -15,12 +15,14 @@
     ProjectAnswersExportView,
     ProjectAnswersView,
     ProjectCancelView,
+    ProjectCopyView,
     ProjectCreateImportView,
     ProjectCreateView,
     ProjectDeleteView,
     ProjectDetailView,
     ProjectErrorView,
     ProjectExportView,
+    ProjectInterviewView,
     ProjectJoinView,
     ProjectLeaveView,
     ProjectQuestionsView,
@@ -32,9 +34,11 @@
     ProjectUpdateTasksView,
     ProjectUpdateView,
     ProjectUpdateViewsView,
+    ProjectUpdateVisibilityView,
     ProjectViewExportView,
     ProjectViewView,
     SnapshotCreateView,
+    SnapshotExportView,
     SnapshotRollbackView,
     SnapshotUpdateView,
 )
@@ -55,10 +59,14 @@
 
     re_path(r'^(?P<pk>[0-9]+)/$',
             ProjectDetailView.as_view(), name='project'),
+    re_path(r'^(?P<pk>[0-9]+)/copy/$',
+            ProjectCopyView.as_view(), name='project_copy'),
     re_path(r'^(?P<pk>[0-9]+)/update/$',
             ProjectUpdateView.as_view(), name='project_update'),
     re_path(r'^(?P<pk>[0-9]+)/update/information/$',
             ProjectUpdateInformationView.as_view(), name='project_update_information'),
+    re_path(r'^(?P<pk>[0-9]+)/update/visibility/$',
+            ProjectUpdateVisibilityView.as_view(), name='project_update_visibility'),
     re_path(r'^(?P<pk>[0-9]+)/update/catalog/$',
             ProjectUpdateCatalogView.as_view(), name='project_update_catalog'),
     re_path(r'^(?P<pk>[0-9]+)/update/parent/$',
@@ -109,6 +117,8 @@
             SnapshotUpdateView.as_view(), name='snapshot_update'),
     re_path(r'^(?P<project_id>[0-9]+)/snapshots/(?P<pk>[0-9]+)/rollback/$',
             SnapshotRollbackView.as_view(), name='snapshot_rollback'),
+    re_path(r'^(?P<project_id>[0-9]+)/snapshots/(?P<pk>[0-9]+)/export/(?P<format>[a-z-]+)/$',
+            SnapshotExportView.as_view(), name='snapshot_export'),
 
     re_path(r'^(?P<pk>[0-9]+)/answers/$',
             ProjectAnswersView.as_view(), name='project_answers'),
@@ -132,6 +142,8 @@
 
     re_path(r'^(?P<pk>[0-9]+)/questions/',
             ProjectQuestionsView.as_view(), name='project_questions'),
+    re_path(r'^(?P<pk>[0-9]+)/interview/',
+            ProjectInterviewView.as_view(), name='project_interview'),
     re_path(r'^(?P<pk>[0-9]+)/error/',
             ProjectErrorView.as_view(), name='project_error'),
 ]
diff --git a/rdmo/projects/utils.py b/rdmo/projects/utils.py
index c23b0137fa..4ecaa9b411 100644
--- a/rdmo/projects/utils.py
+++ b/rdmo/projects/utils.py
@@ -3,11 +3,14 @@
 
 from django.conf import settings
 from django.contrib.sites.models import Site
+from django.core.exceptions import ObjectDoesNotExist
 from django.template.loader import render_to_string
 from django.urls import reverse
+from django.utils.timezone import now
 
 from rdmo.core.mail import send_mail
 from rdmo.core.plugins import get_plugins
+from rdmo.core.utils import remove_double_newlines
 
 logger = logging.getLogger(__name__)
 
@@ -38,6 +41,84 @@ def check_conditions(conditions, values, set_prefix=None, set_index=None):
         return True
 
 
+def copy_project(project, site, owners):
+    from .models import Membership, Value  # to prevent circular inclusion
+
+    timestamp = now()
+
+    tasks = project.tasks.all()
+    views = project.views.all()
+
+    values = project.values.filter(snapshot=None)
+    snapshots = {
+        snapshot: project.values.filter(snapshot=snapshot)
+        for snapshot in project.snapshots.all()
+    }
+
+    # unset the id, set current site and update timestamps
+    project.id = None
+    project.site = site
+    project.created = timestamp
+
+    # save the new project
+    project.save()
+
+    # save project tasks
+    for task in tasks:
+        project.tasks.add(task)
+
+    # save project views
+    for view in views:
+        project.views.add(view)
+
+    # save current project values
+    project_values = []
+    for value in values:
+        value.id = None
+        value.project = project
+        value.created = timestamp
+
+        if value.file:
+            # file values cannot be bulk created since we need their id and only postgres provides that (reliably)
+            # https://docs.djangoproject.com/en/4.2/ref/models/querysets/#bulk-create
+            value.save()
+            value.copy_file(value.file_name, value.file)
+        else:
+            project_values.append(value)
+
+    # insert the new values using bulk_create
+    Value.objects.bulk_create(project_values)
+
+    # save project snapshots
+    for snapshot, snapshot_values in snapshots.items():
+        snapshot.id = None
+        snapshot.project = project
+        snapshot.created = timestamp
+        snapshot.save(copy_values=False)
+
+        project_snapshot_values = []
+        for value in snapshot_values:
+            value.id = None
+            value.project = project
+            value.snapshot = snapshot
+            value.created = timestamp
+
+            if value.file:
+                value.save()
+                value.copy_file(value.file_name, value.file)
+            else:
+                project_snapshot_values.append(value)
+
+        # insert the new snapshot values using bulk_create
+        Value.objects.bulk_create(project_snapshot_values)
+
+    for owner in owners:
+        membership = Membership(project=project, user=owner, role='owner')
+        membership.save()
+
+    return project
+
+
 def save_import_values(project, values, checked):
     for value in values:
         if value.attribute:
@@ -182,3 +263,72 @@ def get_upload_accept():
         else:
             return None
     return ','.join(accept)
+
+
+def compute_set_prefix_from_set_value(set_value, value):
+    set_prefix_length = len(set_value.set_prefix.split('|')) if set_value.set_prefix else 0
+    return '|'.join([
+        str(set_value.set_index) if (index == set_prefix_length) else value
+        for index, value in enumerate(value.set_prefix.split('|'))
+    ])
+
+
+def get_contact_message(request, project):
+    project_url = project.get_absolute_url()
+    project_interview_url = reverse('project_interview', args=[project.id])
+
+    context = {
+        'user': request.user,
+        'site': Site.objects.get_current(),
+        'project': project,
+        'project_url': request.build_absolute_uri(project_url)
+    }
+
+    page_id = request.GET.get('page')
+    if page_id:
+        page = project.catalog.get_page(page_id)
+        if page:
+            context.update({
+                'page': page,
+                'page_url': request.build_absolute_uri(f'{project_interview_url}{page_id}/')
+            })
+
+    questionset_id = request.GET.get('questionset')
+    if questionset_id:
+        context['questionset'] = project.catalog.get_questionset(questionset_id)
+
+    question_id = request.GET.get('question')
+    if question_id:
+        context['question'] = project.catalog.get_question(question_id)
+
+    value_ids = request.GET.getlist('values')
+    if value_ids:
+        values = project.values.filter(snapshot=None).filter(id__in=value_ids)
+        context['values'] = values
+
+        if page_id and page and page.is_collection and page.attribute is not None:
+            value = values.filter(set_prefix='').first()
+            if value:
+                try:
+                    context['set_value'] = project.values.filter(snapshot=None).get(
+                        attribute=page.attribute,
+                        set_prefix='',
+                        set_index=value.set_index,
+                        collection_index=0
+                    )
+                except ObjectDoesNotExist:
+                    pass
+
+    subject = render_to_string('projects/email/project_contact_subject.txt', context)
+    message = render_to_string('projects/email/project_contact_message.txt', context)
+
+    return {
+        'subject': subject,
+        'message': remove_double_newlines(message)
+    }
+
+
+def send_contact_message(request, subject, message):
+    send_mail(subject, message,
+              to=settings.PROJECT_CONTACT_RECIPIENTS,
+              cc=[request.user.email], reply_to=[request.user.email])
diff --git a/rdmo/projects/validators.py b/rdmo/projects/validators.py
index da0ace2423..e3bd382923 100644
--- a/rdmo/projects/validators.py
+++ b/rdmo/projects/validators.py
@@ -20,6 +20,19 @@
     VALUE_TYPE_URL,
 )
 from rdmo.core.utils import human2bytes
+from rdmo.core.validators import InstanceValidator
+
+
+class ProjectParentValidator(InstanceValidator):
+
+    def __call__(self, data, serializer=None):
+        super().__call__(data, serializer)
+
+        if self.instance and self.instance.id \
+                and data.get('parent') in self.instance.get_descendants(include_self=True):
+            raise self.raise_validation_error({
+                'parent': [_('A project may not be moved to be a child of itself or one of its descendants.')]
+            })
 
 
 class ValueConflictValidator:
diff --git a/rdmo/projects/views/__init__.py b/rdmo/projects/views/__init__.py
index f42a45b5ab..af072ff51e 100644
--- a/rdmo/projects/views/__init__.py
+++ b/rdmo/projects/views/__init__.py
@@ -8,12 +8,14 @@
     ProjectDetailView,
     ProjectErrorView,
     ProjectExportView,
+    ProjectInterviewView,
     ProjectJoinView,
     ProjectLeaveView,
     ProjectQuestionsView,
     ProjectsView,
 )
 from .project_answers import ProjectAnswersExportView, ProjectAnswersView
+from .project_copy import ProjectCopyView
 from .project_create import ProjectCreateImportView, ProjectCreateView
 from .project_update import (
     ProjectUpdateCatalogView,
@@ -23,6 +25,7 @@
     ProjectUpdateTasksView,
     ProjectUpdateView,
     ProjectUpdateViewsView,
+    ProjectUpdateVisibilityView,
 )
 from .project_view import ProjectViewExportView, ProjectViewView
-from .snapshot import SnapshotCreateView, SnapshotRollbackView, SnapshotUpdateView
+from .snapshot import SnapshotCreateView, SnapshotExportView, SnapshotRollbackView, SnapshotUpdateView
diff --git a/rdmo/projects/views/project.py b/rdmo/projects/views/project.py
index 88fc5fc99a..9760fbd3b6 100644
--- a/rdmo/projects/views/project.py
+++ b/rdmo/projects/views/project.py
@@ -203,6 +203,22 @@ def get(self, request, *args, **kwargs):
             return self.render_to_response(context)
 
 
+class ProjectInterviewView(ObjectPermissionMixin, DetailView):
+    model = Project
+    queryset = Project.objects.all()
+    permission_required = 'projects.view_project_object'
+    template_name = 'projects/project_interview.html'
+
+    @method_decorator(ensure_csrf_cookie)
+    def get(self, request, *args, **kwargs):
+        self.object = self.get_object()
+
+        if self.object.catalog is None:
+            return redirect('project_error', pk=self.object.pk)
+        else:
+            return super().get(request, *args, **kwargs)
+
+
 class ProjectErrorView(ObjectPermissionMixin, DetailView):
     model = Project
     queryset = Project.objects.all()
diff --git a/rdmo/projects/views/project_copy.py b/rdmo/projects/views/project_copy.py
new file mode 100644
index 0000000000..6d9df32c3e
--- /dev/null
+++ b/rdmo/projects/views/project_copy.py
@@ -0,0 +1,42 @@
+import logging
+
+from django.contrib.sites.shortcuts import get_current_site
+from django.http import HttpResponseRedirect
+from django.views.generic import UpdateView
+
+from rdmo.core.views import ObjectPermissionMixin, RedirectViewMixin
+from rdmo.questions.models import Catalog
+
+from ..forms import ProjectForm
+from ..models import Project
+from ..utils import copy_project
+
+logger = logging.getLogger(__name__)
+
+
+class ProjectCopyView(ObjectPermissionMixin, RedirectViewMixin, UpdateView):
+
+    model = Project
+    form_class = ProjectForm
+    permission_required = ('projects.add_project', 'projects.view_project_object')
+
+    def get_form_kwargs(self):
+        catalogs = Catalog.objects.filter_current_site() \
+                                  .filter_group(self.request.user) \
+                                  .filter_availability(self.request.user) \
+                                  .order_by('-available', 'order')
+        projects = Project.objects.filter_user(self.request.user)
+
+        form_kwargs = super().get_form_kwargs()
+        form_kwargs.update({
+            'copy': True,
+            'catalogs': catalogs,
+            'projects': projects
+        })
+        return form_kwargs
+
+    def form_valid(self, form):
+        site = get_current_site(self.request)
+        owners = [self.request.user]
+        project = copy_project(form.instance, site, owners)
+        return HttpResponseRedirect(project.get_absolute_url())
diff --git a/rdmo/projects/views/project_update.py b/rdmo/projects/views/project_update.py
index b6e79be2cd..b1889f7d8e 100644
--- a/rdmo/projects/views/project_update.py
+++ b/rdmo/projects/views/project_update.py
@@ -14,6 +14,7 @@
     ProjectUpdateParentForm,
     ProjectUpdateTasksForm,
     ProjectUpdateViewsForm,
+    ProjectUpdateVisibilityForm,
 )
 from ..mixins import ProjectImportMixin
 from ..models import Project
@@ -48,6 +49,14 @@ class ProjectUpdateInformationView(ObjectPermissionMixin, RedirectViewMixin, Upd
     permission_required = 'projects.change_project_object'
 
 
+class ProjectUpdateVisibilityView(ObjectPermissionMixin, RedirectViewMixin, UpdateView):
+    model = Project
+    queryset = Project.objects.all()
+    form_class = ProjectUpdateVisibilityForm
+    permission_required = 'projects.change_visibility_object'
+    template_name = 'projects/project_form_visibility.html'
+
+
 class ProjectUpdateCatalogView(ObjectPermissionMixin, RedirectViewMixin, UpdateView):
     model = Project
     queryset = Project.objects.all()
diff --git a/rdmo/projects/views/snapshot.py b/rdmo/projects/views/snapshot.py
index ec378c5c99..437f8acd01 100644
--- a/rdmo/projects/views/snapshot.py
+++ b/rdmo/projects/views/snapshot.py
@@ -1,10 +1,11 @@
 import logging
 
-from django.http import HttpResponseRedirect
+from django.http import Http404, HttpResponseRedirect
 from django.shortcuts import get_object_or_404
 from django.urls import reverse
 from django.views.generic import CreateView, DetailView, UpdateView
 
+from rdmo.core.plugins import get_plugin
 from rdmo.core.views import ObjectPermissionMixin, RedirectViewMixin
 
 from ..forms import SnapshotCreateForm
@@ -63,3 +64,33 @@ def post(self, request, *args, **kwargs):
             snapshot.rollback()
 
         return HttpResponseRedirect(reverse('project', args=[snapshot.project.id]))
+
+
+class SnapshotExportView(ObjectPermissionMixin, DetailView):
+    model = Snapshot
+    queryset = Snapshot.objects.all()
+    permission_required = 'projects.export_snapshot_object'
+
+    def get_queryset(self):
+        return Snapshot.objects.filter(project_id=self.kwargs['project_id'])
+
+    def get_permission_object(self):
+        return self.get_object().project
+
+    def get_export_plugin(self):
+        export_plugin = get_plugin('PROJECT_SNAPSHOT_EXPORTS', self.kwargs.get('format'))
+        if export_plugin is None:
+            raise Http404
+
+        export_plugin.request = self.request
+        export_plugin.snapshot = self.object
+
+        return export_plugin
+
+    def get(self, request, *args, **kwargs):
+        self.object = self.get_object()
+        return self.get_export_plugin().render()
+
+    def post(self, request, *args, **kwargs):
+        self.object = self.get_object()
+        return self.get_export_plugin().submit()
diff --git a/rdmo/projects/viewsets.py b/rdmo/projects/viewsets.py
index 8c5d367a5b..d9b6215e1b 100644
--- a/rdmo/projects/viewsets.py
+++ b/rdmo/projects/viewsets.py
@@ -6,14 +6,15 @@
 from django.http import Http404, HttpResponseRedirect
 from django.utils.translation import gettext_lazy as _
 
-from rest_framework import serializers
+from rest_framework import serializers, status
 from rest_framework.decorators import action
-from rest_framework.exceptions import NotFound
+from rest_framework.exceptions import MethodNotAllowed, NotFound
 from rest_framework.mixins import CreateModelMixin, ListModelMixin, RetrieveModelMixin, UpdateModelMixin
 from rest_framework.pagination import PageNumberPagination
 from rest_framework.permissions import IsAuthenticated
 from rest_framework.response import Response
 from rest_framework.reverse import reverse
+from rest_framework.serializers import ValidationError
 from rest_framework.viewsets import GenericViewSet, ModelViewSet, ReadOnlyModelViewSet
 
 from django_filters.rest_framework import DjangoFilterBackend
@@ -21,7 +22,7 @@
 
 from rdmo.conditions.models import Condition
 from rdmo.core.permissions import HasModelPermission
-from rdmo.core.utils import human2bytes, return_file_response
+from rdmo.core.utils import human2bytes, is_truthy, return_file_response
 from rdmo.options.models import OptionSet
 from rdmo.questions.models import Catalog, Page, Question, QuestionSet
 from rdmo.tasks.models import Task
@@ -31,23 +32,34 @@
     ProjectDateFilterBackend,
     ProjectOrderingFilter,
     ProjectSearchFilterBackend,
+    ProjectUserFilterBackend,
     SnapshotFilterBackend,
     ValueFilterBackend,
 )
-from .models import Continuation, Integration, Invite, Issue, Membership, Project, Snapshot, Value
+from .models import Continuation, Integration, Invite, Issue, Membership, Project, Snapshot, Value, Visibility
 from .permissions import (
     HasProjectPagePermission,
     HasProjectPermission,
     HasProjectProgressModelPermission,
     HasProjectProgressObjectPermission,
     HasProjectsPermission,
+    HasProjectVisibilityModelPermission,
+    HasProjectVisibilityObjectPermission,
+)
+from .progress import (
+    compute_navigation,
+    compute_next_relevant_page,
+    compute_progress,
+    compute_sets,
+    compute_show_page,
+    resolve_conditions,
 )
-from .progress import compute_navigation, compute_progress
 from .serializers.v1 import (
     IntegrationSerializer,
     InviteSerializer,
     IssueSerializer,
     MembershipSerializer,
+    ProjectCopySerializer,
     ProjectIntegrationSerializer,
     ProjectInviteSerializer,
     ProjectInviteUpdateSerializer,
@@ -57,13 +69,22 @@
     ProjectSerializer,
     ProjectSnapshotSerializer,
     ProjectValueSerializer,
+    ProjectVisibilitySerializer,
     SnapshotSerializer,
     UserInviteSerializer,
     ValueSerializer,
 )
 from .serializers.v1.overview import CatalogSerializer, ProjectOverviewSerializer
 from .serializers.v1.page import PageSerializer
-from .utils import check_conditions, get_upload_accept, send_invite_email
+from .utils import (
+    check_conditions,
+    compute_set_prefix_from_set_value,
+    copy_project,
+    get_contact_message,
+    get_upload_accept,
+    send_contact_message,
+    send_invite_email,
+)
 
 
 class ProjectPagination(PageNumberPagination):
@@ -77,14 +98,14 @@ class ProjectViewSet(ModelViewSet):
 
     filter_backends = (
         DjangoFilterBackend,
+        ProjectUserFilterBackend,
         ProjectDateFilterBackend,
         ProjectOrderingFilter,
         ProjectSearchFilterBackend,
     )
     filterset_fields = (
         'title',
-        'user',
-        'user__username',
+        # user is part of ProjectUserFilterBackend
         'catalog',
         'catalog__uri'
     )
@@ -103,7 +124,7 @@ def get_queryset(self):
             'snapshots',
             'views',
             Prefetch('memberships', queryset=Membership.objects.select_related('user'), to_attr='memberships_list')
-        ).select_related('catalog')
+        ).select_related('catalog', 'visibility')
 
         # prepare subquery for last_changed
         last_changed_subquery = Subquery(
@@ -116,21 +137,42 @@ def get_queryset(self):
 
         return queryset
 
+    @action(detail=True, methods=['POST'],
+            permission_classes=(HasModelPermission | HasProjectPermission, ))
+    def copy(self, request, pk=None):
+        instance = self.get_object()
+        serializer = ProjectCopySerializer(instance, data=request.data, context=self.get_serializer_context())
+        serializer.is_valid(raise_exception=True)
+
+        # update instance
+        for key, value in serializer.validated_data.items():
+            setattr(instance, key, value)
+
+        site = get_current_site(self.request)
+        owners = [self.request.user]
+        project_copy = copy_project(instance, site, owners)
+
+        serializer = self.get_serializer(project_copy)
+        headers = self.get_success_headers(serializer.data)
+        return Response(serializer.data, status=status.HTTP_201_CREATED, headers=headers)
+
     @action(detail=True, permission_classes=(HasModelPermission | HasProjectPermission, ))
     def overview(self, request, pk=None):
         project = self.get_object()
         serializer = ProjectOverviewSerializer(project, context={'request': request})
         return Response(serializer.data)
 
-    @action(detail=True, url_path=r'navigation/(?P<section_id>\d+)',
+    @action(detail=True, url_path=r'navigation(/(?P<section_id>\d+))?',
             permission_classes=(HasModelPermission | HasProjectPermission, ))
     def navigation(self, request, pk=None, section_id=None):
         project = self.get_object()
 
-        try:
-            section = project.catalog.sections.get(pk=section_id)
-        except ObjectDoesNotExist as e:
-            raise NotFound() from e
+        section = None
+        if section_id is not None:
+            try:
+                section = project.catalog.sections.get(pk=section_id)
+            except ObjectDoesNotExist as e:
+                raise NotFound() from e
 
         project.catalog.prefetch_elements()
 
@@ -255,6 +297,60 @@ def progress(self, request, pk=None):
             'ratio': ratio
         })
 
+    @action(detail=True, methods=['get', 'post', 'delete'],
+            permission_classes=(HasProjectVisibilityModelPermission | HasProjectVisibilityObjectPermission, ))
+    def visibility(self, request, pk=None):
+        project = self.get_object()
+
+        try:
+            instance = project.visibility
+        except Visibility.DoesNotExist:
+            instance = None
+
+        serializer = ProjectVisibilitySerializer(instance)
+
+        if request.method == 'POST':
+            serializer = ProjectVisibilitySerializer(instance, data=dict(**request.data, project=project.id))
+            serializer.is_valid(raise_exception=True)
+            serializer.save()
+            return Response(serializer.data)
+
+        elif request.method == 'DELETE':
+            if instance is not None:
+                instance.delete()
+                return Response(status=status.HTTP_204_NO_CONTENT)
+
+        else:
+            if instance is not None:
+                serializer = ProjectVisibilitySerializer(instance)
+                return Response(serializer.data)
+
+        # if nothing worked, raise 404
+        raise Http404
+
+    @action(detail=True, methods=['get', 'post'],
+            permission_classes=(HasModelPermission | HasProjectPermission, ))
+    def contact(self, request, pk):
+        if settings.PROJECT_CONTACT:
+            project = self.get_object()
+            if request.method == 'POST':
+                subject = request.data.get('subject')
+                message = request.data.get('message')
+
+                if subject and message:
+                    send_contact_message(request, subject, message)
+                    return Response(status=status.HTTP_204_NO_CONTENT)
+                else:
+                    raise ValidationError({
+                        'subject': [_('This field may not be blank.')] if not subject else [],
+                        'message': [_('This field may not be blank.')] if not message else []
+                    })
+            else:
+                project.catalog.prefetch_elements()
+                return Response(get_contact_message(request, project))
+        else:
+            raise Http404
+
     @action(detail=False, url_path='upload-accept', permission_classes=(IsAuthenticated, ))
     def upload_accept(self, request):
         return Response(get_upload_accept())
@@ -433,27 +529,60 @@ def get_queryset(self):
             # this is needed for the swagger ui
             return Value.objects.none()
 
-    @action(detail=True, methods=['DELETE'],
+    @action(detail=True, methods=['POST', 'DELETE'], url_path='set',
             permission_classes=(HasModelPermission | HasProjectPermission, ))
     def set(self, request, parent_lookup_project, pk=None):
-        # delete all values for questions in questionset collections with the attribute
+        if request.method == 'POST':
+            return self.copy_set(request, parent_lookup_project, pk)
+        elif request.method == 'DELETE':
+            return self.delete_set(request, parent_lookup_project, pk)
+        else:
+            raise MethodNotAllowed
+
+    def copy_set(self, request, parent_lookup_project, pk=None):
+        # copy all values for questions in questionset collections with the attribute
         # for this value and the same set_prefix and set_index
-        value = self.get_object()
-        value.delete()
+        currentValue = self.get_object()
 
-        # prefetch most elements of the catalog
-        self.project.catalog.prefetch_elements()
+        # collect all values for this set and all descendants
+        currentValues = self.get_queryset().filter_set(currentValue)
 
-        # collect the attributes of all questions of all pages or questionsets
-        # of this catalog, which have the attribute of this value
-        attributes = set()
-        elements = self.project.catalog.pages + self.project.catalog.questions
-        for element in elements:
-            if element.attribute == value.attribute:
-                attributes.update([descendant.attribute for descendant in element.descendants])
+        # de-serialize the posted new set value and save it, use the ValueSerializer
+        # instead of ProjectValueSerializer, since the latter does not include project
+        set_value_serializer = ValueSerializer(data={
+            'project': parent_lookup_project,
+            **request.data
+        })
+        set_value_serializer.is_valid(raise_exception=True)
+        set_value = set_value_serializer.save()
+        set_value_data = set_value_serializer.data
+
+        # create new values for the new set
+        values = []
+        for value in currentValues:
+            value.id = None
+            if value.set_prefix == set_value.set_prefix:
+                value.set_index = set_value.set_index
+            else:
+                value.set_prefix = compute_set_prefix_from_set_value(set_value, value)
+            values.append(value)
 
-        values = self.get_queryset().filter(attribute__in=attributes, set_prefix=value.set_prefix,
-                                            set_index=value.set_index)
+        # bulk create the new values
+        values = Value.objects.bulk_create(values)
+        values_data = [ValueSerializer(instance=value).data for value in values]
+
+        # return all new values
+        headers = self.get_success_headers(set_value_serializer.data)
+        return Response([set_value_data, *values_data], status=status.HTTP_201_CREATED, headers=headers)
+
+    def delete_set(self, request, parent_lookup_project, pk=None):
+        # delete all values for questions in questionset collections with the attribute
+        # for this value and the same set_prefix and set_index
+        set_value = self.get_object()
+        set_value.delete()
+
+        # collect all values for this set and all descendants and delete them
+        values = self.get_queryset().filter_set(set_value)
         values.delete()
 
         return Response(status=204)
@@ -521,29 +650,31 @@ def dispatch(self, *args, **kwargs):
 
     def retrieve(self, request, *args, **kwargs):
         page = self.get_object()
-        conditions = page.conditions.select_related('source', 'target_option')
-
+        catalog = self.project.catalog
         values = self.project.values.filter(snapshot=None).select_related('attribute', 'option')
 
-        if check_conditions(conditions, values):
+        sets = compute_sets(values)
+        resolved_conditions = resolve_conditions(catalog, values, sets)
+
+        # check if the current page meets conditions
+        if compute_show_page(page, resolved_conditions):
             serializer = self.get_serializer(page)
             return Response(serializer.data)
         else:
-            if request.GET.get('back') == 'true':
-                prev_page = self.project.catalog.get_prev_page(page)
-                if prev_page is not None:
-                    url = reverse('v1-projects:project-page-detail',
-                                  args=[self.project.id, prev_page.id]) + '?back=true'
-                    return HttpResponseRedirect(url, status=303)
-            else:
-                next_page = self.project.catalog.get_next_page(page)
-                if next_page is not None:
-                    url = reverse('v1-projects:project-page-detail', args=[self.project.id, next_page.id])
-                    return HttpResponseRedirect(url, status=303)
+            # determine the direction of navigation (previous or next)
+            direction = 'prev' if is_truthy(request.GET.get('back')) else 'next'
+
+            # find the next relevant page with from pages and resolved conditions
+            next_relevant_page = compute_next_relevant_page(page, direction, catalog, resolved_conditions)
 
-            # indicate end of catalog
+            if next_relevant_page is not None:
+                url = reverse('v1-projects:project-page-detail', args=[self.project.id, next_relevant_page.id])
+                return HttpResponseRedirect(url, status=303)
+
+            # end of catalog, if no next relevant page is found
             return Response(status=204)
 
+
     @action(detail=False, url_path='continue', permission_classes=(HasModelPermission | HasProjectPagePermission, ))
     def get_continue(self, request, pk=None, parent_lookup_project=None):
         try:
diff --git a/rdmo/questions/models/catalog.py b/rdmo/questions/models/catalog.py
index 8eec46f90f..69b60401b3 100644
--- a/rdmo/questions/models/catalog.py
+++ b/rdmo/questions/models/catalog.py
@@ -223,6 +223,24 @@ def get_next_page(self, page):
         except (ValueError, IndexError):
             return None
 
+    def get_page(self, page_id):
+        try:
+            return next(page for page in self.pages if page.id == int(page_id))
+        except (StopIteration, ValueError):
+            return None
+
+    def get_questionset(self, questionset_id):
+        try:
+            return next(questionset for questionset in self.questionsets if questionset.id == int(questionset_id))
+        except (StopIteration, ValueError):
+            return None
+
+    def get_question(self, question_id):
+        try:
+            return next(question for question in self.questions if question.id == int(question_id))
+        except (StopIteration, ValueError):
+            return None
+
     @classmethod
     def build_uri(cls, uri_prefix, uri_path):
         if not uri_path:
diff --git a/testing/config/settings/base.py b/testing/config/settings/base.py
index 302104415e..dad68a9871 100644
--- a/testing/config/settings/base.py
+++ b/testing/config/settings/base.py
@@ -71,6 +71,10 @@
 
 PROJECT_REMOVE_VIEWS = True
 
+PROJECT_SNAPSHOT_EXPORTS = [
+    ('xml', _('RDMO XML'), 'rdmo.projects.exports.RDMOXMLExport'),
+]
+
 EMAIL_RECIPIENTS_CHOICES = [
     ('email@example.com', 'Emmi Email <email@example.com>'),
 ]
@@ -91,3 +95,6 @@
 PROJECT_IMPORTS_LIST = ['url']
 
 PROJECT_VALUES_VALIDATION = True
+
+PROJECT_CONTACT = True
+PROJECT_CONTACT_RECIPIENTS = ['email@example.com']
diff --git a/testing/fixtures/projects.json b/testing/fixtures/projects.json
index 59bfbb2cc9..1d55116720 100644
--- a/testing/fixtures/projects.json
+++ b/testing/fixtures/projects.json
@@ -10,6 +10,17 @@
       "page": 87
     }
   },
+  {
+    "model": "projects.continuation",
+    "pk": 2,
+    "fields": {
+      "created": "2024-08-16T10:46:55.752Z",
+      "updated": "2024-08-16T10:46:55.752Z",
+      "project": 12,
+      "user": 5,
+      "page": 1
+    }
+  },
   {
     "model": "projects.integration",
     "pk": 1,
@@ -66,6 +77,30 @@
       "secret": true
     }
   },
+  {
+    "model": "projects.invite",
+    "pk": 1,
+    "fields": {
+      "project": 1,
+      "user": 11,
+      "email": "other@example.com",
+      "role": "author",
+      "token": "10159fadb66e97365a36",
+      "timestamp": "2023-07-10T14:06:55.112Z"
+    }
+  },
+  {
+    "model": "projects.invite",
+    "pk": 2,
+    "fields": {
+      "project": 11,
+      "user": 4,
+      "email": "user@example.com",
+      "role": "author",
+      "token": "10159fadb66e97365a36",
+      "timestamp": "2023-07-10T14:06:55.112Z"
+    }
+  },
   {
     "model": "projects.issue",
     "pk": 1,
@@ -129,6 +164,24 @@
       "status": "open"
     }
   },
+  {
+    "model": "projects.issue",
+    "pk": 8,
+    "fields": {
+      "project": 12,
+      "task": 2,
+      "status": "open"
+    }
+  },
+  {
+    "model": "projects.issue",
+    "pk": 9,
+    "fields": {
+      "project": 12,
+      "task": 1,
+      "status": "open"
+    }
+  },
   {
     "model": "projects.issueresource",
     "pk": 1,
@@ -273,17 +326,28 @@
       "role": "owner"
     }
   },
+  {
+    "model": "projects.membership",
+    "pk": 16,
+    "fields": {
+      "project": 12,
+      "user": 5,
+      "role": "owner"
+    }
+  },
   {
     "model": "projects.project",
     "pk": 1,
     "fields": {
       "created": "2017-01-30T07:55:13.007Z",
-      "updated": "2017-03-01T13:57:34.993Z",
+      "updated": "2024-08-16T08:54:51.524Z",
       "parent": null,
       "site": 1,
       "title": "Test",
       "description": "This is a test!",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 1,
       "rght": 2,
       "tree_id": 1,
@@ -304,9 +368,11 @@
       "title": "Parent",
       "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 1,
       "rght": 6,
-      "tree_id": 2,
+      "tree_id": 4,
       "level": 0,
       "views": [
         1
@@ -324,9 +390,11 @@
       "title": "Child1",
       "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 2,
       "rght": 5,
-      "tree_id": 2,
+      "tree_id": 4,
       "level": 1,
       "views": [
         1
@@ -344,9 +412,11 @@
       "title": "Child2",
       "description": "At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 10,
       "rght": 11,
-      "tree_id": 2,
+      "tree_id": 4,
       "level": 1,
       "views": [
         1
@@ -364,9 +434,11 @@
       "title": "Child11",
       "description": "",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 3,
       "rght": 4,
-      "tree_id": 2,
+      "tree_id": 4,
       "level": 2,
       "views": [
         1
@@ -384,9 +456,11 @@
       "title": "Prune Test",
       "description": "This is a test!",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 2,
       "rght": 7,
-      "tree_id": 3,
+      "tree_id": 5,
       "level": 0,
       "views": [
         1
@@ -404,9 +478,11 @@
       "title": "Prune Test",
       "description": "This is a test!",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 6,
       "rght": 8,
-      "tree_id": 4,
+      "tree_id": 6,
       "level": 0,
       "views": [
         1
@@ -424,9 +500,11 @@
       "title": "Prune Test",
       "description": "This is a test!",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 7,
       "rght": 9,
-      "tree_id": 5,
+      "tree_id": 7,
       "level": 0,
       "views": [
         1
@@ -444,9 +522,11 @@
       "title": "Prune Test",
       "description": "This is a test!",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 8,
       "rght": 12,
-      "tree_id": 6,
+      "tree_id": 8,
       "level": 0,
       "views": [
         1
@@ -464,9 +544,11 @@
       "title": "View Test",
       "description": "",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 1,
       "rght": 2,
-      "tree_id": 7,
+      "tree_id": 9,
       "level": 0,
       "views": [
         1,
@@ -486,9 +568,35 @@
       "title": "Other",
       "description": "",
       "catalog": 1,
+      "progress_total": null,
+      "progress_count": null,
       "lft": 1,
       "rght": 2,
-      "tree_id": 2,
+      "tree_id": 10,
+      "level": 0,
+      "views": [
+        1,
+        2,
+        3
+      ]
+    }
+  },
+  {
+    "model": "projects.project",
+    "pk": 12,
+    "fields": {
+      "created": "2024-08-16T08:39:40.150Z",
+      "updated": "2024-08-16T10:46:55.669Z",
+      "parent": null,
+      "site": 1,
+      "title": "Internal",
+      "description": "",
+      "catalog": 1,
+      "progress_total": 29,
+      "progress_count": 1,
+      "lft": 1,
+      "rght": 2,
+      "tree_id": 11,
       "level": 0,
       "views": [
         1,
@@ -563,6 +671,17 @@
       "description": "At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet."
     }
   },
+  {
+    "model": "projects.snapshot",
+    "pk": 8,
+    "fields": {
+      "created": "2024-08-16T10:55:19.320Z",
+      "updated": "2024-08-16T10:55:19.320Z",
+      "project": 12,
+      "title": "Test",
+      "description": ""
+    }
+  },
   {
     "model": "projects.value",
     "pk": 1,
@@ -574,6 +693,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet",
       "option": null,
@@ -594,6 +714,7 @@
       "attribute": 4,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -614,6 +735,7 @@
       "attribute": 8,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -634,6 +756,7 @@
       "attribute": 11,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum",
       "option": 7,
@@ -654,6 +777,7 @@
       "attribute": 12,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -674,6 +798,7 @@
       "attribute": 7,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "37",
       "option": null,
@@ -694,6 +819,7 @@
       "attribute": 9,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-01T00:00:00+01:00",
       "option": null,
@@ -714,6 +840,7 @@
       "attribute": 21,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -734,6 +861,7 @@
       "attribute": 21,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua",
       "option": null,
@@ -754,6 +882,7 @@
       "attribute": 22,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -774,6 +903,7 @@
       "attribute": 22,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -794,6 +924,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "0",
       "option": null,
@@ -814,6 +945,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -834,6 +966,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "1",
       "option": null,
@@ -854,6 +987,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -874,6 +1008,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -894,6 +1029,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -914,6 +1050,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 2,
@@ -934,6 +1071,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 3,
@@ -954,6 +1092,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -974,6 +1113,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "50",
       "option": null,
@@ -994,6 +1134,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -1014,6 +1155,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "100",
       "option": null,
@@ -1034,6 +1176,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2017-04-02T00:00:00+02:00",
       "option": null,
@@ -1054,6 +1197,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2017-04-01T00:00:00+02:00",
       "option": null,
@@ -1074,6 +1218,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "2017-04-03T00:00:00+02:00",
       "option": null,
@@ -1094,6 +1239,7 @@
       "attribute": 14,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -1114,6 +1260,7 @@
       "attribute": 49,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -1134,6 +1281,7 @@
       "attribute": 50,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -1154,6 +1302,7 @@
       "attribute": 47,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -1174,6 +1323,7 @@
       "attribute": 48,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -1194,6 +1344,7 @@
       "attribute": 48,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -1214,6 +1365,7 @@
       "attribute": 47,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -1234,6 +1386,7 @@
       "attribute": 14,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -1254,6 +1407,7 @@
       "attribute": 49,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -1274,6 +1428,7 @@
       "attribute": 50,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -1294,6 +1449,7 @@
       "attribute": 74,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 5,
@@ -1314,6 +1470,7 @@
       "attribute": 70,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -1334,6 +1491,7 @@
       "attribute": 76,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 2,
@@ -1354,6 +1512,7 @@
       "attribute": 75,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2",
       "option": null,
@@ -1374,6 +1533,7 @@
       "attribute": 71,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-02-07T00:00:00+01:00",
       "option": null,
@@ -1394,6 +1554,7 @@
       "attribute": 70,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -1414,6 +1575,7 @@
       "attribute": 75,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -1434,6 +1596,7 @@
       "attribute": 74,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -1454,6 +1617,7 @@
       "attribute": 76,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -1474,6 +1638,7 @@
       "attribute": 71,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-07T00:00:00+01:00",
       "option": null,
@@ -1494,6 +1659,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -1514,6 +1680,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "1",
       "option": null,
@@ -1534,6 +1701,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "0",
       "option": null,
@@ -1554,6 +1722,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -1574,6 +1743,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -1594,6 +1764,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -1614,6 +1785,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "16",
       "option": null,
@@ -1634,6 +1806,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 2,
@@ -1654,6 +1827,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -1674,6 +1848,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "31",
       "option": null,
@@ -1694,6 +1869,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-07T00:00:00+01:00",
       "option": null,
@@ -1714,6 +1890,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2018-02-07T00:00:00+01:00",
       "option": null,
@@ -1734,6 +1911,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -1754,6 +1932,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -1774,6 +1953,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -1794,6 +1974,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "1",
       "option": null,
@@ -1814,6 +1995,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 2,
       "text": "0",
       "option": null,
@@ -1834,6 +2016,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 6,
@@ -1854,6 +2037,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 4,
@@ -1874,6 +2058,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -1894,6 +2079,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 3,
@@ -1914,6 +2100,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "86",
       "option": null,
@@ -1934,6 +2121,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-10-07T00:00:00+02:00",
       "option": null,
@@ -1954,6 +2142,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2018-11-07T00:00:00+01:00",
       "option": null,
@@ -1974,6 +2163,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -1994,6 +2184,7 @@
       "attribute": 79,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "First",
       "option": null,
@@ -2014,6 +2205,7 @@
       "attribute": 79,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Second",
       "option": null,
@@ -2055,6 +2247,7 @@
       "attribute": 82,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -2075,6 +2268,7 @@
       "attribute": 82,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -2095,6 +2289,7 @@
       "attribute": 81,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "test",
       "option": null,
@@ -2115,6 +2310,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -2135,6 +2331,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "0",
       "option": null,
@@ -2155,6 +2352,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "1",
       "option": null,
@@ -2175,6 +2373,7 @@
       "attribute": 14,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -2195,6 +2394,7 @@
       "attribute": 14,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -2215,6 +2415,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2017-04-01T00:00:00+02:00",
       "option": null,
@@ -2235,6 +2436,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2017-04-02T00:00:00+02:00",
       "option": null,
@@ -2255,6 +2457,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "2017-04-03T00:00:00+02:00",
       "option": null,
@@ -2275,6 +2478,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -2295,6 +2499,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -2315,6 +2520,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -2335,6 +2541,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -2355,6 +2562,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "50",
       "option": null,
@@ -2375,6 +2583,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "100",
       "option": null,
@@ -2395,6 +2604,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -2415,6 +2625,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 2,
@@ -2435,6 +2646,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 3,
@@ -2455,6 +2667,7 @@
       "attribute": 21,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -2475,6 +2688,7 @@
       "attribute": 21,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua",
       "option": null,
@@ -2495,6 +2709,7 @@
       "attribute": 22,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -2515,6 +2730,7 @@
       "attribute": 22,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -2535,6 +2751,7 @@
       "attribute": 8,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -2555,6 +2772,7 @@
       "attribute": 9,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-01T00:00:00+01:00",
       "option": null,
@@ -2575,6 +2793,7 @@
       "attribute": 11,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum",
       "option": 7,
@@ -2595,6 +2814,7 @@
       "attribute": 7,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "37",
       "option": null,
@@ -2615,6 +2835,7 @@
       "attribute": 12,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -2635,6 +2856,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet",
       "option": null,
@@ -2655,6 +2877,7 @@
       "attribute": 4,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -2675,6 +2898,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -2695,6 +2919,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "0",
       "option": null,
@@ -2715,6 +2940,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "1",
       "option": null,
@@ -2735,6 +2961,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -2755,6 +2982,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "1",
       "option": null,
@@ -2775,6 +3003,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 2,
       "text": "0",
       "option": null,
@@ -2795,6 +3024,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -2815,6 +3045,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -2835,6 +3066,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -2855,6 +3087,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-07T00:00:00+01:00",
       "option": null,
@@ -2875,6 +3108,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2018-02-07T00:00:00+01:00",
       "option": null,
@@ -2895,6 +3129,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-10-07T00:00:00+02:00",
       "option": null,
@@ -2915,6 +3150,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2018-11-07T00:00:00+01:00",
       "option": null,
@@ -2935,6 +3171,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -2955,6 +3192,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -2975,6 +3213,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -2995,6 +3234,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 6,
@@ -3015,6 +3255,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -3035,6 +3276,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 4,
@@ -3055,6 +3297,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "16",
       "option": null,
@@ -3075,6 +3318,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "31",
       "option": null,
@@ -3095,6 +3339,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "86",
       "option": null,
@@ -3115,6 +3360,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -3135,6 +3381,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 2,
@@ -3155,6 +3402,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 3,
@@ -3175,6 +3423,7 @@
       "attribute": 47,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3195,6 +3444,7 @@
       "attribute": 47,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3215,6 +3465,7 @@
       "attribute": 48,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -3235,6 +3486,7 @@
       "attribute": 48,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -3255,6 +3507,7 @@
       "attribute": 79,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -3275,6 +3528,7 @@
       "attribute": 79,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2",
       "option": null,
@@ -3295,6 +3549,7 @@
       "attribute": 70,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -3315,6 +3570,7 @@
       "attribute": 70,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -3335,6 +3591,7 @@
       "attribute": 71,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-07T00:00:00+01:00",
       "option": null,
@@ -3355,6 +3612,7 @@
       "attribute": 71,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-02-07T00:00:00+01:00",
       "option": null,
@@ -3375,6 +3633,7 @@
       "attribute": 74,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -3395,6 +3654,7 @@
       "attribute": 74,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 5,
@@ -3415,6 +3675,7 @@
       "attribute": 75,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -3435,6 +3696,7 @@
       "attribute": 75,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2",
       "option": null,
@@ -3455,6 +3717,7 @@
       "attribute": 76,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -3475,6 +3738,7 @@
       "attribute": 76,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 2,
@@ -3495,6 +3759,7 @@
       "attribute": 49,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3515,6 +3780,7 @@
       "attribute": 49,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3535,6 +3801,7 @@
       "attribute": 50,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -3555,6 +3822,7 @@
       "attribute": 50,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -3575,6 +3843,7 @@
       "attribute": 96,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -3595,6 +3864,7 @@
       "attribute": 98,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": null,
@@ -3615,6 +3885,7 @@
       "attribute": 98,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": null,
@@ -3635,6 +3906,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3655,6 +3927,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3675,6 +3948,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3695,6 +3969,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3715,6 +3990,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3735,6 +4011,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3755,6 +4032,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3775,6 +4053,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -3795,6 +4074,7 @@
       "attribute": 82,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -3815,6 +4095,7 @@
       "attribute": 81,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "test",
       "option": null,
@@ -3835,6 +4116,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -3855,6 +4137,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "0",
       "option": null,
@@ -3875,6 +4158,7 @@
       "attribute": 13,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "1",
       "option": null,
@@ -3895,6 +4179,7 @@
       "attribute": 14,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -3915,6 +4200,7 @@
       "attribute": 14,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -3935,6 +4221,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2017-04-01T00:00:00+02:00",
       "option": null,
@@ -3955,6 +4242,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2017-04-02T00:00:00+02:00",
       "option": null,
@@ -3975,6 +4263,7 @@
       "attribute": 16,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "2017-04-03T00:00:00+02:00",
       "option": null,
@@ -3995,6 +4284,7 @@
       "attribute": 98,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": null,
@@ -4015,6 +4305,7 @@
       "attribute": 98,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": null,
@@ -4035,6 +4326,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -4055,6 +4347,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -4075,6 +4368,7 @@
       "attribute": 15,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -4095,6 +4389,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -4115,6 +4410,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "50",
       "option": null,
@@ -4135,6 +4431,7 @@
       "attribute": 19,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "100",
       "option": null,
@@ -4155,6 +4452,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -4175,6 +4473,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 2,
@@ -4195,6 +4494,7 @@
       "attribute": 20,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 3,
@@ -4215,6 +4515,7 @@
       "attribute": 21,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -4235,6 +4536,7 @@
       "attribute": 21,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua",
       "option": null,
@@ -4255,6 +4557,7 @@
       "attribute": 22,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -4275,6 +4578,7 @@
       "attribute": 22,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -4295,6 +4599,7 @@
       "attribute": 8,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -4315,6 +4620,7 @@
       "attribute": 9,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-01T00:00:00+01:00",
       "option": null,
@@ -4335,6 +4641,7 @@
       "attribute": 96,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -4355,6 +4662,7 @@
       "attribute": 11,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum",
       "option": 7,
@@ -4375,6 +4683,7 @@
       "attribute": 7,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "37",
       "option": null,
@@ -4395,6 +4704,7 @@
       "attribute": 12,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -4415,6 +4725,7 @@
       "attribute": 3,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet",
       "option": null,
@@ -4435,6 +4746,7 @@
       "attribute": 4,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -4455,6 +4767,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -4475,6 +4788,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "0",
       "option": null,
@@ -4495,6 +4809,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "1",
       "option": null,
@@ -4515,6 +4830,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -4535,6 +4851,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "1",
       "option": null,
@@ -4555,6 +4872,7 @@
       "attribute": 62,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 2,
       "text": "0",
       "option": null,
@@ -4575,6 +4893,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -4595,6 +4914,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -4615,6 +4935,7 @@
       "attribute": 78,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -4635,6 +4956,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-07T00:00:00+01:00",
       "option": null,
@@ -4655,6 +4977,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2018-02-07T00:00:00+01:00",
       "option": null,
@@ -4675,6 +4998,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-10-07T00:00:00+02:00",
       "option": null,
@@ -4695,6 +5019,7 @@
       "attribute": 63,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "2018-11-07T00:00:00+01:00",
       "option": null,
@@ -4715,6 +5040,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -4735,6 +5061,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -4755,6 +5082,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 6,
@@ -4775,6 +5103,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 6,
@@ -4795,6 +5124,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 5,
@@ -4815,6 +5145,7 @@
       "attribute": 66,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 2,
       "text": "",
       "option": 4,
@@ -4835,6 +5166,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "16",
       "option": null,
@@ -4855,6 +5187,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "31",
       "option": null,
@@ -4875,6 +5208,7 @@
       "attribute": 67,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "86",
       "option": null,
@@ -4895,6 +5229,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -4915,6 +5250,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "",
       "option": 2,
@@ -4935,6 +5271,7 @@
       "attribute": 68,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 3,
@@ -4955,6 +5292,7 @@
       "attribute": 47,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -4975,6 +5313,7 @@
       "attribute": 47,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -4995,6 +5334,7 @@
       "attribute": 48,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -5015,6 +5355,7 @@
       "attribute": 48,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -5035,6 +5376,7 @@
       "attribute": 79,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "First",
       "option": null,
@@ -5055,6 +5397,7 @@
       "attribute": 79,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Second",
       "option": null,
@@ -5075,6 +5418,7 @@
       "attribute": 70,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -5095,6 +5439,7 @@
       "attribute": 70,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "0",
       "option": null,
@@ -5115,6 +5460,7 @@
       "attribute": 71,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-01-07T00:00:00+01:00",
       "option": null,
@@ -5135,6 +5481,7 @@
       "attribute": 71,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2018-02-07T00:00:00+01:00",
       "option": null,
@@ -5155,6 +5502,7 @@
       "attribute": 74,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 4,
@@ -5175,6 +5523,7 @@
       "attribute": 74,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 5,
@@ -5195,6 +5544,7 @@
       "attribute": 75,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "1",
       "option": null,
@@ -5215,6 +5565,7 @@
       "attribute": 75,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "2",
       "option": null,
@@ -5235,6 +5586,7 @@
       "attribute": 76,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -5255,6 +5607,7 @@
       "attribute": 76,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 2,
@@ -5275,6 +5628,7 @@
       "attribute": 49,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -5295,6 +5649,7 @@
       "attribute": 49,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
       "option": null,
@@ -5315,6 +5670,7 @@
       "attribute": 50,
       "set_prefix": "",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -5335,6 +5691,7 @@
       "attribute": 50,
       "set_prefix": "",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet.",
       "option": null,
@@ -5355,6 +5712,7 @@
       "attribute": 109,
       "set_prefix": "0",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "b1",
       "option": null,
@@ -5375,6 +5733,7 @@
       "attribute": 108,
       "set_prefix": "0",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "a0",
       "option": null,
@@ -5395,6 +5754,7 @@
       "attribute": 110,
       "set_prefix": "0",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "c01",
       "option": null,
@@ -5415,6 +5775,7 @@
       "attribute": 108,
       "set_prefix": "0",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "a1",
       "option": null,
@@ -5435,6 +5796,7 @@
       "attribute": 110,
       "set_prefix": "0",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 1,
       "text": "c02",
       "option": null,
@@ -5455,6 +5817,7 @@
       "attribute": 109,
       "set_prefix": "0",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "b1",
       "option": null,
@@ -5475,6 +5838,7 @@
       "attribute": 110,
       "set_prefix": "0",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 1,
       "text": "c11",
       "option": null,
@@ -5495,6 +5859,7 @@
       "attribute": 110,
       "set_prefix": "0",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "c10",
       "option": null,
@@ -5515,6 +5880,7 @@
       "attribute": 108,
       "set_prefix": "1",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5535,6 +5901,7 @@
       "attribute": 108,
       "set_prefix": "1",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5555,6 +5922,7 @@
       "attribute": 112,
       "set_prefix": "1|2",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 1,
@@ -5575,6 +5943,7 @@
       "attribute": 108,
       "set_prefix": "1",
       "set_index": 2,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5595,6 +5964,7 @@
       "attribute": 109,
       "set_prefix": "1",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5615,6 +5985,7 @@
       "attribute": 109,
       "set_prefix": "1",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5635,6 +6006,7 @@
       "attribute": 109,
       "set_prefix": "1",
       "set_index": 2,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5655,6 +6027,7 @@
       "attribute": 110,
       "set_prefix": "1",
       "set_index": 0,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5675,6 +6048,7 @@
       "attribute": 110,
       "set_prefix": "1",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5695,6 +6069,7 @@
       "attribute": 110,
       "set_prefix": "1",
       "set_index": 2,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": null,
@@ -5715,6 +6090,7 @@
       "attribute": 112,
       "set_prefix": "1|2",
       "set_index": 1,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 2,
@@ -5735,6 +6111,7 @@
       "attribute": 112,
       "set_prefix": "1|2",
       "set_index": 2,
+      "set_collection": null,
       "collection_index": 0,
       "text": "",
       "option": 3,
@@ -5745,27 +6122,58 @@
     }
   },
   {
-    "model": "projects.invite",
-    "pk": 1,
+    "model": "projects.value",
+    "pk": 456,
     "fields": {
-      "project": 1,
-      "user": 11,
-      "email": "other@example.com",
-      "role": "author",
-      "token": "10159fadb66e97365a36",
-      "timestamp": "2023-07-10T14:06:55.112Z"
+      "created": "2024-08-16T10:46:55.125Z",
+      "updated": "2024-08-16T10:46:55.125Z",
+      "project": 12,
+      "snapshot": null,
+      "attribute": 3,
+      "set_prefix": "",
+      "set_index": 0,
+      "set_collection": false,
+      "collection_index": 0,
+      "text": "TEST",
+      "option": null,
+      "file": "",
+      "value_type": "text",
+      "unit": "",
+      "external_id": ""
     }
   },
   {
-    "model": "projects.invite",
-    "pk": 2,
+    "model": "projects.value",
+    "pk": 457,
     "fields": {
-      "project": 11,
-      "user": 4,
-      "email": "user@example.com",
-      "role": "author",
-      "token": "10159fadb66e97365a36",
-      "timestamp": "2023-07-10T14:06:55.112Z"
+      "created": "2024-08-16T10:46:55.125Z",
+      "updated": "2024-08-16T10:55:19.333Z",
+      "project": 12,
+      "snapshot": 8,
+      "attribute": 3,
+      "set_prefix": "",
+      "set_index": 0,
+      "set_collection": false,
+      "collection_index": 0,
+      "text": "TEST",
+      "option": null,
+      "file": "",
+      "value_type": "text",
+      "unit": "",
+      "external_id": ""
+    }
+  },
+  {
+    "model": "projects.visibility",
+    "pk": 1,
+    "fields": {
+      "created": "2024-12-06T12:33:32.464Z",
+      "updated": "2024-12-06T12:34:35.096Z",
+      "project": 12,
+      "sites": [
+        1
+      ],
+      "groups": []
     }
   }
 ]
diff --git a/webpack.config.js b/webpack.config.js
index cc71e803bb..a66d0ce383 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -6,6 +6,18 @@ const TerserPlugin = require('terser-webpack-plugin')
 
 // list of separate config objects for each django app and their corresponding java script applications
 const configList = [
+  {
+    name: 'core',
+    entry: {
+      base: [
+        './rdmo/core/assets/js/base.js',
+        './rdmo/core/assets/scss/base.scss'
+      ]
+    },
+    output: {
+      path: path.resolve(__dirname, './rdmo/core/static/core/'),
+    }
+  },
   {
     name: 'management',
     entry: {
@@ -15,7 +27,6 @@ const configList = [
       ]
     },
     output: {
-      filename: 'js/management.js',
       path: path.resolve(__dirname, './rdmo/management/static/management/'),
     }
   },
@@ -25,10 +36,13 @@ const configList = [
       projects: [
         './rdmo/projects/assets/js/projects.js',
         './rdmo/projects/assets/scss/projects.scss'
+      ],
+      interview: [
+        './rdmo/projects/assets/js/interview.js',
+        './rdmo/projects/assets/scss/interview.scss'
       ]
     },
     output: {
-      filename: 'js/projects.js',
       path: path.resolve(__dirname, './rdmo/projects/static/projects/'),
     }
   }
@@ -42,6 +56,9 @@ const baseConfig = {
     },
     extensions: ['*', '.js', '.jsx']
   },
+  output: {
+    filename: 'js/[name].js'
+  },
   plugins: [
     new MiniCssExtractPlugin({
       filename: 'css/[name].css',
@@ -95,6 +112,7 @@ const developmentConfig = {
 
 // special config for production
 const productionConfig = {
+  bail: true, // Stop the build on errors
   plugins: [
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify('production')
@@ -103,16 +121,39 @@ const productionConfig = {
   optimization: {
     minimize: true,
     minimizer: [new TerserPlugin()]
-  }
+  },
+}
+
+const ignorePerformanceWarnings = {
+  performance: {
+    hints: false // Suppress performance warnings in prod
+  },
+  ignoreWarnings: [ // ignore performance issues
+    { message: /performance recommendations/ },
+    { message: /asset size limit/ },
+    { message: /entrypoint size limit/ }
+  ]
 }
 
 // combine config depending on the provided --mode command line option
 module.exports = (env, argv) => {
   return configList.map(config => {
-    if (argv.mode === 'development') {
-      return merge(config, baseConfig, developmentConfig)
-    } else {
-      return merge(config, baseConfig, productionConfig)
+    switch (argv.mode) {
+
+      case 'development':
+        // used for build and watch
+        return merge(config, baseConfig, developmentConfig)
+
+      case 'production':
+        if (env && env['ignore-perf']) {
+          // build:dist will ignore performance warnings but fails on other warnings
+          return merge(config, baseConfig, productionConfig, ignorePerformanceWarnings)
+        }
+        // build:prod
+        return merge(config, baseConfig, productionConfig)
+
+      default:
+        throw new Error('Invalid mode')
     }
   })
 }