@lumiastream/ui 0.2.8-alpha.32 → 0.2.8-alpha.33

package/dist/se-import.js

@@ -2478,6 +2478,8 @@ function mapStreamBoss(widget, ctx) {
       selectedEvents,
       bossHealsOnEventTrigger: v.selfHeal !== false,
       newBossCommand: "!newboss",
+      newBossCommandChatMessageEnabled: false,
+      newBossCommandChatMessage: "\u{1F451} {{boss}} is the new boss with {{hp}} HP!",
       // Match the native default — mods + streamer can run !newboss.
       // Streamers can flip to 'anyone' in the Manager to allow chat
       // emulator testing.
@@ -5376,6 +5378,9 @@ function combineImportResults(results) {
     reviewItems: importedResults.flatMap((result) => result.reviewItems)
   };
 }
+function resultContainsModule(result, moduleId) {
+  return Boolean(result.overlay.settings.modules?.[moduleId]);
+}
 var CORE_STEPS = [
   { key: "connect", label: "Connect" },
   { key: "pick", label: "Overlays" },
@@ -5497,75 +5502,6 @@ function CoverageCards({ coverage }) {
     card.key
   )) });
 }
-function OverlayBatchProgress({
-  overlays,
-  selectedIds,
-  currentIndex,
-  active,
-  total,
-  currentName,
-  queuedCount
-}) {
-  const selectedOverlays = useMemo5(() => {
-    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;
-  const completed = selectedOverlays.slice(0, Math.max(0, currentIndex - 1));
-  const current = selectedOverlays[currentIndex - 1];
-  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 hiddenQueued = Math.max(0, queued.length - visibleQueued.length);
-  const renderThumb = (overlay, state) => /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      className: `se-import-overlay-progress__item se-import-overlay-progress__item--${state}`,
-      title: overlay.name ?? "Unnamed overlay",
-      children: [
-        overlay.preview ? /* @__PURE__ */ jsx14("img", { src: overlay.preview, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx14("div", { className: "se-import-overlay-progress__placeholder" }),
-        state === "done" && /* @__PURE__ */ jsx14("span", { className: "se-import-overlay-progress__check", children: "\u2713" })
-      ]
-    },
-    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
-          ] })
-        ] })
-      ]
-    }
-  );
-}
 function CustomOverlayPreview({
   html,
   css,
@@ -5919,7 +5855,7 @@ function StepPickOverlay({
       {
         number: 2,
         title: "Pick the overlays to import",
-        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.` : ""}`
+        subtitle: `Select one or more StreamElements overlays from your account. Each selected overlay will be created as a separate Lumia overlay. ${total > 0 ? `${total} overlay${total === 1 ? "" : "s"} on this channel.` : ""}`
       }
     ),
     loading && /* @__PURE__ */ jsxs7("div", { className: "se-import-help se-import-help--info", children: [
@@ -5990,7 +5926,7 @@ function StepPickOverlay({
                 ]
               }
             ),
-            /* @__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." })
+            /* @__PURE__ */ jsx14("span", { style: { fontSize: 13, color: "var(--se-muted)" }, children: hasAnySelected ? selectedCount > 1 ? `${selectedCount} overlays selected. Each will be created as its own Lumia overlay.` : "1 overlay selected. It will open the full review flow." : "Click overlays below to select them." })
           ]
         }
       ),
@@ -6191,7 +6127,7 @@ function StepDiscovery({
       label: "Overlays selected",
       value: overlayCount,
       icon: source_se_default,
-      description: overlayCount > 1 ? "Selected StreamElements overlays combined into this import." : "Selected StreamElements overlay."
+      description: overlayCount > 1 ? "Selected StreamElements overlays reviewed together and created separately." : "Selected StreamElements overlay."
     },
     {
       key: "layers",
@@ -6646,11 +6582,10 @@ function StepConfirm({
       /* @__PURE__ */ jsx14(
         Row,
         {
-          label: overlayCount > 1 ? "Combined overlay" : "Overlay",
-          value: options.name || result.overlay.name
+          label: overlayCount > 1 ? "Overlays to create" : "Overlay",
+          value: overlayCount > 1 ? `${overlayCount}` : 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}` }),
@@ -6730,15 +6665,13 @@ function SEImportWizard({
   const [selectedOverlayIds, setSelectedOverlayIds] = useState6(
     /* @__PURE__ */ new Set()
   );
-  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);
   const [result, setResult] = useState6(null);
+  const [batchImports, setBatchImports] = useState6([]);
   const [originalReviewItems, setOriginalReviewItems] = useState6(
     []
   );
@@ -6861,10 +6794,13 @@ function SEImportWizard({
               `StreamElements returned an invalid bootstrap for ${summary?.name ?? overlayId}.`
             );
           }
-          const imported = importSEBootstrap(bootstrap);
-          importedOverlays.push({ result: imported, summary });
+          importedOverlays.push({
+            result: importSEBootstrap(bootstrap),
+            summary
+          });
         }
         const combined = combineImportResults(importedOverlays);
+        setBatchImports(importedOverlays);
         setResult(combined);
         setAssetUrls(findSEAssetURLs(combined.overlay));
         setOptions((o) => ({ ...o, name: combined.overlay.name }));
@@ -6908,6 +6844,7 @@ function SEImportWizard({
           );
         }
         const imported = importSEBootstrap(bootstrap);
+        setBatchImports([{ result: imported, summary }]);
         setResult(imported);
         setAssetUrls(findSEAssetURLs(imported.overlay));
         setOptions((o) => ({ ...o, name: imported.overlay.name }));
@@ -6944,26 +6881,20 @@ function SEImportWizard({
     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 [first] = 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, summary);
   }, [
     seClient,
     selectedOverlayIds,
     overlayList,
-    loadSelectedOverlaysAndKickoff,
-    loadBootstrapAndKickoff
+    loadBootstrapAndKickoff,
+    loadSelectedOverlaysAndKickoff
   ]);
   useEffect6(() => {
     if (initialOverlayImportStartedRef.current || !seClient || !initialOverlayIds?.length || !overlayList || overlaysLoading || loading)
@@ -6973,9 +6904,6 @@ function SEImportWizard({
     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;
@@ -7014,6 +6942,7 @@ function SEImportWizard({
     try {
       const bootstrap = await fetchSEBootstrap(parts);
       const imported = importSEBootstrap(bootstrap);
+      setBatchImports([]);
       setResult(imported);
       setAssetUrls(findSEAssetURLs(imported.overlay));
       setOptions((previous) => ({ ...previous, name: imported.overlay.name }));
@@ -7095,6 +7024,15 @@ function SEImportWizard({
     setResult(
       (current) => current ? { ...current, overlay: rewriteAssetURLs(current.overlay, mapping) } : current
     );
+    setBatchImports(
+      (current) => current.map((item) => ({
+        ...item,
+        result: {
+          ...item.result,
+          overlay: rewriteAssetURLs(item.result.overlay, mapping)
+        }
+      }))
+    );
   }, []);
   const runMirror = useCallback3(async () => {
     if (!result) return;
@@ -7196,15 +7134,35 @@ function SEImportWizard({
     },
     []
   );
+  const applyReviewActionToBatch = useCallback3(
+    (moduleId, action, payload) => {
+      setBatchImports(
+        (current) => current.map(
+          (item) => resultContainsModule(item.result, moduleId) ? {
+            ...item,
+            result: applyReviewAction(
+              item.result,
+              moduleId,
+              action,
+              payload
+            )
+          } : item
+        )
+      );
+    },
+    []
+  );
   const handleKeep = () => {
     if (!result || !currentItem) return;
     setResult(applyReviewAction(result, currentItem.moduleId, "keep"));
+    applyReviewActionToBatch(currentItem.moduleId, "keep");
     setRow(currentItem.moduleId, { state: "kept" });
     advanceReview();
   };
   const handleSkip = () => {
     if (!result || !currentItem) return;
     setResult(applyReviewAction(result, currentItem.moduleId, "skip"));
+    applyReviewActionToBatch(currentItem.moduleId, "skip");
     setRow(currentItem.moduleId, { state: "skipped" });
     advanceReview();
   };
@@ -7237,6 +7195,7 @@ function SEImportWizard({
         currentRow.generated
       )
     );
+    applyReviewActionToBatch(currentItem.moduleId, "ai", currentRow.generated);
     advanceReview();
   };
   const handlePickMarketplace = (transplant) => {
@@ -7249,6 +7208,7 @@ function SEImportWizard({
         transplant
       )
     );
+    applyReviewActionToBatch(currentItem.moduleId, "marketplace", transplant);
     setRow(currentItem.moduleId, { state: "kept" });
     setMarketplacePickerOpen(false);
     advanceReview();
@@ -7308,6 +7268,17 @@ function SEImportWizard({
         (item) => !toSkip.has(item.moduleId)
       )
     });
+    setBatchImports(
+      (current) => current.map((item) => {
+        let next = item.result;
+        for (const moduleId of toSkip) {
+          if (resultContainsModule(next, moduleId)) {
+            next = applyReviewAction(next, moduleId, "skip");
+          }
+        }
+        return next === item.result ? item : { ...item, result: next };
+      })
+    );
     setRowStates((previous) => ({ ...previous, ...patch }));
     setStep("confirm");
   };
@@ -7340,39 +7311,36 @@ function SEImportWizard({
     }
     setImporting(true);
     try {
-      const orderedIds = Array.from(selectedOverlayIds);
-      const sourceSEOverlayId = orderedIds[currentOverlayIndex - 1];
-      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) {
-        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
-          });
-        }
+      const importsToSave = batchImports.length > 0 ? batchImports : [{ result, summary: activeOverlaySummaries[0] }];
+      let lastUuid = "";
+      for (let index = 0; index < importsToSave.length; index += 1) {
+        const item = importsToSave[index];
+        const sourceSummary = item.summary;
+        const thumbnailUrl = await resolveOverlayThumbnailUrl(
+          sourceSummary?.preview ?? (importsToSave.length === 1 ? activeOverlayPreview : void 0)
+        );
+        const body = buildOverlaySaveBody(
+          item.result,
+          importsToSave.length === 1 ? options.name : "",
+          thumbnailUrl
+        );
+        const { uuid } = await saveOverlay(body);
+        if (!uuid) continue;
+        lastUuid = uuid;
+        onOverlayImported?.({
+          overlayId: uuid,
+          sourceSEOverlayId: sourceSummary?._id,
+          sourceSEOverlayName: sourceSummary?.name ?? sourceSummary?.settings?.name ?? item.result.overlay.name ?? void 0,
+          width: sourceSummary?.settings?.width ?? item.result.overlay.settings.metadata.width ?? void 0,
+          height: sourceSummary?.settings?.height ?? item.result.overlay.settings.metadata.height ?? void 0
+        });
       }
       notify.success(
-        sourceSummaries.length > 1 ? `Imported ${sourceSummaries.length} StreamElements overlays as one Lumia overlay.` : "Imported overlay from StreamElements."
+        importsToSave.length > 1 ? `Imported all ${importsToSave.length} overlays from StreamElements.` : "Imported overlay from StreamElements."
       );
       mirrorAbortRef.current?.abort();
       onClose();
-      if (uuid) onComplete({ overlayId: uuid });
+      if (lastUuid) onComplete({ overlayId: lastUuid });
     } catch (error) {
       notify.error(`Import failed: ${extractErrorMessage(error)}`);
     } finally {
@@ -7387,9 +7355,7 @@ function SEImportWizard({
     result,
     saveOverlay,
     seClient,
-    currentOverlayIndex,
-    selectedOverlayIds,
-    overlayList,
+    batchImports,
     activeOverlaySummaries,
     activeOverlayPreview,
     resolveOverlayThumbnailUrl
@@ -7493,42 +7459,22 @@ function SEImportWizard({
     return false;
   })();
   const activeIndex = visibleSteps.findIndex((item) => item.key === step);
-  const batchActive = totalOverlaysToImport > 1 && step !== "mode" && step !== "pick" && step !== "connect" && step !== "url";
-  const selectedOverlayOrder = Array.from(selectedOverlayIds);
-  const currentOverlayId = selectedOverlayOrder[currentOverlayIndex - 1];
-  const currentOverlayName = overlayList?.find(
-    (o) => o._id === currentOverlayId
-  )?.name;
   return /* @__PURE__ */ jsx14("div", { className: "se-import", children: /* @__PURE__ */ jsxs7("div", { className: "se-import__shell", children: [
-    visibleSteps.length > 0 && /* @__PURE__ */ jsxs7("header", { className: "se-import__header", children: [
-      /* @__PURE__ */ jsx14("div", { className: "se-import-stepper", children: visibleSteps.map((item, index) => /* @__PURE__ */ jsxs7(
-        "div",
-        {
-          className: stepClass(
-            index < activeIndex,
-            index === activeIndex
-          ),
-          children: [
-            /* @__PURE__ */ jsx14("div", { className: "se-import-step__label", children: item.label }),
-            /* @__PURE__ */ jsx14("div", { className: "se-import-step__line" }),
-            /* @__PURE__ */ jsx14("div", { className: "se-import-step__dot", children: index < activeIndex ? "\u2713" : index + 1 })
-          ]
-        },
-        item.key
-      )) }),
-      /* @__PURE__ */ jsx14(
-        OverlayBatchProgress,
-        {
-          overlays: overlayList,
-          selectedIds: selectedOverlayIds,
-          currentIndex: currentOverlayIndex,
-          active: batchActive,
-          total: totalOverlaysToImport,
-          currentName: currentOverlayName,
-          queuedCount: overlayQueue.length
-        }
-      )
-    ] }),
+    visibleSteps.length > 0 && /* @__PURE__ */ jsx14("header", { className: "se-import__header", children: /* @__PURE__ */ jsx14("div", { className: "se-import-stepper", children: visibleSteps.map((item, index) => /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        className: stepClass(
+          index < activeIndex,
+          index === activeIndex
+        ),
+        children: [
+          /* @__PURE__ */ jsx14("div", { className: "se-import-step__label", children: item.label }),
+          /* @__PURE__ */ jsx14("div", { className: "se-import-step__line" }),
+          /* @__PURE__ */ jsx14("div", { className: "se-import-step__dot", children: index < activeIndex ? "\u2713" : index + 1 })
+        ]
+      },
+      item.key
+    )) }) }),
     /* @__PURE__ */ jsxs7("main", { className: "se-import__content", children: [
       step === "mode" && /* @__PURE__ */ jsx14(
         StepModePicker,

package/package.json

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