@lumiastream/ui 0.6.1 → 0.6.3

package/dist/index.js

@@ -4901,6 +4901,29 @@ function listenersToLumiaEvents(listeners, listener) {
   }
   return [...out];
 }
+var SE_FIRST_PARTY_SCRIPT_RX = /^(?:https?:)?\/\/(?:[^/]+\.)?(?:streamelements\.com|lumiastream\.com)\//i;
+var EXTERNAL_SCRIPT_SRC_RX = /<script\b[^>]*\bsrc\s*=\s*["']([^"']+)["']/gi;
+var CHAT_COMMAND_VALUE_RX = /^\s*!\S+/;
+function hasExternalScriptLoader(html, js) {
+  const haystack = `${html ?? ""}
+${js ?? ""}`;
+  EXTERNAL_SCRIPT_SRC_RX.lastIndex = 0;
+  for (const m of haystack.matchAll(EXTERNAL_SCRIPT_SRC_RX)) {
+    const src = m[1]?.trim();
+    if (!src) continue;
+    if (src.startsWith("/") && !src.startsWith("//")) continue;
+    if (SE_FIRST_PARTY_SCRIPT_RX.test(src)) continue;
+    return true;
+  }
+  return false;
+}
+function hasChatCommandFieldValue(fieldData) {
+  if (!fieldData) return false;
+  for (const v of Object.values(fieldData)) {
+    if (typeof v === "string" && CHAT_COMMAND_VALUE_RX.test(v)) return true;
+  }
+  return false;
+}
 function translateConfigs(sourceFields) {
   if (!sourceFields) return [];
   return Object.entries(sourceFields).filter(([key]) => !RESERVED_FIELD_KEYS.has(key)).map(([key, f]) => {
@@ -4953,6 +4976,13 @@ function mapCustom(widget, ctx) {
     widget.listeners,
     widget.listener
   );
+  const externalLoader = hasExternalScriptLoader(v.html, v.js);
+  const wantsChat = externalLoader || hasChatCommandFieldValue(fieldData);
+  if (externalLoader) {
+    if (!eventsList.includes("alert")) eventsList.push("alert");
+    if (!eventsList.includes("alert.trigger")) eventsList.push("alert.trigger");
+  }
+  if (wantsChat && !eventsList.includes("chat")) eventsList.push("chat");
   const data = { ...fieldData ?? {} };
   if (eventsList.length > 0) data.events = eventsList;
   return buildUnit(
@@ -6453,7 +6483,7 @@ function mapHypeCup(widget, ctx) {
         // Phase 1 ships a single preset; SE's per-cup polygon set isn't lifted
         // yet (it'd require multi-cup support which we deliberately deferred).
         // The streamer can swap a custom cup image + wireframe via Settings.
-        preset: "glass-mug",
+        preset: "cup-01",
         customCup: null,
         cup: {
           x: cupX,
@@ -6468,7 +6498,7 @@ function mapHypeCup(widget, ctx) {
           maxBodies
         },
         tokens: {
-          defaultRadius: 26
+          defaultRadius: 16
         },
         events: categoriesFromListeners(widget.listeners),
         chat: {
@@ -6477,6 +6507,7 @@ function mapHypeCup(widget, ctx) {
         display: {
           showWireframes: !!v.showWireframes,
           showEventMessages: !!v.textEnabled,
+          showPlatformIcons: false,
           messageDuration: duration
         },
         sprites,
@@ -7080,7 +7111,7 @@ async function mirrorOneAsset(url, upload, signal, proxyAssetFetch) {
   const blob = await fetchAssetBlob(url, signal, proxyAssetFetch);
   if (signal?.aborted) throw new DOMException("Aborted", "AbortError");
   if (blob.size > MAX_MIRROR_ASSET_BYTES) {
-    throw new Error(`Asset is ${(blob.size / (1024 * 1024)).toFixed(1)} MB \u2014 over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
+    throw new Error(`Asset is ${(blob.size / (1024 * 1024)).toFixed(1)} MB, over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
   }
   const filename = filenameFromURL(url);
   const type = blob.type || guessMime(filename);
@@ -7102,7 +7133,7 @@ async function fetchAssetBlob(url, signal, proxyAssetFetch) {
     if (!res.ok) throw new Error(`Source returned HTTP ${res.status}`);
     const declared = Number(res.headers.get("content-length"));
     if (Number.isFinite(declared) && declared > MAX_MIRROR_ASSET_BYTES) {
-      throw new Error(`Asset is ${(declared / (1024 * 1024)).toFixed(1)} MB \u2014 over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
+      throw new Error(`Asset is ${(declared / (1024 * 1024)).toFixed(1)} MB, over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
     }
     return res.blob();
   }
@@ -7342,7 +7373,7 @@ function decodeJwtPayload(jwt) {
   }
   const claims = parsed;
   if (typeof claims.channel !== "string" || typeof claims.authToken !== "string") {
-    throw new SEAuthError("invalid-jwt", "Token payload is missing the 'channel' or 'authToken' claim \u2014 not a StreamElements account token.");
+    throw new SEAuthError("invalid-jwt", "Token payload is missing the 'channel' or 'authToken' claim. not a StreamElements account token.");
   }
   if (typeof claims.exp === "number" && claims.exp * 1e3 < Date.now()) {
     throw new SEAuthError("expired", "This StreamElements token has expired. Generate a new one on the SE Account page.");
@@ -7351,7 +7382,7 @@ function decodeJwtPayload(jwt) {
 }
 var SEClient = class _SEClient {
   // `jwt` is held alongside the decoded claims so the client can switch auth
-  // modes without re-parsing. Defaults to `bearer-jwt` — confirmed against
+  // modes without re-parsing. Defaults to `bearer-jwt`. confirmed against
   // the user's diagnostic 2026-05-16: every endpoint the existing 5 helpers
   // hit (users/current, channels/me, overlays, bot/commands, plus
   // sessions/loyalty/bits leaderboard transitively) returns 200, AND
@@ -7439,7 +7470,7 @@ var SEClient = class _SEClient {
       let detail = "";
       try {
         const body = await res.json();
-        if (body?.message) detail = ` \u2014 ${body.message}`;
+        if (body?.message) detail = ` - ${body.message}`;
       } catch {
       }
       throw new Error(`StreamElements API returned HTTP ${res.status}${detail}`);
@@ -7481,7 +7512,7 @@ async function fetchElementWidgetInstancePublic(channelId, widgetInstanceId, pub
     let detail = "";
     try {
       const body = JSON.parse(await result.errorBody());
-      if (body?.message) detail = ` \u2014 ${body.message}`;
+      if (body?.message) detail = ` - ${body.message}`;
     } catch {
     }
     const reason = result.status === 401 || result.status === 403 ? "StreamElements rejected the widget share token. The share link may have been revoked or made private." : result.status === 404 ? "Element widget not found. Double-check the share URL." : `HTTP ${result.status}`;
@@ -8489,15 +8520,15 @@ var PLACEHOLDER_WIDGET_TYPES = /* @__PURE__ */ new Set([
   "streamlabels"
 ]);
 var PLACEHOLDER_REASONS = {
-  donation_ticker: "No native Lumia equivalent yet \u2014 imported as a placeholder text layer.",
-  stream_boss: "Lumia has a native streamboss module \u2014 set it up directly rather than importing the SL config.",
-  credits: "Lumia has a native credits module \u2014 set it up directly rather than importing the SL config.",
-  spin_wheel: "Lumia has a native spinwheel module \u2014 set it up directly rather than importing the SL config.",
-  emote_wall: "Lumia has a native emotebox module \u2014 set it up directly rather than importing the SL config.",
-  sub_train: "No native Lumia equivalent yet \u2014 imported as a placeholder text layer.",
+  donation_ticker: "No native Lumia equivalent yet. imported as a placeholder text layer.",
+  stream_boss: "Lumia has a native streamboss module. set it up directly rather than importing the SL config.",
+  credits: "Lumia has a native credits module. set it up directly rather than importing the SL config.",
+  spin_wheel: "Lumia has a native spinwheel module. set it up directly rather than importing the SL config.",
+  emote_wall: "Lumia has a native emotebox module. set it up directly rather than importing the SL config.",
+  sub_train: "No native Lumia equivalent yet. imported as a placeholder text layer.",
   streamlabels: "Use Lumia template variables (e.g. {{twitch_last_follower}}) inside a Text module instead of importing the SL streamlabels config."
 };
-var CUSTOM_HTML_REVIEW_REASON = "The Streamlabs widget used custom HTML/CSS/JS that Lumia cannot host. The native Lumia module is the right starting point \u2014 recreate the styling there. The original SL settings are stashed under module.content.importMeta for reference.";
+var CUSTOM_HTML_REVIEW_REASON = "The Streamlabs widget used custom HTML/CSS/JS that Lumia cannot host. The native Lumia module is the right starting point. recreate the styling there. The original SL settings are stashed under module.content.importMeta for reference.";
 function stampImportMeta(module, widgetType, role, extra = {}) {
   stampImportMetaMerge(module, {
     source: "streamlabs",
@@ -8655,7 +8686,7 @@ function importStreamlabsWidget(response, widgetType, options = {}) {
     });
     reviewItems.push({
       moduleId: placeholder.module.id,
-      // SL doesn't have a single "widget" object the way SE does — we
+      // SL doesn't have a single "widget" object the way SE does. we
       // stash the settings snapshot here so the review step can show
       // the raw config the user imported. Cast through unknown because
       // ReviewItem is currently typed against SEWidget; widening the
@@ -8673,7 +8704,7 @@ function importStreamlabsWidget(response, widgetType, options = {}) {
     layers.push(placeholder.layer);
     modules[placeholder.layer.id] = placeholder.module;
     coverage.notes.push(
-      `Unknown Streamlabs widget type "${widgetType}" \u2014 imported as a placeholder.`
+      `Unknown Streamlabs widget type "${widgetType}". imported as a placeholder.`
     );
     coverage.mappings.push({
       seType: `streamlabs:${widgetType}`,
@@ -9086,7 +9117,7 @@ function StepHeader({
   ] });
 }
 var JWT_FEATURES = [
-  "All your overlays \u2014 pick one, many, or all",
+  "All your overlays: pick one, many, or all",
   "Live counters (follower / sub / tip / bits goals)",
   "Chat bot commands",
   "Loyalty points + watch time",
@@ -9240,7 +9271,7 @@ function StepModePicker({
                   }
                 )
               ] }),
-              caveat: "Requires pasting your StreamElements JWT. Stored only in memory \u2014 never sent to Lumia.",
+              caveat: "Requires pasting your StreamElements JWT. Stored only in memory. Never sent to Lumia.",
               onClick: onChooseJwt
             }
           )
@@ -9265,7 +9296,7 @@ function StepConnect({
       {
         number: 1,
         title: "Connect your StreamElements account",
-        subtitle: "Paste your StreamElements JWT to import overlays, live counters, chat commands, loyalty points, watch time, and recent events. The token is read in your browser only \u2014 Lumia never sends it to our servers."
+        subtitle: "Paste your StreamElements JWT to import overlays, live counters, chat commands, loyalty points, watch time, and recent events. The token is read in your browser only. Lumia never sends it to our servers."
       }
     ),
     /* @__PURE__ */ jsx14(
@@ -11914,15 +11945,15 @@ function importElementOverlay(response, options = {}) {
 // src/se-import/index.ts
 var IMPORT_META_KEY2 = "importMeta";
 var REVIEW_REASONS = {
-  "se-widget-bit-boss": "No native Lumia equivalent \u2014 bit boss fight bar with HP/damage states.",
+  "se-widget-bit-boss": "No native Lumia equivalent. bit boss fight bar with HP/damage states.",
   // `se-widget-hype-cup` intentionally omitted — it now routes to the native
   // `tipjar` module (see dispatcher.ts) and lands with `partial` status, so it
   // never reaches the placeholder-reason fallback. If a future feature flag
   // disables tipjar auto-import, add an entry to FLAG_OFF_REASONS instead.
-  "se-widget-media-share": "No native Lumia equivalent \u2014 viewer-submitted media player.",
-  "se-widget-contest": "No native Lumia equivalent \u2014 SE-specific contest widget.",
-  "se-widget-giveaway": "No native Lumia equivalent \u2014 SE giveaway service.",
-  "se-widget-botcounter": "No native Lumia equivalent \u2014 chatter/message counter.",
+  "se-widget-media-share": "No native Lumia equivalent. viewer-submitted media player.",
+  "se-widget-contest": "No native Lumia equivalent. SE-specific contest widget.",
+  "se-widget-giveaway": "No native Lumia equivalent. SE giveaway service.",
+  "se-widget-botcounter": "No native Lumia equivalent. chatter/message counter.",
   "se-widget-top-cheerers-list": 'Lumia loyaltyleaderboard needs a "source" extension before it can render cheer rankings.',
   "se-widget-top-gifters-list": 'Lumia loyaltyleaderboard needs a "source" extension before it can render gifter rankings.',
   "se-widget-top-tippers-list": 'Lumia loyaltyleaderboard needs a "source" extension before it can render tipper rankings.',
@@ -11932,7 +11963,7 @@ var REVIEW_REASONS = {
   // so we can't pre-populate the slideshow items. The streamer adds their
   // product images by hand in the slideshow editor. Status = 'partial' (see
   // dispatcher.ts), so this string surfaces in the review step.
-  "se-widget-merch-products-rotator": "Imported as an empty slideshow. Lumia doesn't fetch your Fourthwall product catalog yet, so add your product images manually in the slideshow editor \u2014 the layer is pre-positioned and styled to match your SE widget."
+  "se-widget-merch-products-rotator": "Imported as an empty slideshow. Lumia doesn't fetch your Fourthwall product catalog yet, so add your product images manually in the slideshow editor. the layer is pre-positioned and styled to match your SE widget."
   // Seasonal widgets (snow / halloween / halloween-2019 / xmas / valentine / easter
   // / world-cup) intentionally omitted — they route directly to image/slideshow/
   // video modules now (see dispatcher.ts SEASONAL_IMAGE_TYPES), so they always
@@ -11940,7 +11971,7 @@ var REVIEW_REASONS = {
 };
 function reasonFor(seType, status, flaggedOff) {
   if (flaggedOff && FLAG_OFF_REASONS[seType]) return FLAG_OFF_REASONS[seType];
-  return REVIEW_REASONS[seType] ?? (status === "template" ? "Imported as a generic template stub." : "No native mapping yet \u2014 imported as a labelled text placeholder.");
+  return REVIEW_REASONS[seType] ?? (status === "template" ? "Imported as a generic template stub." : "No native mapping yet. imported as a labelled text placeholder.");
 }
 function buildSEBootstrapDescription(overlayId, sourceUrl) {
   const head = overlayId ? `Imported from StreamElements overlay ${overlayId}` : "Imported from StreamElements";
@@ -11970,7 +12001,7 @@ async function fetchSEBootstrap({
 }) {
   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."
+      "Missing access token. Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link). editor URLs do not include a token."
     );
   }
   const result = await fetchWithProxyFallback(buildBootstrapUrl(overlayId), {
@@ -11981,7 +12012,7 @@ async function fetchSEBootstrap({
     let detail = "";
     try {
       const body = JSON.parse(await result.errorBody());
-      detail = body?.message ? ` \u2014 ${body.message}` : "";
+      detail = body?.message ? `. ${body.message}` : "";
     } catch {
     }
     const reason = result.status === 401 || result.status === 403 ? "StreamElements rejected the URL token. The preview link may have been revoked." : result.status === 404 ? "Overlay not found. Double-check the URL." : `HTTP ${result.status}`;
@@ -12123,17 +12154,17 @@ function importSEBootstrap(bootstrap, options = {}) {
   }
   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."
+      "Some widgets imported as placeholder text layers. 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."
+      "Merch-goal widgets imported as generic goals. 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."
+      "\u26A0 Custom widgets are experimental. 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 = {
@@ -12278,7 +12309,7 @@ function buildAIPromptForSEWidget(widget, canvas) {
   const fullVariables = JSON.stringify(variables, null, 2);
   const truncated = fullVariables.length > VARIABLES_BUDGET;
   const variablesJson = truncated ? `${fullVariables.slice(0, VARIABLES_BUDGET)}
-\u2026[truncated \u2014 ${fullVariables.length - VARIABLES_BUDGET} more bytes elided]` : fullVariables;
+\u2026[truncated. ${fullVariables.length - VARIABLES_BUDGET} more bytes elided]` : fullVariables;
   return [
     "Recreate a StreamElements overlay widget as a Lumia Stream custom overlay (HTML + CSS + JS).",
     "",
@@ -12286,14 +12317,14 @@ function buildAIPromptForSEWidget(widget, canvas) {
     listener ? `Primary event listener: ${listener}` : "",
     listeners ? `Subscribes to events: ${listeners.join(", ")}` : "",
     `Canvas: ${landing.width} \xD7 ${landing.height}`,
-    truncated ? "Note: the widget config below is truncated \u2014 focus on visible/structural fields and ignore tail content you cannot see." : "",
+    truncated ? "Note: the widget config below is truncated. focus on visible/structural fields and ignore tail content you cannot see." : "",
     "",
     "Widget configuration (JSON):",
     "```json",
     variablesJson,
     "```",
     "",
-    "Constraints \u2014 your output must run inside a Lumia Custom Overlay sandboxed iframe:",
+    "Constraints. your output must run inside a Lumia Custom Overlay sandboxed iframe:",
     '- Use `window.Overlay.on("alert", handler)` / `window.Overlay.on("chat", handler)` to receive Lumia events.',
     "- Lumia template variables use double-brace syntax: {{username}}, {{amount}}, {{message}}, {{currency}}.",
     "- The `window.DATA` object holds user-configurable values (mirrors your `configs`).",

package/dist/se-import.d.ts

@@ -183,7 +183,7 @@ declare function fetchWithProxyFallback(url: string, options?: FetchWithProxyOpt
 
 /**
  * Distinct importable CDN URLs referenced anywhere inside the overlay's
- * settings. Covers both StreamElements and Streamlabs source hosts — see
+ * settings. Covers both StreamElements and Streamlabs source hosts, see
  * IMPORTABLE_CDN_REGEX above for the full host list.
  *
  * Name kept as `findSEAssetURLs` for back-compat with existing callers; the
@@ -211,7 +211,7 @@ interface AssetMirrorProgress {
  *
  * The host call site is responsible for retries and progress reporting;
  * this function is intentionally single-shot. Pass `signal` (AbortSignal)
- * to abort the source-side `fetch` when the modal closes mid-mirror — the
+ * to abort the source-side `fetch` when the modal closes mid-mirror, the
  * upload itself is consumer-defined and the caller decides whether/how to
  * short-circuit it. The proxy path doesn't take a signal because the
  * host-provided fetch shape varies.

package/dist/se-import.js

@@ -1821,6 +1821,29 @@ function listenersToLumiaEvents(listeners, listener) {
   }
   return [...out];
 }
+var SE_FIRST_PARTY_SCRIPT_RX = /^(?:https?:)?\/\/(?:[^/]+\.)?(?:streamelements\.com|lumiastream\.com)\//i;
+var EXTERNAL_SCRIPT_SRC_RX = /<script\b[^>]*\bsrc\s*=\s*["']([^"']+)["']/gi;
+var CHAT_COMMAND_VALUE_RX = /^\s*!\S+/;
+function hasExternalScriptLoader(html, js) {
+  const haystack = `${html ?? ""}
+${js ?? ""}`;
+  EXTERNAL_SCRIPT_SRC_RX.lastIndex = 0;
+  for (const m of haystack.matchAll(EXTERNAL_SCRIPT_SRC_RX)) {
+    const src = m[1]?.trim();
+    if (!src) continue;
+    if (src.startsWith("/") && !src.startsWith("//")) continue;
+    if (SE_FIRST_PARTY_SCRIPT_RX.test(src)) continue;
+    return true;
+  }
+  return false;
+}
+function hasChatCommandFieldValue(fieldData) {
+  if (!fieldData) return false;
+  for (const v of Object.values(fieldData)) {
+    if (typeof v === "string" && CHAT_COMMAND_VALUE_RX.test(v)) return true;
+  }
+  return false;
+}
 function translateConfigs(sourceFields) {
   if (!sourceFields) return [];
   return Object.entries(sourceFields).filter(([key]) => !RESERVED_FIELD_KEYS.has(key)).map(([key, f]) => {
@@ -1873,6 +1896,13 @@ function mapCustom(widget, ctx) {
     widget.listeners,
     widget.listener
   );
+  const externalLoader = hasExternalScriptLoader(v.html, v.js);
+  const wantsChat = externalLoader || hasChatCommandFieldValue(fieldData);
+  if (externalLoader) {
+    if (!eventsList.includes("alert")) eventsList.push("alert");
+    if (!eventsList.includes("alert.trigger")) eventsList.push("alert.trigger");
+  }
+  if (wantsChat && !eventsList.includes("chat")) eventsList.push("chat");
   const data = { ...fieldData ?? {} };
   if (eventsList.length > 0) data.events = eventsList;
   return buildUnit(
@@ -3373,7 +3403,7 @@ function mapHypeCup(widget, ctx) {
         // Phase 1 ships a single preset; SE's per-cup polygon set isn't lifted
         // yet (it'd require multi-cup support which we deliberately deferred).
         // The streamer can swap a custom cup image + wireframe via Settings.
-        preset: "glass-mug",
+        preset: "cup-01",
         customCup: null,
         cup: {
           x: cupX,
@@ -3388,7 +3418,7 @@ function mapHypeCup(widget, ctx) {
           maxBodies
         },
         tokens: {
-          defaultRadius: 26
+          defaultRadius: 16
         },
         events: categoriesFromListeners(widget.listeners),
         chat: {
@@ -3397,6 +3427,7 @@ function mapHypeCup(widget, ctx) {
         display: {
           showWireframes: !!v.showWireframes,
           showEventMessages: !!v.textEnabled,
+          showPlatformIcons: false,
           messageDuration: duration
         },
         sprites,
@@ -4000,7 +4031,7 @@ async function mirrorOneAsset(url, upload, signal, proxyAssetFetch) {
   const blob = await fetchAssetBlob(url, signal, proxyAssetFetch);
   if (signal?.aborted) throw new DOMException("Aborted", "AbortError");
   if (blob.size > MAX_MIRROR_ASSET_BYTES) {
-    throw new Error(`Asset is ${(blob.size / (1024 * 1024)).toFixed(1)} MB \u2014 over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
+    throw new Error(`Asset is ${(blob.size / (1024 * 1024)).toFixed(1)} MB, over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
   }
   const filename = filenameFromURL(url);
   const type = blob.type || guessMime(filename);
@@ -4022,7 +4053,7 @@ async function fetchAssetBlob(url, signal, proxyAssetFetch) {
     if (!res.ok) throw new Error(`Source returned HTTP ${res.status}`);
     const declared = Number(res.headers.get("content-length"));
     if (Number.isFinite(declared) && declared > MAX_MIRROR_ASSET_BYTES) {
-      throw new Error(`Asset is ${(declared / (1024 * 1024)).toFixed(1)} MB \u2014 over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
+      throw new Error(`Asset is ${(declared / (1024 * 1024)).toFixed(1)} MB, over the ${MAX_MIRROR_ASSET_BYTES / (1024 * 1024)} MB import cap.`);
     }
     return res.blob();
   }
@@ -4262,7 +4293,7 @@ function decodeJwtPayload(jwt) {
   }
   const claims = parsed;
   if (typeof claims.channel !== "string" || typeof claims.authToken !== "string") {
-    throw new SEAuthError("invalid-jwt", "Token payload is missing the 'channel' or 'authToken' claim \u2014 not a StreamElements account token.");
+    throw new SEAuthError("invalid-jwt", "Token payload is missing the 'channel' or 'authToken' claim. not a StreamElements account token.");
   }
   if (typeof claims.exp === "number" && claims.exp * 1e3 < Date.now()) {
     throw new SEAuthError("expired", "This StreamElements token has expired. Generate a new one on the SE Account page.");
@@ -4271,7 +4302,7 @@ function decodeJwtPayload(jwt) {
 }
 var SEClient = class _SEClient {
   // `jwt` is held alongside the decoded claims so the client can switch auth
-  // modes without re-parsing. Defaults to `bearer-jwt` — confirmed against
+  // modes without re-parsing. Defaults to `bearer-jwt`. confirmed against
   // the user's diagnostic 2026-05-16: every endpoint the existing 5 helpers
   // hit (users/current, channels/me, overlays, bot/commands, plus
   // sessions/loyalty/bits leaderboard transitively) returns 200, AND
@@ -4359,7 +4390,7 @@ var SEClient = class _SEClient {
       let detail = "";
       try {
         const body = await res.json();
-        if (body?.message) detail = ` \u2014 ${body.message}`;
+        if (body?.message) detail = ` - ${body.message}`;
       } catch {
       }
       throw new Error(`StreamElements API returned HTTP ${res.status}${detail}`);
@@ -4401,7 +4432,7 @@ async function fetchElementWidgetInstancePublic(channelId, widgetInstanceId, pub
     let detail = "";
     try {
       const body = JSON.parse(await result.errorBody());
-      if (body?.message) detail = ` \u2014 ${body.message}`;
+      if (body?.message) detail = ` - ${body.message}`;
     } catch {
     }
     const reason = result.status === 401 || result.status === 403 ? "StreamElements rejected the widget share token. The share link may have been revoked or made private." : result.status === 404 ? "Element widget not found. Double-check the share URL." : `HTTP ${result.status}`;
@@ -7343,15 +7374,15 @@ var PLACEHOLDER_WIDGET_TYPES = /* @__PURE__ */ new Set([
   "streamlabels"
 ]);
 var PLACEHOLDER_REASONS = {
-  donation_ticker: "No native Lumia equivalent yet \u2014 imported as a placeholder text layer.",
-  stream_boss: "Lumia has a native streamboss module \u2014 set it up directly rather than importing the SL config.",
-  credits: "Lumia has a native credits module \u2014 set it up directly rather than importing the SL config.",
-  spin_wheel: "Lumia has a native spinwheel module \u2014 set it up directly rather than importing the SL config.",
-  emote_wall: "Lumia has a native emotebox module \u2014 set it up directly rather than importing the SL config.",
-  sub_train: "No native Lumia equivalent yet \u2014 imported as a placeholder text layer.",
+  donation_ticker: "No native Lumia equivalent yet. imported as a placeholder text layer.",
+  stream_boss: "Lumia has a native streamboss module. set it up directly rather than importing the SL config.",
+  credits: "Lumia has a native credits module. set it up directly rather than importing the SL config.",
+  spin_wheel: "Lumia has a native spinwheel module. set it up directly rather than importing the SL config.",
+  emote_wall: "Lumia has a native emotebox module. set it up directly rather than importing the SL config.",
+  sub_train: "No native Lumia equivalent yet. imported as a placeholder text layer.",
   streamlabels: "Use Lumia template variables (e.g. {{twitch_last_follower}}) inside a Text module instead of importing the SL streamlabels config."
 };
-var CUSTOM_HTML_REVIEW_REASON = "The Streamlabs widget used custom HTML/CSS/JS that Lumia cannot host. The native Lumia module is the right starting point \u2014 recreate the styling there. The original SL settings are stashed under module.content.importMeta for reference.";
+var CUSTOM_HTML_REVIEW_REASON = "The Streamlabs widget used custom HTML/CSS/JS that Lumia cannot host. The native Lumia module is the right starting point. recreate the styling there. The original SL settings are stashed under module.content.importMeta for reference.";
 function stampImportMeta(module, widgetType, role, extra = {}) {
   stampImportMetaMerge(module, {
     source: "streamlabs",
@@ -7509,7 +7540,7 @@ function importStreamlabsWidget(response, widgetType, options = {}) {
     });
     reviewItems.push({
       moduleId: placeholder.module.id,
-      // SL doesn't have a single "widget" object the way SE does — we
+      // SL doesn't have a single "widget" object the way SE does. we
       // stash the settings snapshot here so the review step can show
       // the raw config the user imported. Cast through unknown because
       // ReviewItem is currently typed against SEWidget; widening the
@@ -7527,7 +7558,7 @@ function importStreamlabsWidget(response, widgetType, options = {}) {
     layers.push(placeholder.layer);
     modules[placeholder.layer.id] = placeholder.module;
     coverage.notes.push(
-      `Unknown Streamlabs widget type "${widgetType}" \u2014 imported as a placeholder.`
+      `Unknown Streamlabs widget type "${widgetType}". imported as a placeholder.`
     );
     coverage.mappings.push({
       seType: `streamlabs:${widgetType}`,
@@ -7962,7 +7993,7 @@ function StepHeader({
   ] });
 }
 var JWT_FEATURES = [
-  "All your overlays \u2014 pick one, many, or all",
+  "All your overlays: pick one, many, or all",
   "Live counters (follower / sub / tip / bits goals)",
   "Chat bot commands",
   "Loyalty points + watch time",
@@ -8116,7 +8147,7 @@ function StepModePicker({
                   }
                 )
               ] }),
-              caveat: "Requires pasting your StreamElements JWT. Stored only in memory \u2014 never sent to Lumia.",
+              caveat: "Requires pasting your StreamElements JWT. Stored only in memory. Never sent to Lumia.",
               onClick: onChooseJwt
             }
           )
@@ -8141,7 +8172,7 @@ function StepConnect({
       {
         number: 1,
         title: "Connect your StreamElements account",
-        subtitle: "Paste your StreamElements JWT to import overlays, live counters, chat commands, loyalty points, watch time, and recent events. The token is read in your browser only \u2014 Lumia never sends it to our servers."
+        subtitle: "Paste your StreamElements JWT to import overlays, live counters, chat commands, loyalty points, watch time, and recent events. The token is read in your browser only. Lumia never sends it to our servers."
       }
     ),
     /* @__PURE__ */ jsx14(
@@ -10790,15 +10821,15 @@ function importElementOverlay(response, options = {}) {
 // src/se-import/index.ts
 var IMPORT_META_KEY2 = "importMeta";
 var REVIEW_REASONS = {
-  "se-widget-bit-boss": "No native Lumia equivalent \u2014 bit boss fight bar with HP/damage states.",
+  "se-widget-bit-boss": "No native Lumia equivalent. bit boss fight bar with HP/damage states.",
   // `se-widget-hype-cup` intentionally omitted — it now routes to the native
   // `tipjar` module (see dispatcher.ts) and lands with `partial` status, so it
   // never reaches the placeholder-reason fallback. If a future feature flag
   // disables tipjar auto-import, add an entry to FLAG_OFF_REASONS instead.
-  "se-widget-media-share": "No native Lumia equivalent \u2014 viewer-submitted media player.",
-  "se-widget-contest": "No native Lumia equivalent \u2014 SE-specific contest widget.",
-  "se-widget-giveaway": "No native Lumia equivalent \u2014 SE giveaway service.",
-  "se-widget-botcounter": "No native Lumia equivalent \u2014 chatter/message counter.",
+  "se-widget-media-share": "No native Lumia equivalent. viewer-submitted media player.",
+  "se-widget-contest": "No native Lumia equivalent. SE-specific contest widget.",
+  "se-widget-giveaway": "No native Lumia equivalent. SE giveaway service.",
+  "se-widget-botcounter": "No native Lumia equivalent. chatter/message counter.",
   "se-widget-top-cheerers-list": 'Lumia loyaltyleaderboard needs a "source" extension before it can render cheer rankings.',
   "se-widget-top-gifters-list": 'Lumia loyaltyleaderboard needs a "source" extension before it can render gifter rankings.',
   "se-widget-top-tippers-list": 'Lumia loyaltyleaderboard needs a "source" extension before it can render tipper rankings.',
@@ -10808,7 +10839,7 @@ var REVIEW_REASONS = {
   // so we can't pre-populate the slideshow items. The streamer adds their
   // product images by hand in the slideshow editor. Status = 'partial' (see
   // dispatcher.ts), so this string surfaces in the review step.
-  "se-widget-merch-products-rotator": "Imported as an empty slideshow. Lumia doesn't fetch your Fourthwall product catalog yet, so add your product images manually in the slideshow editor \u2014 the layer is pre-positioned and styled to match your SE widget."
+  "se-widget-merch-products-rotator": "Imported as an empty slideshow. Lumia doesn't fetch your Fourthwall product catalog yet, so add your product images manually in the slideshow editor. the layer is pre-positioned and styled to match your SE widget."
   // Seasonal widgets (snow / halloween / halloween-2019 / xmas / valentine / easter
   // / world-cup) intentionally omitted — they route directly to image/slideshow/
   // video modules now (see dispatcher.ts SEASONAL_IMAGE_TYPES), so they always
@@ -10816,7 +10847,7 @@ var REVIEW_REASONS = {
 };
 function reasonFor(seType, status, flaggedOff) {
   if (flaggedOff && FLAG_OFF_REASONS[seType]) return FLAG_OFF_REASONS[seType];
-  return REVIEW_REASONS[seType] ?? (status === "template" ? "Imported as a generic template stub." : "No native mapping yet \u2014 imported as a labelled text placeholder.");
+  return REVIEW_REASONS[seType] ?? (status === "template" ? "Imported as a generic template stub." : "No native mapping yet. imported as a labelled text placeholder.");
 }
 function buildSEBootstrapDescription(overlayId, sourceUrl) {
   const head = overlayId ? `Imported from StreamElements overlay ${overlayId}` : "Imported from StreamElements";
@@ -10846,7 +10877,7 @@ async function fetchSEBootstrap({
 }) {
   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."
+      "Missing access token. Use the public preview URL (Overlay menu \u2192 Get URL \u2192 Public link). editor URLs do not include a token."
     );
   }
   const result = await fetchWithProxyFallback(buildBootstrapUrl(overlayId), {
@@ -10857,7 +10888,7 @@ async function fetchSEBootstrap({
     let detail = "";
     try {
       const body = JSON.parse(await result.errorBody());
-      detail = body?.message ? ` \u2014 ${body.message}` : "";
+      detail = body?.message ? `. ${body.message}` : "";
     } catch {
     }
     const reason = result.status === 401 || result.status === 403 ? "StreamElements rejected the URL token. The preview link may have been revoked." : result.status === 404 ? "Overlay not found. Double-check the URL." : `HTTP ${result.status}`;
@@ -10999,17 +11030,17 @@ function importSEBootstrap(bootstrap, options = {}) {
   }
   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."
+      "Some widgets imported as placeholder text layers. 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."
+      "Merch-goal widgets imported as generic goals. 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."
+      "\u26A0 Custom widgets are experimental. 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 = {
@@ -11154,7 +11185,7 @@ function buildAIPromptForSEWidget(widget, canvas) {
   const fullVariables = JSON.stringify(variables, null, 2);
   const truncated = fullVariables.length > VARIABLES_BUDGET;
   const variablesJson = truncated ? `${fullVariables.slice(0, VARIABLES_BUDGET)}
-\u2026[truncated \u2014 ${fullVariables.length - VARIABLES_BUDGET} more bytes elided]` : fullVariables;
+\u2026[truncated. ${fullVariables.length - VARIABLES_BUDGET} more bytes elided]` : fullVariables;
   return [
     "Recreate a StreamElements overlay widget as a Lumia Stream custom overlay (HTML + CSS + JS).",
     "",
@@ -11162,14 +11193,14 @@ function buildAIPromptForSEWidget(widget, canvas) {
     listener ? `Primary event listener: ${listener}` : "",
     listeners ? `Subscribes to events: ${listeners.join(", ")}` : "",
     `Canvas: ${landing.width} \xD7 ${landing.height}`,
-    truncated ? "Note: the widget config below is truncated \u2014 focus on visible/structural fields and ignore tail content you cannot see." : "",
+    truncated ? "Note: the widget config below is truncated. focus on visible/structural fields and ignore tail content you cannot see." : "",
     "",
     "Widget configuration (JSON):",
     "```json",
     variablesJson,
     "```",
     "",
-    "Constraints \u2014 your output must run inside a Lumia Custom Overlay sandboxed iframe:",
+    "Constraints. your output must run inside a Lumia Custom Overlay sandboxed iframe:",
     '- Use `window.Overlay.on("alert", handler)` / `window.Overlay.on("chat", handler)` to receive Lumia events.',
     "- Lumia template variables use double-brace syntax: {{username}}, {{amount}}, {{message}}, {{currency}}.",
     "- The `window.DATA` object holds user-configurable values (mirrors your `configs`).",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumiastream/ui",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "author": "Lumia Stream",
   "license": "ISC",
   "description": "Lumia UI Kit",
@@ -128,7 +128,7 @@
     "vitest": "^4.1.6"
   },
   "dependencies": {
-    "@lumiastream/lumia-translations": "1.16.0",
+    "@lumiastream/lumia-translations": "1.16.1",
     "@lumiastream/lumia-types": "^3.3.7-alpha.2",
     "classnames": "^2.5.1",
     "globals": "^17.4.0",