project disclosures frontend (#6955)

* begin project disclosures

* new project settings header

* begin disclosure settings, edit content rules

* togglecards

* update phrasing of the rules, prepr

* more disclosure settings structuring

* add functionality toggle

* implement functionality with staging api

* improve project settings head titles

* feat(labrinth): project disclosures model

* feat(labrinth): project disclosures database model

* feat(labrinth): project disclosures get endpoint

* feat(labrinth): censor user ids if set by moderator

* feat(labrinth): wrap disclosures in struct

* feat(labrinth): edit project disclosures endpoint

* style(labrinth): cargo fmt

* style(labrinth): fix typo

* feat(labrinth): add fields for ai content disclosure

* fix(labrinth): field typo

* chore(labrinth): update query cache

* feat(labrinth): index disclosures in search

* refactor(labrinth): use enum instead of bools

* feat(labrinth): trigger incremental index on disclosure change

* feat(labrinth): change archived status to disclosure

* feat(labrinth): use disclosure for archival status

* fix(labrinth): error type for deserialization

* fix(labrinth): migration timestamp

* fix(labrinth): add disclosures to elasticsearch schema

* disclosures in search

* update photosensitivity warning copy

* update archiving, move general project settings to v3 (start redesign there), use project id lookups for stable cache keys, advanced in server search

* blue archive banner

* display AI use types

* improve labels

* add modrinth to link

* add placeholder missing disclosure report type

* add AI metadata checking to block image uploads with notice

* update copy

* update section 4 of rules

* Update rule 6 layout

* fix(labrinth): don't remove archival disclosure when changing status via v3 api

* feat(labrinth): derive str for ai usages and telemtry consent

* feat(labrinth): include ai usages and telemetry consent in disclosure types

* Update moderation checklist (#7056)

* fix: missing delphi severity (#7054)

* Utils nav, new disclosures stage, ai button in rules

* add prefix to collect

* Finish up new disclosures stage

* update r4 messages

* new r4 msg, update showcase clarity message

* fix: version upload failing to detect mrpack loader (#7063)

* fix: mrpack exporting with zip64 (#7064)

* fix: action bar max width (#7048)

* fix: action bar max width

* fix: width

* changelog

* Rule placeholders with subsections & anchors, update messages.

* update new messages to account for new rule and placeholder layout

* Add nag for content disclosures

---------

Co-authored-by: ThatGravyBoat <gravy@thatgravyboat.tech>
Co-authored-by: chyzman <chyzalt@gmail.com>
Co-authored-by: Truman Gao <106889354+tdgao@users.noreply.github.com>
Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

* prepr

* refactor(labrinth): move disclosure parsing to document creation

* fix(labrinth): prevent removing moderator added archival disclosures

* fix(labrinth): dedupe ai usages

* fix(labrinth): auth logic on archived disclosure removal

* feat(labrinth): add interactions field

* style(labrinth): cargo fmt

* feat(labrinth): granular disclosure locking

* add 5.8, move 5.9, update messages and placeholders accordingly.

* move disclosures stage earlier

* include consent model info in telemetry disclosure msgs

* prepr + update date

* typo

* qa pass

* search suboptions

* add empty state

* checkboxes in column

* persistent advanced filters

* blog draft

* prepr

* support soft deletion

* reload instead of optimistically updating

* update blog

* TOS update + minor verbiage adjustment

* 45 day grace

---------

Co-authored-by: sychic <47618543+Sychic@users.noreply.github.com>
Co-authored-by: coolbot <76798835+coolbot100s@users.noreply.github.com>
Co-authored-by: ThatGravyBoat <gravy@thatgravyboat.tech>
Co-authored-by: chyzman <chyzalt@gmail.com>
Co-authored-by: Truman Gao <106889354+tdgao@users.noreply.github.com>

apps/app-frontend/src/components/ui/shared-instances/shared-instance-install-modal/index.vue

@@ -251,6 +251,7 @@ import {
 	type ComboboxOption,
 	commonMessages,
 	defineMessages,
+	formatReportType,
 	injectAuth,
 	injectModrinthClient,
 	injectNotificationManager,
@@ -328,9 +329,9 @@ const externalFileRows = computed<ExternalFileRow[]>(() =>
 		.sort((left, right) => left.name.localeCompare(right.name)),
 )
 const reportReasonOptions = computed<ComboboxOption<ReportReason>[]>(() => [
-	{ value: 'malicious', label: formatMessage(messages.maliciousReason) },
-	{ value: 'inappropriate', label: formatMessage(messages.inappropriateReason) },
-	{ value: 'spam', label: formatMessage(messages.spamReason) },
+	{ value: 'malicious', label: formatReportType(formatMessage, 'malicious') },
+	{ value: 'inappropriate', label: formatReportType(formatMessage, 'inappropriate') },
+	{ value: 'spam', label: formatReportType(formatMessage, 'spam') },
 ])
 const canSubmitReport = computed(
 	() => Boolean(preview.value && additionalContext.value.trim()) && !submitLoading.value,
@@ -540,18 +541,6 @@ const messages = defineMessages({
 		id: 'app.modal.install-to-play.report-reason',
 		defaultMessage: 'Which rule does this instance violate?',
 	},
-	maliciousReason: {
-		id: 'app.modal.install-to-play.report-reason.malicious',
-		defaultMessage: 'Malicious',
-	},
-	inappropriateReason: {
-		id: 'app.modal.install-to-play.report-reason.inappropriate',
-		defaultMessage: 'Inappropriate',
-	},
-	spamReason: {
-		id: 'app.modal.install-to-play.report-reason.spam',
-		defaultMessage: 'Spam',
-	},
 	additionalContext: {
 		id: 'app.modal.install-to-play.additional-context',
 		defaultMessage: 'Additional context',

apps/app-frontend/src/locales/da-DK/index.json

@@ -461,9 +461,6 @@
   "app.modal.install-to-play.report-image-too-large": {
     "message": "Filen overskrider 1MiB størrelse begrænsning"
   },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.shared-instance": {
     "message": "Delt instance"
   },

apps/app-frontend/src/locales/de-CH/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Gegen welche Regel verstößt diese Instanz?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Unangemessen"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Bösartig"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Geteilte Instanz melden"
   },

apps/app-frontend/src/locales/de-DE/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Gegen welche Regel verstößt diese Instanz?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Unangemessen"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Bösartig"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Geteilte Instanz melden"
   },

apps/app-frontend/src/locales/en-US/index.json

@@ -728,15 +728,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Which rule does this instance violate?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Inappropriate"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Malicious"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Report shared instance"
   },

apps/app-frontend/src/locales/es-419/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "¿Qué regla rompe esta instancia?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Inapropiado"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Malicioso"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Reportar instancia compartida"
   },

apps/app-frontend/src/locales/fr-FR/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Quelle règle cette instance enfreint-elle ?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Inapproprié"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Malicieux"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Signaler une instance partagée"
   },

apps/app-frontend/src/locales/hu-HU/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Melyik szabályt sérti ez az adott példány?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Nem megfelelő"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Káros"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Megosztott példány jelentése"
   },

apps/app-frontend/src/locales/it-IT/index.json

@@ -692,15 +692,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Quale regola è violata da quest'istanza?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Inappropriato"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Dannoso"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Segnala istanza condivisa"
   },

apps/app-frontend/src/locales/ja-JP/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "この起動構成はどの規則に違反していますか？"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "不適切なコンテンツ"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "悪意がある"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "スパム"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "共有された起動構成を通報する"
   },

apps/app-frontend/src/locales/ko-KR/index.json

@@ -692,15 +692,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "이 인스턴스가 위반한 규칙은 무엇인가요?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "부적절함"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "악성/유해함"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "스팸"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "공유 인스턴스 신고"
   },

apps/app-frontend/src/locales/ms-MY/index.json

@@ -245,9 +245,6 @@
   "app.modal.install-to-play.mod-count": {
     "message": "{count, plural, other {# mod}}"
   },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.shared-instance": {
     "message": "Pemasangan yang dikongsi"
   },

apps/app-frontend/src/locales/nl-NL/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Welke regel wordt in deze instantie overtreden?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Ongepast"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Kwaadaardig"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Gedeelde instantie melden"
   },

apps/app-frontend/src/locales/pl-PL/index.json

@@ -662,15 +662,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Którą zasadę narusza ta instancja?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Treści nieodpowiednie"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Zawiera Złośliwy kod"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Zgłoś przesłaną Instalacje"
   },

apps/app-frontend/src/locales/pt-BR/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Qual regra esta instância viola?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Inapropriado"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Malicioso"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Denunciar instância compartilhada"
   },

apps/app-frontend/src/locales/ru-RU/index.json

@@ -686,15 +686,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Какое правило нарушает данная сборка?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Неприемлемое содержимое"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Вредоносное содержимое"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Спам"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Сообщить об общем экземпляре"
   },

apps/app-frontend/src/locales/sv-SE/index.json

@@ -674,15 +674,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Vilken regel bryter instansen mot?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Olämplig"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Skadlig"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Rapportera delad instans"
   },

apps/app-frontend/src/locales/tr-TR/index.json

@@ -656,15 +656,6 @@
   "app.modal.install-to-play.report-image-too-large": {
     "message": "Dosya 1 MiB boyut sınırını aşıyor"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Uygunsuz"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Kötü niyetli"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Spam"
-  },
   "app.modal.install-to-play.report-submitted": {
     "message": "Rapor sunuldu"
   },

apps/app-frontend/src/locales/uk-UA/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "Яке правило порушує цей профіль?"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "Неприпустимий уміст"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "Шкідливий уміст"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "Спам"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "Скарга на спільний профіль"
   },

apps/app-frontend/src/locales/zh-CN/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "该实例违反了哪项规则？"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "不当内容"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "恶意内容"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "垃圾内容"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "举报共享实例"
   },

apps/app-frontend/src/locales/zh-TW/index.json

@@ -695,15 +695,6 @@
   "app.modal.install-to-play.report-reason": {
     "message": "這個實例違反了哪一條規則？"
   },
-  "app.modal.install-to-play.report-reason.inappropriate": {
-    "message": "不當內容"
-  },
-  "app.modal.install-to-play.report-reason.malicious": {
-    "message": "惡意內容"
-  },
-  "app.modal.install-to-play.report-reason.spam": {
-    "message": "垃圾內容"
-  },
   "app.modal.install-to-play.report-shared-instance-header": {
     "message": "檢舉共用實例"
   },

apps/app-frontend/src/pages/Browse.vue

@@ -1222,11 +1222,25 @@ const advancedFiltersCollapsed = computed({
 	},
 })
 
+const dismissedPhotosensitivityFilterWarning = computed({
+	get: () => themeStore.getFeatureFlag('dismissed_photosensitivity_filter_warning'),
+	set: (value) => {
+		themeStore.featureFlags['dismissed_photosensitivity_filter_warning'] = value
+		getSettings()
+			.then((settings) => {
+				settings.feature_flags['dismissed_photosensitivity_filter_warning'] = value
+				return setSettings(settings)
+			})
+			.catch(handleError)
+	},
+})
+
 provideBrowseManager({
 	tags,
 	projectType,
 	...searchState,
 	advancedFiltersCollapsed,
+	dismissedPhotosensitivityFilterWarning,
 	getProjectLink: (result: Labrinth.Search.v3.ResultSearchProject) => ({
 		path: `/project/${result.project_id ?? result.slug}`,
 		query: getProjectBrowseQuery(),

apps/app-frontend/src/store/theme.ts

@@ -22,6 +22,7 @@ export const DEFAULT_FEATURE_FLAGS = {
 	friends_online_collapsed: false,
 	friends_offline_collapsed: true,
 	friends_pending_collapsed: true,
+	dismissed_photosensitivity_filter_warning: false,
 }
 
 export const THEME_OPTIONS = ['dark', 'light', 'oled', 'retro', 'system'] as const