@lumiastream/ui 0.2.8-alpha.22 → 0.2.8-alpha.24

package/dist/index.js

@@ -3114,7 +3114,7 @@ var resolveChatterProfileUrlWithResolvers = async ({
 };
 
 // src/se-import/index.ts
-import { nanoid as nanoid3 } from "nanoid";
+import { nanoid as nanoid4 } from "nanoid";
 
 // src/se-import/translate.ts
 var SE_TO_LUMIA_PLACEHOLDER = {
@@ -3131,45 +3131,104 @@ var SE_TO_LUMIA_PLACEHOLDER = {
   total: "total",
   gifts: "giftAmount"
 };
-function listenerPlaceholderContext(listener) {
-  if (listener === "follower-latest") return { name: "twitch_last_follower", username: "twitch_last_follower" };
-  if (listener === "subscriber-latest" || listener === "subscriber-new-latest" || listener === "subscriber-resub-latest") {
-    return { name: "twitch_last_subscriber", username: "twitch_last_subscriber" };
-  }
-  if (listener === "subscriber-gifted-latest") return { name: "twitch_last_gifter", username: "twitch_last_gifter", amount: "twitch_last_gifter_amount", count: "twitch_last_gifter_amount" };
-  if (listener === "subscriber-alltime-gifter") return { name: "twitch_alltime_top_gifter", username: "twitch_alltime_top_gifter", amount: "twitch_alltime_top_gifter_amount", count: "twitch_alltime_top_gifter_amount" };
-  if (listener === "cheer-latest") return { name: "twitch_last_bit", username: "twitch_last_bit", amount: "twitch_last_bit_amount", count: "twitch_last_bit_amount" };
-  if (listener === "tip-latest" || listener === "latest_donator") {
-    return { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" };
-  }
-  if (listener === "raid-latest") return { name: "twitch_last_raider", username: "twitch_last_raider", amount: "twitch_last_raid_amount", count: "twitch_last_raid_amount" };
-  if (listener === "follower-session") return { amount: "twitch_session_follower_count", count: "twitch_session_follower_count" };
-  if (listener === "subscriber-session") return { amount: "twitch_session_subscribers_count", count: "twitch_session_subscribers_count" };
-  if (listener === "cheer-session") return { amount: "twitch_session_bits_count", count: "twitch_session_bits_count" };
-  if (listener === "tip-session") return { amount: "session_donation_amount", count: "session_donation_count", currency: "session_donation_amount_currency_symbol" };
-  if (listener === "follower-total") return { amount: "twitch_total_follower_count", count: "twitch_total_follower_count" };
-  if (listener === "subscriber-total") return { amount: "twitch_total_subscriber_count", count: "twitch_total_subscriber_count" };
-  if (listener === "cheer-total") return { amount: "twitch_total_bits_count", count: "twitch_total_bits_count" };
-  if (listener === "tip-total") return { amount: "total_donation_amount", count: "total_donation_amount", currency: "total_donation_amount_currency_symbol" };
-  if (listener === "tip-count") return { amount: "donation_count", count: "donation_count" };
-  if (listener === "cheer-session-top-donation") return { amount: "twitch_session_top_cheer_amount", count: "twitch_session_top_cheer_amount" };
-  if (listener === "cheer-session-top-donator") return { name: "twitch_session_top_cheerer", username: "twitch_session_top_cheerer", amount: "twitch_session_top_cheerer_amount", count: "twitch_session_top_cheerer_amount" };
-  if (listener === "tip-session-top-donation") return { amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" };
-  if (listener === "tip-session-top-donator") return { name: "session_top_donator", username: "session_top_donator", amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" };
-  if (listener === "twitch_session_chat_count") return { wins: "twitch_session_chat_count", count: "twitch_session_chat_count", amount: "twitch_session_chat_count" };
-  if (listener === "merch-latest" || listener === "purchase-latest") {
-    return {
-      name: "fourthwall_last_order.username",
-      username: "fourthwall_last_order.username",
-      amount: "fourthwall_last_order.amount",
-      count: "fourthwall_last_order.itemsCount",
-      currency: "fourthwall_last_order.currency",
-      items: "fourthwall_last_order.items",
-      item: "fourthwall_last_order.firstItem.name",
-      message: "fourthwall_last_order.message"
-    };
+var TWITCH_CONTEXTS = {
+  "follower-latest": { name: "twitch_last_follower", username: "twitch_last_follower" },
+  "subscriber-latest": { name: "twitch_last_subscriber", username: "twitch_last_subscriber" },
+  "subscriber-new-latest": { name: "twitch_last_subscriber", username: "twitch_last_subscriber" },
+  "subscriber-resub-latest": { name: "twitch_last_subscriber", username: "twitch_last_subscriber" },
+  "subscriber-gifted-latest": { name: "twitch_last_gifter", username: "twitch_last_gifter", amount: "twitch_last_gifter_amount", count: "twitch_last_gifter_amount" },
+  "subscriber-alltime-gifter": { name: "twitch_alltime_top_gifter", username: "twitch_alltime_top_gifter", amount: "twitch_alltime_top_gifter_amount", count: "twitch_alltime_top_gifter_amount" },
+  "cheer-latest": { name: "twitch_last_bit", username: "twitch_last_bit", amount: "twitch_last_bit_amount", count: "twitch_last_bit_amount" },
+  "tip-latest": { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" },
+  latest_donator: { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" },
+  "raid-latest": { name: "twitch_last_raider", username: "twitch_last_raider", amount: "twitch_last_raid_amount", count: "twitch_last_raid_amount" },
+  // Session counters: count/amount = the running session count.
+  "follower-session": { amount: "twitch_session_follower_count", count: "twitch_session_follower_count" },
+  "subscriber-session": { amount: "twitch_session_subscribers_count", count: "twitch_session_subscribers_count" },
+  "cheer-session": { amount: "twitch_session_bits_count", count: "twitch_session_bits_count" },
+  "tip-session": { amount: "session_donation_amount", count: "session_donation_count", currency: "session_donation_amount_currency_symbol" },
+  // Totals (all-time): count/amount = total counter.
+  "follower-total": { amount: "twitch_total_follower_count", count: "twitch_total_follower_count" },
+  "subscriber-total": { amount: "twitch_total_subscriber_count", count: "twitch_total_subscriber_count" },
+  "cheer-total": { amount: "twitch_total_bits_count", count: "twitch_total_bits_count" },
+  "tip-total": { amount: "total_donation_amount", count: "total_donation_amount", currency: "total_donation_amount_currency_symbol" },
+  "tip-count": { amount: "donation_count", count: "donation_count" },
+  // Top cheer / cheerer / donator session readouts.
+  "cheer-session-top-donation": { amount: "twitch_session_top_cheer_amount", count: "twitch_session_top_cheer_amount" },
+  "cheer-session-top-donator": { name: "twitch_session_top_cheerer", username: "twitch_session_top_cheerer", amount: "twitch_session_top_cheerer_amount", count: "twitch_session_top_cheerer_amount" },
+  "tip-session-top-donation": { amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" },
+  "tip-session-top-donator": { name: "session_top_donator", username: "session_top_donator", amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" },
+  // Botcounter — SE uses `{wins}` for the running chat count; the dispatcher's
+  // fallbackVar for `se-widget-botcounter` is `twitch_session_chat_count`, so
+  // when the listener arg lands as that var name we treat it as the wins source.
+  twitch_session_chat_count: { wins: "twitch_session_chat_count", count: "twitch_session_chat_count", amount: "twitch_session_chat_count" },
+  // Merch readouts — SE used to ship via their own shop, now most users route
+  // through Fourthwall. Lumia exposes `fourthwall_last_order` as a full object:
+  // { username, email, friendlyId, amount, currency, message, items,
+  //   itemsCount, itemsDetailed, orderItems, itemImages, firstItem }
+  // (see fourthwall.manager.ts ORDER_PLACED handler). The template engine
+  // supports dotted access (`dotNotationDig`) so we pluck the right field.
+  "merch-latest": {
+    name: "fourthwall_last_order.username",
+    username: "fourthwall_last_order.username",
+    amount: "fourthwall_last_order.amount",
+    count: "fourthwall_last_order.itemsCount",
+    currency: "fourthwall_last_order.currency",
+    items: "fourthwall_last_order.items",
+    item: "fourthwall_last_order.firstItem.name",
+    message: "fourthwall_last_order.message"
+  },
+  "purchase-latest": {
+    name: "fourthwall_last_order.username",
+    username: "fourthwall_last_order.username",
+    amount: "fourthwall_last_order.amount",
+    count: "fourthwall_last_order.itemsCount",
+    currency: "fourthwall_last_order.currency",
+    items: "fourthwall_last_order.items",
+    item: "fourthwall_last_order.firstItem.name",
+    message: "fourthwall_last_order.message"
   }
-  return {};
+};
+var KICK_CONTEXTS = {
+  "follower-latest": { name: "kick_last_follower", username: "kick_last_follower" },
+  "subscriber-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
+  "subscriber-new-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
+  "subscriber-resub-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
+  "subscriber-gifted-latest": { name: "kick_last_gifter", username: "kick_last_gifter", amount: "kick_last_gifter_amount", count: "kick_last_gifter_amount" },
+  "cheer-latest": { name: "kick_last_kicks", username: "kick_last_kicks", amount: "kick_last_kicks_amount", count: "kick_last_kicks_amount" },
+  "raid-latest": { name: "kick_last_host", username: "kick_last_host", amount: "kick_last_host_amount", count: "kick_last_host_amount" },
+  "follower-session": { amount: "kick_session_follower_count", count: "kick_session_follower_count" },
+  "subscriber-session": { amount: "kick_session_subscriber_count", count: "kick_session_subscriber_count" },
+  "cheer-session": { amount: "kick_session_kicks_count", count: "kick_session_kicks_count" },
+  "subscriber-gifted-session": { amount: "kick_session_gifts_count", count: "kick_session_gifts_count" },
+  "follower-total": { amount: "kick_total_follower_count", count: "kick_total_follower_count" },
+  "subscriber-total": { amount: "kick_total_subscriber_count", count: "kick_total_subscriber_count" },
+  "cheer-total": { amount: "kick_total_kicks_count", count: "kick_total_kicks_count" },
+  "follower-week": { amount: "kick_week_follower_count", count: "kick_week_follower_count" },
+  "follower-month": { amount: "kick_month_follower_count", count: "kick_month_follower_count" },
+  "subscriber-week": { amount: "kick_week_subscriber_count", count: "kick_week_subscriber_count" },
+  "subscriber-month": { amount: "kick_month_subscriber_count", count: "kick_month_subscriber_count" }
+};
+var YOUTUBE_CONTEXTS = {
+  "follower-latest": { name: "youtube_last_subscriber", username: "youtube_last_subscriber" },
+  "subscriber-latest": { name: "youtube_last_member", username: "youtube_last_member" },
+  "subscriber-new-latest": { name: "youtube_last_member", username: "youtube_last_member" },
+  "subscriber-resub-latest": { name: "youtube_last_member", username: "youtube_last_member" },
+  "subscriber-gifted-latest": { name: "youtube_last_gift_member", username: "youtube_last_gift_member" },
+  "cheer-latest": { name: "youtube_last_superchatter", username: "youtube_last_superchatter" },
+  "follower-session": { amount: "youtube_session_subscriber_count", count: "youtube_session_subscriber_count" },
+  "subscriber-session": { amount: "youtube_session_member_count", count: "youtube_session_member_count" },
+  "cheer-session": { amount: "youtube_session_superchat_count", count: "youtube_session_superchat_count" },
+  "follower-total": { amount: "youtube_total_subscriber_count", count: "youtube_total_subscriber_count" },
+  "subscriber-total": { amount: "youtube_total_member_count", count: "youtube_total_member_count" },
+  "follower-week": { amount: "youtube_week_subscriber_count", count: "youtube_week_subscriber_count" },
+  "follower-month": { amount: "youtube_month_subscriber_count", count: "youtube_month_subscriber_count" },
+  "subscriber-week": { amount: "youtube_week_member_count", count: "youtube_week_member_count" },
+  "subscriber-month": { amount: "youtube_month_member_count", count: "youtube_month_member_count" }
+};
+function listenerPlaceholderContext(listener, provider = "twitch") {
+  const platformTable = provider === "kick" ? KICK_CONTEXTS : provider === "youtube" ? YOUTUBE_CONTEXTS : null;
+  return platformTable?.[listener] ?? TWITCH_CONTEXTS[listener] ?? {};
 }
 var SE_WIDGET_TYPE_LABELS = {
   "subscriber-latest": "Latest subscriber",
@@ -3205,17 +3264,57 @@ function defaultLabelForSEWidget(widget) {
   const tail = words.slice(1).join(" ");
   return tail ? `${head} ${tail}` : head;
 }
-function translateSeText(input, listener, passthrough) {
+function translateSeText(input, listener, passthrough, provider) {
   if (!input) return "";
-  const ctx = listener ? listenerPlaceholderContext(listener) : {};
+  const ctx = listener ? listenerPlaceholderContext(listener, provider) : {};
   return input.replace(/\{([a-zA-Z][a-zA-Z0-9_.]*)\}/g, (_match, raw) => {
     if (passthrough?.has(raw)) return `{{${raw}}}`;
     const mapped = ctx[raw] ?? SE_TO_LUMIA_PLACEHOLDER[raw] ?? raw;
     return `{{${mapped}}}`;
   });
 }
-function listenerToLumiaVariable(listener) {
+var KICK_LISTENER_VARS = {
+  "follower-latest": "kick_last_follower",
+  "subscriber-latest": "kick_last_subscriber",
+  "subscriber-new-latest": "kick_last_subscriber",
+  "subscriber-resub-latest": "kick_last_subscriber",
+  "subscriber-gifted-latest": "kick_last_gifter",
+  "cheer-latest": "kick_last_kicks",
+  "raid-latest": "kick_last_host",
+  "follower-session": "kick_session_follower_count",
+  "follower-week": "kick_week_follower_count",
+  "follower-month": "kick_month_follower_count",
+  "follower-total": "kick_total_follower_count",
+  "subscriber-session": "kick_session_subscriber_count",
+  "subscriber-week": "kick_week_subscriber_count",
+  "subscriber-month": "kick_month_subscriber_count",
+  "subscriber-total": "kick_total_subscriber_count",
+  "subscriber-gifted-session": "kick_session_gifts_count",
+  "cheer-session": "kick_session_kicks_count",
+  "cheer-total": "kick_total_kicks_count"
+};
+var YOUTUBE_LISTENER_VARS = {
+  "follower-latest": "youtube_last_subscriber",
+  "subscriber-latest": "youtube_last_member",
+  "subscriber-new-latest": "youtube_last_member",
+  "subscriber-resub-latest": "youtube_last_member",
+  "subscriber-gifted-latest": "youtube_last_gift_member",
+  "cheer-latest": "youtube_last_superchatter",
+  "follower-session": "youtube_session_subscriber_count",
+  "follower-week": "youtube_week_subscriber_count",
+  "follower-month": "youtube_month_subscriber_count",
+  "follower-total": "youtube_total_subscriber_count",
+  "subscriber-session": "youtube_session_member_count",
+  "subscriber-week": "youtube_week_member_count",
+  "subscriber-month": "youtube_month_member_count",
+  "subscriber-total": "youtube_total_member_count",
+  "subscriber-gifted-session": "youtube_session_gift_members_count",
+  "cheer-session": "youtube_session_superchat_count"
+};
+function listenerToLumiaVariable(listener, provider = "twitch") {
   if (typeof listener !== "string" || !listener) return "username";
+  if (provider === "kick" && KICK_LISTENER_VARS[listener]) return KICK_LISTENER_VARS[listener];
+  if (provider === "youtube" && YOUTUBE_LISTENER_VARS[listener]) return YOUTUBE_LISTENER_VARS[listener];
   const m = {
     // Latest events
     "follower-latest": "twitch_last_follower",
@@ -3513,10 +3612,10 @@ function mapReadout(widget, fallbackVar, ctx) {
   const explicit = typeof explicitListener === "string" ? explicitListener : null;
   const widgetListener = typeof widget.listener === "string" ? widget.listener : null;
   const listener = explicit ?? widgetListener ?? fallbackVar;
-  const variable = listenerToLumiaVariable(listener);
+  const variable = listenerToLumiaVariable(listener, ctx?.provider);
   const userTemplate = widget.text?.value ?? "";
   const inheritsText = userTemplate.trim().length > 0 && /\{[a-zA-Z]/.test(userTemplate);
-  const value = inheritsText ? translateSeText(userTemplate, listener) : `{{${variable}}}`;
+  const value = inheritsText ? translateSeText(userTemplate, listener, void 0, ctx?.provider) : `{{${variable}}}`;
   const seCss = widget.text?.css ?? {};
   return buildUnit(widget, "text", {
     content: { value, highlightColor: "inherit" },
@@ -3534,34 +3633,99 @@ function mapReadout(widget, fallbackVar, ctx) {
   }, ctx);
 }
 
-// src/se-import/mappers/alert.ts
-var SE_EVENT_TO_LUMIA_ALERT = {
-  follower: "twitch-follower",
-  subscriber: "twitch-subscriber",
-  tip: "streamelements-donation",
-  cheer: "twitch-bits",
-  raid: "twitch-raid",
-  // Merch / shop-order — Lumia's Fourthwall integration is the data path most
-  // users now have wired up since SE deprecated their own merch flow in favor
-  // of Fourthwall. `fourthwall-shopOrder` is the alert key from
-  // LumiaAlertValues / activity.types.ts.
-  merch: "fourthwall-shopOrder",
-  purchase: "fourthwall-shopOrder",
-  charityCampaignDonation: "twitch-charityDonation"
-  // NOTE — two SE events intentionally NOT mapped:
-  //   • `host` → previously `twitch-raid`. Twitch deprecated hosting in
-  //     late 2022 so the event never fires on the platform anymore. Even
-  //     if it did, host payloads don't carry a viewer count (raids do),
-  //     so the rendered alert would read "{name} raided with ?? viewers".
-  //     Drop the mapping; SE widgets configured with a `host` block fall
-  //     through to the unsupported placeholder rather than producing
-  //     misleading raid alerts.
-  //   • `redemption` → SE's `redemption` event is the legacy SE Store
-  //     redemption (their own loyalty-point store purchases), NOT Twitch
-  //     channel-point redemptions. Different payload, different semantics.
-  //     SE Store is mostly deprecated and seldom used; dropping the
-  //     mapping prevents misleading "channel-point redemption" alerts.
+// src/se-import/mappers/provider-alerts.ts
+var ALERT_BOX_KEYS = {
+  twitch: {
+    follower: "twitch-follower",
+    subscriber: "twitch-subscriber",
+    tip: "streamelements-donation",
+    cheer: "twitch-bits",
+    raid: "twitch-raid",
+    merch: "fourthwall-shopOrder",
+    purchase: "fourthwall-shopOrder",
+    charityCampaignDonation: "twitch-charityDonation"
+  },
+  kick: {
+    follower: "kick-follower",
+    subscriber: "kick-subscriber",
+    tip: "streamelements-donation",
+    cheer: "kick-kicks",
+    raid: "kick-host",
+    host: "kick-host",
+    merch: "fourthwall-shopOrder",
+    purchase: "fourthwall-shopOrder"
+  },
+  youtube: {
+    follower: "youtube-subscriber",
+    subscriber: "youtube-member",
+    tip: "streamelements-donation",
+    cheer: "youtube-superchat",
+    merch: "fourthwall-shopOrder",
+    purchase: "fourthwall-shopOrder"
+  }
+};
+var KAPPAGEN_KEYS = {
+  twitch: {
+    follower: "twitch-follower",
+    subscriber: "twitch-subscriber",
+    cheer: "twitch-bits",
+    raid: "twitch-raid",
+    tip: "streamelements-donation"
+  },
+  kick: {
+    follower: "kick-follower",
+    subscriber: "kick-subscriber",
+    cheer: "kick-kicks",
+    raid: "kick-host",
+    tip: "streamelements-donation"
+  },
+  youtube: {
+    follower: "youtube-subscriber",
+    subscriber: "youtube-member",
+    cheer: "youtube-superchat",
+    tip: "streamelements-donation"
+  }
+};
+var STREAMBOSS_LISTENER_KEYS = {
+  twitch: {
+    "follower-latest": "twitch-follower",
+    "subscriber-latest": "twitch-subscriber",
+    "tip-latest": "lumiastream-donation",
+    "cheer-latest": "twitch-bits",
+    "raid-latest": "twitch-raid"
+  },
+  kick: {
+    "follower-latest": "kick-follower",
+    "subscriber-latest": "kick-subscriber",
+    "tip-latest": "lumiastream-donation",
+    "cheer-latest": "kick-kicks",
+    "raid-latest": "kick-host"
+  },
+  youtube: {
+    "follower-latest": "youtube-subscriber",
+    "subscriber-latest": "youtube-member",
+    "tip-latest": "lumiastream-donation",
+    "cheer-latest": "youtube-superchat"
+  }
 };
+function alertBoxKeyFor(seEvent, provider = "twitch") {
+  return ALERT_BOX_KEYS[provider]?.[seEvent];
+}
+function kappagenKeyFor(seEvent, provider = "twitch") {
+  return KAPPAGEN_KEYS[provider]?.[seEvent];
+}
+function streamBossListenerKeyFor(seListener, provider = "twitch") {
+  return STREAMBOSS_LISTENER_KEYS[provider]?.[seListener];
+}
+function readBootstrapProvider(bootstrap) {
+  const ch = bootstrap.channel;
+  if (!ch || typeof ch !== "object") return "twitch";
+  const p = ch.provider;
+  if (p === "kick" || p === "youtube" || p === "twitch") return p;
+  return "twitch";
+}
+
+// src/se-import/mappers/alert.ts
 function pickGraphics(g) {
   const DEFAULT_GRAPHIC_VOLUME = 0.5;
   if (!g) return { type: "image", content: { src: "", loop: false, volume: DEFAULT_GRAPHIC_VOLUME } };
@@ -3744,12 +3908,12 @@ function pickBaseAlertFields(event) {
 function mapAlertBox(widget, opts = {}, ctx) {
   const v = widget.variables ?? {};
   const events = {};
-  const eventKeys = opts.onlyEvents ?? ["follower", "subscriber", "tip", "cheer", "raid", "merch", "purchase", "charityCampaignDonation"];
+  const eventKeys = opts.onlyEvents ?? ["follower", "subscriber", "tip", "cheer", "raid", "host", "merch", "purchase", "charityCampaignDonation"];
   let firstEvent = null;
   for (const seKey of eventKeys) {
     const ev = v[seKey];
     if (!ev || typeof ev !== "object") continue;
-    const lumiaAlert = SE_EVENT_TO_LUMIA_ALERT[seKey];
+    const lumiaAlert = alertBoxKeyFor(seKey, ctx?.provider);
     if (!lumiaAlert) continue;
     const built = buildAlertEvent(ev, seKey);
     events[lumiaAlert] = built;
@@ -3898,6 +4062,7 @@ function mapGoal(widget, ctx) {
 }
 
 // src/se-import/mappers/custom.ts
+import { nanoid as nanoid2 } from "nanoid";
 var SOURCE_TO_LUMIA_FIELD_TYPE = {
   text: "input",
   number: "number",
@@ -3957,15 +4122,28 @@ function mapCustom(widget, ctx) {
   };
   const fields = parse(v.fields) ?? v.fields;
   const fieldData = parse(v.fieldData) ?? v.fieldData;
+  const widgetProvider = widget.provider;
+  const provider = widgetProvider === "kick" || widgetProvider === "youtube" || widgetProvider === "twitch" ? widgetProvider : ctx?.provider ?? "twitch";
   return buildUnit(widget, "custom", {
     content: {
-      codeId: String(widget.id),
+      // SE widget ids are integers unique only within a single SE overlay
+      // (1, 2, 3…). Using them as Lumia codeIds would collide across
+      // imports — codeId is the scoping key for variables, storage, and
+      // event listeners. Mint a fresh nanoid so every imported widget
+      // has its own scope.
+      codeId: nanoid2(),
       html: v.html ?? "",
       css: v.css ?? "",
       js: v.js ?? "",
       configs: translateConfigs(fields),
       data: fieldData ?? {},
-      flavor: "streamelements"
+      flavor: "streamelements",
+      // Native field on the Custom module content. The compatibility
+      // shim in Embed.tsx reads this to pick the right listener-name
+      // mapping table when forwarding Lumia events into the iframe as
+      // `onEventReceived` payloads. Default 'twitch' matches the shim's
+      // historical default so legacy imports keep working.
+      sourceProvider: provider
     }
   }, ctx);
 }
@@ -4597,27 +4775,6 @@ function mapMediaShare(widget, ctx) {
     }
   }, ctx);
 }
-var SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT = {
-  follower: "twitch-follower",
-  subscriber: "twitch-subscriber",
-  cheer: "twitch-bits",
-  raid: "twitch-raid",
-  tip: "streamelements-donation"
-  // NOTE — three SE events intentionally NOT mapped:
-  //   • `host`     → previously `twitch-host`, which doesn't exist in
-  //                  LumiaAlertValues (verified). Twitch deprecated hosting
-  //                  in 2022 so the event never fires anyway.
-  //   • `purchase` → previously `streamlabs-merch`, which is deprecated. The
-  //                  main Alert Box mapper routes merch/purchase to
-  //                  `fourthwall-shopOrder`; keep Kappagen consistent by
-  //                  dropping the legacy SL path rather than splitting
-  //                  emoji emotion between two competing alert keys.
-  //   • `embers`   → previously `youtube-superchat`, which is wrong on both
-  //                  ends: embers were a deprecated Twitch paid-emote
-  //                  feature unrelated to YouTube super chats.
-  // All three drop silently; the rest of the widget (size, spawn zone,
-  // per-event flags for the remaining events) still imports.
-};
 function mapKappagen(widget, ctx) {
   const v = widget.variables ?? {};
   const eventsFromNested = v.eventsConfig ? {
@@ -4628,7 +4785,7 @@ function mapKappagen(widget, ctx) {
     tip: v.eventsConfig.tip?.enabled ?? true
   } : null;
   const events = v.events ?? eventsFromNested ?? { subscriber: true, follower: true, cheer: true, raid: true, tip: true };
-  const alertTriggers = Object.entries(events).filter(([, enabled]) => !!enabled).map(([seKey]) => SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT[seKey]).filter((x) => !!x);
+  const alertTriggers = Object.entries(events).filter(([, enabled]) => !!enabled).map(([seKey]) => kappagenKeyFor(seKey, ctx?.provider)).filter((x) => !!x);
   const alertEmotes = ["Kappa", "<3", "imGlitch"];
   return buildUnit(
     widget,
@@ -5018,16 +5175,7 @@ function parsePx(raw) {
 }
 
 // src/se-import/mappers/streamboss.ts
-var SE_LISTENER_TO_ALERT = {
-  "follower-latest": "twitch-follower",
-  "subscriber-latest": "twitch-subscriber",
-  "tip-latest": "lumiastream-donation",
-  "cheer-latest": "twitch-bits",
-  "raid-latest": "twitch-raid"
-  // `purchase-latest` and `subscriber-gifted-latest` are intentionally absent.
-  // SE rolled gifted subs into `subscriber-latest`; Lumia splits them via
-  // extraSettings.isGift, which the runtime already handles consistently.
-};
+var SE_LISTENERS = ["follower-latest", "subscriber-latest", "tip-latest", "cheer-latest", "raid-latest"];
 var SE_LISTENER_MODE = {
   "follower-latest": "flat",
   "subscriber-latest": "flat",
@@ -5049,8 +5197,10 @@ function mapStreamBoss(widget, ctx) {
   const seDamage = v.damage ?? {};
   const damageMap = {};
   const selectedEvents = [];
-  for (const [seListener, alertKey] of Object.entries(SE_LISTENER_TO_ALERT)) {
+  for (const seListener of SE_LISTENERS) {
     if (!listenerIsOn(widget.listeners, seListener)) continue;
+    const alertKey = streamBossListenerKeyFor(seListener, ctx?.provider);
+    if (!alertKey) continue;
     const raw = seDamage[seListener];
     const value = typeof raw === "number" && Number.isFinite(raw) && raw > 0 ? raw : null;
     if (value === null) continue;
@@ -5358,7 +5508,7 @@ function guessMime(name) {
 }
 
 // src/se-import/transplant.ts
-import { nanoid as nanoid2 } from "nanoid";
+import { nanoid as nanoid3 } from "nanoid";
 function cloneModuleForTransplant(srcModule, newId) {
   const clonedContent = srcModule.content ? structuredClone(srcModule.content) : srcModule.content;
   if (srcModule.settings?.type === "custom" && clonedContent) {
@@ -5376,7 +5526,7 @@ function transplantLayer(source, sourceLayerId) {
   const srcLayer = layers.find((l) => l.id === sourceLayerId);
   const srcModule = modules[sourceLayerId];
   if (!srcLayer || !srcModule) return null;
-  const rootNewId = nanoid2();
+  const rootNewId = nanoid3();
   if (srcLayer.type !== "group") {
     const layer = { ...srcLayer, id: rootNewId };
     const module = cloneModuleForTransplant(srcModule, rootNewId);
@@ -5394,7 +5544,7 @@ function transplantLayer(source, sourceLayerId) {
       if (seen.has(child.id)) continue;
       seen.add(child.id);
       descendants.push(child);
-      idRemap.set(child.id, nanoid2());
+      idRemap.set(child.id, nanoid3());
       if (child.type === "group") queue.push(child.id);
     }
   }
@@ -8135,18 +8285,20 @@ function importSEBootstrap(bootstrap) {
     mappings: [],
     notes: []
   };
+  const provider = readBootstrapProvider(bootstrap);
   console.log("[SE-IMPORT] bootstrap received", {
     overlayId: seOverlay?._id,
     name: seOverlay?.name,
     canvas: { width: seOverlay?.settings?.width, height: seOverlay?.settings?.height },
     widgetCount: widgets.length,
-    widgetTypes: widgets.map((w) => w.type)
+    widgetTypes: widgets.map((w) => w.type),
+    provider
   });
   const importCanvas = {
     width: seOverlay?.settings?.width ?? 1920,
     height: seOverlay?.settings?.height ?? 1080
   };
-  const ctx = { canvas: importCanvas };
+  const ctx = { canvas: importCanvas, provider };
   const layers = [];
   const modules = {};
   const reviewItems = [];
@@ -8156,7 +8308,7 @@ function importSEBootstrap(bootstrap) {
     if (w.type !== "se-widget-group") continue;
     const uid = w.variables?.uid;
     if (typeof uid !== "string") continue;
-    const lumiaGroupId = nanoid3();
+    const lumiaGroupId = nanoid4();
     seUidToLumiaGroupId[uid] = lumiaGroupId;
     groupWidgetByUid[uid] = w;
   }

package/dist/se-import.js

@@ -1,5 +1,5 @@
 // src/se-import/index.ts
-import { nanoid as nanoid3 } from "nanoid";
+import { nanoid as nanoid4 } from "nanoid";
 
 // src/se-import/translate.ts
 var SE_TO_LUMIA_PLACEHOLDER = {
@@ -16,45 +16,104 @@ var SE_TO_LUMIA_PLACEHOLDER = {
   total: "total",
   gifts: "giftAmount"
 };
-function listenerPlaceholderContext(listener) {
-  if (listener === "follower-latest") return { name: "twitch_last_follower", username: "twitch_last_follower" };
-  if (listener === "subscriber-latest" || listener === "subscriber-new-latest" || listener === "subscriber-resub-latest") {
-    return { name: "twitch_last_subscriber", username: "twitch_last_subscriber" };
-  }
-  if (listener === "subscriber-gifted-latest") return { name: "twitch_last_gifter", username: "twitch_last_gifter", amount: "twitch_last_gifter_amount", count: "twitch_last_gifter_amount" };
-  if (listener === "subscriber-alltime-gifter") return { name: "twitch_alltime_top_gifter", username: "twitch_alltime_top_gifter", amount: "twitch_alltime_top_gifter_amount", count: "twitch_alltime_top_gifter_amount" };
-  if (listener === "cheer-latest") return { name: "twitch_last_bit", username: "twitch_last_bit", amount: "twitch_last_bit_amount", count: "twitch_last_bit_amount" };
-  if (listener === "tip-latest" || listener === "latest_donator") {
-    return { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" };
+var TWITCH_CONTEXTS = {
+  "follower-latest": { name: "twitch_last_follower", username: "twitch_last_follower" },
+  "subscriber-latest": { name: "twitch_last_subscriber", username: "twitch_last_subscriber" },
+  "subscriber-new-latest": { name: "twitch_last_subscriber", username: "twitch_last_subscriber" },
+  "subscriber-resub-latest": { name: "twitch_last_subscriber", username: "twitch_last_subscriber" },
+  "subscriber-gifted-latest": { name: "twitch_last_gifter", username: "twitch_last_gifter", amount: "twitch_last_gifter_amount", count: "twitch_last_gifter_amount" },
+  "subscriber-alltime-gifter": { name: "twitch_alltime_top_gifter", username: "twitch_alltime_top_gifter", amount: "twitch_alltime_top_gifter_amount", count: "twitch_alltime_top_gifter_amount" },
+  "cheer-latest": { name: "twitch_last_bit", username: "twitch_last_bit", amount: "twitch_last_bit_amount", count: "twitch_last_bit_amount" },
+  "tip-latest": { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" },
+  latest_donator: { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" },
+  "raid-latest": { name: "twitch_last_raider", username: "twitch_last_raider", amount: "twitch_last_raid_amount", count: "twitch_last_raid_amount" },
+  // Session counters: count/amount = the running session count.
+  "follower-session": { amount: "twitch_session_follower_count", count: "twitch_session_follower_count" },
+  "subscriber-session": { amount: "twitch_session_subscribers_count", count: "twitch_session_subscribers_count" },
+  "cheer-session": { amount: "twitch_session_bits_count", count: "twitch_session_bits_count" },
+  "tip-session": { amount: "session_donation_amount", count: "session_donation_count", currency: "session_donation_amount_currency_symbol" },
+  // Totals (all-time): count/amount = total counter.
+  "follower-total": { amount: "twitch_total_follower_count", count: "twitch_total_follower_count" },
+  "subscriber-total": { amount: "twitch_total_subscriber_count", count: "twitch_total_subscriber_count" },
+  "cheer-total": { amount: "twitch_total_bits_count", count: "twitch_total_bits_count" },
+  "tip-total": { amount: "total_donation_amount", count: "total_donation_amount", currency: "total_donation_amount_currency_symbol" },
+  "tip-count": { amount: "donation_count", count: "donation_count" },
+  // Top cheer / cheerer / donator session readouts.
+  "cheer-session-top-donation": { amount: "twitch_session_top_cheer_amount", count: "twitch_session_top_cheer_amount" },
+  "cheer-session-top-donator": { name: "twitch_session_top_cheerer", username: "twitch_session_top_cheerer", amount: "twitch_session_top_cheerer_amount", count: "twitch_session_top_cheerer_amount" },
+  "tip-session-top-donation": { amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" },
+  "tip-session-top-donator": { name: "session_top_donator", username: "session_top_donator", amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" },
+  // Botcounter — SE uses `{wins}` for the running chat count; the dispatcher's
+  // fallbackVar for `se-widget-botcounter` is `twitch_session_chat_count`, so
+  // when the listener arg lands as that var name we treat it as the wins source.
+  twitch_session_chat_count: { wins: "twitch_session_chat_count", count: "twitch_session_chat_count", amount: "twitch_session_chat_count" },
+  // Merch readouts — SE used to ship via their own shop, now most users route
+  // through Fourthwall. Lumia exposes `fourthwall_last_order` as a full object:
+  // { username, email, friendlyId, amount, currency, message, items,
+  //   itemsCount, itemsDetailed, orderItems, itemImages, firstItem }
+  // (see fourthwall.manager.ts ORDER_PLACED handler). The template engine
+  // supports dotted access (`dotNotationDig`) so we pluck the right field.
+  "merch-latest": {
+    name: "fourthwall_last_order.username",
+    username: "fourthwall_last_order.username",
+    amount: "fourthwall_last_order.amount",
+    count: "fourthwall_last_order.itemsCount",
+    currency: "fourthwall_last_order.currency",
+    items: "fourthwall_last_order.items",
+    item: "fourthwall_last_order.firstItem.name",
+    message: "fourthwall_last_order.message"
+  },
+  "purchase-latest": {
+    name: "fourthwall_last_order.username",
+    username: "fourthwall_last_order.username",
+    amount: "fourthwall_last_order.amount",
+    count: "fourthwall_last_order.itemsCount",
+    currency: "fourthwall_last_order.currency",
+    items: "fourthwall_last_order.items",
+    item: "fourthwall_last_order.firstItem.name",
+    message: "fourthwall_last_order.message"
   }
-  if (listener === "raid-latest") return { name: "twitch_last_raider", username: "twitch_last_raider", amount: "twitch_last_raid_amount", count: "twitch_last_raid_amount" };
-  if (listener === "follower-session") return { amount: "twitch_session_follower_count", count: "twitch_session_follower_count" };
-  if (listener === "subscriber-session") return { amount: "twitch_session_subscribers_count", count: "twitch_session_subscribers_count" };
-  if (listener === "cheer-session") return { amount: "twitch_session_bits_count", count: "twitch_session_bits_count" };
-  if (listener === "tip-session") return { amount: "session_donation_amount", count: "session_donation_count", currency: "session_donation_amount_currency_symbol" };
-  if (listener === "follower-total") return { amount: "twitch_total_follower_count", count: "twitch_total_follower_count" };
-  if (listener === "subscriber-total") return { amount: "twitch_total_subscriber_count", count: "twitch_total_subscriber_count" };
-  if (listener === "cheer-total") return { amount: "twitch_total_bits_count", count: "twitch_total_bits_count" };
-  if (listener === "tip-total") return { amount: "total_donation_amount", count: "total_donation_amount", currency: "total_donation_amount_currency_symbol" };
-  if (listener === "tip-count") return { amount: "donation_count", count: "donation_count" };
-  if (listener === "cheer-session-top-donation") return { amount: "twitch_session_top_cheer_amount", count: "twitch_session_top_cheer_amount" };
-  if (listener === "cheer-session-top-donator") return { name: "twitch_session_top_cheerer", username: "twitch_session_top_cheerer", amount: "twitch_session_top_cheerer_amount", count: "twitch_session_top_cheerer_amount" };
-  if (listener === "tip-session-top-donation") return { amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" };
-  if (listener === "tip-session-top-donator") return { name: "session_top_donator", username: "session_top_donator", amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" };
-  if (listener === "twitch_session_chat_count") return { wins: "twitch_session_chat_count", count: "twitch_session_chat_count", amount: "twitch_session_chat_count" };
-  if (listener === "merch-latest" || listener === "purchase-latest") {
-    return {
-      name: "fourthwall_last_order.username",
-      username: "fourthwall_last_order.username",
-      amount: "fourthwall_last_order.amount",
-      count: "fourthwall_last_order.itemsCount",
-      currency: "fourthwall_last_order.currency",
-      items: "fourthwall_last_order.items",
-      item: "fourthwall_last_order.firstItem.name",
-      message: "fourthwall_last_order.message"
-    };
-  }
-  return {};
+};
+var KICK_CONTEXTS = {
+  "follower-latest": { name: "kick_last_follower", username: "kick_last_follower" },
+  "subscriber-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
+  "subscriber-new-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
+  "subscriber-resub-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
+  "subscriber-gifted-latest": { name: "kick_last_gifter", username: "kick_last_gifter", amount: "kick_last_gifter_amount", count: "kick_last_gifter_amount" },
+  "cheer-latest": { name: "kick_last_kicks", username: "kick_last_kicks", amount: "kick_last_kicks_amount", count: "kick_last_kicks_amount" },
+  "raid-latest": { name: "kick_last_host", username: "kick_last_host", amount: "kick_last_host_amount", count: "kick_last_host_amount" },
+  "follower-session": { amount: "kick_session_follower_count", count: "kick_session_follower_count" },
+  "subscriber-session": { amount: "kick_session_subscriber_count", count: "kick_session_subscriber_count" },
+  "cheer-session": { amount: "kick_session_kicks_count", count: "kick_session_kicks_count" },
+  "subscriber-gifted-session": { amount: "kick_session_gifts_count", count: "kick_session_gifts_count" },
+  "follower-total": { amount: "kick_total_follower_count", count: "kick_total_follower_count" },
+  "subscriber-total": { amount: "kick_total_subscriber_count", count: "kick_total_subscriber_count" },
+  "cheer-total": { amount: "kick_total_kicks_count", count: "kick_total_kicks_count" },
+  "follower-week": { amount: "kick_week_follower_count", count: "kick_week_follower_count" },
+  "follower-month": { amount: "kick_month_follower_count", count: "kick_month_follower_count" },
+  "subscriber-week": { amount: "kick_week_subscriber_count", count: "kick_week_subscriber_count" },
+  "subscriber-month": { amount: "kick_month_subscriber_count", count: "kick_month_subscriber_count" }
+};
+var YOUTUBE_CONTEXTS = {
+  "follower-latest": { name: "youtube_last_subscriber", username: "youtube_last_subscriber" },
+  "subscriber-latest": { name: "youtube_last_member", username: "youtube_last_member" },
+  "subscriber-new-latest": { name: "youtube_last_member", username: "youtube_last_member" },
+  "subscriber-resub-latest": { name: "youtube_last_member", username: "youtube_last_member" },
+  "subscriber-gifted-latest": { name: "youtube_last_gift_member", username: "youtube_last_gift_member" },
+  "cheer-latest": { name: "youtube_last_superchatter", username: "youtube_last_superchatter" },
+  "follower-session": { amount: "youtube_session_subscriber_count", count: "youtube_session_subscriber_count" },
+  "subscriber-session": { amount: "youtube_session_member_count", count: "youtube_session_member_count" },
+  "cheer-session": { amount: "youtube_session_superchat_count", count: "youtube_session_superchat_count" },
+  "follower-total": { amount: "youtube_total_subscriber_count", count: "youtube_total_subscriber_count" },
+  "subscriber-total": { amount: "youtube_total_member_count", count: "youtube_total_member_count" },
+  "follower-week": { amount: "youtube_week_subscriber_count", count: "youtube_week_subscriber_count" },
+  "follower-month": { amount: "youtube_month_subscriber_count", count: "youtube_month_subscriber_count" },
+  "subscriber-week": { amount: "youtube_week_member_count", count: "youtube_week_member_count" },
+  "subscriber-month": { amount: "youtube_month_member_count", count: "youtube_month_member_count" }
+};
+function listenerPlaceholderContext(listener, provider = "twitch") {
+  const platformTable = provider === "kick" ? KICK_CONTEXTS : provider === "youtube" ? YOUTUBE_CONTEXTS : null;
+  return platformTable?.[listener] ?? TWITCH_CONTEXTS[listener] ?? {};
 }
 var SE_WIDGET_TYPE_LABELS = {
   "subscriber-latest": "Latest subscriber",
@@ -90,17 +149,57 @@ function defaultLabelForSEWidget(widget) {
   const tail = words.slice(1).join(" ");
   return tail ? `${head} ${tail}` : head;
 }
-function translateSeText(input, listener, passthrough) {
+function translateSeText(input, listener, passthrough, provider) {
   if (!input) return "";
-  const ctx = listener ? listenerPlaceholderContext(listener) : {};
+  const ctx = listener ? listenerPlaceholderContext(listener, provider) : {};
   return input.replace(/\{([a-zA-Z][a-zA-Z0-9_.]*)\}/g, (_match, raw) => {
     if (passthrough?.has(raw)) return `{{${raw}}}`;
     const mapped = ctx[raw] ?? SE_TO_LUMIA_PLACEHOLDER[raw] ?? raw;
     return `{{${mapped}}}`;
   });
 }
-function listenerToLumiaVariable(listener) {
+var KICK_LISTENER_VARS = {
+  "follower-latest": "kick_last_follower",
+  "subscriber-latest": "kick_last_subscriber",
+  "subscriber-new-latest": "kick_last_subscriber",
+  "subscriber-resub-latest": "kick_last_subscriber",
+  "subscriber-gifted-latest": "kick_last_gifter",
+  "cheer-latest": "kick_last_kicks",
+  "raid-latest": "kick_last_host",
+  "follower-session": "kick_session_follower_count",
+  "follower-week": "kick_week_follower_count",
+  "follower-month": "kick_month_follower_count",
+  "follower-total": "kick_total_follower_count",
+  "subscriber-session": "kick_session_subscriber_count",
+  "subscriber-week": "kick_week_subscriber_count",
+  "subscriber-month": "kick_month_subscriber_count",
+  "subscriber-total": "kick_total_subscriber_count",
+  "subscriber-gifted-session": "kick_session_gifts_count",
+  "cheer-session": "kick_session_kicks_count",
+  "cheer-total": "kick_total_kicks_count"
+};
+var YOUTUBE_LISTENER_VARS = {
+  "follower-latest": "youtube_last_subscriber",
+  "subscriber-latest": "youtube_last_member",
+  "subscriber-new-latest": "youtube_last_member",
+  "subscriber-resub-latest": "youtube_last_member",
+  "subscriber-gifted-latest": "youtube_last_gift_member",
+  "cheer-latest": "youtube_last_superchatter",
+  "follower-session": "youtube_session_subscriber_count",
+  "follower-week": "youtube_week_subscriber_count",
+  "follower-month": "youtube_month_subscriber_count",
+  "follower-total": "youtube_total_subscriber_count",
+  "subscriber-session": "youtube_session_member_count",
+  "subscriber-week": "youtube_week_member_count",
+  "subscriber-month": "youtube_month_member_count",
+  "subscriber-total": "youtube_total_member_count",
+  "subscriber-gifted-session": "youtube_session_gift_members_count",
+  "cheer-session": "youtube_session_superchat_count"
+};
+function listenerToLumiaVariable(listener, provider = "twitch") {
   if (typeof listener !== "string" || !listener) return "username";
+  if (provider === "kick" && KICK_LISTENER_VARS[listener]) return KICK_LISTENER_VARS[listener];
+  if (provider === "youtube" && YOUTUBE_LISTENER_VARS[listener]) return YOUTUBE_LISTENER_VARS[listener];
   const m = {
     // Latest events
     "follower-latest": "twitch_last_follower",
@@ -398,10 +497,10 @@ function mapReadout(widget, fallbackVar, ctx) {
   const explicit = typeof explicitListener === "string" ? explicitListener : null;
   const widgetListener = typeof widget.listener === "string" ? widget.listener : null;
   const listener = explicit ?? widgetListener ?? fallbackVar;
-  const variable = listenerToLumiaVariable(listener);
+  const variable = listenerToLumiaVariable(listener, ctx?.provider);
   const userTemplate = widget.text?.value ?? "";
   const inheritsText = userTemplate.trim().length > 0 && /\{[a-zA-Z]/.test(userTemplate);
-  const value = inheritsText ? translateSeText(userTemplate, listener) : `{{${variable}}}`;
+  const value = inheritsText ? translateSeText(userTemplate, listener, void 0, ctx?.provider) : `{{${variable}}}`;
   const seCss = widget.text?.css ?? {};
   return buildUnit(widget, "text", {
     content: { value, highlightColor: "inherit" },
@@ -419,34 +518,99 @@ function mapReadout(widget, fallbackVar, ctx) {
   }, ctx);
 }
 
-// src/se-import/mappers/alert.ts
-var SE_EVENT_TO_LUMIA_ALERT = {
-  follower: "twitch-follower",
-  subscriber: "twitch-subscriber",
-  tip: "streamelements-donation",
-  cheer: "twitch-bits",
-  raid: "twitch-raid",
-  // Merch / shop-order — Lumia's Fourthwall integration is the data path most
-  // users now have wired up since SE deprecated their own merch flow in favor
-  // of Fourthwall. `fourthwall-shopOrder` is the alert key from
-  // LumiaAlertValues / activity.types.ts.
-  merch: "fourthwall-shopOrder",
-  purchase: "fourthwall-shopOrder",
-  charityCampaignDonation: "twitch-charityDonation"
-  // NOTE — two SE events intentionally NOT mapped:
-  //   • `host` → previously `twitch-raid`. Twitch deprecated hosting in
-  //     late 2022 so the event never fires on the platform anymore. Even
-  //     if it did, host payloads don't carry a viewer count (raids do),
-  //     so the rendered alert would read "{name} raided with ?? viewers".
-  //     Drop the mapping; SE widgets configured with a `host` block fall
-  //     through to the unsupported placeholder rather than producing
-  //     misleading raid alerts.
-  //   • `redemption` → SE's `redemption` event is the legacy SE Store
-  //     redemption (their own loyalty-point store purchases), NOT Twitch
-  //     channel-point redemptions. Different payload, different semantics.
-  //     SE Store is mostly deprecated and seldom used; dropping the
-  //     mapping prevents misleading "channel-point redemption" alerts.
+// src/se-import/mappers/provider-alerts.ts
+var ALERT_BOX_KEYS = {
+  twitch: {
+    follower: "twitch-follower",
+    subscriber: "twitch-subscriber",
+    tip: "streamelements-donation",
+    cheer: "twitch-bits",
+    raid: "twitch-raid",
+    merch: "fourthwall-shopOrder",
+    purchase: "fourthwall-shopOrder",
+    charityCampaignDonation: "twitch-charityDonation"
+  },
+  kick: {
+    follower: "kick-follower",
+    subscriber: "kick-subscriber",
+    tip: "streamelements-donation",
+    cheer: "kick-kicks",
+    raid: "kick-host",
+    host: "kick-host",
+    merch: "fourthwall-shopOrder",
+    purchase: "fourthwall-shopOrder"
+  },
+  youtube: {
+    follower: "youtube-subscriber",
+    subscriber: "youtube-member",
+    tip: "streamelements-donation",
+    cheer: "youtube-superchat",
+    merch: "fourthwall-shopOrder",
+    purchase: "fourthwall-shopOrder"
+  }
+};
+var KAPPAGEN_KEYS = {
+  twitch: {
+    follower: "twitch-follower",
+    subscriber: "twitch-subscriber",
+    cheer: "twitch-bits",
+    raid: "twitch-raid",
+    tip: "streamelements-donation"
+  },
+  kick: {
+    follower: "kick-follower",
+    subscriber: "kick-subscriber",
+    cheer: "kick-kicks",
+    raid: "kick-host",
+    tip: "streamelements-donation"
+  },
+  youtube: {
+    follower: "youtube-subscriber",
+    subscriber: "youtube-member",
+    cheer: "youtube-superchat",
+    tip: "streamelements-donation"
+  }
 };
+var STREAMBOSS_LISTENER_KEYS = {
+  twitch: {
+    "follower-latest": "twitch-follower",
+    "subscriber-latest": "twitch-subscriber",
+    "tip-latest": "lumiastream-donation",
+    "cheer-latest": "twitch-bits",
+    "raid-latest": "twitch-raid"
+  },
+  kick: {
+    "follower-latest": "kick-follower",
+    "subscriber-latest": "kick-subscriber",
+    "tip-latest": "lumiastream-donation",
+    "cheer-latest": "kick-kicks",
+    "raid-latest": "kick-host"
+  },
+  youtube: {
+    "follower-latest": "youtube-subscriber",
+    "subscriber-latest": "youtube-member",
+    "tip-latest": "lumiastream-donation",
+    "cheer-latest": "youtube-superchat"
+  }
+};
+function alertBoxKeyFor(seEvent, provider = "twitch") {
+  return ALERT_BOX_KEYS[provider]?.[seEvent];
+}
+function kappagenKeyFor(seEvent, provider = "twitch") {
+  return KAPPAGEN_KEYS[provider]?.[seEvent];
+}
+function streamBossListenerKeyFor(seListener, provider = "twitch") {
+  return STREAMBOSS_LISTENER_KEYS[provider]?.[seListener];
+}
+function readBootstrapProvider(bootstrap) {
+  const ch = bootstrap.channel;
+  if (!ch || typeof ch !== "object") return "twitch";
+  const p = ch.provider;
+  if (p === "kick" || p === "youtube" || p === "twitch") return p;
+  return "twitch";
+}
+
+// src/se-import/mappers/alert.ts
 function pickGraphics(g) {
   const DEFAULT_GRAPHIC_VOLUME = 0.5;
   if (!g) return { type: "image", content: { src: "", loop: false, volume: DEFAULT_GRAPHIC_VOLUME } };
@@ -629,12 +793,12 @@ function pickBaseAlertFields(event) {
 function mapAlertBox(widget, opts = {}, ctx) {
   const v = widget.variables ?? {};
   const events = {};
-  const eventKeys = opts.onlyEvents ?? ["follower", "subscriber", "tip", "cheer", "raid", "merch", "purchase", "charityCampaignDonation"];
+  const eventKeys = opts.onlyEvents ?? ["follower", "subscriber", "tip", "cheer", "raid", "host", "merch", "purchase", "charityCampaignDonation"];
   let firstEvent = null;
   for (const seKey of eventKeys) {
     const ev = v[seKey];
     if (!ev || typeof ev !== "object") continue;
-    const lumiaAlert = SE_EVENT_TO_LUMIA_ALERT[seKey];
+    const lumiaAlert = alertBoxKeyFor(seKey, ctx?.provider);
     if (!lumiaAlert) continue;
     const built = buildAlertEvent(ev, seKey);
     events[lumiaAlert] = built;
@@ -783,6 +947,7 @@ function mapGoal(widget, ctx) {
 }
 
 // src/se-import/mappers/custom.ts
+import { nanoid as nanoid2 } from "nanoid";
 var SOURCE_TO_LUMIA_FIELD_TYPE = {
   text: "input",
   number: "number",
@@ -842,15 +1007,28 @@ function mapCustom(widget, ctx) {
   };
   const fields = parse(v.fields) ?? v.fields;
   const fieldData = parse(v.fieldData) ?? v.fieldData;
+  const widgetProvider = widget.provider;
+  const provider = widgetProvider === "kick" || widgetProvider === "youtube" || widgetProvider === "twitch" ? widgetProvider : ctx?.provider ?? "twitch";
   return buildUnit(widget, "custom", {
     content: {
-      codeId: String(widget.id),
+      // SE widget ids are integers unique only within a single SE overlay
+      // (1, 2, 3…). Using them as Lumia codeIds would collide across
+      // imports — codeId is the scoping key for variables, storage, and
+      // event listeners. Mint a fresh nanoid so every imported widget
+      // has its own scope.
+      codeId: nanoid2(),
       html: v.html ?? "",
       css: v.css ?? "",
       js: v.js ?? "",
       configs: translateConfigs(fields),
       data: fieldData ?? {},
-      flavor: "streamelements"
+      flavor: "streamelements",
+      // Native field on the Custom module content. The compatibility
+      // shim in Embed.tsx reads this to pick the right listener-name
+      // mapping table when forwarding Lumia events into the iframe as
+      // `onEventReceived` payloads. Default 'twitch' matches the shim's
+      // historical default so legacy imports keep working.
+      sourceProvider: provider
     }
   }, ctx);
 }
@@ -1482,27 +1660,6 @@ function mapMediaShare(widget, ctx) {
     }
   }, ctx);
 }
-var SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT = {
-  follower: "twitch-follower",
-  subscriber: "twitch-subscriber",
-  cheer: "twitch-bits",
-  raid: "twitch-raid",
-  tip: "streamelements-donation"
-  // NOTE — three SE events intentionally NOT mapped:
-  //   • `host`     → previously `twitch-host`, which doesn't exist in
-  //                  LumiaAlertValues (verified). Twitch deprecated hosting
-  //                  in 2022 so the event never fires anyway.
-  //   • `purchase` → previously `streamlabs-merch`, which is deprecated. The
-  //                  main Alert Box mapper routes merch/purchase to
-  //                  `fourthwall-shopOrder`; keep Kappagen consistent by
-  //                  dropping the legacy SL path rather than splitting
-  //                  emoji emotion between two competing alert keys.
-  //   • `embers`   → previously `youtube-superchat`, which is wrong on both
-  //                  ends: embers were a deprecated Twitch paid-emote
-  //                  feature unrelated to YouTube super chats.
-  // All three drop silently; the rest of the widget (size, spawn zone,
-  // per-event flags for the remaining events) still imports.
-};
 function mapKappagen(widget, ctx) {
   const v = widget.variables ?? {};
   const eventsFromNested = v.eventsConfig ? {
@@ -1513,7 +1670,7 @@ function mapKappagen(widget, ctx) {
     tip: v.eventsConfig.tip?.enabled ?? true
   } : null;
   const events = v.events ?? eventsFromNested ?? { subscriber: true, follower: true, cheer: true, raid: true, tip: true };
-  const alertTriggers = Object.entries(events).filter(([, enabled]) => !!enabled).map(([seKey]) => SE_KAPPAGEN_EVENT_TO_LUMIA_ALERT[seKey]).filter((x) => !!x);
+  const alertTriggers = Object.entries(events).filter(([, enabled]) => !!enabled).map(([seKey]) => kappagenKeyFor(seKey, ctx?.provider)).filter((x) => !!x);
   const alertEmotes = ["Kappa", "<3", "imGlitch"];
   return buildUnit(
     widget,
@@ -1903,16 +2060,7 @@ function parsePx(raw) {
 }
 
 // src/se-import/mappers/streamboss.ts
-var SE_LISTENER_TO_ALERT = {
-  "follower-latest": "twitch-follower",
-  "subscriber-latest": "twitch-subscriber",
-  "tip-latest": "lumiastream-donation",
-  "cheer-latest": "twitch-bits",
-  "raid-latest": "twitch-raid"
-  // `purchase-latest` and `subscriber-gifted-latest` are intentionally absent.
-  // SE rolled gifted subs into `subscriber-latest`; Lumia splits them via
-  // extraSettings.isGift, which the runtime already handles consistently.
-};
+var SE_LISTENERS = ["follower-latest", "subscriber-latest", "tip-latest", "cheer-latest", "raid-latest"];
 var SE_LISTENER_MODE = {
   "follower-latest": "flat",
   "subscriber-latest": "flat",
@@ -1934,8 +2082,10 @@ function mapStreamBoss(widget, ctx) {
   const seDamage = v.damage ?? {};
   const damageMap = {};
   const selectedEvents = [];
-  for (const [seListener, alertKey] of Object.entries(SE_LISTENER_TO_ALERT)) {
+  for (const seListener of SE_LISTENERS) {
     if (!listenerIsOn(widget.listeners, seListener)) continue;
+    const alertKey = streamBossListenerKeyFor(seListener, ctx?.provider);
+    if (!alertKey) continue;
     const raw = seDamage[seListener];
     const value = typeof raw === "number" && Number.isFinite(raw) && raw > 0 ? raw : null;
     if (value === null) continue;
@@ -2243,7 +2393,7 @@ function guessMime(name) {
 }
 
 // src/se-import/transplant.ts
-import { nanoid as nanoid2 } from "nanoid";
+import { nanoid as nanoid3 } from "nanoid";
 function cloneModuleForTransplant(srcModule, newId) {
   const clonedContent = srcModule.content ? structuredClone(srcModule.content) : srcModule.content;
   if (srcModule.settings?.type === "custom" && clonedContent) {
@@ -2261,7 +2411,7 @@ function transplantLayer(source, sourceLayerId) {
   const srcLayer = layers.find((l) => l.id === sourceLayerId);
   const srcModule = modules[sourceLayerId];
   if (!srcLayer || !srcModule) return null;
-  const rootNewId = nanoid2();
+  const rootNewId = nanoid3();
   if (srcLayer.type !== "group") {
     const layer = { ...srcLayer, id: rootNewId };
     const module = cloneModuleForTransplant(srcModule, rootNewId);
@@ -2279,7 +2429,7 @@ function transplantLayer(source, sourceLayerId) {
       if (seen.has(child.id)) continue;
       seen.add(child.id);
       descendants.push(child);
-      idRemap.set(child.id, nanoid2());
+      idRemap.set(child.id, nanoid3());
       if (child.type === "group") queue.push(child.id);
     }
   }
@@ -7005,18 +7155,20 @@ function importSEBootstrap(bootstrap) {
     mappings: [],
     notes: []
   };
+  const provider = readBootstrapProvider(bootstrap);
   console.log("[SE-IMPORT] bootstrap received", {
     overlayId: seOverlay?._id,
     name: seOverlay?.name,
     canvas: { width: seOverlay?.settings?.width, height: seOverlay?.settings?.height },
     widgetCount: widgets.length,
-    widgetTypes: widgets.map((w) => w.type)
+    widgetTypes: widgets.map((w) => w.type),
+    provider
   });
   const importCanvas = {
     width: seOverlay?.settings?.width ?? 1920,
     height: seOverlay?.settings?.height ?? 1080
   };
-  const ctx = { canvas: importCanvas };
+  const ctx = { canvas: importCanvas, provider };
   const layers = [];
   const modules = {};
   const reviewItems = [];
@@ -7026,7 +7178,7 @@ function importSEBootstrap(bootstrap) {
     if (w.type !== "se-widget-group") continue;
     const uid = w.variables?.uid;
     if (typeof uid !== "string") continue;
-    const lumiaGroupId = nanoid3();
+    const lumiaGroupId = nanoid4();
     seUidToLumiaGroupId[uid] = lumiaGroupId;
     groupWidgetByUid[uid] = w;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lumiastream/ui",
-	"version": "0.2.8-alpha.22",
+	"version": "0.2.8-alpha.24",
 	"author": "Lumia Stream",
 	"license": "ISC",
 	"description": "Lumia UI Kit",