@lumiastream/ui 0.2.8-alpha.29 → 0.2.8-alpha.30

package/dist/index.js

@@ -4248,15 +4248,53 @@ function mapCustom(widget, ctx) {
 }
 
 // src/se-import/mappers/misc.ts
+import {
+  LumiaEventListTypes,
+  LumiaMapAlertTypeToEventListType
+} from "@lumiastream/lumia-types";
 function mapChatboxTheme(seTheme) {
   const t = (seTheme ?? "").toString().toLowerCase();
   if (!t || t === "default") return "simple";
-  if (t.includes("flipin") || t.includes("bubble") || t.includes("bubbly")) return "bubbly";
+  if (t.includes("flipin") || t.includes("bubble") || t.includes("bubbly"))
+    return "bubbly";
   if (t.includes("glass") || t.includes("transparent")) return "glass";
   if (t.includes("boxy") || t.includes("checker")) return "boxy";
   if (t.includes("basic")) return "basic";
   return "simple";
 }
+var KAPPAGEN_EVENT_CATEGORIES = {
+  tip: [LumiaEventListTypes.DONATION],
+  cheer: [
+    LumiaEventListTypes.BITS,
+    LumiaEventListTypes.KICKS,
+    LumiaEventListTypes.SUPERCHATS,
+    LumiaEventListTypes.STARS
+  ],
+  embers: [LumiaEventListTypes.BITS],
+  follower: [LumiaEventListTypes.FOLLOWER],
+  host: [LumiaEventListTypes.HOSTS],
+  raid: [LumiaEventListTypes.RAIDS],
+  subscriber: [LumiaEventListTypes.SUBSCRIBERS],
+  purchase: [LumiaEventListTypes.PURCHASES]
+};
+var alertKeysByEventListType = Object.entries(
+  LumiaMapAlertTypeToEventListType
+).reduce(
+  (acc, [alertKey, eventListType]) => {
+    acc[eventListType] = acc[eventListType] ?? [];
+    acc[eventListType].push(alertKey);
+    return acc;
+  },
+  {}
+);
+function kappagenAlertTriggersFor(seEvent, provider) {
+  const categoryKeys = (KAPPAGEN_EVENT_CATEGORIES[seEvent] ?? []).flatMap(
+    (eventListType) => alertKeysByEventListType[eventListType] ?? []
+  );
+  if (categoryKeys.length > 0) return categoryKeys;
+  const fallback = kappagenKeyFor(seEvent, provider);
+  return fallback ? [fallback] : [];
+}
 function paddingShorthand(message) {
   const pick = (key) => {
     const raw = message?.[key];
@@ -4280,13 +4318,18 @@ function mapChatbox(widget, ctx) {
   const messagePadding = paddingShorthand(messageCss);
   const DEFAULT_CHATBOX_FONT_SIZE = 14;
   const moduleCss = {};
-  if (textCss["font-family"] != null) moduleCss.fontFamily = textCss["font-family"];
+  if (textCss["font-family"] != null)
+    moduleCss.fontFamily = textCss["font-family"];
   moduleCss.fontSize = textCss["font-size"] != null ? textCss["font-size"] : DEFAULT_CHATBOX_FONT_SIZE;
   if (textCss["color"] != null) moduleCss.color = textCss["color"];
-  if (textCss["font-weight"] != null) moduleCss.fontWeight = textCss["font-weight"];
-  if (textCss["text-shadow"] != null) moduleCss.textShadow = textCss["text-shadow"];
-  if (textCss["text-align"] != null) moduleCss.textAlign = textCss["text-align"];
-  if (textCss["line-height"] != null) moduleCss.lineHeight = textCss["line-height"];
+  if (textCss["font-weight"] != null)
+    moduleCss.fontWeight = textCss["font-weight"];
+  if (textCss["text-shadow"] != null)
+    moduleCss.textShadow = textCss["text-shadow"];
+  if (textCss["text-align"] != null)
+    moduleCss.textAlign = textCss["text-align"];
+  if (textCss["line-height"] != null)
+    moduleCss.lineHeight = textCss["line-height"];
   if (messagePadding) moduleCss.padding = messagePadding;
   const DEFAULT_CHATBOX_BG = "#1e1e1e";
   const messageBackground = typeof messageCss["background"] === "string" && messageCss["background"].length > 0 ? messageCss["background"] : DEFAULT_CHATBOX_BG;
@@ -4294,72 +4337,82 @@ function mapChatbox(widget, ctx) {
   const messageFontFamily = typeof messageCss["font-family"] === "string" && messageCss["font-family"].length > 0 ? messageCss["font-family"] : void 0;
   const highlightBackground = v.highlight && typeof v.highlight === "object" && typeof v.highlight["background"] === "string" ? v.highlight["background"] : void 0;
   const accentColor = highlightBackground && highlightBackground.length > 0 ? highlightBackground : void 0;
-  return buildUnit(widget, "chatbox", {
-    // Visual styling (font / color / padding etc) lives on module.css, not
-    // content. Lumia's TextStyle settings panel + the chatbox renderer both
-    // read from here.
-    css: moduleCss,
-    content: {
-      theme: mapChatboxTheme(v.theme),
-      fadeOutAfterDelay: fadeOutSeconds > 0,
-      fadeOutDelayTime: fadeOutSeconds,
-      // Defaults Lumia's chatbox renderer + UI expect on every module.
-      // Without these the chatbox silently dropped messages (the
-      // `ignoredStreamingSites` truthy gate), rendered in the wrong
-      // theme (no theme → blank list), or showed missing controls in
-      // settings. `ignoredList` carries SE's per-user ignore list across.
-      ignoredList: Array.isArray(v.ignored) ? v.ignored : [],
-      ignoredStreamingSites: [],
-      horizontal: false,
-      reverseFlow: false,
-      hideAlerts: false,
-      hideAlertMessage: false,
-      showAvatar: true,
-      showBadges: true,
-      showEmotes: true,
-      showSiteIcon: true,
-      showTimestamp: false,
-      breakLine: false,
-      hyperClickableLinks: true,
-      clickableChatterProfiles: true,
-      previewMediaInChat: true,
-      maxItemsToShow: 20,
-      removeAfter: 3e4,
-      itemGap: 8,
-      borderRadius: "10px",
-      bgOpacity: 0.4,
-      animations: {
-        enterAnimation: "fadeIn",
-        exitAnimation: "fadeOut",
-        enterAnimationDuration: 1e3,
-        exitAnimationDuration: 1e3,
-        enterAnimationDelay: 0,
-        exitAnimationDelay: 0
-      },
-      // Carry the SE message-level font override and the streamer's
-      // accent color across so the imported chatbox looks right at
-      // first paint. Background lives on `module.css.background`
-      // above — `content.background` was a dead write the renderer
-      // never read.
-      ...messageFontFamily ? { messageFontFamily } : {},
-      ...accentColor ? {
-        chatboxStreamingSite: {
-          twitch: { themeConfig: { primaryColor: accentColor, showUsernameColors: true } }
-        }
-      } : {},
-      // Source-side knobs preserved under the generic importMeta envelope —
-      // no native Lumia equivalent today. `messageDelay` is per-message
-      // hold, `initialDelay` is the show-after-connect delay, and we
-      // stash the raw highlight block + text css for any future feature
-      // that wants the fine-grained styling.
-      importMeta: buildImportMeta(widget, {
-        messageDelay: v.messageDelay,
-        initialDelay: v.delay,
-        highlightUsers: v.highlight,
-        textCss
-      })
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "chatbox",
+    {
+      // Visual styling (font / color / padding etc) lives on module.css, not
+      // content. Lumia's TextStyle settings panel + the chatbox renderer both
+      // read from here.
+      css: moduleCss,
+      content: {
+        theme: mapChatboxTheme(v.theme),
+        fadeOutAfterDelay: fadeOutSeconds > 0,
+        fadeOutDelayTime: fadeOutSeconds,
+        // Defaults Lumia's chatbox renderer + UI expect on every module.
+        // Without these the chatbox silently dropped messages (the
+        // `ignoredStreamingSites` truthy gate), rendered in the wrong
+        // theme (no theme → blank list), or showed missing controls in
+        // settings. `ignoredList` carries SE's per-user ignore list across.
+        ignoredList: Array.isArray(v.ignored) ? v.ignored : [],
+        ignoredStreamingSites: [],
+        horizontal: false,
+        reverseFlow: false,
+        hideAlerts: false,
+        hideAlertMessage: false,
+        showAvatar: true,
+        showBadges: true,
+        showEmotes: true,
+        showSiteIcon: true,
+        showTimestamp: false,
+        breakLine: false,
+        hyperClickableLinks: true,
+        clickableChatterProfiles: true,
+        previewMediaInChat: true,
+        maxItemsToShow: 20,
+        removeAfter: 3e4,
+        itemGap: 8,
+        borderRadius: "10px",
+        bgOpacity: 0.4,
+        animations: {
+          enterAnimation: "fadeIn",
+          exitAnimation: "fadeOut",
+          enterAnimationDuration: 1e3,
+          exitAnimationDuration: 1e3,
+          enterAnimationDelay: 0,
+          exitAnimationDelay: 0
+        },
+        // Carry the SE message-level font override and the streamer's
+        // accent color across so the imported chatbox looks right at
+        // first paint. Background lives on `module.css.background`
+        // above — `content.background` was a dead write the renderer
+        // never read.
+        ...messageFontFamily ? { messageFontFamily } : {},
+        ...accentColor ? {
+          chatboxStreamingSite: {
+            twitch: {
+              themeConfig: {
+                primaryColor: accentColor,
+                showUsernameColors: true
+              }
+            }
+          }
+        } : {},
+        // Source-side knobs preserved under the generic importMeta envelope —
+        // no native Lumia equivalent today. `messageDelay` is per-message
+        // hold, `initialDelay` is the show-after-connect delay, and we
+        // stash the raw highlight block + text css for any future feature
+        // that wants the fine-grained styling.
+        importMeta: buildImportMeta(widget, {
+          messageDelay: v.messageDelay,
+          initialDelay: v.delay,
+          highlightUsers: v.highlight,
+          textCss
+        })
+      }
+    },
+    ctx
+  );
 }
 var SE_LISTENER_TO_LUMIA_CATEGORY = {
   "follower-latest": "follower",
@@ -4407,7 +4460,9 @@ var ALL_LUMIA_EVENTLIST_CATEGORIES = [
 function computeListenerFilters(seListeners, explicitListener) {
   const enabled = [];
   if (seListeners && typeof seListeners === "object" && !Array.isArray(seListeners)) {
-    for (const [k, v] of Object.entries(seListeners)) {
+    for (const [k, v] of Object.entries(
+      seListeners
+    )) {
       if (v) enabled.push(k);
     }
   } else if (Array.isArray(seListeners)) {
@@ -4429,35 +4484,40 @@ function mapEventList(widget, ctx) {
   const v = widget.variables ?? {};
   const filters = computeListenerFilters(widget.listeners, widget.listener);
   const maxItems = v.visibleEvents ?? v.visibleItems ?? 5;
-  return buildUnit(widget, "eventlist", {
-    // SE event-list widgets style per-event lines via widget.text.css; the
-    // Lumia eventlist reads font/size/color from module.css.
-    css: mapSeTextCssToModuleCss(widget, { fontSize: 18 }),
-    content: {
-      theme: v.theme ?? "simple",
-      direction: v.direction ?? "top",
-      maxItemsToShow: maxItems,
-      visibleEvents: maxItems,
-      // legacy field name kept for back-compat
-      themeBgOpacity: v.themeBgOpacity ?? 0,
-      highlight: v.highlight,
-      // `filters` is a blacklist: every category here is HIDDEN. Empty = show all.
-      filters,
-      // `sites` is a platform blacklist (same shape). Default to "no platforms hidden".
-      sites: [],
-      // Eventlist Manager assumes these objects exist; provide an empty stub so
-      // imported overlays render without throwing.
-      themeConfig: {},
-      eventListType: {},
-      condensedText: false,
-      horizontal: false,
-      showAlertIcon: true,
-      showSiteIcon: true,
-      showUserAvatar: true,
-      showDetailedText: false,
-      hideAlertMessage: false
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "eventlist",
+    {
+      // SE event-list widgets style per-event lines via widget.text.css; the
+      // Lumia eventlist reads font/size/color from module.css.
+      css: mapSeTextCssToModuleCss(widget, { fontSize: 18 }),
+      content: {
+        theme: v.theme ?? "simple",
+        direction: v.direction ?? "top",
+        maxItemsToShow: maxItems,
+        visibleEvents: maxItems,
+        // legacy field name kept for back-compat
+        themeBgOpacity: v.themeBgOpacity ?? 0,
+        highlight: v.highlight,
+        // `filters` is a blacklist: every category here is HIDDEN. Empty = show all.
+        filters,
+        // `sites` is a platform blacklist (same shape). Default to "no platforms hidden".
+        sites: [],
+        // Eventlist Manager assumes these objects exist; provide an empty stub so
+        // imported overlays render without throwing.
+        themeConfig: {},
+        eventListType: {},
+        condensedText: false,
+        horizontal: false,
+        showAlertIcon: true,
+        showSiteIcon: true,
+        showUserAvatar: true,
+        showDetailedText: false,
+        hideAlertMessage: false
+      }
+    },
+    ctx
+  );
 }
 var SE_CREDITS_EVENTS_TO_SHOW = {
   mods: false,
@@ -4601,55 +4661,70 @@ function mapCredits(widget, ctx) {
   const v = widget.variables ?? {};
   const itemGap = typeof v.padding === "number" ? v.padding : 8;
   const reverseFlow = v.direction === "bottom";
-  return buildUnit(widget, "credits", {
-    content: {
-      version: 1,
-      type: "basic",
-      title: "Stream Credits",
-      titleColor: "#ffffff",
-      subtitle: "A massive thanks to everyone below",
-      subtitleColor: "#ffffff",
-      headerColor: "#ffffff",
-      endMessage: "See you next time!",
-      endMessageColor: "#ffffff",
-      eventColor: "#ffffff",
-      loop: false,
-      speed: 1,
-      sectionOrder: [...CREDITS_DEFAULT_SECTION_ORDER],
-      // SE only ships subscribers + gift-subs, so import with just those
-      // enabled. The Manager can re-enable additional sections at any time;
-      // the underlying activity feed is fetched session-wide regardless.
-      eventsToShow: { ...SE_CREDITS_EVENTS_TO_SHOW },
-      topLimits: { ...CREDITS_DEFAULT_TOP_LIMITS },
-      eventNames: { ...CREDITS_DEFAULT_EVENT_NAMES },
-      prefixes: { ...CREDITS_DEFAULT_PREFIXES },
-      templates: { ...CREDITS_DEFAULT_TEMPLATES },
-      daysToShow: "session",
-      itemGap,
-      reverseFlow,
-      media: {
-        type: "image",
-        content: { src: [], name: [], loop: true, playAudio: true, volume: 1 }
-      },
-      audio: {
-        content: { src: [], name: [], loop: false, volume: 1 }
+  return buildUnit(
+    widget,
+    "credits",
+    {
+      content: {
+        version: 1,
+        type: "basic",
+        title: "Stream Credits",
+        titleColor: "#ffffff",
+        subtitle: "A massive thanks to everyone below",
+        subtitleColor: "#ffffff",
+        headerColor: "#ffffff",
+        endMessage: "See you next time!",
+        endMessageColor: "#ffffff",
+        eventColor: "#ffffff",
+        loop: false,
+        speed: 1,
+        sectionOrder: [...CREDITS_DEFAULT_SECTION_ORDER],
+        // SE only ships subscribers + gift-subs, so import with just those
+        // enabled. The Manager can re-enable additional sections at any time;
+        // the underlying activity feed is fetched session-wide regardless.
+        eventsToShow: { ...SE_CREDITS_EVENTS_TO_SHOW },
+        topLimits: { ...CREDITS_DEFAULT_TOP_LIMITS },
+        eventNames: { ...CREDITS_DEFAULT_EVENT_NAMES },
+        prefixes: { ...CREDITS_DEFAULT_PREFIXES },
+        templates: { ...CREDITS_DEFAULT_TEMPLATES },
+        daysToShow: "session",
+        itemGap,
+        reverseFlow,
+        media: {
+          type: "image",
+          content: {
+            src: [],
+            name: [],
+            loop: true,
+            playAudio: true,
+            volume: 1
+          }
+        },
+        audio: {
+          content: { src: [], name: [], loop: false, volume: 1 }
+        },
+        // Source-side knobs with no direct Lumia equivalent — preserved
+        // under the generic importMeta envelope. `chosenFilter` would
+        // narrow eventsToShow if we had a clean mapping; `separator` would
+        // join entries but Lumia credits uses sectioned cards instead.
+        importMeta: buildImportMeta(widget, {
+          chosenFilter: v.chosenFilter,
+          separator: v.separator,
+          amount: v.amount
+        })
       },
-      // Source-side knobs with no direct Lumia equivalent — preserved
-      // under the generic importMeta envelope. `chosenFilter` would
-      // narrow eventsToShow if we had a clean mapping; `separator` would
-      // join entries but Lumia credits uses sectioned cards instead.
-      importMeta: buildImportMeta(widget, {
-        chosenFilter: v.chosenFilter,
-        separator: v.separator,
-        amount: v.amount
+      // Credits renders scrolling section headers + per-event lines; the
+      // renderer reads font/size/weight/color from module.css. Pull from SE's
+      // text.css so an imported credits widget keeps the streamer's chosen
+      // font and weight — defaults match the prior hardcoded fallbacks.
+      css: mapSeTextCssToModuleCss(widget, {
+        fontSize: 30,
+        fontWeight: "normal",
+        textShadow: ""
       })
     },
-    // Credits renders scrolling section headers + per-event lines; the
-    // renderer reads font/size/weight/color from module.css. Pull from SE's
-    // text.css so an imported credits widget keeps the streamer's chosen
-    // font and weight — defaults match the prior hardcoded fallbacks.
-    css: mapSeTextCssToModuleCss(widget, { fontSize: 30, fontWeight: "normal", textShadow: "" })
-  }, ctx);
+    ctx
+  );
 }
 function inferSlideshowMediaType(mime, url) {
   if (typeof mime === "string") {
@@ -4674,49 +4749,61 @@ function mapSlideshow(widget, ctx) {
     const url = typeof raw === "string" ? raw : raw.url ?? raw.src ?? "";
     if (!url) return null;
     return {
-      type: inferSlideshowMediaType(typeof raw === "object" ? raw?.type : void 0, url),
+      type: inferSlideshowMediaType(
+        typeof raw === "object" ? raw?.type : void 0,
+        url
+      ),
       src: url,
       name: nameFromUrl(url)
     };
-  }).filter((item) => item !== null);
+  }).filter(
+    (item) => item !== null
+  );
   const seAnim = typeof v.animation === "object" && v.animation !== null ? v.animation : {};
-  return buildUnit(widget, "slideshow", {
-    content: {
-      src: items,
-      // `interval` of 0 = "rapid cycle" in SE (no delay between images); Lumia's
-      // `imageDuration` is the total ms per image. Distinguish three cases:
-      //   - undefined → use 5000ms default
-      //   - 0 → minimum sane cycle of 100ms (browsers can't render faster than ~60fps anyway)
-      //   - >0 → SE seconds * 1000
-      imageDuration: typeof v.interval === "number" ? v.interval === 0 ? 100 : v.interval * 1e3 : 5e3,
-      loop: v.loop !== false,
-      loopDelay: 0,
-      delay: 0,
-      playAudio: !!v.playAudio,
-      // Lumia's renderer reads `content.shuffle` (Slideshow/index.tsx:21);
-      // mirroring SE's `random` to that name keeps "play in random order"
-      // working out of the box.
-      shuffle: !!v.random,
-      animation: {
-        enterAnimation: typeof v.animation === "string" ? v.animation : seAnim.in ?? "fadeIn",
-        exitAnimation: typeof v.animation === "string" ? v.animation : seAnim.out ?? "fadeOut",
-        enterAnimationDuration: (seAnim.inDuration ?? 1) * 1e3,
-        exitAnimationDuration: (seAnim.outDuration ?? 1) * 1e3,
-        enterAnimationDelay: (seAnim.inDelay ?? 0) * 1e3,
-        exitAnimationDelay: (seAnim.outDelay ?? 0) * 1e3
-      },
-      importMeta: buildImportMeta(widget, {
-        interval: v.interval,
-        rawDuration: v.duration
-      })
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "slideshow",
+    {
+      content: {
+        src: items,
+        // `interval` of 0 = "rapid cycle" in SE (no delay between images); Lumia's
+        // `imageDuration` is the total ms per image. Distinguish three cases:
+        //   - undefined → use 5000ms default
+        //   - 0 → minimum sane cycle of 100ms (browsers can't render faster than ~60fps anyway)
+        //   - >0 → SE seconds * 1000
+        imageDuration: typeof v.interval === "number" ? v.interval === 0 ? 100 : v.interval * 1e3 : 5e3,
+        loop: v.loop !== false,
+        loopDelay: 0,
+        delay: 0,
+        playAudio: !!v.playAudio,
+        // Lumia's renderer reads `content.shuffle` (Slideshow/index.tsx:21);
+        // mirroring SE's `random` to that name keeps "play in random order"
+        // working out of the box.
+        shuffle: !!v.random,
+        animation: {
+          enterAnimation: typeof v.animation === "string" ? v.animation : seAnim.in ?? "fadeIn",
+          exitAnimation: typeof v.animation === "string" ? v.animation : seAnim.out ?? "fadeOut",
+          enterAnimationDuration: (seAnim.inDuration ?? 1) * 1e3,
+          exitAnimationDuration: (seAnim.outDuration ?? 1) * 1e3,
+          enterAnimationDelay: (seAnim.inDelay ?? 0) * 1e3,
+          exitAnimationDelay: (seAnim.outDelay ?? 0) * 1e3
+        },
+        importMeta: buildImportMeta(widget, {
+          interval: v.interval,
+          rawDuration: v.duration
+        })
+      }
+    },
+    ctx
+  );
 }
 function mapTimer(widget, ctx) {
   const v = widget.variables ?? {};
   const textValue = typeof widget.text?.value === "string" ? widget.text.value : void 0;
   const TIMER_PASSTHROUGH = /* @__PURE__ */ new Set(["days", "hours", "minutes", "seconds"]);
-  const mapTemplate = (template) => translateSeText(template, null, TIMER_PASSTHROUGH, void 0, { context: "static" });
+  const mapTemplate = (template) => translateSeText(template, null, TIMER_PASSTHROUGH, void 0, {
+    context: "static"
+  });
   const absoluteDate = v.date ?? v.endsAt ?? v.endDate;
   const target = absoluteDate ? Date.parse(absoluteDate) : NaN;
   const hasValidAbsoluteDate = Number.isFinite(target);
@@ -4736,7 +4823,9 @@ function mapTimer(widget, ctx) {
       resolved = true;
     }
   }
-  if (!resolved && [v.days, v.hours, v.minutes, v.seconds].some((part) => typeof part === "number")) {
+  if (!resolved && [v.days, v.hours, v.minutes, v.seconds].some(
+    (part) => typeof part === "number"
+  )) {
     days = typeof v.days === "number" ? v.days : 0;
     hours = typeof v.hours === "number" ? v.hours : 0;
     minutes = typeof v.minutes === "number" ? v.minutes : 0;
@@ -4775,102 +4864,123 @@ function mapTimer(widget, ctx) {
     if (v.seconds !== false) clockBits.push("{{seconds}}");
     if (clockBits.length) parts.push(clockBits.join(":"));
   }
-  return buildUnit(widget, "timer", {
-    // Carry the streamer's SE text styling (font/size/color/shadow) so an
-    // imported countdown doesn't render in Lumia's default Roboto/24px.
-    css: mapSeTextCssToModuleCss(widget),
-    content: {
-      version: 1,
-      type: "countdown",
-      value: { days, hours, minutes, seconds },
-      display: textValue ? mapTemplate(textValue) : parts.join(" ") || "{{minutes}}:{{seconds}}",
-      showMilliseconds: false,
-      endAnimation: "",
-      hideAfter: 0,
-      highlightColor: "inherit",
-      messageAfterCountdown: translateSeText(v.messageAfterCountdown ?? "", null, void 0, void 0, { context: "static" }),
-      changeMessageAfter: !!v.changeMessageAfterCountdown,
-      countDate: hasValidAbsoluteDate && (!!v.exactTime || !!v.datePicker || !!absoluteDate),
-      date: hasValidAbsoluteDate ? new Date(target).toISOString() : "",
-      importMeta: buildImportMeta(widget, {
-        rawDate: absoluteDate,
-        datePicker: v.datePicker,
-        exactTime: v.exactTime
-      })
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "timer",
+    {
+      // Carry the streamer's SE text styling (font/size/color/shadow) so an
+      // imported countdown doesn't render in Lumia's default Roboto/24px.
+      css: mapSeTextCssToModuleCss(widget),
+      content: {
+        version: 1,
+        type: "countdown",
+        value: { days, hours, minutes, seconds },
+        display: textValue ? mapTemplate(textValue) : parts.join(" ") || "{{minutes}}:{{seconds}}",
+        showMilliseconds: false,
+        endAnimation: "",
+        hideAfter: 0,
+        highlightColor: "inherit",
+        messageAfterCountdown: translateSeText(
+          v.messageAfterCountdown ?? "",
+          null,
+          void 0,
+          void 0,
+          { context: "static" }
+        ),
+        changeMessageAfter: !!v.changeMessageAfterCountdown,
+        countDate: hasValidAbsoluteDate && (!!v.exactTime || !!v.datePicker || !!absoluteDate),
+        date: hasValidAbsoluteDate ? new Date(target).toISOString() : "",
+        importMeta: buildImportMeta(widget, {
+          rawDate: absoluteDate,
+          datePicker: v.datePicker,
+          exactTime: v.exactTime
+        })
+      }
+    },
+    ctx
+  );
 }
 function mapNowPlaying(widget, ctx) {
   const v = widget.variables ?? {};
   const source = v.provider === "youtube" ? "youtubemusic" : "spotify";
-  return buildUnit(widget, "nowplaying", {
-    content: {
-      version: 1,
-      type: "nowplaying",
-      source,
-      theme: "basic",
-      borderRadius: "30px",
-      songTitle: `{{${source}_now_playing_song=Lumia Dream}}`,
-      songArtist: `{{${source}_now_playing_artist}}`,
-      songImg: `{{${source}_now_playing_image}}`,
-      showImg: true,
-      oneLineTitle: false,
-      highlightColor: "inherit",
-      importMeta: buildImportMeta(widget, { simpleDesign: !!v.simpleDesign })
+  return buildUnit(
+    widget,
+    "nowplaying",
+    {
+      content: {
+        version: 1,
+        type: "nowplaying",
+        source,
+        theme: "basic",
+        borderRadius: "30px",
+        songTitle: `{{${source}_now_playing_song=Lumia Dream}}`,
+        songArtist: `{{${source}_now_playing_artist}}`,
+        songImg: `{{${source}_now_playing_image}}`,
+        showImg: true,
+        oneLineTitle: false,
+        highlightColor: "inherit",
+        importMeta: buildImportMeta(widget, { simpleDesign: !!v.simpleDesign })
+      },
+      css: {
+        borderRadius: "0px",
+        borderStyle: "solid",
+        borderWidth: "0px",
+        borderColor: "transparent",
+        lineHeight: 1,
+        textAlign: "left",
+        fontFamily: "Be Vietnam Pro",
+        color: "#ffffff",
+        textShadow: "rgb(0, 0, 0) 1px 1px 1px",
+        background: "transparent"
+      }
     },
-    css: {
-      borderRadius: "0px",
-      borderStyle: "solid",
-      borderWidth: "0px",
-      borderColor: "transparent",
-      lineHeight: 1,
-      textAlign: "left",
-      fontFamily: "Be Vietnam Pro",
-      color: "#ffffff",
-      textShadow: "rgb(0, 0, 0) 1px 1px 1px",
-      background: "transparent"
-    }
-  }, ctx);
+    ctx
+  );
 }
 function mapMediaShare(widget, ctx) {
   const v = widget.variables ?? {};
-  return buildUnit(widget, "songrequest", {
-    content: {
-      version: 1,
-      // SE always shows the now-playing card; honour its cosmetic toggles
-      // for the rest. `showTitle` defaults true; the others default to
-      // SE's documented behavior (tipper visible, stats hidden).
-      showNowPlayingCard: true,
-      showQueueList: true,
-      showSkipButton: true,
-      showPauseButton: true,
-      showTitle: v.showTitle !== false,
-      showTipper: v.showTipper !== false,
-      showAmount: v.showAmount === true,
-      showStats: v.showStats === true,
-      // SE doesn't have a queue-size knob — pick a sensible default
-      // matching what fits in the SE widget's ~292px tall footprint.
-      maxQueueItemsVisible: 5,
-      // SE color knobs translate directly. Fall back to Lumia's defaults
-      // (purple accent, near-black card background) if SE values are
-      // missing — matches what the module ships with for native creates.
-      accentColor: v.accentColor ?? "#9146ff",
-      primaryColor: v.primaryColor ?? "#1a1a1a",
-      // SE's widget hides the YT player by default; mirror that for
-      // audio-only overlay use.
-      playerVisible: false,
-      defaultVolume: 70,
-      autoAdvanceOnEnd: true,
-      // Source-side knob preserved for round-trip provenance; Lumia
-      // ignores it at runtime (auto-advance fires on
-      // `durationSeconds + grace`).
-      importMeta: buildImportMeta(widget, { timeLeft: v.timeLeft === true })
+  return buildUnit(
+    widget,
+    "songrequest",
+    {
+      content: {
+        version: 1,
+        // SE always shows the now-playing card; honour its cosmetic toggles
+        // for the rest. `showTitle` defaults true; the others default to
+        // SE's documented behavior (tipper visible, stats hidden).
+        showNowPlayingCard: true,
+        showQueueList: true,
+        showSkipButton: true,
+        showPauseButton: true,
+        showTitle: v.showTitle !== false,
+        showTipper: v.showTipper !== false,
+        showAmount: v.showAmount === true,
+        showStats: v.showStats === true,
+        // SE doesn't have a queue-size knob — pick a sensible default
+        // matching what fits in the SE widget's ~292px tall footprint.
+        maxQueueItemsVisible: 5,
+        // SE color knobs translate directly. Fall back to Lumia's defaults
+        // (purple accent, near-black card background) if SE values are
+        // missing — matches what the module ships with for native creates.
+        accentColor: v.accentColor ?? "#9146ff",
+        primaryColor: v.primaryColor ?? "#1a1a1a",
+        // SE's widget hides the YT player by default; mirror that for
+        // audio-only overlay use.
+        playerVisible: false,
+        defaultVolume: 70,
+        autoAdvanceOnEnd: true,
+        // Source-side knob preserved for round-trip provenance; Lumia
+        // ignores it at runtime (auto-advance fires on
+        // `durationSeconds + grace`).
+        importMeta: buildImportMeta(widget, { timeLeft: v.timeLeft === true })
+      },
+      // Lumia songrequest renders the queue list as styled text; pull SE's
+      // widget.text.css so font/size/color carry across (defaults match the
+      // previous hardcoded fallbacks for this widget specifically).
+      css: mapSeTextCssToModuleCss(widget, { fontSize: 18 })
     },
-    // Lumia songrequest renders the queue list as styled text; pull SE's
-    // widget.text.css so font/size/color carry across (defaults match the
-    // previous hardcoded fallbacks for this widget specifically).
-    css: mapSeTextCssToModuleCss(widget, { fontSize: 18 })
-  }, ctx);
+    ctx
+  );
 }
 function mapKappagen(widget, ctx) {
   const v = widget.variables ?? {};
@@ -4881,10 +4991,58 @@ function mapKappagen(widget, ctx) {
     raid: v.eventsConfig.raid?.enabled ?? true,
     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]) => kappagenKeyFor(seKey, ctx?.provider)).filter((x) => !!x);
-  const alertEmotes = ["Kappa", "<3", "imGlitch"];
-  return buildUnit(
+  const events = v.events ?? eventsFromNested ?? {
+    subscriber: true,
+    follower: true,
+    cheer: true,
+    raid: true,
+    tip: true
+  };
+  const alertTriggers = Array.from(
+    new Set(
+      Object.entries(events).filter(([, enabled]) => !!enabled).flatMap(([seKey]) => kappagenAlertTriggersFor(seKey, ctx?.provider))
+    )
+  );
+  const pickEmoteUrl = (urls) => {
+    if (!urls) return void 0;
+    return urls["4"] ?? urls["3"] ?? urls["2"] ?? urls["1"] ?? Object.values(urls).find(Boolean);
+  };
+  const importedChosenEmotes = Array.isArray(v.chosenEmotes) ? v.chosenEmotes.map((emote) => {
+    const name = typeof emote?.name === "string" ? emote.name.trim() : "";
+    const src = pickEmoteUrl(emote?.urls);
+    if (!name || !src) return null;
+    return { name, src };
+  }).filter((emote) => !!emote) : [];
+  const importedEmoteUrls = importedChosenEmotes.reduce(
+    (acc, emote) => {
+      acc[emote.name] = emote.src;
+      return acc;
+    },
+    {}
+  );
+  const importedCustomEmotes = Array.isArray(v.customEmotes) ? v.customEmotes.map((emote) => {
+    const name = typeof emote?.name === "string" ? emote.name.trim() : "";
+    const src = typeof emote?.src === "string" ? emote.src.trim() : "";
+    if (!name || !src) return null;
+    return {
+      name,
+      src,
+      source: "custom",
+      isRegex: !!emote.isRegex,
+      animated: !!emote.isGif
+    };
+  }).filter(
+    (emote) => !!emote
+  ) : [];
+  const importedAlertEmoteNames = [
+    ...importedChosenEmotes.map((emote) => emote.name),
+    ...importedCustomEmotes.map((emote) => emote.name)
+  ];
+  const alertEmotes = importedAlertEmoteNames.length > 0 ? importedAlertEmoteNames : ["Kappa", "<3", "imGlitch"];
+  const chatEmoteMode = typeof v.mode === "string" ? v.mode.toLowerCase() : "off";
+  const animationTime = typeof v.emotesplosionduration === "number" && v.emotesplosionduration > 0 ? v.emotesplosionduration : typeof v.duration === "number" && v.duration > 0 ? v.duration : 5;
+  const alertNumberEmotes = typeof v.emotesplosion === "number" && v.emotesplosion > 0 ? v.emotesplosion : typeof v.limit === "number" && v.limit > 0 ? v.limit : 30;
+  const unit = buildUnit(
     widget,
     "emotealert",
     {
@@ -4901,12 +5059,17 @@ function mapKappagen(widget, ctx) {
         background: "transparent",
         theme: "dark",
         imageSize: typeof v.size === "number" ? v.size : 30,
-        animationTime: typeof v.duration === "number" ? v.duration : 5,
-        duration: typeof v.duration === "number" ? v.duration : 5,
+        animationTime,
+        duration: animationTime,
         useAnimatedEmotes: true,
-        alertNumberEmotes: typeof v.limit === "number" && v.limit > 0 ? v.limit : 30,
+        alertNumberEmotes,
         alertEmotes,
+        customEmotes: importedCustomEmotes,
+        importedEmoteUrls,
         alertTriggers,
+        chatEmotesOn: chatEmoteMode !== "off",
+        comboMinimum: typeof v.combominimum === "number" ? v.combominimum : 1,
+        comboTime: typeof v.combotime === "number" ? v.combotime : 20,
         // Lumia BTTV/FFZ/7TV per-source toggles — read by Emotealert/index.tsx:48.
         emoteSources: {
           bttv: v.bttv !== false,
@@ -4930,6 +5093,15 @@ function mapKappagen(widget, ctx) {
     },
     ctx
   );
+  if (v.fullscreen && ctx?.canvas) {
+    unit.layer.bounds.x = 0;
+    unit.layer.bounds.y = 0;
+    unit.layer.bounds.width = ctx.canvas.width;
+    unit.layer.bounds.height = ctx.canvas.height;
+    delete unit.layer.bounds.autoWidth;
+    delete unit.layer.bounds.autoHeight;
+  }
+  return unit;
 }
 var TOP_LIST_SORT_BY = {
   tips: "higherDonations",
@@ -4944,100 +5116,110 @@ var TOP_LIST_TITLE = {
 function mapViewerProfilesLeaderboard(widget, currency, ctx) {
   const v = widget.variables ?? {};
   const count = v.limit ?? v.visibleItems ?? 10;
-  return buildUnit(widget, "viewerprofiles", {
-    // Carry SE text styling so the leaderboard keeps the streamer's
-    // chosen font / size / color.
-    css: mapSeTextCssToModuleCss(widget, { fontSize: 18 }),
-    content: {
-      sortBy: TOP_LIST_SORT_BY[currency],
-      count,
-      title: TOP_LIST_TITLE[currency],
-      showTitle: true,
-      showAvatar: true,
-      showPlatform: true,
-      // Hide noisy columns that aren't relevant for a single-metric
-      // top-X list — the streamer picked "top by gifts/tips/cheers"
-      // for a reason. They can re-enable in Settings if they want.
-      showCommands: false,
-      showAlerts: false,
-      showBits: currency === "cheers",
-      showLastSeen: false,
-      showTopActivity: false,
-      showAchievements: false,
-      showAchievementProgress: false,
-      refreshIntervalSeconds: 30,
-      itemGap: 8,
-      autoScroll: false,
-      // Source-side knobs that don't map cleanly survive under the
-      // generic importMeta envelope so the user can re-introspect later.
-      // `period` is interesting because viewerprofiles doesn't yet have
-      // a windowed mode — if/when it does, we can promote this.
-      importMeta: buildImportMeta(widget, {
-        period: v.period,
-        offset: v.offset,
-        layout: v.layout
-      })
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "viewerprofiles",
+    {
+      // Carry SE text styling so the leaderboard keeps the streamer's
+      // chosen font / size / color.
+      css: mapSeTextCssToModuleCss(widget, { fontSize: 18 }),
+      content: {
+        sortBy: TOP_LIST_SORT_BY[currency],
+        count,
+        title: TOP_LIST_TITLE[currency],
+        showTitle: true,
+        showAvatar: true,
+        showPlatform: true,
+        // Hide noisy columns that aren't relevant for a single-metric
+        // top-X list — the streamer picked "top by gifts/tips/cheers"
+        // for a reason. They can re-enable in Settings if they want.
+        showCommands: false,
+        showAlerts: false,
+        showBits: currency === "cheers",
+        showLastSeen: false,
+        showTopActivity: false,
+        showAchievements: false,
+        showAchievementProgress: false,
+        refreshIntervalSeconds: 30,
+        itemGap: 8,
+        autoScroll: false,
+        // Source-side knobs that don't map cleanly survive under the
+        // generic importMeta envelope so the user can re-introspect later.
+        // `period` is interesting because viewerprofiles doesn't yet have
+        // a windowed mode — if/when it does, we can promote this.
+        importMeta: buildImportMeta(widget, {
+          period: v.period,
+          offset: v.offset,
+          layout: v.layout
+        })
+      }
+    },
+    ctx
+  );
 }
 function mapGiveaway(widget, ctx) {
   const v = widget.variables ?? {};
   const primary = v.colors?.primary ?? "#393853";
   const accent = v.colors?.accent ?? "#FF4076";
-  return buildUnit(widget, "raffle", {
-    // Raffle renders entrants/winner text via module.css.
-    css: mapSeTextCssToModuleCss(widget),
-    content: {
-      version: 1,
-      type: "basic",
-      title: "Play to win",
-      subtitle: "",
-      wonTitle: "{{winner}} just won",
-      showTitle: true,
-      showSubTitle: false,
-      // SE `displayRunningTime` toggles the running-timer label. Lumia's equivalent
-      // is `showTimeSince`. SE `enableTimeOut` enables auto-end which Lumia honours
-      // via raffle.auto_end on the raffle state itself, not the module — best we can
-      // do is leave Lumia's `showTimeSince` on so the countdown is visible.
-      showTimeSince: v.displayRunningTime ?? true,
-      // SE `displayEntrants: false` means "never show the entrant list" (persistent).
-      // Lumia's `hideParticipantOnStart` is "hide until spin starts, then show" (transient).
-      // Mapping one to the other reverses semantics: SE-hidden entrants would briefly
-      // flash on screen the moment the spin starts. Since Lumia has no permanent
-      // hide-entrants knob, keep Lumia at its default (show) and surface the SE
-      // preference via provenance — a future renderer can read it without us
-      // having lied about the toggle. Same for `displayTicketsPurchased`.
-      hideParticipantOnStart: false,
-      removeWhenRedeemed: false,
-      showWinningModal: true,
-      playSoundFx: true,
-      spinSound: "https://storage.lumiastream.com/overlays/lumia/audio/Wheel_of_Fortune.mp3",
-      winSound: "https://storage.lumiastream.com/overlays/lumia/audio/crowdClap.mp3",
-      spinDuration: 4,
-      transparent: false,
-      backgroundColor: primary,
-      borderColor: accent,
-      border: "solid 1px transparent",
-      borderRadius: "10px",
-      flashOnNewEntry: true,
-      flashColor: accent,
-      raffleEndedText: "The raffle has ended, and the selection of the winner will take place shortly.",
-      raffleTimerText: "Time since raffle started",
-      raffleCountdownText: "Raffle will end after",
-      // Source-side knobs with no Lumia equivalent — preserved under
-      // the generic importMeta envelope. `displayEntrants` / `displayTicketsPurchased`
-      // are SE's persistent "never show" toggles; Lumia has no equivalent
-      // today (its `hideParticipantOnStart` is transient), so we preserve
-      // the preference for a future renderer.
-      importMeta: buildImportMeta(widget, {
-        timeout: v.timeout,
-        enableTimeout: v.enableTimeOut,
-        displayEntrants: v.displayEntrants,
-        displayTicketsPurchased: v.displayTicketsPurchased,
-        imageStyleWidth: v.imageStyle?.width
-      })
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "raffle",
+    {
+      // Raffle renders entrants/winner text via module.css.
+      css: mapSeTextCssToModuleCss(widget),
+      content: {
+        version: 1,
+        type: "basic",
+        title: "Play to win",
+        subtitle: "",
+        wonTitle: "{{winner}} just won",
+        showTitle: true,
+        showSubTitle: false,
+        // SE `displayRunningTime` toggles the running-timer label. Lumia's equivalent
+        // is `showTimeSince`. SE `enableTimeOut` enables auto-end which Lumia honours
+        // via raffle.auto_end on the raffle state itself, not the module — best we can
+        // do is leave Lumia's `showTimeSince` on so the countdown is visible.
+        showTimeSince: v.displayRunningTime ?? true,
+        // SE `displayEntrants: false` means "never show the entrant list" (persistent).
+        // Lumia's `hideParticipantOnStart` is "hide until spin starts, then show" (transient).
+        // Mapping one to the other reverses semantics: SE-hidden entrants would briefly
+        // flash on screen the moment the spin starts. Since Lumia has no permanent
+        // hide-entrants knob, keep Lumia at its default (show) and surface the SE
+        // preference via provenance — a future renderer can read it without us
+        // having lied about the toggle. Same for `displayTicketsPurchased`.
+        hideParticipantOnStart: false,
+        removeWhenRedeemed: false,
+        showWinningModal: true,
+        playSoundFx: true,
+        spinSound: "https://storage.lumiastream.com/overlays/lumia/audio/Wheel_of_Fortune.mp3",
+        winSound: "https://storage.lumiastream.com/overlays/lumia/audio/crowdClap.mp3",
+        spinDuration: 4,
+        transparent: false,
+        backgroundColor: primary,
+        borderColor: accent,
+        border: "solid 1px transparent",
+        borderRadius: "10px",
+        flashOnNewEntry: true,
+        flashColor: accent,
+        raffleEndedText: "The raffle has ended, and the selection of the winner will take place shortly.",
+        raffleTimerText: "Time since raffle started",
+        raffleCountdownText: "Raffle will end after",
+        // Source-side knobs with no Lumia equivalent — preserved under
+        // the generic importMeta envelope. `displayEntrants` / `displayTicketsPurchased`
+        // are SE's persistent "never show" toggles; Lumia has no equivalent
+        // today (its `hideParticipantOnStart` is transient), so we preserve
+        // the preference for a future renderer.
+        importMeta: buildImportMeta(widget, {
+          timeout: v.timeout,
+          enableTimeout: v.enableTimeOut,
+          displayEntrants: v.displayEntrants,
+          displayTicketsPurchased: v.displayTicketsPurchased,
+          imageStyleWidth: v.imageStyle?.width
+        })
+      }
+    },
+    ctx
+  );
 }
 var HYPETRAIN_LISTENER_KEYS = /* @__PURE__ */ new Set([
   "hypetrain-latest",
@@ -5070,52 +5252,57 @@ function isHypetrainCustomWidget(widget) {
 }
 function mapHypetrain(widget, ctx) {
   const v = widget.variables ?? {};
-  return buildUnit(widget, "hypetrain", {
-    // Hypetrain renders level / progress / contributor text — carry SE
-    // styling so an imported hype-train widget keeps its font + accent.
-    css: mapSeTextCssToModuleCss(widget),
-    content: {
-      // Twitch-native is the right default — SE hype-train widgets always
-      // reflected the Twitch native train. Users can flip to 'synthetic'
-      // or 'hybrid' from Settings if they want cross-platform pooling.
-      sourceMode: "twitch-native",
-      sources: null,
-      // default money-only whitelist; ignored in twitch-native anyway
-      customValues: {},
-      pretrainThreshold: 5,
-      pretrainDurationMs: 5 * 60 * 1e3,
-      levelDurationMs: 5 * 60 * 1e3,
-      levelStep: 5,
-      levelThresholds: [],
-      // Pick a moderately energetic default theme — SE hype-train widgets
-      // were never subtle. Users can switch in Settings.
-      theme: "train",
-      primaryColor: typeof v.primaryColor === "string" ? v.primaryColor : "#ff6b00",
-      accentColor: typeof v.accentColor === "string" ? v.accentColor : "#ffd84d",
-      textColor: typeof v.textColor === "string" ? v.textColor : "#ffffff",
-      showLevel: true,
-      showTotal: true,
-      showTimer: true,
-      showTopContributor: true,
-      showLeaderboard: true,
-      leaderboardLimit: 5,
-      leaderboardDurationMs: 30 * 1e3,
-      levelUpSoundUrl: "https://storage.lumiastream.com/overlays/lumia/audio/crowdClap.mp3",
-      trainEndSoundUrl: "https://storage.lumiastream.com/overlays/lumia/audio/crowdClap.mp3",
-      audioVolume: 0.5,
-      // Match native defaults so SE-imported trains get the same polished
-      // sprite pack the native module ships with.
-      trainLocoImageUrl: "https://storage.lumiastream.com/overlays/global/hypetrain/train_loco_default.png",
-      rocketImageUrl: "https://storage.lumiastream.com/overlays/global/hypetrain/rocket_default.png",
-      infernoImageUrl: "https://storage.lumiastream.com/overlays/global/hypetrain/inferno_default.png",
-      // Source config preserved verbatim under the generic importMeta
-      // envelope — no Lumia equivalent for most of these knobs
-      // (per-widget animation tunables, sound URLs the streamer might
-      // want to migrate manually, etc.). Users can inspect via the
-      // overlay JSON if they want to recreate a specific look.
-      importMeta: buildImportMeta(widget, { variables: v })
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "hypetrain",
+    {
+      // Hypetrain renders level / progress / contributor text — carry SE
+      // styling so an imported hype-train widget keeps its font + accent.
+      css: mapSeTextCssToModuleCss(widget),
+      content: {
+        // Twitch-native is the right default — SE hype-train widgets always
+        // reflected the Twitch native train. Users can flip to 'synthetic'
+        // or 'hybrid' from Settings if they want cross-platform pooling.
+        sourceMode: "twitch-native",
+        sources: null,
+        // default money-only whitelist; ignored in twitch-native anyway
+        customValues: {},
+        pretrainThreshold: 5,
+        pretrainDurationMs: 5 * 60 * 1e3,
+        levelDurationMs: 5 * 60 * 1e3,
+        levelStep: 5,
+        levelThresholds: [],
+        // Pick a moderately energetic default theme — SE hype-train widgets
+        // were never subtle. Users can switch in Settings.
+        theme: "train",
+        primaryColor: typeof v.primaryColor === "string" ? v.primaryColor : "#ff6b00",
+        accentColor: typeof v.accentColor === "string" ? v.accentColor : "#ffd84d",
+        textColor: typeof v.textColor === "string" ? v.textColor : "#ffffff",
+        showLevel: true,
+        showTotal: true,
+        showTimer: true,
+        showTopContributor: true,
+        showLeaderboard: true,
+        leaderboardLimit: 5,
+        leaderboardDurationMs: 30 * 1e3,
+        levelUpSoundUrl: "https://storage.lumiastream.com/overlays/lumia/audio/crowdClap.mp3",
+        trainEndSoundUrl: "https://storage.lumiastream.com/overlays/lumia/audio/crowdClap.mp3",
+        audioVolume: 0.5,
+        // Match native defaults so SE-imported trains get the same polished
+        // sprite pack the native module ships with.
+        trainLocoImageUrl: "https://storage.lumiastream.com/overlays/global/hypetrain/train_loco_default.png",
+        rocketImageUrl: "https://storage.lumiastream.com/overlays/global/hypetrain/rocket_default.png",
+        infernoImageUrl: "https://storage.lumiastream.com/overlays/global/hypetrain/inferno_default.png",
+        // Source config preserved verbatim under the generic importMeta
+        // envelope — no Lumia equivalent for most of these knobs
+        // (per-widget animation tunables, sound URLs the streamer might
+        // want to migrate manually, etc.). Users can inspect via the
+        // overlay JSON if they want to recreate a specific look.
+        importMeta: buildImportMeta(widget, { variables: v })
+      }
+    },
+    ctx
+  );
 }
 function mapEmoteWall(widget, ctx) {
   const v = widget.variables ?? {};
@@ -5128,51 +5315,61 @@ function mapEmoteWall(widget, ctx) {
   if (v.enableFfz !== false && v.ffz !== false) sites.push("ffz");
   if (v.enable7tv !== false && v.sevenTv !== false) sites.push("seventv");
   const animationType = v.direction === "up" ? "rise" : v.direction === "down" ? "fall" : v.direction === "left" || v.direction === "right" ? "slide" : "random";
-  return buildUnit(widget, "emotebox", {
-    content: {
-      version: 1,
-      type: animationType,
-      imageSize,
-      animationTime: duration,
-      duration,
-      maxItemsToShow,
-      delay: typeof v.delay === "number" ? v.delay : 0,
-      sites,
-      background: "transparent",
-      theme: "dark",
-      userLevels: [1, 2, 3, 4, 5, 6, 7, 8, 9],
-      ignoredList: [],
-      excludedAnimations: [],
-      // Emote-wall is chat-driven, not alert-driven — leave alert toggles
-      // off so the widget doesn't double-fire on subscribe/follower events.
-      alertOn: false,
-      alertTriggers: [],
-      alertEmotes: [],
-      alertNumberEmotes: 30,
-      useAnimatedEmotes: true,
-      importMeta: buildImportMeta(widget, {
-        fullscreen: !!v.fullscreen,
-        direction: v.direction
-      })
+  return buildUnit(
+    widget,
+    "emotebox",
+    {
+      content: {
+        version: 1,
+        type: animationType,
+        imageSize,
+        animationTime: duration,
+        duration,
+        maxItemsToShow,
+        delay: typeof v.delay === "number" ? v.delay : 0,
+        sites,
+        background: "transparent",
+        theme: "dark",
+        userLevels: [1, 2, 3, 4, 5, 6, 7, 8, 9],
+        ignoredList: [],
+        excludedAnimations: [],
+        // Emote-wall is chat-driven, not alert-driven — leave alert toggles
+        // off so the widget doesn't double-fire on subscribe/follower events.
+        alertOn: false,
+        alertTriggers: [],
+        alertEmotes: [],
+        alertNumberEmotes: 30,
+        useAnimatedEmotes: true,
+        importMeta: buildImportMeta(widget, {
+          fullscreen: !!v.fullscreen,
+          direction: v.direction
+        })
+      },
+      css: { background: "transparent" }
     },
-    css: { background: "transparent" }
-  }, ctx);
+    ctx
+  );
 }
 function mapUnsupportedAsText(widget, ctx) {
-  return buildUnit(widget, "text", {
-    content: {
-      value: `[Unsupported SE widget: ${widget.type}]`,
-      highlightColor: "inherit"
+  return buildUnit(
+    widget,
+    "text",
+    {
+      content: {
+        value: `[Unsupported SE widget: ${widget.type}]`,
+        highlightColor: "inherit"
+      },
+      css: {
+        color: "#ff8c00",
+        fontSize: 18,
+        textAlign: "center",
+        fontFamily: "Roboto",
+        fontWeight: "bold",
+        background: "rgba(0,0,0,0.4)"
+      }
     },
-    css: {
-      color: "#ff8c00",
-      fontSize: 18,
-      textAlign: "center",
-      fontFamily: "Roboto",
-      fontWeight: "bold",
-      background: "rgba(0,0,0,0.4)"
-    }
-  }, ctx);
+    ctx
+  );
 }
 
 // src/se-import/mappers/hypecup.ts
@@ -6250,6 +6447,65 @@ function getJwtInstructionSteps({ pasteHint = "above" } = {}) {
 
 // src/se-import/ui/SEImportWizard.tsx
 import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+function buildOverlaySaveBody(result, name, preview) {
+  return {
+    name: name.trim() || result.overlay.name,
+    description: result.overlay.description,
+    ...preview ? { image: preview, images: [preview] } : {},
+    settings: result.overlay.settings
+  };
+}
+function mergeCoverage(results) {
+  const byKey = /* @__PURE__ */ new Map();
+  const notes = /* @__PURE__ */ new Set();
+  let totalWidgets = 0;
+  for (const result of results) {
+    totalWidgets += result.coverage.totalWidgets;
+    for (const note of result.coverage.notes) notes.add(note);
+    for (const mapping of result.coverage.mappings) {
+      const key = `${mapping.seType}::${mapping.lumiaType}::${mapping.status}`;
+      const existing = byKey.get(key);
+      if (existing) {
+        existing.count += mapping.count;
+      } else {
+        byKey.set(key, { ...mapping });
+      }
+    }
+  }
+  return {
+    totalWidgets,
+    mappings: Array.from(byKey.values()),
+    notes: Array.from(notes)
+  };
+}
+function combineImportResults(results) {
+  if (results.length === 1) return results[0].result;
+  const first = results[0].result.overlay;
+  const importedResults = results.map((item) => item.result);
+  const layers = importedResults.flatMap(
+    (result) => result.overlay.settings.layers ?? []
+  );
+  const modules = importedResults.reduce(
+    (acc, result) => ({ ...acc, ...result.overlay.settings.modules ?? {} }),
+    {}
+  );
+  const names = results.map((item) => item.summary?.name ?? item.result.overlay.name).filter(Boolean);
+  return {
+    overlay: {
+      ...first,
+      name: `[SE] ${results.length} StreamElements overlays`,
+      description: `Imported from ${results.length} StreamElements overlays${names.length ? `: ${names.join(", ")}` : ""}`,
+      settings: {
+        ...first.settings,
+        layers,
+        modules
+      },
+      layers_count: layers.length
+    },
+    coverage: mergeCoverage(importedResults),
+    reviewItems: importedResults.flatMap((result) => result.reviewItems)
+  };
+}
 var CORE_STEPS = [
   { key: "connect", label: "Connect" },
   { key: "pick", label: "Overlays" },
@@ -6381,7 +6637,9 @@ function OverlayBatchProgress({
   queuedCount
 }) {
   const selectedOverlays = useMemo5(() => {
-    const byId = new Map((overlays ?? []).map((overlay) => [overlay._id, overlay]));
+    const byId = new Map(
+      (overlays ?? []).map((overlay) => [overlay._id, overlay])
+    );
     return Array.from(selectedIds).map((id) => byId.get(id)).filter(Boolean);
   }, [overlays, selectedIds]);
   if (!active || selectedOverlays.length <= 1) return null;
@@ -6390,7 +6648,10 @@ function OverlayBatchProgress({
   const queued = selectedOverlays.slice(currentIndex);
   const visibleCompleted = completed.slice(-3);
   const visibleQueued = queued.slice(0, 3);
-  const hiddenCompleted = Math.max(0, completed.length - visibleCompleted.length);
+  const hiddenCompleted = Math.max(
+    0,
+    completed.length - visibleCompleted.length
+  );
   const hiddenQueued = Math.max(0, queued.length - visibleQueued.length);
   const renderThumb = (overlay, state) => /* @__PURE__ */ jsxs7(
     "div",
@@ -6404,29 +6665,36 @@ function OverlayBatchProgress({
     },
     overlay._id
   );
-  return /* @__PURE__ */ jsxs7("div", { className: "se-import-overlay-progress", "aria-label": "Overlay import progress", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "se-import-overlay-progress__copy", children: [
-      "Importing overlay ",
-      currentIndex,
-      " of ",
-      total,
-      currentName ? ` \xB7 ${currentName}` : "",
-      queuedCount > 0 ? ` \xB7 ${queuedCount} queued` : ""
-    ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "se-import-overlay-progress__strip", children: [
-      hiddenCompleted > 0 && /* @__PURE__ */ jsxs7("span", { className: "se-import-overlay-progress__more", children: [
-        "+",
-        hiddenCompleted
-      ] }),
-      /* @__PURE__ */ jsx14("div", { className: "se-import-overlay-progress__stack se-import-overlay-progress__stack--done", children: visibleCompleted.map((overlay) => renderThumb(overlay, "done")) }),
-      current && renderThumb(current, "current"),
-      /* @__PURE__ */ jsx14("div", { className: "se-import-overlay-progress__stack se-import-overlay-progress__stack--queued", children: visibleQueued.map((overlay) => renderThumb(overlay, "queued")) }),
-      hiddenQueued > 0 && /* @__PURE__ */ jsxs7("span", { className: "se-import-overlay-progress__more", children: [
-        "+",
-        hiddenQueued
-      ] })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: "se-import-overlay-progress",
+      "aria-label": "Overlay import progress",
+      children: [
+        /* @__PURE__ */ jsxs7("div", { className: "se-import-overlay-progress__copy", children: [
+          "Importing overlay ",
+          currentIndex,
+          " of ",
+          total,
+          currentName ? ` \xB7 ${currentName}` : "",
+          queuedCount > 0 ? ` \xB7 ${queuedCount} queued` : ""
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "se-import-overlay-progress__strip", children: [
+          hiddenCompleted > 0 && /* @__PURE__ */ jsxs7("span", { className: "se-import-overlay-progress__more", children: [
+            "+",
+            hiddenCompleted
+          ] }),
+          /* @__PURE__ */ jsx14("div", { className: "se-import-overlay-progress__stack se-import-overlay-progress__stack--done", children: visibleCompleted.map((overlay) => renderThumb(overlay, "done")) }),
+          current && renderThumb(current, "current"),
+          /* @__PURE__ */ jsx14("div", { className: "se-import-overlay-progress__stack se-import-overlay-progress__stack--queued", children: visibleQueued.map((overlay) => renderThumb(overlay, "queued")) }),
+          hiddenQueued > 0 && /* @__PURE__ */ jsxs7("span", { className: "se-import-overlay-progress__more", children: [
+            "+",
+            hiddenQueued
+          ] })
+        ] })
+      ]
+    }
+  );
 }
 function CustomOverlayPreview({
   html,
@@ -6781,7 +7049,7 @@ function StepPickOverlay({
       {
         number: 2,
         title: "Pick the overlays to import",
-        subtitle: `Select one or more StreamElements overlays from your account. We'll run each one through the discovery \u2192 review \u2192 import pipeline in sequence. ${total > 0 ? `${total} overlay${total === 1 ? "" : "s"} on this channel.` : ""}`
+        subtitle: `Select one or more StreamElements overlays from your account. One overlay opens the full review flow; multiple overlays are combined and reviewed once. ${total > 0 ? `${total} overlay${total === 1 ? "" : "s"} on this channel.` : ""}`
       }
     ),
     loading && /* @__PURE__ */ jsxs7("div", { className: "se-import-help se-import-help--info", children: [
@@ -6852,7 +7120,7 @@ function StepPickOverlay({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx14("span", { style: { fontSize: 13, color: "var(--se-muted)" }, children: hasAnySelected ? `${selectedCount} overlay${selectedCount === 1 ? "" : "s"} queued. Each runs through the full import flow in sequence.` : "Click overlays below to select them." })
+            /* @__PURE__ */ jsx14("span", { style: { fontSize: 13, color: "var(--se-muted)" }, children: hasAnySelected ? selectedCount > 1 ? `${selectedCount} overlays selected. They will be combined and reviewed once.` : "1 overlay selected. It will open the full review flow." : "Click overlays below to select them." })
           ]
         }
       ),
@@ -6888,7 +7156,12 @@ function StepPickOverlay({
                       checked: selected,
                       onChange: () => toggleId(o._id),
                       size: "small",
-                      style: { position: "absolute", top: 6, right: 6, zIndex: 1 }
+                      style: {
+                        position: "absolute",
+                        top: 6,
+                        right: 6,
+                        zIndex: 1
+                      }
                     }
                   ),
                   o.preview ? /* @__PURE__ */ jsx14(
@@ -7032,21 +7305,37 @@ function StepURL({
 }
 function StepDiscovery({
   result,
-  assetCount
+  assetCount,
+  overlayCount = 1
 }) {
   const widgets = result.coverage.totalWidgets;
   const reviewCount = result.reviewItems.length;
+  const layerCount = result.overlay.settings.layers?.length ?? 0;
   const customCount = result.coverage.mappings.find(
     (item) => item.seType === "se-widget-custom-event-list"
   )?.count ?? 0;
   const alertCount = result.coverage.mappings.filter((item) => item.lumiaType === "alert").reduce((sum, item) => sum + item.count, 0);
   const topCards = [
+    {
+      key: "overlays",
+      label: "Overlays selected",
+      value: overlayCount,
+      icon: source_se_default,
+      description: overlayCount > 1 ? "Selected StreamElements overlays combined into this import." : "Selected StreamElements overlay."
+    },
+    {
+      key: "layers",
+      label: "Layers imported",
+      value: layerCount,
+      icon: source_lumia_default,
+      description: "Lumia layers prepared from the selected overlay content."
+    },
     {
       key: "widgets",
       label: "Widgets found",
       value: widgets,
       icon: source_se_default,
-      description: "StreamElements layers detected in this overlay."
+      description: overlayCount > 1 ? "StreamElements widgets detected across the selected overlays." : "StreamElements widgets detected in this overlay."
     },
     {
       key: "alerts",
@@ -7071,7 +7360,13 @@ function StepDiscovery({
     }
   ].filter((card) => card.value > 0);
   return /* @__PURE__ */ jsxs7("div", { className: panelClass("se-import-panel--wide"), children: [
-    /* @__PURE__ */ jsx14(StepHeader, { number: 2, title: "Here's what we found in your overlay" }),
+    /* @__PURE__ */ jsx14(
+      StepHeader,
+      {
+        number: 2,
+        title: overlayCount > 1 ? "Here's what we found in your overlays" : "Here's what we found in your overlay"
+      }
+    ),
     topCards.length > 0 && /* @__PURE__ */ jsx14("div", { className: "se-import-grid se-import-grid--stats", children: topCards.map((card) => /* @__PURE__ */ jsx14(
       StatusCard,
       {
@@ -7098,7 +7393,8 @@ function StepDiscovery({
 function StepOptions({
   options,
   setOptions,
-  assetCount
+  assetCount,
+  hideName = false
 }) {
   return /* @__PURE__ */ jsxs7("div", { className: panelClass("se-import-panel--medium"), children: [
     /* @__PURE__ */ jsx14(
@@ -7136,7 +7432,7 @@ function StepOptions({
         ]
       }
     ),
-    /* @__PURE__ */ jsx14(
+    !hideName && /* @__PURE__ */ jsx14(
       LSInput,
       {
         label: "Overlay name",
@@ -7450,9 +7746,11 @@ function StepConfirm({
   result,
   options,
   mirrorRows,
-  rowStates
+  rowStates,
+  overlayCount = 1
 }) {
   const widgets = result.coverage.totalWidgets;
+  const layerCount = result.overlay.settings.layers?.length ?? 0;
   const alertCount = result.coverage.mappings.filter((item) => item.lumiaType === "alert").reduce((sum, item) => sum + item.count, 0);
   const mirrored = mirrorRows.filter(
     (row) => row.state === "done" || row.state === "reused" || row.state === "kept-on-cdn"
@@ -7475,7 +7773,15 @@ function StepConfirm({
     ),
     /* @__PURE__ */ jsxs7("div", { className: "se-import-overview", children: [
       /* @__PURE__ */ jsx14("h3", { children: "Overview" }),
-      /* @__PURE__ */ jsx14(Row, { label: "Overlay", value: options.name || result.overlay.name }),
+      /* @__PURE__ */ jsx14(
+        Row,
+        {
+          label: overlayCount > 1 ? "Combined overlay" : "Overlay",
+          value: options.name || result.overlay.name
+        }
+      ),
+      overlayCount > 1 ? /* @__PURE__ */ jsx14(Row, { label: "Source overlays", value: `${overlayCount}` }) : null,
+      /* @__PURE__ */ jsx14(Row, { label: "Layers imported", value: `${layerCount}` }),
       /* @__PURE__ */ jsx14(Row, { label: "Widgets", value: `${widgets}` }),
       /* @__PURE__ */ jsx14(Row, { label: "Alerts", value: `${alertCount}` }),
       /* @__PURE__ */ jsx14(
@@ -7513,7 +7819,9 @@ function Row({
 function SEImportWizard({
   bindings,
   initialUrl = "",
-  initialJwt = ""
+  initialJwt = "",
+  initialOverlayIds,
+  initialOverlayList
 }) {
   const {
     fetchMarketplaceOverlay,
@@ -7542,7 +7850,7 @@ function SEImportWizard({
   const [connectError, setConnectError] = useState6(null);
   const [connecting, setConnecting] = useState6(false);
   const [overlayList, setOverlayList] = useState6(
-    null
+    initialOverlayList?.length ? initialOverlayList : null
   );
   const [overlaysLoading, setOverlaysLoading] = useState6(false);
   const [overlaysError, setOverlaysError] = useState6(null);
@@ -7552,6 +7860,8 @@ function SEImportWizard({
   const [overlayQueue, setOverlayQueue] = useState6([]);
   const [currentOverlayIndex, setCurrentOverlayIndex] = useState6(0);
   const [totalOverlaysToImport, setTotalOverlaysToImport] = useState6(0);
+  const [activeOverlaySummaries, setActiveOverlaySummaries] = useState6([]);
+  const [activeOverlayPreview, setActiveOverlayPreview] = useState6();
   const [url, setUrl] = useState6(initialUrl);
   const [loadError, setLoadError] = useState6(null);
   const [loading, setLoading] = useState6(false);
@@ -7571,6 +7881,7 @@ function SEImportWizard({
   const [marketplacePickerOpen, setMarketplacePickerOpen] = useState6(false);
   const mirrorStartedRef = useRef4(false);
   const mirrorAbortRef = useRef4(null);
+  const initialOverlayImportStartedRef = useRef4(false);
   const filenameCacheRef = useRef4(/* @__PURE__ */ new Map());
   const [assetUrls, setAssetUrls] = useState6([]);
   const currentItem = originalReviewItems[reviewIndex];
@@ -7620,7 +7931,8 @@ function SEImportWizard({
     }
   }, [bindings, initialJwt, jwt]);
   useEffect6(() => {
-    if (initialJwt.trim() && step === "connect" && !seClient && !connecting && !connectError) void handleConnect();
+    if (initialJwt.trim() && step === "connect" && !seClient && !connecting && !connectError)
+      void handleConnect();
   }, [connectError, connecting, handleConnect, initialJwt, seClient, step]);
   const loadOverlayList = useCallback3(
     async (client) => {
@@ -7661,8 +7973,58 @@ function SEImportWizard({
   const clearAllOverlays = useCallback3(() => {
     setSelectedOverlayIds(/* @__PURE__ */ new Set());
   }, []);
+  const loadSelectedOverlaysAndKickoff = useCallback3(
+    async (client, ids) => {
+      setLoadError(null);
+      setLoading(true);
+      try {
+        const importedOverlays = [];
+        for (let index = 0; index < ids.length; index += 1) {
+          const overlayId = ids[index];
+          const summary = (overlayList ?? []).find((o) => o._id === overlayId);
+          const bootstrap = await fetchSEBootstrapForOverlay(client, overlayId);
+          if (!isSEBootstrap(bootstrap)) {
+            throw new Error(
+              `StreamElements returned an invalid bootstrap for ${summary?.name ?? overlayId}.`
+            );
+          }
+          const imported = importSEBootstrap(bootstrap);
+          importedOverlays.push({ result: imported, summary });
+        }
+        const combined = combineImportResults(importedOverlays);
+        setResult(combined);
+        setAssetUrls(findSEAssetURLs(combined.overlay));
+        setOptions((o) => ({ ...o, name: combined.overlay.name }));
+        setOriginalReviewItems(combined.reviewItems);
+        setRowStates(
+          Object.fromEntries(
+            combined.reviewItems.map((item) => [
+              item.moduleId,
+              { state: "pending" }
+            ])
+          )
+        );
+        setReviewIndex(0);
+        setMirrorRows([]);
+        mirrorStartedRef.current = false;
+        const summaries = importedOverlays.map((item) => item.summary).filter(Boolean);
+        setActiveOverlaySummaries(summaries);
+        setActiveOverlayPreview(summaries[0]?.preview);
+        setStep("discovery");
+      } catch (e) {
+        const detail = e?.message ?? String(e);
+        setLoadError({
+          message: detail || "Could not load the selected overlays.",
+          hint: detail ? "If this looks transient, retry in a moment. Otherwise check the token and try again." : void 0
+        });
+      } finally {
+        setLoading(false);
+      }
+    },
+    [overlayList]
+  );
   const loadBootstrapAndKickoff = useCallback3(
-    async (client, overlayId) => {
+    async (client, overlayId, summary) => {
       setLoadError(null);
       setLoading(true);
       try {
@@ -7688,6 +8050,9 @@ function SEImportWizard({
         setReviewIndex(0);
         setMirrorRows([]);
         mirrorStartedRef.current = false;
+        const summaries = summary ? [summary] : [];
+        setActiveOverlaySummaries(summaries);
+        setActiveOverlayPreview(summary?.preview ?? bootstrap.overlay.preview);
         setStep("discovery");
       } catch (e) {
         const detail = e?.message ?? String(e);
@@ -7705,12 +8070,55 @@ function SEImportWizard({
     if (!seClient) return;
     const ids = Array.from(selectedOverlayIds);
     if (ids.length === 0) return;
+    if (ids.length > 1) {
+      setOverlayQueue([]);
+      setCurrentOverlayIndex(0);
+      setTotalOverlaysToImport(0);
+      await loadSelectedOverlaysAndKickoff(seClient, ids);
+      return;
+    }
     const [first, ...rest] = ids;
+    const summary = (overlayList ?? []).find((o) => o._id === first);
+    const summaries = summary ? [summary] : [];
+    setActiveOverlaySummaries(summaries);
     setOverlayQueue(rest);
     setTotalOverlaysToImport(ids.length);
     setCurrentOverlayIndex(1);
-    await loadBootstrapAndKickoff(seClient, first);
-  }, [seClient, selectedOverlayIds, loadBootstrapAndKickoff]);
+    await loadBootstrapAndKickoff(seClient, first, summary);
+  }, [
+    seClient,
+    selectedOverlayIds,
+    overlayList,
+    loadSelectedOverlaysAndKickoff,
+    loadBootstrapAndKickoff
+  ]);
+  useEffect6(() => {
+    if (initialOverlayImportStartedRef.current || !seClient || !initialOverlayIds?.length || !overlayList || overlaysLoading || loading)
+      return;
+    const availableIds = new Set(overlayList.map((overlay) => overlay._id));
+    const ids = initialOverlayIds.filter((id) => availableIds.has(id));
+    if (ids.length === 0) return;
+    initialOverlayImportStartedRef.current = true;
+    setSelectedOverlayIds(new Set(ids));
+    setOverlayQueue([]);
+    setCurrentOverlayIndex(ids.length === 1 ? 1 : 0);
+    setTotalOverlaysToImport(ids.length === 1 ? 1 : 0);
+    if (ids.length > 1) {
+      void loadSelectedOverlaysAndKickoff(seClient, ids);
+      return;
+    }
+    const first = ids[0];
+    const summary = overlayList.find((overlay) => overlay._id === first);
+    void loadBootstrapAndKickoff(seClient, first, summary);
+  }, [
+    initialOverlayIds,
+    loadBootstrapAndKickoff,
+    loadSelectedOverlaysAndKickoff,
+    loading,
+    overlayList,
+    overlaysLoading,
+    seClient
+  ]);
   const handleLoad = useCallback3(async () => {
     setLoadError(null);
     const parts = extractSEPreviewParts(url);
@@ -7746,6 +8154,8 @@ function SEImportWizard({
         )
       );
       setReviewIndex(0);
+      setActiveOverlaySummaries([]);
+      setActiveOverlayPreview(bootstrap.overlay.preview);
       setStep("discovery");
     } catch (error) {
       const detail = error?.message ?? String(error);
@@ -7788,6 +8198,25 @@ function SEImportWizard({
     },
     [uploadAsset]
   );
+  const resolveOverlayThumbnailUrl = useCallback3(
+    async (preview) => {
+      if (!preview) return void 0;
+      const filename = filenameFromURL(preview);
+      const existing = existingAssets.find(
+        (asset) => asset.file_name === filename || asset.name === filename
+      );
+      if (existing?.url) return existing.url;
+      try {
+        return await mirrorOneAsset(preview, (file) => uploadAsset(file));
+      } catch (error) {
+        notify.warning(
+          `Could not import the StreamElements thumbnail: ${extractErrorMessage(error)}`
+        );
+        return preview;
+      }
+    },
+    [existingAssets, notify, uploadAsset]
+  );
   const applyRewrite = useCallback3((mapping) => {
     if (Object.keys(mapping).length === 0) return;
     setResult(
@@ -7829,7 +8258,9 @@ function SEImportWizard({
           rewriteMap[initialRows[i].url] = outcome.newUrl;
         }
         setMirrorRows(
-          (previous) => previous.map((row, idx) => idx === i ? { ...row, ...outcome } : row)
+          (previous) => previous.map(
+            (row, idx) => idx === i ? { ...row, ...outcome } : row
+          )
         );
       }
     };
@@ -8012,11 +8443,8 @@ function SEImportWizard({
       if (!result) return;
       setImporting(true);
       try {
-        const body = {
-          name: options.name.trim() || result.overlay.name,
-          description: result.overlay.description,
-          settings: result.overlay.settings
-        };
+        const thumbnailUrl = await resolveOverlayThumbnailUrl(activeOverlayPreview);
+        const body = buildOverlaySaveBody(result, options.name, thumbnailUrl);
         const { uuid } = await saveOverlay(body);
         notify.success("Imported overlay from StreamElements.");
         mirrorAbortRef.current?.abort();
@@ -8039,38 +8467,35 @@ function SEImportWizard({
     }
     setImporting(true);
     try {
-      const body = {
-        name: options.name.trim() || result.overlay.name,
-        description: result.overlay.description,
-        settings: result.overlay.settings
-      };
-      const { uuid } = await saveOverlay(body);
       const orderedIds = Array.from(selectedOverlayIds);
       const sourceSEOverlayId = orderedIds[currentOverlayIndex - 1];
-      const sourceSummary = sourceSEOverlayId ? (overlayList ?? []).find((o) => o._id === sourceSEOverlayId) : void 0;
+      const fallbackSourceSummary = sourceSEOverlayId ? (overlayList ?? []).find((o) => o._id === sourceSEOverlayId) : void 0;
+      const sourceSummaries = activeOverlaySummaries.length > 0 ? activeOverlaySummaries : fallbackSourceSummary ? [fallbackSourceSummary] : [];
+      const thumbnailUrl = await resolveOverlayThumbnailUrl(activeOverlayPreview);
+      const body = buildOverlaySaveBody(result, options.name, thumbnailUrl);
+      const { uuid } = await saveOverlay(body);
       if (uuid) {
-        onOverlayImported?.({
-          overlayId: uuid,
-          sourceSEOverlayId,
-          sourceSEOverlayName: sourceSummary?.name ?? sourceSummary?.settings?.name ?? result.overlay.name ?? void 0,
-          width: sourceSummary?.settings?.width ?? result.overlay.settings.metadata.width ?? void 0,
-          height: sourceSummary?.settings?.height ?? result.overlay.settings.metadata.height ?? void 0
-        });
-      }
-      const hasMore = overlayQueue.length > 0;
-      if (hasMore) {
-        notify.success(
-          `Imported ${currentOverlayIndex} of ${totalOverlaysToImport} overlays from StreamElements.`
-        );
-        const [nextId, ...rest] = overlayQueue;
-        setOverlayQueue(rest);
-        setCurrentOverlayIndex(currentOverlayIndex + 1);
-        setImporting(false);
-        await loadBootstrapAndKickoff(seClient, nextId);
-        return;
+        if (sourceSummaries.length > 0) {
+          for (const sourceSummary of sourceSummaries) {
+            onOverlayImported?.({
+              overlayId: uuid,
+              sourceSEOverlayId: sourceSummary._id,
+              sourceSEOverlayName: sourceSummary.name ?? sourceSummary.settings?.name ?? result.overlay.name ?? void 0,
+              width: sourceSummary.settings?.width ?? result.overlay.settings.metadata.width ?? void 0,
+              height: sourceSummary.settings?.height ?? result.overlay.settings.metadata.height ?? void 0
+            });
+          }
+        } else {
+          onOverlayImported?.({
+            overlayId: uuid,
+            sourceSEOverlayName: result.overlay.name ?? void 0,
+            width: result.overlay.settings.metadata.width ?? void 0,
+            height: result.overlay.settings.metadata.height ?? void 0
+          });
+        }
       }
       notify.success(
-        totalOverlaysToImport > 1 ? `Imported all ${totalOverlaysToImport} overlays from StreamElements.` : "Imported overlay from StreamElements."
+        sourceSummaries.length > 1 ? `Imported ${sourceSummaries.length} StreamElements overlays as one Lumia overlay.` : "Imported overlay from StreamElements."
       );
       mirrorAbortRef.current?.abort();
       onClose();
@@ -8089,12 +8514,12 @@ function SEImportWizard({
     result,
     saveOverlay,
     seClient,
-    overlayQueue,
     currentOverlayIndex,
-    totalOverlaysToImport,
-    loadBootstrapAndKickoff,
     selectedOverlayIds,
-    overlayList
+    overlayList,
+    activeOverlaySummaries,
+    activeOverlayPreview,
+    resolveOverlayThumbnailUrl
   ]);
   const visibleSteps = useMemo5(() => {
     const showMirrorStep = options.mirrorAssets && (assetUrls.length > 0 || mirrorRows.length > 0 || step === "mirror");
@@ -8169,7 +8594,9 @@ function SEImportWizard({
     if (step === "connect")
       return connecting ? "Connecting..." : seClient ? "Continue" : "Connect";
     if (step === "pick") {
-      if (loading) return "Loading overlay...";
+      if (importing) return "Importing...";
+      if (loading)
+        return selectedOverlayIds.size > 1 ? "Loading overlays..." : "Loading overlay...";
       const n = selectedOverlayIds.size;
       return n > 1 ? `Import ${n} overlays` : "Import overlay";
     }
@@ -8184,7 +8611,7 @@ function SEImportWizard({
   const nextDisabled = (() => {
     if (step === "connect") return connecting || !seClient && !jwt.trim();
     if (step === "pick")
-      return loading || overlaysLoading || selectedOverlayIds.size === 0;
+      return importing || loading || overlaysLoading || selectedOverlayIds.size === 0;
     if (step === "url") return loading || !url.trim();
     if (step === "mirror") return mirrorRunning;
     if (step === "review")
@@ -8287,13 +8714,21 @@ function SEImportWizard({
           }
         }
       ),
-      step === "discovery" && result && /* @__PURE__ */ jsx14(StepDiscovery, { result, assetCount: assetUrls.length }),
+      step === "discovery" && result && /* @__PURE__ */ jsx14(
+        StepDiscovery,
+        {
+          result,
+          assetCount: assetUrls.length,
+          overlayCount: Math.max(1, activeOverlaySummaries.length)
+        }
+      ),
       step === "options" && /* @__PURE__ */ jsx14(
         StepOptions,
         {
           options,
           setOptions,
-          assetCount: assetUrls.length
+          assetCount: assetUrls.length,
+          hideName: activeOverlaySummaries.length > 1
         }
       ),
       step === "mirror" && /* @__PURE__ */ jsx14(
@@ -8349,7 +8784,8 @@ function SEImportWizard({
           result,
           options,
           mirrorRows,
-          rowStates
+          rowStates,
+          overlayCount: Math.max(1, activeOverlaySummaries.length)
         }
       )
     ] }),
@@ -8423,7 +8859,9 @@ function extractSEOverlayId(input) {
 }
 function extractSEPreviewParts(input) {
   const trimmed = input.trim();
-  const m = trimmed.match(/streamelements\.com\/overlay\/([0-9a-f]{24})(?:\/([A-Za-z0-9_-]+))?/i);
+  const m = trimmed.match(
+    /streamelements\.com\/overlay\/([0-9a-f]{24})(?:\/([A-Za-z0-9_-]+))?/i
+  );
   if (!m) return null;
   const overlayId = m[1];
   const second = m[2];
@@ -8433,9 +8871,14 @@ function extractSEPreviewParts(input) {
 function buildBootstrapUrl(overlayId) {
   return `https://api.streamelements.com/kappa/v2/overlays/${overlayId}/bootstrap?isEditor=false&isMobile=false&isObs=false&isObsLive=false&isXsplit=false`;
 }
-async function fetchSEBootstrap({ overlayId, apikey }) {
+async function fetchSEBootstrap({
+  overlayId,
+  apikey
+}) {
   if (!apikey) {
-    throw new Error("Missing access token. Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link) \u2014 editor URLs do not include a token.");
+    throw new Error(
+      "Missing access token. Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link) \u2014 editor URLs do not include a token."
+    );
   }
   const res = await fetch(buildBootstrapUrl(overlayId), {
     method: "GET",
@@ -8453,7 +8896,9 @@ async function fetchSEBootstrap({ overlayId, apikey }) {
   }
   const json = await res.json();
   if (!isSEBootstrap(json)) {
-    throw new Error("Server returned a response that does not look like an SE bootstrap payload.");
+    throw new Error(
+      "Server returned a response that does not look like an SE bootstrap payload."
+    );
   }
   return json;
 }
@@ -8476,7 +8921,10 @@ function importSEBootstrap(bootstrap) {
   console.log("[SE-IMPORT] bootstrap received", {
     overlayId: seOverlay?._id,
     name: seOverlay?.name,
-    canvas: { width: seOverlay?.settings?.width, height: seOverlay?.settings?.height },
+    canvas: {
+      width: seOverlay?.settings?.width,
+      height: seOverlay?.settings?.height
+    },
     widgetCount: widgets.length,
     widgetTypes: widgets.map((w) => w.type),
     provider
@@ -8504,7 +8952,11 @@ function importSEBootstrap(bootstrap) {
     const lumiaGroupId = seUidToLumiaGroupId[uid];
     const parentUid = typeof w.group === "string" ? w.group : null;
     const parentLumiaGroupId = parentUid ? seUidToLumiaGroupId[parentUid] ?? null : null;
-    const bounds = seCssToBounds(w.css, { width: 200, height: 200 }, importCanvas);
+    const bounds = seCssToBounds(
+      w.css,
+      { width: 200, height: 200 },
+      importCanvas
+    );
     const layer = {
       id: lumiaGroupId,
       type: "group",
@@ -8548,7 +9000,15 @@ function importSEBootstrap(bootstrap) {
     };
     layers.push(layer);
     modules[lumiaGroupId] = module;
-    recordCoverage(coverage, { unit: { layer, module }, status: "direct", lumiaType: "group" }, w.type);
+    recordCoverage(
+      coverage,
+      {
+        unit: { layer, module },
+        status: "direct",
+        lumiaType: "group"
+      },
+      w.type
+    );
   }
   for (const w of widgets) {
     if (w.type === "se-widget-group") continue;
@@ -8586,13 +9046,19 @@ function importSEBootstrap(bootstrap) {
     recordCoverage(coverage, result, w.type);
   }
   if (coverage.mappings.some((m) => m.status === "placeholder")) {
-    coverage.notes.push("Some widgets imported as placeholder text layers \u2014 see SE/05-widget-to-module-mapping.md for status.");
+    coverage.notes.push(
+      "Some widgets imported as placeholder text layers \u2014 see SE/05-widget-to-module-mapping.md for status."
+    );
   }
   if (coverage.mappings.some((m) => m.seType === "se-widget-merch-goal")) {
-    coverage.notes.push("Merch-goal widgets imported as generic goals \u2014 see SE/03-missing-variables.md \xA78 for the missing data source.");
+    coverage.notes.push(
+      "Merch-goal widgets imported as generic goals \u2014 see SE/03-missing-variables.md \xA78 for the missing data source."
+    );
   }
   if (coverage.mappings.some((m) => m.seType === "se-widget-custom-event-list")) {
-    coverage.notes.push("\u26A0 Custom widgets are experimental \u2014 they run under the SE compatibility shim (Embed.tsx) which handles most SE APIs but may not cover every edge case. Verify each custom layer renders correctly in the editor.");
+    coverage.notes.push(
+      "\u26A0 Custom widgets are experimental \u2014 they run under the SE compatibility shim (Embed.tsx) which handles most SE APIs but may not cover every edge case. Verify each custom layer renders correctly in the editor."
+    );
   }
   const overlay = {
     uuid: "",
@@ -8629,10 +9095,16 @@ function applyReviewAction(result, moduleId, action, payload) {
   if (action === "skip") {
     delete modules[moduleId];
     const nextLayers = layers.filter((l) => l.id !== moduleId);
-    const reviewItems2 = result.reviewItems.filter((r) => r.moduleId !== moduleId);
+    const reviewItems2 = result.reviewItems.filter(
+      (r) => r.moduleId !== moduleId
+    );
     return {
       ...result,
-      overlay: { ...result.overlay, settings: { ...result.overlay.settings, layers: nextLayers, modules }, layers_count: nextLayers.length },
+      overlay: {
+        ...result.overlay,
+        settings: { ...result.overlay.settings, layers: nextLayers, modules },
+        layers_count: nextLayers.length
+      },
       reviewItems: reviewItems2
     };
   }
@@ -8658,7 +9130,10 @@ function applyReviewAction(result, moduleId, action, payload) {
       lights: mergedLights,
       events: mergedEvents,
       variables: mergedVariables,
-      content: { ...transplant.module.content ?? {}, [IMPORT_META_KEY]: importMeta2 }
+      content: {
+        ...transplant.module.content ?? {},
+        [IMPORT_META_KEY]: importMeta2
+      }
     };
     const rootOldNewId = transplant.layer.id;
     const remappedExtras = (transplant.extras ?? []).map((e) => ({
@@ -8671,7 +9146,9 @@ function applyReviewAction(result, moduleId, action, payload) {
       modules[extra.module.id] = extra.module;
     }
     modules[moduleId] = newModule;
-    const reviewItems2 = result.reviewItems.filter((r) => r.moduleId !== moduleId);
+    const reviewItems2 = result.reviewItems.filter(
+      (r) => r.moduleId !== moduleId
+    );
     return {
       ...result,
       overlay: {
@@ -8706,7 +9183,10 @@ function applyReviewAction(result, moduleId, action, payload) {
   const reviewItems = result.reviewItems.filter((r) => r.moduleId !== moduleId);
   return {
     ...result,
-    overlay: { ...result.overlay, settings: { ...result.overlay.settings, modules } },
+    overlay: {
+      ...result.overlay,
+      settings: { ...result.overlay.settings, modules }
+    },
     reviewItems
   };
 }
@@ -8792,6 +9272,7 @@ export {
   extractSEPreviewParts,
   fetchSEBootstrap,
   fetchSEFiltersRaw,
+  fetchSEOverlays,
   fetchUsableChannels,
   filenameFromURL,
   findSEAssetURLs,