diff --git a/src/components/onboarding/wizard.tsx b/src/components/onboarding/wizard.tsx index 5212aa7..d72feec 100644 --- a/src/components/onboarding/wizard.tsx +++ b/src/components/onboarding/wizard.tsx @@ -5,6 +5,7 @@ import { useTranslations } from "next-intl"; import { Card } from "@/components/ui/card"; import { PACKAGE_CATALOG, DEFAULT_PACKAGE_IDS, type PackageDef } from "@/lib/packages"; import { isPersonalOrgName, displayOrgNameFor } from "@/lib/personal-org"; +import { THREEMA_GATEWAY } from "@/lib/threema-gateway-config"; import { configureStepSchema, billingStepSchema, @@ -814,6 +815,40 @@ export function OnboardingWizard({ )} + {/* Threema: show the bot's Threema ID + and QR right here in the wizard. The + instructions text refers to a QR + that isn't visible until after + provisioning — without this block + the message is confusing. The QR is + the platform's shared gateway QR + (*AIAGENT), identical for every + tenant, so we can render it before + the tenant even exists. */} + {pkg.id === "threema" && ( +
+
+ {/* eslint-disable-next-line @next/next/no-img-element */} + {`QR +
+
+
+ {tPkg("threemaBotIdHeading")} +
+
+ {THREEMA_GATEWAY.displayName} +
+
{tPkg("threemaBotIdHint")}
+
+
+ )} + {(pkg.secrets || []).map((field) => (