footprint-explainable-ui 0.11.3 → 0.11.5

package/dist/index.cjs

@@ -2456,8 +2456,22 @@ function StoryNarrative({
     }
     return entries.length;
   }, [entries, revealedStages]);
-  const revealed = entries.slice(0, revealedCount);
-  const future = entries.slice(revealedCount);
+  const revealed = (0, import_react11.useMemo)(() => {
+    const raw = entries.slice(0, revealedCount);
+    return raw.filter((e) => {
+      const sfId = e.subflowId;
+      if (!sfId && e.type !== "subflow") return true;
+      return false;
+    });
+  }, [entries, revealedCount]);
+  const futureCount = (0, import_react11.useMemo)(() => {
+    let count = 0;
+    for (let i = revealedCount; i < entries.length; i++) {
+      const e = entries[i];
+      if (!e.subflowId && entries[i].type !== "subflow") count++;
+    }
+    return count;
+  }, [entries, revealedCount]);
   const latestRef = (0, import_react11.useRef)(null);
   (0, import_react11.useEffect)(() => {
     latestRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
@@ -2533,16 +2547,16 @@ function StoryNarrative({
             i
           );
         }),
-        future.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: {
+        futureCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: {
           opacity: 0.3,
           fontSize: fs.small,
           color: theme.textMuted,
           padding: `8px 0`,
           fontStyle: "italic"
         }, children: [
-          future.length,
+          futureCount,
           " more ",
-          future.length === 1 ? "entry" : "entries",
+          futureCount === 1 ? "entry" : "entries",
           " ahead..."
         ] })
       ]