src/lib/components/HostedAiBanner.svelte

@@ -6,6 +6,7 @@
   // (recording consent, ADR-0009): both gate a single Settings toggle AND a
   // second use-time trigger point on the same one-time flag.
   import { Globe } from "@lucide/svelte";
+  import { t } from "../i18n/index.svelte";
   let {
     providerLabel,
     onAccept,
@@ -16,16 +17,15 @@
 <div class="banner" role="alertdialog" aria-labelledby="hosted-ai-heading">
   <div class="heading">
     <Globe size={18} aria-hidden="true" />
-    <strong id="hosted-ai-heading">Before using {providerLabel}</strong>
+    <strong id="hosted-ai-heading">{t("hosted.heading", { provider: providerLabel })}</strong>
   </div>
   <p>
-    Generating with <strong>{providerLabel}</strong> sends this meeting's transcript to their servers
-    — it leaves this device and is subject to their privacy policy. WhispAssist has no control over data
-    handling once it leaves your device. This is off by default; you're choosing it now.
+    {t("hosted.body_1")} <strong>{providerLabel}</strong>
+    {t("hosted.body_2")}
   </p>
   <div class="actions">
-    <button class="primary" onclick={onAccept}>I understand — continue</button>
-    <button class="ghost" onclick={onCancel}>Cancel</button>
+    <button class="primary" onclick={onAccept}>{t("hosted.accept")}</button>
+    <button class="ghost" onclick={onCancel}>{t("hosted.cancel")}</button>
   </div>
 </div>