@mundogamernetwork/shared-ui 1.16.23 → 1.16.25

package/components/playtest/build-access/BuildAccessPanel.vue

@@ -4,10 +4,12 @@
 // role for the (unrelated, accept-time) key/link grant. Renders nothing if
 // the campaign has no ready build asset at all, so campaigns that don't use
 // this feature (concept polls, etc.) show no empty panel.
-import { onMounted, computed } from "vue";
+import { onMounted, computed, ref } from "vue";
 import { usePlaytestBuildAccess } from "../../../composables/usePlaytestBuildAccess";
 import NdaSign from "./NdaSign.vue";
 import BuildDownload from "./BuildDownload.vue";
+import ReportProblemForm from "./ReportProblemForm.vue";
+import type { StoreBuildProblemReportPayload } from "../../../services/playtestTesterService";
 
 const props = defineProps<{
 	campaignId: number;
@@ -17,6 +19,13 @@ const state = usePlaytestBuildAccess(props.campaignId);
 
 const hasAnyBuild = computed(() => state.assets.value.length > 0);
 
+// Available at ANY grant status, including pending_nda/revoked — a tester
+// stuck in the sign flow itself (e.g. never got the OTP email) or whose
+// access was pulled still needs a way to reach the studio privately. Never
+// a public wall.
+const showReportForm = ref(false);
+const reportFormRef = ref<InstanceType<typeof ReportProblemForm> | null>(null);
+
 onMounted(async () => {
 	await state.loadAssets();
 	if (hasAnyBuild.value) {
@@ -28,6 +37,22 @@ async function onDownload(assetId: number) {
 	const url = await state.getDownloadUrl(assetId);
 	if (url) window.open(url, "_blank", "noopener");
 }
+
+function openReportForm() {
+	state.reportSuccess.value = false;
+	showReportForm.value = true;
+}
+
+async function onReportSubmit(payload: StoreBuildProblemReportPayload) {
+	// showReportForm stays true on success — the reportSuccess branch inside
+	// the v-else block below is what actually renders the confirmation.
+	await state.submitProblemReport(payload);
+}
+
+async function onUploadReportMedia(file: File) {
+	const url = await state.uploadReportMedia(file);
+	reportFormRef.value?.setMediaUrl(url);
+}
 </script>
 
 <template>
@@ -57,9 +82,50 @@ async function onDownload(assetId: number) {
 			@download="onDownload"
 		/>
 
-		<p v-else-if="state.grant.value?.status === 'revoked'" class="build-access-panel__revoked">
-			{{ $t("playtest.build_access.revoked", "Your access to this build has been revoked by the studio.") }}
-		</p>
+		<div v-else-if="state.grant.value?.status === 'revoked'" class="build-access-panel__revoked">
+			<p class="build-access-panel__revoked-title">
+				{{ $t("playtest.build_access.revoked", "Your access to this build has been revoked.") }}
+			</p>
+			<p class="build-access-panel__revoked-hint">
+				{{ $t("playtest.build_access.revoked_hint", "This is usually done by the studio running the campaign.") }}
+				<button type="button" class="build-access-panel__revoked-link" @click="openReportForm">
+					{{ $t("playtest.build_access.revoked_contact_link", "If you think this is a mistake, let them know.") }}
+				</button>
+			</p>
+		</div>
+
+		<div v-if="state.grant.value" class="build-access-panel__contact">
+			<button
+				v-if="!showReportForm"
+				type="button"
+				class="build-access-panel__contact-toggle"
+				@click="openReportForm"
+			>
+				{{ $t("playtest.build_access.report_problem", "Report a problem") }}
+			</button>
+
+			<template v-else>
+				<div v-if="state.reportSuccess.value" class="build-access-panel__report-sent-wrap">
+					<p class="build-access-panel__report-sent">
+						{{ $t("playtest.build_access.report_sent", "Sent — only the studio can see this.") }}
+					</p>
+					<button type="button" class="build-access-panel__contact-toggle" @click="openReportForm">
+						{{ $t("playtest.build_access.report_another", "Send another report") }}
+					</button>
+				</div>
+				<template v-else>
+					<ReportProblemForm
+						ref="reportFormRef"
+						:assets="state.assets.value"
+						:submitting="state.reportSubmitting.value"
+						:uploading="state.reportUploading.value"
+						@submit="onReportSubmit"
+						@upload-media="onUploadReportMedia"
+					/>
+					<p v-if="state.reportError.value" class="build-access-panel__report-error">{{ state.reportError.value }}</p>
+				</template>
+			</template>
+		</div>
 	</div>
 </template>
 
@@ -83,10 +149,67 @@ async function onDownload(assetId: number) {
 	}
 
 	&__revoked {
+		display: flex;
+		flex-direction: column;
+		gap: 6px;
+	}
+
+	&__revoked-title {
 		font-size: 13px;
 		color: var(--danger, #e53935);
 		margin: 0;
 	}
+
+	&__revoked-hint {
+		font-size: 12px;
+		color: var(--secondary-info-fg, #888);
+		margin: 0;
+	}
+
+	&__revoked-link {
+		background: none;
+		border: none;
+		padding: 0;
+		margin-left: 4px;
+		font-size: 12px;
+		color: var(--primary, #d297ff);
+		cursor: pointer;
+		text-decoration: underline;
+	}
+
+	&__contact {
+		margin-top: 14px;
+		padding-top: 14px;
+		border-top: 1px solid var(--button-secondary-default-bg);
+	}
+
+	&__contact-toggle {
+		background: none;
+		border: none;
+		padding: 0;
+		font-size: 12px;
+		color: var(--primary, #d297ff);
+		cursor: pointer;
+	}
+
+	&__report-sent-wrap {
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+		align-items: flex-start;
+	}
+
+	&__report-sent {
+		font-size: 12px;
+		color: var(--primary, #d297ff);
+		margin: 0;
+	}
+
+	&__report-error {
+		font-size: 12px;
+		color: var(--danger, #e53935);
+		margin: 8px 0 0;
+	}
 }
 
 @keyframes build-access-panel-pulse {

package/components/playtest/build-access/BuildDownload.vue

@@ -37,11 +37,14 @@ function formatSize(bytes: number | null): string {
 
 		<div v-else class="build-download__list">
 			<div v-for="asset in assets" :key="asset.id" class="build-download__row">
-				<div class="build-download__info">
-					<span class="build-download__platform">{{ asset.platform }}</span>
-					<span class="build-download__filename">{{ asset.original_filename }}</span>
-					<span v-if="asset.version_label" class="build-download__version">{{ asset.version_label }}</span>
-					<span v-if="asset.size_bytes" class="build-download__size">{{ formatSize(asset.size_bytes) }}</span>
+				<div class="build-download__main">
+					<div class="build-download__info">
+						<span class="build-download__platform">{{ asset.platform }}</span>
+						<span class="build-download__filename">{{ asset.original_filename }}</span>
+						<span v-if="asset.version_label" class="build-download__version">{{ asset.version_label }}</span>
+						<span v-if="asset.size_bytes" class="build-download__size">{{ formatSize(asset.size_bytes) }}</span>
+					</div>
+					<p v-if="asset.notes" class="build-download__notes">{{ asset.notes }}</p>
 				</div>
 				<button
 					type="button"
@@ -96,6 +99,13 @@ function formatSize(bytes: number | null): string {
 		border: 1px solid var(--bg-app-badge);
 	}
 
+	&__main {
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+		flex: 1;
+	}
+
 	&__info {
 		display: flex;
 		flex-wrap: wrap;
@@ -104,6 +114,13 @@ function formatSize(bytes: number | null): string {
 		font-size: 13px;
 	}
 
+	&__notes {
+		white-space: pre-wrap;
+		font-size: 11px;
+		color: var(--secondary-info-fg, #888);
+		margin: 0;
+	}
+
 	&__platform {
 		text-transform: uppercase;
 		font-size: 10px;

package/components/playtest/build-access/ReportProblemForm.vue

@@ -0,0 +1,143 @@
+<script setup lang="ts">
+// Private tester -> studio message about a build-access grant — never a
+// public wall. Structural mirror of playtest/lqa/FileIssueForm.vue, minus
+// the LQA-specific issue_type/severity taxonomy and with evidence made
+// OPTIONAL (a question doesn't need a screenshot, unlike a defect report).
+import { ref, computed } from "vue";
+import type { BuildProblemReportCategory, StoreBuildProblemReportPayload, PlaytestBuildAsset } from "../../../services/playtestTesterService";
+
+const props = defineProps<{
+	assets: PlaytestBuildAsset[];
+	submitting?: boolean;
+	uploading?: boolean;
+}>();
+
+const emit = defineEmits<{
+	(e: "submit", payload: StoreBuildProblemReportPayload): void
+	(e: "upload-media", file: File): void
+}>();
+
+const CATEGORIES: BuildProblemReportCategory[] = ["question", "installation_problem", "access_problem", "other"];
+
+const category = ref<BuildProblemReportCategory | "">("");
+const assetId = ref<number | "">("");
+const message = ref("");
+const mediaUrl = ref<string | null>(null);
+
+const canSubmit = computed(() =>
+	!!category.value &&
+	message.value.trim().length > 0 &&
+	!props.submitting
+);
+
+function onFileChange(e: Event) {
+	const file = (e.target as HTMLInputElement).files?.[0];
+	if (file) emit("upload-media", file);
+}
+
+function setMediaUrl(url: string | null) {
+	mediaUrl.value = url;
+}
+
+defineExpose({ setMediaUrl });
+
+function submit() {
+	if (!canSubmit.value || !category.value) return;
+	emit("submit", {
+		category: category.value,
+		message: message.value.trim(),
+		playtest_build_asset_id: assetId.value ? Number(assetId.value) : undefined,
+		media_url: mediaUrl.value ?? undefined,
+	});
+
+	category.value = "";
+	assetId.value = "";
+	message.value = "";
+	mediaUrl.value = null;
+}
+</script>
+
+<template>
+	<div class="report-problem-form">
+		<div class="report-problem-form__row">
+			<label class="report-problem-form__label">{{ $t("playtest.build_access.report_category", "What's this about?") }}</label>
+			<select v-model="category" class="report-problem-form__select">
+				<option value="" disabled>{{ $t("playtest.build_access.select_category_placeholder", "Select…") }}</option>
+				<option v-for="c in CATEGORIES" :key="c" :value="c">
+					{{ $t(`playtest.build_access.report_category_${c}`) }}
+				</option>
+			</select>
+		</div>
+
+		<div v-if="assets.length" class="report-problem-form__row">
+			<label class="report-problem-form__label">{{ $t("playtest.build_access.report_related_build", "Related build (optional)") }}</label>
+			<select v-model="assetId" class="report-problem-form__select">
+				<option value="">{{ $t("playtest.build_access.report_select_build_placeholder", "General question / not build-specific") }}</option>
+				<option v-for="asset in assets" :key="asset.id" :value="asset.id">
+					{{ asset.platform }} — {{ asset.original_filename }}
+				</option>
+			</select>
+		</div>
+
+		<div class="report-problem-form__row">
+			<label class="report-problem-form__label">{{ $t("playtest.build_access.report_message", "Message (required)") }}</label>
+			<textarea v-model="message" rows="3" class="report-problem-form__textarea" />
+		</div>
+
+		<div class="report-problem-form__row">
+			<label class="report-problem-form__label">{{ $t("playtest.build_access.report_attach_screenshot", "Attach a screenshot (optional)") }}</label>
+			<input type="file" accept="image/*" @change="onFileChange">
+			<span v-if="uploading" class="report-problem-form__uploading">{{ $t("playtest.lqa.uploading", "Uploading…") }}</span>
+			<span v-else-if="mediaUrl" class="report-problem-form__uploaded">{{ $t("playtest.lqa.uploaded", "Attached") }}</span>
+		</div>
+
+		<button type="button" class="btn primary report-problem-form__submit" :disabled="!canSubmit" @click="submit">
+			{{ submitting ? $t("playtest.build_access.sending_report", "Sending…") : $t("playtest.build_access.report_submit", "Send to studio") }}
+		</button>
+	</div>
+</template>
+
+<style scoped lang="scss">
+.report-problem-form {
+	&__row {
+		margin-bottom: 14px;
+	}
+
+	&__label {
+		display: block;
+		font-size: 12px;
+		color: var(--secondary-info-fg, #aaa);
+		margin-bottom: 6px;
+	}
+
+	&__select,
+	&__textarea {
+		width: 100%;
+		background: var(--bg-app-badge, #1a1a1a);
+		border: 1px solid var(--button-secondary-default-bg, #2a2a2a);
+		color: var(--text-primary, #fff);
+		padding: 10px;
+		font-size: 13px;
+	}
+
+	&__textarea {
+		resize: vertical;
+	}
+
+	&__uploading,
+	&__uploaded {
+		display: inline-block;
+		margin-left: 8px;
+		font-size: 11px;
+		color: var(--secondary-info-fg, #888);
+	}
+
+	&__uploaded {
+		color: var(--primary, #D297FF);
+	}
+
+	&__submit {
+		margin-top: 4px;
+	}
+}
+</style>

package/composables/usePlaytestBuildAccess.ts

@@ -4,8 +4,11 @@ import {
 	initiateBuildNda,
 	fetchBuildAssets,
 	fetchBuildDownloadUrl,
+	storeBuildProblemReport,
+	uploadPlaytestMedia,
 	type PlaytestBuildGrant,
 	type PlaytestBuildAsset,
+	type StoreBuildProblemReportPayload,
 } from "../services/playtestTesterService";
 import {
 	fetchSigningSession,
@@ -194,6 +197,41 @@ export function usePlaytestBuildAccess(campaignId: number) {
 		}
 	}
 
+	// ── Problem reports (private, any grant status) ──────────────────────
+	const reportSubmitting = ref(false);
+	const reportUploading = ref(false);
+	const reportSuccess = ref(false);
+	const reportError = ref<string | null>(null);
+
+	/** Never gated on grant status — a tester stuck before NDA sign still needs to reach the studio. */
+	async function submitProblemReport(payload: StoreBuildProblemReportPayload) {
+		if (!grant.value) return false;
+		reportError.value = null;
+		reportSubmitting.value = true;
+		try {
+			await storeBuildProblemReport(grant.value.id, payload);
+			reportSuccess.value = true;
+			return true;
+		} catch (e: any) {
+			reportError.value = errorMessage(e, "Could not send your report. Please try again.");
+			return false;
+		} finally {
+			reportSubmitting.value = false;
+		}
+	}
+
+	async function uploadReportMedia(file: File): Promise<string | null> {
+		reportUploading.value = true;
+		try {
+			const res = await uploadPlaytestMedia(file);
+			return (res.data as any)?.data?.url ?? null;
+		} catch {
+			return null;
+		} finally {
+			reportUploading.value = false;
+		}
+	}
+
 	return {
 		loading,
 		submitting,
@@ -213,6 +251,12 @@ export function usePlaytestBuildAccess(campaignId: number) {
 		sign,
 		getDownloadUrl,
 		resetErrors,
+		reportSubmitting,
+		reportUploading,
+		reportSuccess,
+		reportError,
+		submitProblemReport,
+		uploadReportMedia,
 	};
 }
 

package/locales/de.json

@@ -24,10 +24,27 @@
       "enter_code": "Gib den 6-stelligen Code ein, den wir dir per E-Mail geschickt haben",
       "nda_title": "Unterschreibe die NDA, um die Build freizuschalten",
       "no_builds": "Noch keine Builds verfügbar",
+      "report_another": "Weitere Meldung senden",
+      "report_attach_screenshot": "Screenshot anhängen (optional)",
+      "report_category": "Worum geht es?",
+      "report_category_access_problem": "Zugriffs-/Download-Problem",
+      "report_category_installation_problem": "Installationsproblem",
+      "report_category_other": "Sonstiges",
+      "report_category_question": "Frage",
+      "report_message": "Nachricht (erforderlich)",
+      "report_problem": "Problem melden",
+      "report_related_build": "Zugehörige Build (optional)",
+      "report_select_build_placeholder": "Allgemeine Frage / nicht build-spezifisch",
+      "report_sent": "Gesendet — nur das Studio sieht das.",
+      "report_submit": "An Studio senden",
       "resend_code": "Code erneut senden",
-      "revoked": "Dein Build-Zugang wurde widerrufen",
+      "revoked": "Dein Zugriff auf diese Build wurde widerrufen.",
+      "revoked_contact_link": "Falls du denkst, das ist ein Irrtum, lass es das Studio wissen.",
+      "revoked_hint": "Das wird normalerweise vom Studio veranlasst, das die Kampagne betreibt.",
+      "select_category_placeholder": "Auswählen…",
       "send_code": "Bestätigungscode senden",
       "sending_code": "Code wird gesendet…",
+      "sending_report": "Wird gesendet…",
       "sign": "Unterschreiben",
       "signing": "Wird unterschrieben…",
       "verify": "Bestätigen",
@@ -372,6 +389,7 @@
       "already_requested": "Sie haben bereits eine Anfrage für diese Kampagne gestellt.",
       "sold_out": "Alle Keys für diese Kampagne wurden bereits eingelöst.",
       "options_unavailable": "Diese Kampagne hat noch Keys, aber es ist noch keine Plattform oder Region dafür eingerichtet, daher können keine Anfragen gesendet werden. Das Studio muss die Einrichtung abschließen — auf deiner Seite ist alles in Ordnung.",
+      "countries_only": "Nur in {countries}",
       "keys_left": "{n} Key übrig | {n} Keys übrig",
       "keys_low_stock": "Letzter Key | Letzte {n}",
       "back_to_campaign": "Zur Kampagne zurückkehren",

package/locales/en.json

@@ -24,10 +24,27 @@
       "enter_code": "Enter the 6-digit code we emailed you",
       "nda_title": "Sign the NDA to unlock the build",
       "no_builds": "No builds available yet",
+      "report_another": "Send another report",
+      "report_attach_screenshot": "Attach a screenshot (optional)",
+      "report_category": "What's this about?",
+      "report_category_access_problem": "Access / download problem",
+      "report_category_installation_problem": "Installation problem",
+      "report_category_other": "Other",
+      "report_category_question": "Question",
+      "report_message": "Message (required)",
+      "report_problem": "Report a problem",
+      "report_related_build": "Related build (optional)",
+      "report_select_build_placeholder": "General question / not build-specific",
+      "report_sent": "Sent — only the studio can see this.",
+      "report_submit": "Send to studio",
       "resend_code": "Resend code",
-      "revoked": "Your build access has been revoked",
+      "revoked": "Your access to this build has been revoked.",
+      "revoked_contact_link": "If you think this is a mistake, let them know.",
+      "revoked_hint": "This is usually done by the studio running the campaign.",
+      "select_category_placeholder": "Select…",
       "send_code": "Send verification code",
       "sending_code": "Sending code…",
+      "sending_report": "Sending…",
       "sign": "Sign",
       "signing": "Signing…",
       "verify": "Verify",
@@ -372,6 +389,7 @@
       "already_requested": "You have already submitted a request for this campaign.",
       "sold_out": "All keys for this campaign have already been claimed.",
       "options_unavailable": "This campaign still has keys, but no platform or region is set up for them yet, so requests can't be sent. The studio needs to finish setting it up — nothing on your side is wrong.",
+      "countries_only": "Only in {countries}",
       "keys_left": "{n} key left | {n} keys left",
       "keys_low_stock": "Last key | Last {n}",
       "back_to_campaign": "Back to campaign",

package/locales/es.json

@@ -24,10 +24,27 @@
       "enter_code": "Ingresa el código de 6 dígitos que te enviamos por correo",
       "nda_title": "Firma el NDA para desbloquear la build",
       "no_builds": "Todavía no hay builds disponibles",
+      "report_another": "Enviar otro reporte",
+      "report_attach_screenshot": "Adjuntar una captura de pantalla (opcional)",
+      "report_category": "¿De qué se trata?",
+      "report_category_access_problem": "Problema de acceso / descarga",
+      "report_category_installation_problem": "Problema de instalación",
+      "report_category_other": "Otro",
+      "report_category_question": "Pregunta",
+      "report_message": "Mensaje (obligatorio)",
+      "report_problem": "Reportar un problema",
+      "report_related_build": "Build relacionada (opcional)",
+      "report_select_build_placeholder": "Pregunta general / no específica de una build",
+      "report_sent": "Enviado — solo el estudio puede verlo.",
+      "report_submit": "Enviar al estudio",
       "resend_code": "Reenviar código",
-      "revoked": "Tu acceso a la build ha sido revocado",
+      "revoked": "Tu acceso a esta build ha sido revocado.",
+      "revoked_contact_link": "Si crees que esto es un error, avísale al estudio.",
+      "revoked_hint": "Esto normalmente lo hace el estudio a cargo de la campaña.",
+      "select_category_placeholder": "Selecciona…",
       "send_code": "Enviar código de verificación",
       "sending_code": "Enviando código…",
+      "sending_report": "Enviando…",
       "sign": "Firmar",
       "signing": "Firmando…",
       "verify": "Verificar",
@@ -372,6 +389,7 @@
       "already_requested": "Ya has enviado una solicitud para esta campaña.",
       "sold_out": "Todas las claves de esta campaña ya fueron reclamadas.",
       "options_unavailable": "Esta campaña todavía tiene claves, pero aún no hay ninguna plataforma o región configurada para ellas, así que no se pueden enviar solicitudes. El estudio debe terminar la configuración — no hay nada mal de tu lado.",
+      "countries_only": "Solo en {countries}",
       "keys_left": "{n} clave restante | {n} claves restantes",
       "keys_low_stock": "Última clave | Últimas {n}",
       "back_to_campaign": "Volver a la campaña",

package/locales/pt-BR.json

@@ -24,10 +24,27 @@
       "enter_code": "Digite o código de 6 dígitos que enviamos por e-mail",
       "nda_title": "Assine o NDA para desbloquear a build",
       "no_builds": "Nenhuma build disponível ainda",
+      "report_another": "Enviar outro relato",
+      "report_attach_screenshot": "Anexar uma captura de tela (opcional)",
+      "report_category": "Sobre o que é isso?",
+      "report_category_access_problem": "Problema de acesso / download",
+      "report_category_installation_problem": "Problema de instalação",
+      "report_category_other": "Outro",
+      "report_category_question": "Dúvida",
+      "report_message": "Mensagem (obrigatória)",
+      "report_problem": "Relatar um problema",
+      "report_related_build": "Build relacionada (opcional)",
+      "report_select_build_placeholder": "Dúvida geral / não específica de uma build",
+      "report_sent": "Enviado — só o estúdio vê isso.",
+      "report_submit": "Enviar para o estúdio",
       "resend_code": "Reenviar código",
-      "revoked": "Seu acesso à build foi revogado",
+      "revoked": "Seu acesso a esta build foi revogado.",
+      "revoked_contact_link": "Se você acha que isso é um engano, avise o estúdio.",
+      "revoked_hint": "Isso geralmente é feito pelo estúdio responsável pela campanha.",
+      "select_category_placeholder": "Selecione…",
       "send_code": "Enviar código de verificação",
       "sending_code": "Enviando código…",
+      "sending_report": "Enviando…",
       "sign": "Assinar",
       "signing": "Assinando…",
       "verify": "Verificar",
@@ -372,6 +389,7 @@
       "already_requested": "Você já enviou uma solicitação para esta campanha.",
       "sold_out": "Todas as chaves desta campanha já foram resgatadas.",
       "options_unavailable": "Esta campanha ainda tem chaves, mas nenhuma plataforma ou região foi configurada para elas, então não dá para enviar pedidos. O estúdio precisa concluir a configuração — não há nada errado do seu lado.",
+      "countries_only": "Somente em {countries}",
       "keys_left": "{n} chave restante | {n} chaves restantes",
       "keys_low_stock": "Última chave | Últimas {n}",
       "back_to_campaign": "Voltar para a campanha",

package/locales/ro.json

@@ -24,10 +24,27 @@
       "enter_code": "Introdu codul din 6 cifre pe care ți l-am trimis pe e-mail",
       "nda_title": "Semnează NDA-ul pentru a debloca build-ul",
       "no_builds": "Niciun build disponibil momentan",
+      "report_another": "Trimite un alt raport",
+      "report_attach_screenshot": "Atașează o captură de ecran (opțional)",
+      "report_category": "Despre ce este vorba?",
+      "report_category_access_problem": "Problemă de acces / descărcare",
+      "report_category_installation_problem": "Problemă de instalare",
+      "report_category_other": "Altceva",
+      "report_category_question": "Întrebare",
+      "report_message": "Mesaj (obligatoriu)",
+      "report_problem": "Raportează o problemă",
+      "report_related_build": "Build asociat (opțional)",
+      "report_select_build_placeholder": "Întrebare generală / fără legătură cu un build anume",
+      "report_sent": "Trimis — doar studioul vede asta.",
+      "report_submit": "Trimite studioului",
       "resend_code": "Retrimite codul",
-      "revoked": "Accesul tău la build a fost revocat",
+      "revoked": "Accesul tău la acest build a fost revocat.",
+      "revoked_contact_link": "Dacă crezi că e o greșeală, anunță studioul.",
+      "revoked_hint": "Acest lucru este de obicei făcut de studioul care rulează campania.",
+      "select_category_placeholder": "Selectează…",
       "send_code": "Trimite codul de verificare",
       "sending_code": "Se trimite codul…",
+      "sending_report": "Se trimite…",
       "sign": "Semnează",
       "signing": "Se semnează…",
       "verify": "Verifică",
@@ -372,6 +389,7 @@
       "already_requested": "Ați trimis deja o cerere pentru această campanie.",
       "sold_out": "Toate cheile pentru această campanie au fost deja revendicate.",
       "options_unavailable": "Această campanie mai are chei, dar încă nu este configurată nicio platformă sau regiune pentru ele, așa că nu se pot trimite cereri. Studioul trebuie să finalizeze configurarea — nu este nimic greșit din partea ta.",
+      "countries_only": "Doar în {countries}",
       "keys_left": "{n} cheie rămasă | {n} chei rămase",
       "keys_low_stock": "Ultima cheie | Ultimele {n}",
       "back_to_campaign": "Înapoi la campanie",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mundogamernetwork/shared-ui",
-  "version": "1.16.23",
+  "version": "1.16.25",
   "description": "Mundo Gamer Network - Shared UI Layer (Nuxt 3)",
   "type": "module",
   "main": "./nuxt.config.ts",

package/pages/key-campaigns/index.vue

@@ -230,13 +230,22 @@
 												{{ card.type }}
 											</span>
 										</div>
-										<div v-if="card.platforms && card.platforms.length" class="card-platforms">
+										<div v-if="(card.platforms && card.platforms.length) || (card.stores && card.stores.length)" class="card-platforms">
 											<span v-for="p in card.platforms.slice(0, 4)" :key="p" class="card-platform-tag">
 												{{ platformAbbr(p) }}
 											</span>
 											<span v-if="card.platforms.length > 4" class="card-platform-tag card-platform-more">
 												+{{ card.platforms.length - 4 }}
 											</span>
+											<span v-for="st in card.stores.slice(0, 3)" :key="st" class="card-platform-tag card-store-tag">
+												{{ st }}
+											</span>
+										</div>
+										<!-- Só aparece quando o estúdio restringiu de verdade: a
+										     lista vazia significa aberta a todo mundo, e mostrar
+										     isso em toda campanha viraria ruído. -->
+										<div v-if="card.countries && card.countries.length" class="card-countries">
+											{{ $t("keys.campaigns.countries_only", { countries: card.countries.slice(0, 3).join(", ") }) }}
 										</div>
 
 										<div class="buttons">
@@ -695,6 +704,13 @@ async function loadCampaigns(page = 1) {
 				genres: (item.game?.genres || []).map((g: any) => g.name).filter(Boolean).slice(0, 2),
 				studioName: item.company?.name || null,
 				regions: (item.regions || []).map((r: any) => r.name).filter(Boolean),
+				// Onde o código é resgatado. Plataforma diz onde o jogo roda;
+				// "PC (Microsoft Windows)" não diz se a chave entra no Steam
+				// ou na Epic, que é a primeira coisa de que quem pede precisa.
+				stores: (item.stores || []).map((st: any) => st.name).filter(Boolean),
+				// Vazio = aberta a todo mundo, que é o caso da maioria. Só
+				// vira informação quando o estúdio restringiu de verdade.
+				countries: (item.countries || []).map((c: any) => c.name).filter(Boolean),
 				userRequestSlug: null,
 			}
 		})
@@ -1608,6 +1624,20 @@ onUnmounted(() => {
 								border-style: dashed;
 								opacity: 0.8;
 							}
+							// A loja é a informação mais acionável das duas: o
+							// destinatário precisa dela pra saber onde colar o
+							// código. Preenchida em vez de contornada pra
+							// separar visualmente da plataforma ao lado.
+							.card-store-tag {
+								background: var(--secondary-info-fg);
+								color: var(--primary-bg);
+								text-transform: none;
+							}
+						}
+						.card-countries {
+							font-size: 11px;
+							color: var(--secondary-info-fg);
+							margin-top: 4px;
 						}
 
 						.buttons {

package/services/playtestTesterService.ts

@@ -530,6 +530,7 @@ export interface PlaytestBuildAsset {
   original_filename: string
   mime_type: string | null
   size_bytes: number | null
+  notes: string | null
   status: 'pending' | 'ready' | 'failed'
 }
 
@@ -556,3 +557,40 @@ export const fetchBuildDownloadUrl = (grantId: number, assetId: number) =>
   httpService.get<{ data: { url: string; expires_at: string } }>(
     `/playtest/build-access/${grantId}/builds/${assetId}/download`,
   )
+
+// ---------------------------------------------------------------------------
+// Build problem reports — a private, one-way tester -> studio channel, never
+// a public wall (this whole feature exists to keep an unreleased build
+// confidential). Works at ANY grant status, including pending_nda — a
+// tester stuck in the sign flow itself (e.g. never got the OTP email) still
+// needs a way to reach the studio.
+// ---------------------------------------------------------------------------
+
+export type BuildProblemReportCategory = 'question' | 'installation_problem' | 'access_problem' | 'other'
+
+export interface StoreBuildProblemReportPayload {
+  category: BuildProblemReportCategory
+  message: string
+  playtest_build_asset_id?: number
+  media_url?: string
+}
+
+export interface PlaytestBuildProblemReport {
+  id: number
+  playtest_campaign_id: number
+  playtest_build_grant_id: number
+  playtest_build_asset_id: number | null
+  category: BuildProblemReportCategory
+  message: string
+  media_url: string | null
+  status: 'open' | 'in_progress' | 'resolved'
+  studio_response: string | null
+  responded_at: string | null
+  created_at: string
+}
+
+export const storeBuildProblemReport = (grantId: number, payload: StoreBuildProblemReportPayload) =>
+  httpService.post<{ data: PlaytestBuildProblemReport }>(
+    `/playtest/build-access/${grantId}/problem-reports`,
+    payload,
+  )