From 86d688f4353011edcd196c28476ef4a633d03b11 Mon Sep 17 00:00:00 2001
From: sjschlapbach <julius.schlapbach@gmx.net>
Date: Thu, 23 Jan 2025 10:35:33 +0100
Subject: [PATCH 1/3] enhance: introduce private and public preview feature
 flags

---
 .../src/components/common/Header.tsx          | 48 +++++-----
 .../courses/CourseOverviewHeader.tsx          |  2 +-
 .../courses/MicroLearningElement.tsx          |  4 +-
 .../courses/PracticeQuizElement.tsx           |  2 +-
 .../navigation/EvaluationNavigation.tsx       |  7 +-
 .../manipulation/ElementFormErrors.tsx        |  4 +-
 .../manipulation/ElementInformationFields.tsx |  4 +-
 .../manipulation/useElementTypeOptions.ts     | 22 ++++-
 .../src/components/questions/tags/TagList.tsx | 71 ++++++++------
 .../ops/QCheckFeaturePreviewAvailable.graphql |  3 -
 .../ops/QCheckPrivatePreviewAvailable.graphql |  3 +
 .../ops/QCheckPublicPreviewAvailable.graphql  |  3 +
 .../src/graphql/ops/QUserProfile.graphql      |  3 +-
 packages/graphql/src/ops.schema.json          | 96 ++++++++++++-------
 packages/graphql/src/ops.ts                   | 28 ++++--
 packages/graphql/src/public/client.json       |  5 +-
 packages/graphql/src/public/schema.graphql    |  6 +-
 packages/graphql/src/public/server.json       |  5 +-
 packages/graphql/src/schema/query.ts          | 12 ++-
 packages/graphql/src/schema/user.ts           |  3 +-
 packages/graphql/src/services/accounts.ts     | 17 +++-
 packages/i18n/messages/de.ts                  |  8 +-
 packages/i18n/messages/en.ts                  |  8 +-
 packages/prisma/src/data/helpers.ts           |  3 +-
 packages/prisma/src/data/seedUsers.ts         | 25 ++---
 .../migration.sql                             |  3 +
 packages/prisma/src/prisma/schema/user.prisma |  3 +-
 27 files changed, 251 insertions(+), 147 deletions(-)
 delete mode 100644 packages/graphql/src/graphql/ops/QCheckFeaturePreviewAvailable.graphql
 create mode 100644 packages/graphql/src/graphql/ops/QCheckPrivatePreviewAvailable.graphql
 create mode 100644 packages/graphql/src/graphql/ops/QCheckPublicPreviewAvailable.graphql
 create mode 100644 packages/prisma/src/prisma/migrations/20250123091154_multiple_preview_flags/migration.sql

diff --git a/apps/frontend-manage/src/components/common/Header.tsx b/apps/frontend-manage/src/components/common/Header.tsx
index ff76de2eef..ea2d8cef3e 100644
--- a/apps/frontend-manage/src/components/common/Header.tsx
+++ b/apps/frontend-manage/src/components/common/Header.tsx
@@ -65,28 +65,32 @@ function Header({ user }: HeaderProps): React.ReactElement {
       active: router.pathname == '/courses',
       data: { cy: 'courses' },
     },
-    {
-      type: 'button',
-      key: 'resources-menubar-item',
-      label: t('manage.general.resources'),
-      icon: faBolt,
-      onClick: () => router.push('/resources'),
-      active: router.pathname == '/resources',
-      data: { cy: 'resources' },
-      className: { icon: 'text-orange-400' },
-    },
-    {
-      type: 'button',
-      key: 'catalog-menubar-item',
-      label: t('manage.general.catalog'),
-      icon: faBolt,
-      onClick: () => router.push('/catalog'),
-      active: router.pathname == '/catalog',
-      notification: pendingRequestData?.countCatalogSharingRequests !== 0,
-      data: { cy: 'catalog' },
-      className: { icon: 'text-orange-400' },
-    },
-    ...(user?.featurePreview
+    ...(user?.privatePreview
+      ? ([
+          {
+            type: 'button',
+            key: 'resources-menubar-item',
+            label: t('manage.general.resources'),
+            icon: faBolt,
+            onClick: () => router.push('/resources'),
+            active: router.pathname == '/resources',
+            data: { cy: 'resources' },
+            className: { icon: 'text-orange-400' },
+          },
+          {
+            type: 'button',
+            key: 'catalog-menubar-item',
+            label: t('manage.general.catalog'),
+            icon: faBolt,
+            onClick: () => router.push('/catalog'),
+            active: router.pathname == '/catalog',
+            notification: pendingRequestData?.countCatalogSharingRequests !== 0,
+            data: { cy: 'catalog' },
+            className: { icon: 'text-orange-400' },
+          },
+        ] as NavigationItemProps[])
+      : []),
+    ...(user?.publicPreview
       ? [
           {
             type: 'dropdown',
diff --git a/apps/frontend-manage/src/components/courses/CourseOverviewHeader.tsx b/apps/frontend-manage/src/components/courses/CourseOverviewHeader.tsx
index b7790f7d63..f88ddd7eae 100644
--- a/apps/frontend-manage/src/components/courses/CourseOverviewHeader.tsx
+++ b/apps/frontend-manage/src/components/courses/CourseOverviewHeader.tsx
@@ -85,7 +85,7 @@ function CourseOverviewHeader({
           dataModal={{ cy: 'course-join-modal' }}
           dataCloseButton={{ cy: 'course-join-modal-close' }}
         />
-        {user?.featurePreview ? (
+        {user?.publicPreview ? (
           <Button
             onClick={() => {
               window.open(`/analytics/${course.id}/activity`, '_blank')
diff --git a/apps/frontend-manage/src/components/courses/MicroLearningElement.tsx b/apps/frontend-manage/src/components/courses/MicroLearningElement.tsx
index e279d9d63b..a3d4334eb5 100644
--- a/apps/frontend-manage/src/components/courses/MicroLearningElement.tsx
+++ b/apps/frontend-manage/src/components/courses/MicroLearningElement.tsx
@@ -363,7 +363,7 @@ function MicroLearningElement({
                       cy: `end-microlearning-${microLearning.name}`,
                     },
                   },
-                  user?.featurePreview
+                  user?.publicPreview
                     ? {
                         label: (
                           <ActivityAnalyticsLink
@@ -444,7 +444,7 @@ function MicroLearningElement({
                       cy: `convert-microlearning-${microLearning.name}-to-practice-quiz`,
                     },
                   },
-                  user?.featurePreview
+                  user?.publicPreview
                     ? {
                         label: (
                           <ActivityAnalyticsLink
diff --git a/apps/frontend-manage/src/components/courses/PracticeQuizElement.tsx b/apps/frontend-manage/src/components/courses/PracticeQuizElement.tsx
index 7d5feaa5fe..e39d73c20d 100644
--- a/apps/frontend-manage/src/components/courses/PracticeQuizElement.tsx
+++ b/apps/frontend-manage/src/components/courses/PracticeQuizElement.tsx
@@ -386,7 +386,7 @@ function PracticeQuizElement({
                       cy: `duplicate-practice-quiz-${practiceQuiz.name}`,
                     },
                   }),
-                  user?.featurePreview
+                  user?.publicPreview
                     ? {
                         label: (
                           <ActivityAnalyticsLink
diff --git a/apps/frontend-manage/src/components/evaluation/navigation/EvaluationNavigation.tsx b/apps/frontend-manage/src/components/evaluation/navigation/EvaluationNavigation.tsx
index 07f3607132..39c574592c 100644
--- a/apps/frontend-manage/src/components/evaluation/navigation/EvaluationNavigation.tsx
+++ b/apps/frontend-manage/src/components/evaluation/navigation/EvaluationNavigation.tsx
@@ -2,7 +2,7 @@ import { useQuery } from '@apollo/client'
 import { faPieChart } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import {
-  CheckFeaturePreviewAvailableDocument,
+  CheckPublicPreviewAvailableDocument,
   StackEvaluation,
 } from '@klicker-uzh/graphql/dist/ops'
 import { Button } from '@uzh-bf/design-system'
@@ -43,8 +43,7 @@ function EvaluationNavigation({
   feedbacksAvailable,
 }: EvaluationNavigationProps) {
   const t = useTranslations()
-
-  const { data, loading } = useQuery(CheckFeaturePreviewAvailableDocument)
+  const { data, loading } = useQuery(CheckPublicPreviewAvailableDocument)
 
   // automatically switch the active stack based on the active instance
   useStackInstanceUpdates({
@@ -75,7 +74,7 @@ function EvaluationNavigation({
       )}
       <div className="flex flex-row items-center gap-4">
         {!loading &&
-        data?.checkFeaturePreviewAvailable &&
+        data?.checkPublicPreviewAvailable &&
         type === 'Asynchronous' ? (
           <Button
             className={{ root: 'flex h-8 flex-row gap-2' }}
diff --git a/apps/frontend-manage/src/components/questions/manipulation/ElementFormErrors.tsx b/apps/frontend-manage/src/components/questions/manipulation/ElementFormErrors.tsx
index 9c1ef4cab7..84577625a6 100644
--- a/apps/frontend-manage/src/components/questions/manipulation/ElementFormErrors.tsx
+++ b/apps/frontend-manage/src/components/questions/manipulation/ElementFormErrors.tsx
@@ -24,9 +24,7 @@ function ElementFormErrors({
       <div>{t('manage.formErrors.resolveErrors')}</div>
       <ul className="ml-4 list-disc">
         {errors.name && (
-          <li>{`${t('manage.questionForms.questionTitle')}: ${
-            errors.name
-          }`}</li>
+          <li>{`${t('manage.questionForms.elementTitle')}: ${errors.name}`}</li>
         )}
         {errors.tags && (
           <li>{`${t('manage.questionPool.tags')}: ${errors.tags}`}</li>
diff --git a/apps/frontend-manage/src/components/questions/manipulation/ElementInformationFields.tsx b/apps/frontend-manage/src/components/questions/manipulation/ElementInformationFields.tsx
index 77aef69ac5..1b28a1c13f 100644
--- a/apps/frontend-manage/src/components/questions/manipulation/ElementInformationFields.tsx
+++ b/apps/frontend-manage/src/components/questions/manipulation/ElementInformationFields.tsx
@@ -37,7 +37,7 @@ function ElementInformationFields({
           required={mode === ElementEditMode.CREATE}
           contentPosition="popper"
           disabled={mode === ElementEditMode.EDIT}
-          label={t('manage.questionForms.questionType')}
+          label={t('manage.questionForms.elementType')}
           placeholder={t('manage.questionForms.selectQuestionType')}
           items={questionTypeOptions}
           data={{ cy: 'select-question-type' }}
@@ -59,7 +59,7 @@ function ElementInformationFields({
         <FormikTextField
           name="name"
           required
-          label={t('manage.questionForms.questionTitle')}
+          label={t('manage.questionForms.elementTitle')}
           tooltip={t('manage.questionForms.titleTooltip')}
           className={{
             root: 'w-full',
diff --git a/apps/frontend-manage/src/components/questions/manipulation/useElementTypeOptions.ts b/apps/frontend-manage/src/components/questions/manipulation/useElementTypeOptions.ts
index 3657d3dac1..d76e989921 100644
--- a/apps/frontend-manage/src/components/questions/manipulation/useElementTypeOptions.ts
+++ b/apps/frontend-manage/src/components/questions/manipulation/useElementTypeOptions.ts
@@ -1,10 +1,17 @@
-import { ElementType } from '@klicker-uzh/graphql/dist/ops'
+import { useQuery } from '@apollo/client'
+import {
+  CheckPrivatePreviewAvailableDocument,
+  ElementType,
+} from '@klicker-uzh/graphql/dist/ops'
 import { useTranslations } from 'next-intl'
 
 function useElementTypeOptions() {
   const t = useTranslations()
+  const { data } = useQuery(CheckPrivatePreviewAvailableDocument, {
+    fetchPolicy: 'cache-first',
+  })
 
-  return [
+  const baseElements = [
     {
       value: ElementType.Sc,
       label: t(`shared.${ElementType.Sc}.typeLabel`),
@@ -64,7 +71,10 @@ function useElementTypeOptions() {
         )}`,
       },
     },
-    {
+  ]
+
+  if (data?.checkPrivatePreviewAvailable) {
+    baseElements.push({
       value: ElementType.Selection,
       label: t(`shared.${ElementType.Selection}.typeLabel`),
       data: {
@@ -72,8 +82,10 @@ function useElementTypeOptions() {
           `shared.${ElementType.Selection}.typeLabel`
         )}`,
       },
-    },
-  ]
+    })
+  }
+
+  return baseElements
 }
 
 export default useElementTypeOptions
diff --git a/apps/frontend-manage/src/components/questions/tags/TagList.tsx b/apps/frontend-manage/src/components/questions/tags/TagList.tsx
index 82665d547d..d3f5066631 100644
--- a/apps/frontend-manage/src/components/questions/tags/TagList.tsx
+++ b/apps/frontend-manage/src/components/questions/tags/TagList.tsx
@@ -1,3 +1,4 @@
+import { useQuery } from '@apollo/client'
 import {
   faCheckCircle as faCheckCircleRegular,
   faCircleXmark,
@@ -21,7 +22,11 @@ import {
   faSquareCheck as faSquareCheckSolid,
 } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { ElementStatus, ElementType } from '@klicker-uzh/graphql/dist/ops'
+import {
+  CheckPrivatePreviewAvailableDocument,
+  ElementStatus,
+  ElementType,
+} from '@klicker-uzh/graphql/dist/ops'
 import Loader from '@klicker-uzh/shared-components/src/Loader'
 import { Button, Switch } from '@uzh-bf/design-system'
 import { useTranslations } from 'next-intl'
@@ -30,17 +35,6 @@ import SuspendedTags from './SuspendedTags'
 import TagHeader from './TagHeader'
 import TagItem from './TagItem'
 
-const elementTypeFilters: Record<ElementType, IconDefinition[]> = {
-  CONTENT: [faCommentRegular, faCommentSolid],
-  FLASHCARD: [faListRegular, faListSolid],
-  SC: [faQuestionRegular, faQuestionSolid],
-  MC: [faQuestionRegular, faQuestionSolid],
-  KPRIM: [faQuestionRegular, faQuestionSolid],
-  FREE_TEXT: [faQuestionRegular, faQuestionSolid],
-  NUMERICAL: [faQuestionRegular, faQuestionSolid],
-  SELECTION: [faSquareCheckRegular, faSquareCheckSolid],
-}
-
 const elementStatusFilters: Record<ElementStatus, IconDefinition[]> = {
   DRAFT: [faPenRegular, faPenSolid],
   REVIEW: [faEyeRegular, faEyeSolid],
@@ -90,6 +84,23 @@ function TagList({
 }: Props): React.ReactElement {
   const t = useTranslations()
 
+  const { data } = useQuery(CheckPrivatePreviewAvailableDocument, {
+    fetchPolicy: 'cache-first',
+  })
+  const elementTypeFilters: Record<ElementType, IconDefinition[] | undefined> =
+    {
+      CONTENT: [faCommentRegular, faCommentSolid],
+      FLASHCARD: [faListRegular, faListSolid],
+      SC: [faQuestionRegular, faQuestionSolid],
+      MC: [faQuestionRegular, faQuestionSolid],
+      KPRIM: [faQuestionRegular, faQuestionSolid],
+      FREE_TEXT: [faQuestionRegular, faQuestionSolid],
+      NUMERICAL: [faQuestionRegular, faQuestionSolid],
+      SELECTION: data?.checkPrivatePreviewAvailable
+        ? [faSquareCheckRegular, faSquareCheckSolid]
+        : undefined,
+    }
+
   const [questionStatusVisible, setQuestionStatusVisible] = useState(!compact)
   const [questionTypesVisible, setQuestionTypesVisible] = useState(!compact)
   const [userTagsVisible, setUserTagsVisible] = useState(!compact)
@@ -153,22 +164,26 @@ function TagList({
 
       {questionTypesVisible && (
         <ul className="list-none">
-          {Object.entries(elementTypeFilters).map(([type, icons]) => (
-            <TagItem
-              key={type}
-              text={t(`shared.${type as ElementType}.typeLabel`)}
-              icon={icons}
-              active={activeType === type}
-              onClick={(): void =>
-                handleTagClick({
-                  tagName: type,
-                  isTypeTag: true,
-                  isStatusTag: false,
-                  isUntagged: false,
-                })
-              }
-            />
-          ))}
+          {Object.entries(elementTypeFilters).map(([type, icons]) => {
+            if (!icons) return null
+
+            return (
+              <TagItem
+                key={type}
+                text={t(`shared.${type as ElementType}.typeLabel`)}
+                icon={icons}
+                active={activeType === type}
+                onClick={(): void =>
+                  handleTagClick({
+                    tagName: type,
+                    isTypeTag: true,
+                    isStatusTag: false,
+                    isUntagged: false,
+                  })
+                }
+              />
+            )
+          })}
         </ul>
       )}
 
diff --git a/packages/graphql/src/graphql/ops/QCheckFeaturePreviewAvailable.graphql b/packages/graphql/src/graphql/ops/QCheckFeaturePreviewAvailable.graphql
deleted file mode 100644
index 5073b67ebd..0000000000
--- a/packages/graphql/src/graphql/ops/QCheckFeaturePreviewAvailable.graphql
+++ /dev/null
@@ -1,3 +0,0 @@
-query CheckFeaturePreviewAvailable {
-  checkFeaturePreviewAvailable
-}
diff --git a/packages/graphql/src/graphql/ops/QCheckPrivatePreviewAvailable.graphql b/packages/graphql/src/graphql/ops/QCheckPrivatePreviewAvailable.graphql
new file mode 100644
index 0000000000..dd760e0735
--- /dev/null
+++ b/packages/graphql/src/graphql/ops/QCheckPrivatePreviewAvailable.graphql
@@ -0,0 +1,3 @@
+query CheckPrivatePreviewAvailable {
+  checkPrivatePreviewAvailable
+}
diff --git a/packages/graphql/src/graphql/ops/QCheckPublicPreviewAvailable.graphql b/packages/graphql/src/graphql/ops/QCheckPublicPreviewAvailable.graphql
new file mode 100644
index 0000000000..98adc32743
--- /dev/null
+++ b/packages/graphql/src/graphql/ops/QCheckPublicPreviewAvailable.graphql
@@ -0,0 +1,3 @@
+query CheckPublicPreviewAvailable {
+  checkPublicPreviewAvailable
+}
diff --git a/packages/graphql/src/graphql/ops/QUserProfile.graphql b/packages/graphql/src/graphql/ops/QUserProfile.graphql
index fc20901a06..a6e42d8ef3 100644
--- a/packages/graphql/src/graphql/ops/QUserProfile.graphql
+++ b/packages/graphql/src/graphql/ops/QUserProfile.graphql
@@ -8,6 +8,7 @@ query UserProfile {
     firstLogin
     catalyst
     catalystTier
-    featurePreview
+    publicPreview
+    privatePreview
   }
 }
diff --git a/packages/graphql/src/ops.schema.json b/packages/graphql/src/ops.schema.json
index f36130fd4f..3ca4b9917d 100644
--- a/packages/graphql/src/ops.schema.json
+++ b/packages/graphql/src/ops.schema.json
@@ -21716,22 +21716,6 @@
             "isDeprecated": false,
             "deprecationReason": null
           },
-          {
-            "name": "checkFeaturePreviewAvailable",
-            "description": null,
-            "args": [],
-            "type": {
-              "kind": "NON_NULL",
-              "name": null,
-              "ofType": {
-                "kind": "SCALAR",
-                "name": "Boolean",
-                "ofType": null
-              }
-            },
-            "isDeprecated": false,
-            "deprecationReason": null
-          },
           {
             "name": "checkParticipantNameAvailable",
             "description": null,
@@ -21765,6 +21749,38 @@
             "isDeprecated": false,
             "deprecationReason": null
           },
+          {
+            "name": "checkPrivatePreviewAvailable",
+            "description": null,
+            "args": [],
+            "type": {
+              "kind": "NON_NULL",
+              "name": null,
+              "ofType": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              }
+            },
+            "isDeprecated": false,
+            "deprecationReason": null
+          },
+          {
+            "name": "checkPublicPreviewAvailable",
+            "description": null,
+            "args": [],
+            "type": {
+              "kind": "NON_NULL",
+              "name": null,
+              "ofType": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              }
+            },
+            "isDeprecated": false,
+            "deprecationReason": null
+          },
           {
             "name": "checkShortnameAvailable",
             "description": null,
@@ -26668,22 +26684,6 @@
             "isDeprecated": false,
             "deprecationReason": null
           },
-          {
-            "name": "featurePreview",
-            "description": null,
-            "args": [],
-            "type": {
-              "kind": "NON_NULL",
-              "name": null,
-              "ofType": {
-                "kind": "SCALAR",
-                "name": "Boolean",
-                "ofType": null
-              }
-            },
-            "isDeprecated": false,
-            "deprecationReason": null
-          },
           {
             "name": "firstLogin",
             "description": null,
@@ -26776,6 +26776,38 @@
             "isDeprecated": false,
             "deprecationReason": null
           },
+          {
+            "name": "privatePreview",
+            "description": null,
+            "args": [],
+            "type": {
+              "kind": "NON_NULL",
+              "name": null,
+              "ofType": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              }
+            },
+            "isDeprecated": false,
+            "deprecationReason": null
+          },
+          {
+            "name": "publicPreview",
+            "description": null,
+            "args": [],
+            "type": {
+              "kind": "NON_NULL",
+              "name": null,
+              "ofType": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              }
+            },
+            "isDeprecated": false,
+            "deprecationReason": null
+          },
           {
             "name": "sendProjectUpdates",
             "description": null,
diff --git a/packages/graphql/src/ops.ts b/packages/graphql/src/ops.ts
index 9fb7a42655..fac30ea621 100644
--- a/packages/graphql/src/ops.ts
+++ b/packages/graphql/src/ops.ts
@@ -2358,8 +2358,9 @@ export type Query = {
   __typename?: 'Query';
   artificialInstance?: Maybe<ElementInstance>;
   basicCourseInformation?: Maybe<StudentCourse>;
-  checkFeaturePreviewAvailable: Scalars['Boolean']['output'];
   checkParticipantNameAvailable: Scalars['Boolean']['output'];
+  checkPrivatePreviewAvailable: Scalars['Boolean']['output'];
+  checkPublicPreviewAvailable: Scalars['Boolean']['output'];
   checkShortnameAvailable: Scalars['Boolean']['output'];
   checkValidCoursePin?: Maybe<Scalars['String']['output']>;
   cockpitQuiz?: Maybe<LiveQuiz>;
@@ -3041,13 +3042,14 @@ export type User = {
   catalyst: Scalars['Boolean']['output'];
   catalystTier?: Maybe<Scalars['String']['output']>;
   email: Scalars['String']['output'];
-  featurePreview: Scalars['Boolean']['output'];
   firstLogin: Scalars['Boolean']['output'];
   id: Scalars['ID']['output'];
   locale: LocaleType;
   loginToken?: Maybe<Scalars['String']['output']>;
   loginTokenExpiresAt?: Maybe<Scalars['Date']['output']>;
   mediaFiles?: Maybe<Array<MediaFile>>;
+  privatePreview: Scalars['Boolean']['output'];
+  publicPreview: Scalars['Boolean']['output'];
   sendProjectUpdates: Scalars['Boolean']['output'];
   shortname: Scalars['String']['output'];
 };
@@ -4114,11 +4116,6 @@ export type VoteFeedbackResponseMutationVariables = Exact<{
 
 export type VoteFeedbackResponseMutation = { __typename?: 'Mutation', voteFeedbackResponse?: { __typename?: 'FeedbackResponse', id: number, positiveReactions: number, negativeReactions: number } | null };
 
-export type CheckFeaturePreviewAvailableQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-export type CheckFeaturePreviewAvailableQuery = { __typename?: 'Query', checkFeaturePreviewAvailable: boolean };
-
 export type CheckParticipantNameAvailableQueryVariables = Exact<{
   username: Scalars['String']['input'];
 }>;
@@ -4126,6 +4123,16 @@ export type CheckParticipantNameAvailableQueryVariables = Exact<{
 
 export type CheckParticipantNameAvailableQuery = { __typename?: 'Query', checkParticipantNameAvailable: boolean };
 
+export type CheckPrivatePreviewAvailableQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type CheckPrivatePreviewAvailableQuery = { __typename?: 'Query', checkPrivatePreviewAvailable: boolean };
+
+export type CheckPublicPreviewAvailableQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type CheckPublicPreviewAvailableQuery = { __typename?: 'Query', checkPublicPreviewAvailable: boolean };
+
 export type CheckShortnameAvailableQueryVariables = Exact<{
   shortname: Scalars['String']['input'];
 }>;
@@ -4592,7 +4599,7 @@ export type SelfWithAchievementsQuery = { __typename?: 'Query', selfWithAchievem
 export type UserProfileQueryVariables = Exact<{ [key: string]: never; }>;
 
 
-export type UserProfileQuery = { __typename?: 'Query', userProfile?: { __typename?: 'User', id: string, email: string, sendProjectUpdates: boolean, shortname: string, locale: LocaleType, firstLogin: boolean, catalyst: boolean, catalystTier?: string | null, featurePreview: boolean } | null };
+export type UserProfileQuery = { __typename?: 'Query', userProfile?: { __typename?: 'User', id: string, email: string, sendProjectUpdates: boolean, shortname: string, locale: LocaleType, firstLogin: boolean, catalyst: boolean, catalystTier?: string | null, publicPreview: boolean, privatePreview: boolean } | null };
 
 export type FeedbackAddedSubscriptionVariables = Exact<{
   quizId: Scalars['String']['input'];
@@ -4798,8 +4805,9 @@ export const UpdateParticipantProfileDocument = {"kind":"Document","definitions"
 export const UpdateTagOrderingDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdateTagOrdering"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"originIx"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"targetIx"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateTagOrdering"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"originIx"},"value":{"kind":"Variable","name":{"kind":"Name","value":"originIx"}}},{"kind":"Argument","name":{"kind":"Name","value":"targetIx"},"value":{"kind":"Variable","name":{"kind":"Name","value":"targetIx"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"order"}}]}}]}}]} as unknown as DocumentNode<UpdateTagOrderingMutation, UpdateTagOrderingMutationVariables>;
 export const UpvoteFeedbackDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpvoteFeedback"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"feedbackId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"increment"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"upvoteFeedback"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"feedbackId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"feedbackId"}}},{"kind":"Argument","name":{"kind":"Name","value":"increment"},"value":{"kind":"Variable","name":{"kind":"Name","value":"increment"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"votes"}}]}}]}}]} as unknown as DocumentNode<UpvoteFeedbackMutation, UpvoteFeedbackMutationVariables>;
 export const VoteFeedbackResponseDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"VoteFeedbackResponse"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"id"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"incrementUpvote"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"incrementDownvote"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"voteFeedbackResponse"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"id"}}},{"kind":"Argument","name":{"kind":"Name","value":"incrementUpvote"},"value":{"kind":"Variable","name":{"kind":"Name","value":"incrementUpvote"}}},{"kind":"Argument","name":{"kind":"Name","value":"incrementDownvote"},"value":{"kind":"Variable","name":{"kind":"Name","value":"incrementDownvote"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"positiveReactions"}},{"kind":"Field","name":{"kind":"Name","value":"negativeReactions"}}]}}]}}]} as unknown as DocumentNode<VoteFeedbackResponseMutation, VoteFeedbackResponseMutationVariables>;
-export const CheckFeaturePreviewAvailableDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CheckFeaturePreviewAvailable"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"checkFeaturePreviewAvailable"}}]}}]} as unknown as DocumentNode<CheckFeaturePreviewAvailableQuery, CheckFeaturePreviewAvailableQueryVariables>;
 export const CheckParticipantNameAvailableDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CheckParticipantNameAvailable"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"username"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"checkParticipantNameAvailable"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"username"},"value":{"kind":"Variable","name":{"kind":"Name","value":"username"}}}]}]}}]} as unknown as DocumentNode<CheckParticipantNameAvailableQuery, CheckParticipantNameAvailableQueryVariables>;
+export const CheckPrivatePreviewAvailableDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CheckPrivatePreviewAvailable"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"checkPrivatePreviewAvailable"}}]}}]} as unknown as DocumentNode<CheckPrivatePreviewAvailableQuery, CheckPrivatePreviewAvailableQueryVariables>;
+export const CheckPublicPreviewAvailableDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CheckPublicPreviewAvailable"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"checkPublicPreviewAvailable"}}]}}]} as unknown as DocumentNode<CheckPublicPreviewAvailableQuery, CheckPublicPreviewAvailableQueryVariables>;
 export const CheckShortnameAvailableDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CheckShortnameAvailable"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"shortname"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"checkShortnameAvailable"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"shortname"},"value":{"kind":"Variable","name":{"kind":"Name","value":"shortname"}}}]}]}}]} as unknown as DocumentNode<CheckShortnameAvailableQuery, CheckShortnameAvailableQueryVariables>;
 export const CheckValidCoursePinDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CheckValidCoursePin"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"pin"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"checkValidCoursePin"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"pin"},"value":{"kind":"Variable","name":{"kind":"Name","value":"pin"}}}]}]}}]} as unknown as DocumentNode<CheckValidCoursePinQuery, CheckValidCoursePinQueryVariables>;
 export const CountCatalogSharingRequestsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CountCatalogSharingRequests"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"countCatalogSharingRequests"}}]}}]} as unknown as DocumentNode<CountCatalogSharingRequestsQuery, CountCatalogSharingRequestsQueryVariables>;
@@ -4871,7 +4879,7 @@ export const GroupActivityDetailsDocument = {"kind":"Document","definitions":[{"
 export const ParticipationsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"Participations"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"endpoint"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"participations"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"endpoint"},"value":{"kind":"Variable","name":{"kind":"Name","value":"endpoint"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"completedMicroLearnings"}},{"kind":"Field","name":{"kind":"Name","value":"subscriptions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"endpoint"}}]}},{"kind":"Field","name":{"kind":"Name","value":"course"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"displayName"}},{"kind":"Field","name":{"kind":"Name","value":"startDate"}},{"kind":"Field","name":{"kind":"Name","value":"endDate"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"isGamificationEnabled"}},{"kind":"Field","name":{"kind":"Name","value":"microLearnings"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"displayName"}},{"kind":"Field","name":{"kind":"Name","value":"scheduledStartAt"}},{"kind":"Field","name":{"kind":"Name","value":"scheduledEndAt"}}]}},{"kind":"Field","name":{"kind":"Name","value":"liveQuizzes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"displayName"}}]}}]}}]}}]}}]} as unknown as DocumentNode<ParticipationsQuery, ParticipationsQueryVariables>;
 export const SelfDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"Self"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"self"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"email"}},{"kind":"Field","name":{"kind":"Name","value":"username"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"avatarSettings"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"skinTone"}},{"kind":"Field","name":{"kind":"Name","value":"eyes"}},{"kind":"Field","name":{"kind":"Name","value":"mouth"}},{"kind":"Field","name":{"kind":"Name","value":"hair"}},{"kind":"Field","name":{"kind":"Name","value":"facialHair"}},{"kind":"Field","name":{"kind":"Name","value":"accessory"}},{"kind":"Field","name":{"kind":"Name","value":"hairColor"}},{"kind":"Field","name":{"kind":"Name","value":"clothing"}},{"kind":"Field","name":{"kind":"Name","value":"clothingColor"}}]}},{"kind":"Field","name":{"kind":"Name","value":"isActive"}},{"kind":"Field","name":{"kind":"Name","value":"isProfilePublic"}},{"kind":"Field","name":{"kind":"Name","value":"xp"}},{"kind":"Field","name":{"kind":"Name","value":"level"}},{"kind":"Field","name":{"kind":"Name","value":"levelData"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"index"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"requiredXp"}},{"kind":"Field","name":{"kind":"Name","value":"nextLevel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"index"}},{"kind":"Field","name":{"kind":"Name","value":"requiredXp"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]}}]}}]}}]} as unknown as DocumentNode<SelfQuery, SelfQueryVariables>;
 export const SelfWithAchievementsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SelfWithAchievements"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"selfWithAchievements"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"participant"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"username"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"avatarSettings"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"skinTone"}},{"kind":"Field","name":{"kind":"Name","value":"eyes"}},{"kind":"Field","name":{"kind":"Name","value":"mouth"}},{"kind":"Field","name":{"kind":"Name","value":"hair"}},{"kind":"Field","name":{"kind":"Name","value":"facialHair"}},{"kind":"Field","name":{"kind":"Name","value":"accessory"}},{"kind":"Field","name":{"kind":"Name","value":"hairColor"}},{"kind":"Field","name":{"kind":"Name","value":"clothing"}},{"kind":"Field","name":{"kind":"Name","value":"clothingColor"}}]}},{"kind":"Field","name":{"kind":"Name","value":"xp"}},{"kind":"Field","name":{"kind":"Name","value":"level"}},{"kind":"Field","name":{"kind":"Name","value":"levelData"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"index"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"requiredXp"}},{"kind":"Field","name":{"kind":"Name","value":"nextLevel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"index"}},{"kind":"Field","name":{"kind":"Name","value":"requiredXp"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"achievements"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"achievedAt"}},{"kind":"Field","name":{"kind":"Name","value":"achievedCount"}},{"kind":"Field","name":{"kind":"Name","value":"achievement"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"nameDE"}},{"kind":"Field","name":{"kind":"Name","value":"nameEN"}},{"kind":"Field","name":{"kind":"Name","value":"descriptionDE"}},{"kind":"Field","name":{"kind":"Name","value":"descriptionEN"}},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"iconColor"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"achievements"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"nameDE"}},{"kind":"Field","name":{"kind":"Name","value":"nameEN"}},{"kind":"Field","name":{"kind":"Name","value":"descriptionDE"}},{"kind":"Field","name":{"kind":"Name","value":"descriptionEN"}},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"iconColor"}}]}}]}}]}}]} as unknown as DocumentNode<SelfWithAchievementsQuery, SelfWithAchievementsQueryVariables>;
-export const UserProfileDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"UserProfile"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"userProfile"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"email"}},{"kind":"Field","name":{"kind":"Name","value":"sendProjectUpdates"}},{"kind":"Field","name":{"kind":"Name","value":"shortname"}},{"kind":"Field","name":{"kind":"Name","value":"locale"}},{"kind":"Field","name":{"kind":"Name","value":"firstLogin"}},{"kind":"Field","name":{"kind":"Name","value":"catalyst"}},{"kind":"Field","name":{"kind":"Name","value":"catalystTier"}},{"kind":"Field","name":{"kind":"Name","value":"featurePreview"}}]}}]}}]} as unknown as DocumentNode<UserProfileQuery, UserProfileQueryVariables>;
+export const UserProfileDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"UserProfile"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"userProfile"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"email"}},{"kind":"Field","name":{"kind":"Name","value":"sendProjectUpdates"}},{"kind":"Field","name":{"kind":"Name","value":"shortname"}},{"kind":"Field","name":{"kind":"Name","value":"locale"}},{"kind":"Field","name":{"kind":"Name","value":"firstLogin"}},{"kind":"Field","name":{"kind":"Name","value":"catalyst"}},{"kind":"Field","name":{"kind":"Name","value":"catalystTier"}},{"kind":"Field","name":{"kind":"Name","value":"publicPreview"}},{"kind":"Field","name":{"kind":"Name","value":"privatePreview"}}]}}]}}]} as unknown as DocumentNode<UserProfileQuery, UserProfileQueryVariables>;
 export const FeedbackAddedDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"subscription","name":{"kind":"Name","value":"FeedbackAdded"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"quizId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"feedbackAdded"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"quizId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"quizId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"isPublished"}},{"kind":"Field","name":{"kind":"Name","value":"isPinned"}},{"kind":"Field","name":{"kind":"Name","value":"isResolved"}},{"kind":"Field","name":{"kind":"Name","value":"content"}},{"kind":"Field","name":{"kind":"Name","value":"votes"}},{"kind":"Field","name":{"kind":"Name","value":"resolvedAt"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}},{"kind":"Field","name":{"kind":"Name","value":"responses"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"content"}},{"kind":"Field","name":{"kind":"Name","value":"positiveReactions"}},{"kind":"Field","name":{"kind":"Name","value":"negativeReactions"}}]}}]}}]}}]} as unknown as DocumentNode<FeedbackAddedSubscription, FeedbackAddedSubscriptionVariables>;
 export const FeedbackCreatedDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"subscription","name":{"kind":"Name","value":"FeedbackCreated"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"quizId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"feedbackCreated"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"quizId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"quizId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"isPublished"}},{"kind":"Field","name":{"kind":"Name","value":"isPinned"}},{"kind":"Field","name":{"kind":"Name","value":"isResolved"}},{"kind":"Field","name":{"kind":"Name","value":"content"}},{"kind":"Field","name":{"kind":"Name","value":"votes"}},{"kind":"Field","name":{"kind":"Name","value":"resolvedAt"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}},{"kind":"Field","name":{"kind":"Name","value":"responses"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"content"}},{"kind":"Field","name":{"kind":"Name","value":"positiveReactions"}},{"kind":"Field","name":{"kind":"Name","value":"negativeReactions"}}]}}]}}]}}]} as unknown as DocumentNode<FeedbackCreatedSubscription, FeedbackCreatedSubscriptionVariables>;
 export const FeedbackPinnedDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"subscription","name":{"kind":"Name","value":"FeedbackPinned"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"quizId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"feedbackPinned"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"quizId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"quizId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"isPublished"}},{"kind":"Field","name":{"kind":"Name","value":"isPinned"}},{"kind":"Field","name":{"kind":"Name","value":"isResolved"}},{"kind":"Field","name":{"kind":"Name","value":"content"}},{"kind":"Field","name":{"kind":"Name","value":"votes"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}}]}}]}}]} as unknown as DocumentNode<FeedbackPinnedSubscription, FeedbackPinnedSubscriptionVariables>;
diff --git a/packages/graphql/src/public/client.json b/packages/graphql/src/public/client.json
index 3f4b57d372..ee84780379 100644
--- a/packages/graphql/src/public/client.json
+++ b/packages/graphql/src/public/client.json
@@ -116,8 +116,9 @@
    "UpdateTagOrdering": "8d865d09b3ef6613f8a4b2ab1c679442f5920e70c89eb9c9456b68f922f499a5",
    "UpvoteFeedback": "1bb1b9c4d54dd21359cb8b10323958fe15776d603b4ab9d54de7c6bb779cad43",
    "VoteFeedbackResponse": "6a0df1f8c6e488c2d2fc3d5563f4afadfa3bcb758a901b5605050e271e37c524",
-   "CheckFeaturePreviewAvailable": "a55ae5db9e11715f59d867dd5c43d13cc16f73cb9386bc6a3237583585bcdc8e",
    "CheckParticipantNameAvailable": "c5183b985742c2d90b0f0f45d8b18c402cd8535add2f8b0a9194ef50799a1fb7",
+   "CheckPrivatePreviewAvailable": "3f60d07731823375bc6da5d1f0fb4178fdea9f1cbb6e9fc2345111d49dae3b46",
+   "CheckPublicPreviewAvailable": "3073ff9040493cdb59467cec1ae8081af03b7b70fe0652e210fbe660b45e802a",
    "CheckShortnameAvailable": "03a02f5db0a7415ed420529f1ee27248586f2d6593ca514a81a5d4b4037eaf1f",
    "CheckValidCoursePin": "2126ef90ecc0ffc980dd92bbd62dfa48387a97d210d5edf4f6a1116a41fb0483",
    "CountCatalogSharingRequests": "e74997c0befad19b7412afb8dd053b68fe35067d889c2f9ecaf98319bfdfd48b",
@@ -189,7 +190,7 @@
    "Participations": "dc9e8c61459be73030abcd6abb63ff5769785e3c85bf5fc60c37ee82d94f90e4",
    "Self": "32235549b5559c21d740a8358f7bc4711326dc2be34bfa1c2471aa2677958fb0",
    "SelfWithAchievements": "07ed90975e46d0b5a00efb45e844030ae6bf16653e39c53ecec5afddc72c62f2",
-   "UserProfile": "a75e5340c6358ccd08d9e25c067e997098437cf986fd48184bf03ccab0f48361",
+   "UserProfile": "cc2977534f211346f818549a5bb1815589e6e52d43d3b3090e5282039fa4eb3d",
    "FeedbackAdded": "232a4b6cf92dfd02611bc0be4fa28e10f1c4d1d0f1540616fd2d742f76af870f",
    "FeedbackCreated": "2baa4fb4b7836d924f9077f3a5e1936d3127ad327b92f90c51bae1051f9f5a2e",
    "FeedbackPinned": "d79cf0244c86c1df872244f78acef3f9aba6ff73ab542b7de782a1a66cd4e5e0",
diff --git a/packages/graphql/src/public/schema.graphql b/packages/graphql/src/public/schema.graphql
index 2dbe9c5f94..a1c2749f9b 100644
--- a/packages/graphql/src/public/schema.graphql
+++ b/packages/graphql/src/public/schema.graphql
@@ -1487,8 +1487,9 @@ type PushSubscription {
 type Query {
   artificialInstance(elementId: Int!): ElementInstance
   basicCourseInformation(courseId: String!): StudentCourse
-  checkFeaturePreviewAvailable: Boolean!
   checkParticipantNameAvailable(username: String!): Boolean!
+  checkPrivatePreviewAvailable: Boolean!
+  checkPublicPreviewAvailable: Boolean!
   checkShortnameAvailable(shortname: String!): Boolean!
   checkValidCoursePin(pin: Int!): String
   cockpitQuiz(id: String!): LiveQuiz
@@ -1822,13 +1823,14 @@ type User {
   catalyst: Boolean!
   catalystTier: String
   email: String!
-  featurePreview: Boolean!
   firstLogin: Boolean!
   id: ID!
   locale: LocaleType!
   loginToken: String
   loginTokenExpiresAt: Date
   mediaFiles: [MediaFile!]
+  privatePreview: Boolean!
+  publicPreview: Boolean!
   sendProjectUpdates: Boolean!
   shortname: String!
 }
diff --git a/packages/graphql/src/public/server.json b/packages/graphql/src/public/server.json
index d3842bc02b..3e92bd926b 100644
--- a/packages/graphql/src/public/server.json
+++ b/packages/graphql/src/public/server.json
@@ -116,8 +116,9 @@
    "8d865d09b3ef6613f8a4b2ab1c679442f5920e70c89eb9c9456b68f922f499a5": "mutation UpdateTagOrdering($originIx: Int!, $targetIx: Int!) {\n  updateTagOrdering(originIx: $originIx, targetIx: $targetIx) {\n    id\n    order\n    __typename\n  }\n}",
    "1bb1b9c4d54dd21359cb8b10323958fe15776d603b4ab9d54de7c6bb779cad43": "mutation UpvoteFeedback($feedbackId: Int!, $increment: Int!) {\n  upvoteFeedback(feedbackId: $feedbackId, increment: $increment) {\n    id\n    votes\n    __typename\n  }\n}",
    "6a0df1f8c6e488c2d2fc3d5563f4afadfa3bcb758a901b5605050e271e37c524": "mutation VoteFeedbackResponse($id: Int!, $incrementUpvote: Int!, $incrementDownvote: Int!) {\n  voteFeedbackResponse(\n    id: $id\n    incrementUpvote: $incrementUpvote\n    incrementDownvote: $incrementDownvote\n  ) {\n    id\n    positiveReactions\n    negativeReactions\n    __typename\n  }\n}",
-   "a55ae5db9e11715f59d867dd5c43d13cc16f73cb9386bc6a3237583585bcdc8e": "query CheckFeaturePreviewAvailable {\n  checkFeaturePreviewAvailable\n}",
    "c5183b985742c2d90b0f0f45d8b18c402cd8535add2f8b0a9194ef50799a1fb7": "query CheckParticipantNameAvailable($username: String!) {\n  checkParticipantNameAvailable(username: $username)\n}",
+   "3f60d07731823375bc6da5d1f0fb4178fdea9f1cbb6e9fc2345111d49dae3b46": "query CheckPrivatePreviewAvailable {\n  checkPrivatePreviewAvailable\n}",
+   "3073ff9040493cdb59467cec1ae8081af03b7b70fe0652e210fbe660b45e802a": "query CheckPublicPreviewAvailable {\n  checkPublicPreviewAvailable\n}",
    "03a02f5db0a7415ed420529f1ee27248586f2d6593ca514a81a5d4b4037eaf1f": "query CheckShortnameAvailable($shortname: String!) {\n  checkShortnameAvailable(shortname: $shortname)\n}",
    "2126ef90ecc0ffc980dd92bbd62dfa48387a97d210d5edf4f6a1116a41fb0483": "query CheckValidCoursePin($pin: Int!) {\n  checkValidCoursePin(pin: $pin)\n}",
    "e74997c0befad19b7412afb8dd053b68fe35067d889c2f9ecaf98319bfdfd48b": "query CountCatalogSharingRequests {\n  countCatalogSharingRequests\n}",
@@ -189,7 +190,7 @@
    "dc9e8c61459be73030abcd6abb63ff5769785e3c85bf5fc60c37ee82d94f90e4": "query Participations($endpoint: String) {\n  participations(endpoint: $endpoint) {\n    id\n    completedMicroLearnings\n    subscriptions {\n      id\n      endpoint\n      __typename\n    }\n    course {\n      id\n      displayName\n      startDate\n      endDate\n      description\n      isGamificationEnabled\n      microLearnings {\n        id\n        displayName\n        scheduledStartAt\n        scheduledEndAt\n        __typename\n      }\n      liveQuizzes {\n        id\n        displayName\n        __typename\n      }\n      __typename\n    }\n    __typename\n  }\n}",
    "32235549b5559c21d740a8358f7bc4711326dc2be34bfa1c2471aa2677958fb0": "query Self {\n  self {\n    id\n    email\n    username\n    avatar\n    avatarSettings {\n      skinTone\n      eyes\n      mouth\n      hair\n      facialHair\n      accessory\n      hairColor\n      clothing\n      clothingColor\n      __typename\n    }\n    isActive\n    isProfilePublic\n    xp\n    level\n    levelData {\n      id\n      index\n      name\n      avatar\n      requiredXp\n      nextLevel {\n        id\n        index\n        requiredXp\n        avatar\n        name\n        __typename\n      }\n      __typename\n    }\n    __typename\n  }\n}",
    "07ed90975e46d0b5a00efb45e844030ae6bf16653e39c53ecec5afddc72c62f2": "query SelfWithAchievements {\n  selfWithAchievements {\n    participant {\n      id\n      username\n      avatar\n      avatarSettings {\n        skinTone\n        eyes\n        mouth\n        hair\n        facialHair\n        accessory\n        hairColor\n        clothing\n        clothingColor\n        __typename\n      }\n      xp\n      level\n      levelData {\n        id\n        index\n        name\n        avatar\n        requiredXp\n        nextLevel {\n          id\n          index\n          requiredXp\n          avatar\n          name\n          __typename\n        }\n        __typename\n      }\n      achievements {\n        id\n        achievedAt\n        achievedCount\n        achievement {\n          id\n          nameDE\n          nameEN\n          descriptionDE\n          descriptionEN\n          icon\n          iconColor\n          __typename\n        }\n        __typename\n      }\n      __typename\n    }\n    achievements {\n      id\n      nameDE\n      nameEN\n      descriptionDE\n      descriptionEN\n      icon\n      iconColor\n      __typename\n    }\n    __typename\n  }\n}",
-   "a75e5340c6358ccd08d9e25c067e997098437cf986fd48184bf03ccab0f48361": "query UserProfile {\n  userProfile {\n    id\n    email\n    sendProjectUpdates\n    shortname\n    locale\n    firstLogin\n    catalyst\n    catalystTier\n    featurePreview\n    __typename\n  }\n}",
+   "cc2977534f211346f818549a5bb1815589e6e52d43d3b3090e5282039fa4eb3d": "query UserProfile {\n  userProfile {\n    id\n    email\n    sendProjectUpdates\n    shortname\n    locale\n    firstLogin\n    catalyst\n    catalystTier\n    publicPreview\n    privatePreview\n    __typename\n  }\n}",
    "232a4b6cf92dfd02611bc0be4fa28e10f1c4d1d0f1540616fd2d742f76af870f": "subscription FeedbackAdded($quizId: String!) {\n  feedbackAdded(quizId: $quizId) {\n    id\n    isPublished\n    isPinned\n    isResolved\n    content\n    votes\n    resolvedAt\n    createdAt\n    responses {\n      id\n      content\n      positiveReactions\n      negativeReactions\n      __typename\n    }\n    __typename\n  }\n}",
    "2baa4fb4b7836d924f9077f3a5e1936d3127ad327b92f90c51bae1051f9f5a2e": "subscription FeedbackCreated($quizId: String!) {\n  feedbackCreated(quizId: $quizId) {\n    id\n    isPublished\n    isPinned\n    isResolved\n    content\n    votes\n    resolvedAt\n    createdAt\n    responses {\n      id\n      content\n      positiveReactions\n      negativeReactions\n      __typename\n    }\n    __typename\n  }\n}",
    "d79cf0244c86c1df872244f78acef3f9aba6ff73ab542b7de782a1a66cd4e5e0": "subscription FeedbackPinned($quizId: String!) {\n  feedbackPinned(quizId: $quizId) {\n    id\n    isPublished\n    isPinned\n    isResolved\n    content\n    votes\n    createdAt\n    __typename\n  }\n}",
diff --git a/packages/graphql/src/schema/query.ts b/packages/graphql/src/schema/query.ts
index 9428ce7593..5881181fde 100644
--- a/packages/graphql/src/schema/query.ts
+++ b/packages/graphql/src/schema/query.ts
@@ -721,11 +721,17 @@ export const Query = builder.queryType({
         },
       }),
 
-      checkFeaturePreviewAvailable: t.field({
+      checkPublicPreviewAvailable: t.boolean({
+        nullable: false,
+        resolve(_, __, ctx) {
+          return AccountService.checkPublicPreviewAvailable(ctx)
+        },
+      }),
+
+      checkPrivatePreviewAvailable: t.boolean({
         nullable: false,
-        type: 'Boolean',
         resolve(_, __, ctx) {
-          return AccountService.checkFeaturePreviewAvailable(ctx)
+          return AccountService.checkPrivatePreviewAvailable(ctx)
         },
       }),
 
diff --git a/packages/graphql/src/schema/user.ts b/packages/graphql/src/schema/user.ts
index 62aec7ebcf..6dc8bb0222 100644
--- a/packages/graphql/src/schema/user.ts
+++ b/packages/graphql/src/schema/user.ts
@@ -36,7 +36,8 @@ export const User = UserRef.implement({
     }),
     catalystTier: t.exposeString('catalystTier', { nullable: true }),
 
-    featurePreview: t.exposeBoolean('featurePreview'),
+    publicPreview: t.exposeBoolean('publicPreview'),
+    privatePreview: t.exposeBoolean('privatePreview'),
 
     mediaFiles: t.expose('mediaFiles', {
       type: [MediaFileRef],
diff --git a/packages/graphql/src/services/accounts.ts b/packages/graphql/src/services/accounts.ts
index 25c109bc30..76fef40355 100644
--- a/packages/graphql/src/services/accounts.ts
+++ b/packages/graphql/src/services/accounts.ts
@@ -932,7 +932,7 @@ export async function changeInitialSettings(
   return user
 }
 
-export async function checkFeaturePreviewAvailable(ctx: Context) {
+export async function checkPublicPreviewAvailable(ctx: Context) {
   // check if user is logged in
   if (!ctx.user?.sub || ctx.user?.role === UserRole.PARTICIPANT) {
     return false
@@ -942,7 +942,20 @@ export async function checkFeaturePreviewAvailable(ctx: Context) {
     where: { id: ctx.user.sub },
   })
 
-  return user?.featurePreview ?? false
+  return user?.publicPreview ?? false
+}
+
+export async function checkPrivatePreviewAvailable(ctx: Context) {
+  // check if user is logged in
+  if (!ctx.user?.sub || ctx.user?.role === UserRole.PARTICIPANT) {
+    return false
+  }
+
+  const user = await ctx.prisma.user.findUnique({
+    where: { id: ctx.user.sub },
+  })
+
+  return user?.privatePreview ?? false
 }
 
 async function seedDemoQuestions(ctx: ContextWithUser) {
diff --git a/packages/i18n/messages/de.ts b/packages/i18n/messages/de.ts
index aeaeaaa576..16840692dc 100644
--- a/packages/i18n/messages/de.ts
+++ b/packages/i18n/messages/de.ts
@@ -976,13 +976,13 @@ Da die KlickerUZH-App noch nicht im iOS-App-Store verfügbar ist, folgen Sie die
       CREATETitle: 'Frage erstellen',
       EDITTitle: 'Frage bearbeiten',
       DUPLICATETitle: 'Frage duplizieren',
-      questionType: 'Fragetyp',
-      selectQuestionType: 'Fragetyp auswählen',
+      elementType: 'Elementtyp',
+      selectQuestionType: 'Elementtyp auswählen',
       selectQuestionStatus: 'Status auswählen',
       questionStatus: 'Status',
-      questionTitle: 'Fragetitel',
+      elementTitle: 'Elementtitel',
       titleTooltip:
-        'Geben Sie einen kurzen, zusammenfassenden Titel für die Frage ein. Dieser dient lediglich zur besseren Übersicht.',
+        'Geben Sie einen kurzen, zusammenfassenden Titel für das Element ein. Dieser dient lediglich zur besseren Übersicht.',
       tagsTooltip:
         'Fügen Sie Tags zu Ihrer Frage hinzu, um die Organisation und Wiederverwendbarkeit zu verbessern (änhlich zu bisherigen Ordnern).',
       tagFormatting:
diff --git a/packages/i18n/messages/en.ts b/packages/i18n/messages/en.ts
index d0e76cf3c4..fbfaed188c 100644
--- a/packages/i18n/messages/en.ts
+++ b/packages/i18n/messages/en.ts
@@ -977,13 +977,13 @@ Since the KlickerUZH app is not yet available on the iOS App Store, follow these
       CREATETitle: 'Create question',
       EDITTitle: 'Edit question',
       DUPLICATETitle: 'Duplicate question',
-      questionType: 'Question type',
-      questionStatus: 'Status',
+      elementType: 'Element type',
       selectQuestionType: 'Select question type',
       selectQuestionStatus: 'Select status',
-      questionTitle: 'Question title',
+      questionStatus: 'Status',
+      elementTitle: 'Element title',
       titleTooltip:
-        'Enter a short, summary title for the question. This is only used for better overview.',
+        'Enter a short, summary title for the element. This is only used for better overview.',
       tagsTooltip:
         'Add tags to your question to improve organization and reusability (similar to previous folders).',
       tagFormatting:
diff --git a/packages/prisma/src/data/helpers.ts b/packages/prisma/src/data/helpers.ts
index 179ef458d2..bf596859b6 100644
--- a/packages/prisma/src/data/helpers.ts
+++ b/packages/prisma/src/data/helpers.ts
@@ -27,7 +27,8 @@ export async function prepareUser({
   shortname: string
   catalystIndividual?: boolean
   catalystInstitutional?: boolean
-  featurePreview?: boolean
+  publicPreview?: boolean
+  privatePreview?: boolean
 }) {
   const hashedPassword = await bcrypt.hash(password, 12)
 
diff --git a/packages/prisma/src/data/seedUsers.ts b/packages/prisma/src/data/seedUsers.ts
index 1bb71f17cd..418b247a41 100644
--- a/packages/prisma/src/data/seedUsers.ts
+++ b/packages/prisma/src/data/seedUsers.ts
@@ -18,17 +18,8 @@ export async function seedUsers(prisma: Prisma.PrismaClient) {
       password: 'abcd',
       catalystIndividual: true,
       catalystInstitutional: true,
-      featurePreview: true,
-    })
-  )
-
-  const freeUser = await prisma.user.upsert(
-    await prepareUser({
-      id: USER_ID_TEST2,
-      name: 'Free Tier User',
-      email: 'free@df.uzh.ch',
-      shortname: 'free',
-      password: 'abcd',
+      publicPreview: true,
+      privatePreview: true,
     })
   )
 
@@ -40,6 +31,7 @@ export async function seedUsers(prisma: Prisma.PrismaClient) {
       shortname: 'pro1',
       password: 'abcd',
       catalystIndividual: true,
+      publicPreview: true,
     })
   )
 
@@ -51,6 +43,7 @@ export async function seedUsers(prisma: Prisma.PrismaClient) {
       shortname: 'pro2',
       password: 'abcd',
       catalystInstitutional: true,
+      privatePreview: true,
     })
   )
 
@@ -64,6 +57,16 @@ export async function seedUsers(prisma: Prisma.PrismaClient) {
       catalystInstitutional: true,
     })
   )
+
+  const freeUser = await prisma.user.upsert(
+    await prepareUser({
+      id: USER_ID_TEST2,
+      name: 'Free Tier User',
+      email: 'free@df.uzh.ch',
+      shortname: 'free',
+      password: 'abcd',
+    })
+  )
 }
 
 // const prismaClient = new Prisma.PrismaClient()
diff --git a/packages/prisma/src/prisma/migrations/20250123091154_multiple_preview_flags/migration.sql b/packages/prisma/src/prisma/migrations/20250123091154_multiple_preview_flags/migration.sql
new file mode 100644
index 0000000000..be0a67f691
--- /dev/null
+++ b/packages/prisma/src/prisma/migrations/20250123091154_multiple_preview_flags/migration.sql
@@ -0,0 +1,3 @@
+-- AlterTable
+ALTER TABLE "User" RENAME COLUMN "featurePreview" TO "publicPreview";
+ALTER TABLE "User" ADD COLUMN "privatePreview" BOOLEAN NOT NULL DEFAULT false;
diff --git a/packages/prisma/src/prisma/schema/user.prisma b/packages/prisma/src/prisma/schema/user.prisma
index dc29247334..3ef1e0fb39 100644
--- a/packages/prisma/src/prisma/schema/user.prisma
+++ b/packages/prisma/src/prisma/schema/user.prisma
@@ -94,7 +94,8 @@ model User {
   catalystIndividual    Boolean @default(false)
   catalystTier          String?
 
-  featurePreview Boolean @default(false)
+  publicPreview  Boolean @default(false)
+  privatePreview Boolean @default(false)
 
   logins            UserLogin[]
   session           Session[]

From 5d356cec354e8403fe24120f3c0e763e481c97a3 Mon Sep 17 00:00:00 2001
From: sjschlapbach <julius.schlapbach@gmx.net>
Date: Thu, 23 Jan 2025 11:18:52 +0100
Subject: [PATCH 2/3] chore(cypress): extend test suite with validation that
 features behind flags are only conditionally available

---
 .../src/components/common/Header.tsx          |   4 +-
 .../src/components/questions/tags/TagItem.tsx |   5 +-
 .../src/components/questions/tags/TagList.tsx |   1 +
 cypress/cypress.config.ts                     |  35 +++
 cypress/cypress/e2e/B-catalyst-workflow.cy.ts |  36 ---
 .../e2e/B-feature-access-workflow.cy.ts       | 223 ++++++++++++++++++
 cypress/cypress/fixtures/B-catalyst.json      |   1 -
 .../cypress/fixtures/B-feature-access.json    |   7 +
 8 files changed, 273 insertions(+), 39 deletions(-)
 delete mode 100644 cypress/cypress/e2e/B-catalyst-workflow.cy.ts
 create mode 100644 cypress/cypress/e2e/B-feature-access-workflow.cy.ts
 delete mode 100644 cypress/cypress/fixtures/B-catalyst.json
 create mode 100644 cypress/cypress/fixtures/B-feature-access.json

diff --git a/apps/frontend-manage/src/components/common/Header.tsx b/apps/frontend-manage/src/components/common/Header.tsx
index ea2d8cef3e..76be7e86e9 100644
--- a/apps/frontend-manage/src/components/common/Header.tsx
+++ b/apps/frontend-manage/src/components/common/Header.tsx
@@ -84,7 +84,9 @@ function Header({ user }: HeaderProps): React.ReactElement {
             icon: faBolt,
             onClick: () => router.push('/catalog'),
             active: router.pathname == '/catalog',
-            notification: pendingRequestData?.countCatalogSharingRequests !== 0,
+            notification:
+              pendingRequestData &&
+              pendingRequestData.countCatalogSharingRequests !== 0,
             data: { cy: 'catalog' },
             className: { icon: 'text-orange-400' },
           },
diff --git a/apps/frontend-manage/src/components/questions/tags/TagItem.tsx b/apps/frontend-manage/src/components/questions/tags/TagItem.tsx
index 5dd9bc1eef..334c299a0e 100644
--- a/apps/frontend-manage/src/components/questions/tags/TagItem.tsx
+++ b/apps/frontend-manage/src/components/questions/tags/TagItem.tsx
@@ -7,9 +7,10 @@ interface TagItemProps {
   icon: IconDefinition[]
   active: boolean
   onClick: () => void
+  data?: { cy?: string; test?: string }
 }
 
-function TagItem({ text, icon, active, onClick }: TagItemProps) {
+function TagItem({ text, icon, active, onClick, data }: TagItemProps) {
   return (
     <li
       className={twMerge(
@@ -17,6 +18,8 @@ function TagItem({ text, icon, active, onClick }: TagItemProps) {
         active && 'text-primary-100'
       )}
       onClick={onClick}
+      data-cy={data?.cy}
+      data-test={data?.test}
     >
       <FontAwesomeIcon icon={active ? icon[1] : icon[0]} className="mr-2 w-4" />
       {text}
diff --git a/apps/frontend-manage/src/components/questions/tags/TagList.tsx b/apps/frontend-manage/src/components/questions/tags/TagList.tsx
index d3f5066631..985011a36d 100644
--- a/apps/frontend-manage/src/components/questions/tags/TagList.tsx
+++ b/apps/frontend-manage/src/components/questions/tags/TagList.tsx
@@ -181,6 +181,7 @@ function TagList({
                     isUntagged: false,
                   })
                 }
+                data={{ cy: `element-type-filter-${type}` }}
               />
             )
           })}
diff --git a/cypress/cypress.config.ts b/cypress/cypress.config.ts
index 6b98cdadda..971c6b0119 100644
--- a/cypress/cypress.config.ts
+++ b/cypress/cypress.config.ts
@@ -251,6 +251,41 @@ export default defineConfig({
             await prisma.$disconnect()
           }
         },
+        async updateLecturerPermissions({
+          publicPreview,
+          privatePreview,
+        }: {
+          publicPreview: boolean
+          privatePreview: boolean
+        }) {
+          if (!process.env.DATABASE_URL) {
+            throw new Error('DATABASE_URL environment variable is not set')
+          }
+
+          const prisma = new PrismaClient({
+            datasources: {
+              db: {
+                url: process.env.DATABASE_URL,
+              },
+            },
+          })
+
+          try {
+            const user = await prisma.user.update({
+              where: {
+                shortname: 'lecturer',
+              },
+              data: {
+                publicPreview,
+                privatePreview,
+              },
+            })
+
+            return !!user
+          } finally {
+            await prisma.$disconnect()
+          }
+        },
       })
       return config
     },
diff --git a/cypress/cypress/e2e/B-catalyst-workflow.cy.ts b/cypress/cypress/e2e/B-catalyst-workflow.cy.ts
deleted file mode 100644
index f49e4f72e9..0000000000
--- a/cypress/cypress/e2e/B-catalyst-workflow.cy.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-describe('Tests the availability of certain functionalities to catalyst users only', () => {
-  beforeEach('Load fixture for this test case', function () {
-    cy.fixture('B-catalyst.json').then((data) => {
-      this.data = data
-    })
-  })
-
-  it('Test login for catalyst users and non-catalyst users', () => {
-    cy.loginLecturer()
-    cy.wait(1000)
-    cy.loginFreeUser()
-    cy.wait(1000)
-    cy.loginIndividualCatalyst()
-    cy.wait(1000)
-    cy.loginInstitutionalCatalyst()
-  })
-
-  it('Test that the creation buttons for practice quizzes and microlearnings are only available to catalyst users', () => {
-    cy.loginLecturer()
-    cy.wait(1000)
-    cy.get('[data-cy="create-practice-quiz"]').should('not.be.disabled')
-    cy.get('[data-cy="create-microlearning"]').should('not.be.disabled')
-    cy.loginFreeUser()
-    cy.wait(1000)
-    cy.get('[data-cy="create-practice-quiz"]').should('be.disabled')
-    cy.get('[data-cy="create-microlearning"]').should('be.disabled')
-    cy.loginIndividualCatalyst()
-    cy.wait(1000)
-    cy.get('[data-cy="create-practice-quiz"]').should('not.be.disabled')
-    cy.get('[data-cy="create-microlearning"]').should('not.be.disabled')
-    cy.loginInstitutionalCatalyst()
-    cy.wait(1000)
-    cy.get('[data-cy="create-practice-quiz"]').should('not.be.disabled')
-    cy.get('[data-cy="create-microlearning"]').should('not.be.disabled')
-  })
-})
diff --git a/cypress/cypress/e2e/B-feature-access-workflow.cy.ts b/cypress/cypress/e2e/B-feature-access-workflow.cy.ts
new file mode 100644
index 0000000000..dcaf79e6dc
--- /dev/null
+++ b/cypress/cypress/e2e/B-feature-access-workflow.cy.ts
@@ -0,0 +1,223 @@
+import messages from '../../../packages/i18n/messages/en'
+
+describe('Tests the availability of certain functionalities to catalyst users only', () => {
+  beforeEach('Load fixture for this test case', function () {
+    cy.fixture('B-feature-access.json').then((data) => {
+      this.data = data
+    })
+  })
+
+  function validateFeatureAvailability({
+    data,
+    publicPreview,
+    privatePreview,
+  }: {
+    data: any
+    publicPreview: boolean
+    privatePreview: boolean
+  }) {
+    // public preview features in menubar
+    if (publicPreview) {
+      cy.get('[data-cy="analytics"]').should('exist')
+    } else {
+      cy.get('[data-cy="analytics"]').should('not.exist')
+    }
+
+    // (public) learning analytics course link available
+    cy.get('[data-cy="courses"]').click()
+    cy.get(`[data-cy="course-list-button-${data.seed.courseName}"]`).click()
+    if (publicPreview) {
+      cy.get('[data-cy="course-learning-analytics-link"]').should('exist')
+    } else {
+      cy.get('[data-cy="course-learning-analytics-link"]').should('not.exist')
+    }
+
+    // (public) learning analytics link on microlearnings
+    cy.get('[data-cy="tab-microLearnings"]').click()
+    cy.get(
+      `[data-cy="microlearning-actions-${data.seed.microlearning}"]`
+    ).click()
+    if (publicPreview) {
+      cy.get('[data-cy="open-analytics-async-activity"]').should('exist')
+    } else {
+      cy.get('[data-cy="open-analytics-async-activity"]').should('not.exist')
+    }
+    cy.get(`[data-cy="copy-lti-link-${data.seed.microlearning}"]`).click()
+
+    // (public) learning analytics link on practice quizzes
+    cy.get('[data-cy="tab-practiceQuizzes"]').click()
+    cy.get(
+      `[data-cy="practice-quiz-actions-${data.seed.practiceQuiz}"]`
+    ).click()
+    if (publicPreview) {
+      cy.get('[data-cy="open-analytics-async-activity"]').should('exist')
+    } else {
+      cy.get('[data-cy="open-analytics-async-activity"]').should('not.exist')
+    }
+    cy.get(`[data-cy="copy-lti-link-${data.seed.practiceQuiz}"]`).click()
+
+    // private preview features in menubar
+    cy.get('[data-cy="library"]').click()
+    if (privatePreview) {
+      cy.get('[data-cy="resources"]').should('exist')
+      cy.get('[data-cy="catalog"]').should('exist')
+    } else {
+      cy.get('[data-cy="resources"]').should('not.exist')
+      cy.get('[data-cy="catalog"]').should('not.exist')
+    }
+
+    // (private) check that new question type filters are available
+    if (privatePreview) {
+      cy.get('[data-cy="element-type-filter-SELECTION"]').should('exist')
+    } else {
+      cy.get('[data-cy="element-type-filter-SELECTION"]').should('not.exist')
+    }
+
+    // (private) check that new question types are available during element creation
+    cy.get('[data-cy="create-question"]').click()
+    cy.get('[data-cy="select-question-type"]')
+      .should('exist')
+      .contains(messages.shared.SC.typeLabel)
+    cy.get('[data-cy="select-question-type"]').click()
+    if (privatePreview) {
+      cy.get(
+        `[data-cy="select-question-type-${messages.shared.SELECTION.typeLabel}"]`
+      ).click()
+    } else {
+      cy.get(
+        `[data-cy="select-question-type-${messages.shared.SELECTION.typeLabel}"]`
+      ).should('not.exist')
+      cy.get(
+        `[data-cy="select-question-type-${messages.shared.SC.typeLabel}"]`
+      ).click()
+    }
+    cy.get('[data-cy="close-question-modal"]').click()
+  }
+
+  it('Test login for catalyst users and non-catalyst users', function () {
+    cy.loginLecturer()
+    cy.wait(1000)
+    cy.loginFreeUser()
+    cy.wait(1000)
+    cy.loginIndividualCatalyst()
+    cy.wait(1000)
+    cy.loginInstitutionalCatalyst()
+  })
+
+  it('Test that the creation buttons for practice quizzes and microlearnings are only available to catalyst users', function () {
+    cy.loginLecturer()
+    cy.wait(1000)
+    cy.get('[data-cy="create-practice-quiz"]').should('not.be.disabled')
+    cy.get('[data-cy="create-microlearning"]').should('not.be.disabled')
+    cy.loginFreeUser()
+    cy.wait(1000)
+    cy.get('[data-cy="create-practice-quiz"]').should('be.disabled')
+    cy.get('[data-cy="create-microlearning"]').should('be.disabled')
+    cy.loginIndividualCatalyst()
+    cy.wait(1000)
+    cy.get('[data-cy="create-practice-quiz"]').should('not.be.disabled')
+    cy.get('[data-cy="create-microlearning"]').should('not.be.disabled')
+    cy.loginInstitutionalCatalyst()
+    cy.wait(1000)
+    cy.get('[data-cy="create-practice-quiz"]').should('not.be.disabled')
+    cy.get('[data-cy="create-microlearning"]').should('not.be.disabled')
+  })
+
+  it('Verify that both public and private preview features are available for lecturer', function () {
+    cy.loginLecturer()
+
+    validateFeatureAvailability({
+      data: this.data,
+      publicPreview: true,
+      privatePreview: true,
+    })
+  })
+
+  it('Verify that only the public preview features are available if the corresponding flag is set', function () {
+    // modify access permissions
+    cy.task('updateLecturerPermissions', {
+      publicPreview: true,
+      privatePreview: false,
+    }).then((result: boolean) => {
+      // check if the query was successful
+      if (result === false) {
+        throw new Error('Permissions of user could not be updated.')
+      }
+
+      // login as lecturer
+      cy.loginLecturer()
+      cy.reload()
+
+      // validate the feature availability
+      validateFeatureAvailability({
+        data: this.data,
+        publicPreview: true,
+        privatePreview: false,
+      })
+    })
+  })
+
+  it('Verify that only private preview features are available if the corresponding flag is set', function () {
+    // modify access permissions
+    cy.task('updateLecturerPermissions', {
+      publicPreview: false,
+      privatePreview: true,
+    }).then((result: boolean) => {
+      // check if the query was successful
+      if (result === false) {
+        throw new Error('Permissions of user could not be updated.')
+      }
+
+      // login as lecturer
+      cy.loginLecturer()
+      cy.reload()
+
+      // validate the feature availability
+      validateFeatureAvailability({
+        data: this.data,
+        publicPreview: false,
+        privatePreview: true,
+      })
+    })
+  })
+
+  it('Verify that without feature flags, preview features are not visible', function () {
+    // modify access permissions
+    cy.task('updateLecturerPermissions', {
+      publicPreview: false,
+      privatePreview: false,
+    }).then((result: boolean) => {
+      // check if the query was successful
+      if (result === false) {
+        throw new Error('Permissions of user could not be updated.')
+      }
+
+      // login as lecturer
+      cy.loginLecturer()
+      cy.reload()
+
+      // validate the feature availability
+      validateFeatureAvailability({
+        data: this.data,
+        publicPreview: false,
+        privatePreview: false,
+      })
+    })
+  })
+
+  it('Cleanup: Change back the user permissions to their original state', function () {
+    // modify access permissions
+    cy.task('updateLecturerPermissions', {
+      publicPreview: true,
+      privatePreview: true,
+    }).then((result: boolean) => {
+      // check if the query was successful
+      if (result === false) {
+        throw new Error('Permissions of user could not be updated.')
+      }
+
+      // dummy action
+      cy.visit(Cypress.env('URL_MANAGE'))
+    })
+  })
+})
diff --git a/cypress/cypress/fixtures/B-catalyst.json b/cypress/cypress/fixtures/B-catalyst.json
deleted file mode 100644
index 0967ef424b..0000000000
--- a/cypress/cypress/fixtures/B-catalyst.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
diff --git a/cypress/cypress/fixtures/B-feature-access.json b/cypress/cypress/fixtures/B-feature-access.json
new file mode 100644
index 0000000000..f81f11d59d
--- /dev/null
+++ b/cypress/cypress/fixtures/B-feature-access.json
@@ -0,0 +1,7 @@
+{
+  "seed": {
+    "courseName": "Testkurs",
+    "microlearning": "Test Microlearning",
+    "practiceQuiz": "Practice Quiz Demo"
+  }
+}

From cade8753a1601700936c340f9d60daf6a3731640 Mon Sep 17 00:00:00 2001
From: sjschlapbach <julius.schlapbach@gmx.net>
Date: Thu, 23 Jan 2025 11:20:54 +0100
Subject: [PATCH 3/3] chore: update users seed

---
 packages/prisma/src/data/seedUsers.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/prisma/src/data/seedUsers.ts b/packages/prisma/src/data/seedUsers.ts
index 418b247a41..69951dfe2c 100644
--- a/packages/prisma/src/data/seedUsers.ts
+++ b/packages/prisma/src/data/seedUsers.ts
@@ -32,6 +32,7 @@ export async function seedUsers(prisma: Prisma.PrismaClient) {
       password: 'abcd',
       catalystIndividual: true,
       publicPreview: true,
+      privatePreview: true,
     })
   )
 
@@ -43,6 +44,7 @@ export async function seedUsers(prisma: Prisma.PrismaClient) {
       shortname: 'pro2',
       password: 'abcd',
       catalystInstitutional: true,
+      publicPreview: true,
       privatePreview: true,
     })
   )