@norskvideo/norsk-studio-built-ins 1.27.0-2025-04-01-fb49b69d → 1.27.0-2025-04-04-1ee9db09

package/client/info.js

@@ -345,6 +345,8 @@ var require_util = __commonJS({
     exports.shortStreamNameFromFilter = shortStreamNameFromFilter;
     exports.streamNameFromDefinition = streamNameFromDefinition;
     exports.streamNameFromFilter = streamNameFromFilter;
+    exports.missingFeaturePacks = missingFeaturePacks;
+    exports.describeFeaturePacks = describeFeaturePacks;
     function baseUrl(env, websocket) {
       const guess = new URL(window.location.origin);
       const base = env.studioUrlPrefix ? new URL(env.studioUrlPrefix, guess) : guess;
@@ -491,6 +493,26 @@ var require_util = __commonJS({
         components.push(s.renditionName.toString());
       return components.join("-");
     }
+    function missingFeaturePacks(featurePacks, preconnect) {
+      if (featurePacks) {
+        const packs = preconnect?.license?.activeFeaturePacks;
+        if (packs !== void 0 && !packs.includes("ALL")) {
+          if (!featurePacks.some((pack) => packs.includes(pack)))
+            return true;
+        }
+      }
+      return false;
+    }
+    function describeFeaturePacks(featurePacks) {
+      const packs = featurePacks.map((pack) => JSON.stringify(pack));
+      if (featurePacks.length > 2) {
+        return `${packs.slice(0, -1).join(", ")}, or ${packs.at(-1)}`;
+      } else if (featurePacks.length) {
+        return `${packs.join(" or ")}`;
+      } else {
+        return `"ALL"`;
+      }
+    }
   }
 });
 
@@ -712,10 +734,8 @@ var require_config = __commonJS({
             type: "select",
             optional: true,
             options: [
-              { value: "ma35d", display: "MA35D" },
-              { value: "quadra", display: "Quadra" },
-              { value: "nvidia", display: "Nvidia" },
-              { value: "logan", display: "Logan" }
+              { value: "quadra", display: "NETINT Quadra" },
+              { value: "nvidia", display: "NVIDIA" }
             ]
           }
         }
@@ -5377,6 +5397,7 @@ var require_client_types = __commonJS({
         help: "Advanced stream mapping for this input",
         hint: {
           type: "custom-form",
+          optional: true,
           form: (0, advanced_stream_mapping_1.advancedStreamMappingEditor)(defaultValue, data),
           view: (0, advanced_stream_mapping_1.advancedStreamMappingView)(defaultValue)
         }
@@ -5952,7 +5973,7 @@ var import_FaPhone = __toESM(require_FaPhone());
 // build/shared/srt-caller-metrics.js
 var import_jsx_runtime4 = __toESM(require_jsx_runtime());
 function MetricsView({ state }) {
-  return (0, import_jsx_runtime4.jsxs)("div", { className: "srt-output", children: [(0, import_jsx_runtime4.jsx)("div", { children: "SRT Packets" }), state.enabled || state.enabled === void 0 ? (0, import_jsx_runtime4.jsx)("div", { children: state.metrics.connectionCount == 0 ? (0, import_jsx_runtime4.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" }) : (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [(0, import_jsx_runtime4.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Component Enabled" }), state.metrics.packetsSent >= 0 ? (0, import_jsx_runtime4.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] }) : (0, import_jsx_runtime4.jsxs)("div", { children: ["Received: ", state.metrics.packetsReceived] }), (0, import_jsx_runtime4.jsxs)("div", { children: ["Lost/Retransmitted: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] })] }) }) : (0, import_jsx_runtime4.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Component disabled" })] });
+  return (0, import_jsx_runtime4.jsxs)("div", { className: "srt-output", children: [(0, import_jsx_runtime4.jsx)("h4", { className: "font-bold dark:text-white text-black", children: "SRT Packets" }), state.enabled || state.enabled === void 0 ? (0, import_jsx_runtime4.jsx)("div", { children: state.metrics.connectionCount == 0 ? (0, import_jsx_runtime4.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" }) : (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [(0, import_jsx_runtime4.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Component Enabled" }), state.metrics.packetsSent >= 0 ? (0, import_jsx_runtime4.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] }) : (0, import_jsx_runtime4.jsxs)("div", { children: ["Received: ", state.metrics.packetsReceived] }), (0, import_jsx_runtime4.jsxs)("div", { children: ["Lost/Retransmitted: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] })] }) }) : (0, import_jsx_runtime4.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Component disabled" })] });
 }
 
 // build/shared/stream-statistics-view.js
@@ -20494,10 +20515,10 @@ function MetricsView2({ metrics, config, global, charting }) {
   const allBitrates = metrics[config.id].filter((v) => v.name == "norsk_measured_bitrate").sort((l, r) => displayStreamKey(l.streamKey).localeCompare(displayStreamKey(r.streamKey)));
   const createInitialDataset = (label, color2, initialValue) => ({
     label,
-    data: Array(50).fill(null).map((_, index2) => ({
-      x: index2,
+    data: [{
+      x: 0,
       y: initialValue
-    })),
+    }],
     borderColor: color2,
     backgroundColor: "transparent",
     borderWidth: 2,
@@ -20518,7 +20539,7 @@ function MetricsView2({ metrics, config, global, charting }) {
       };
     });
   });
-  return (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [(0, import_jsx_runtime5.jsx)("div", { children: "Measured Bitrates" }), (0, import_jsx_runtime5.jsx)(Line, { options: cpuChartOptions, data: bitrates })] });
+  return (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime5.jsx)("h4", { className: "font-bold dark:text-white text-black", children: "Measured Bitrates" }), (0, import_jsx_runtime5.jsx)("div", { className: "py-2 dark:px-2 dark:bg-gray-900 rounded-lg dark:border dark:border-gray-600 flex justify-center items-center", children: (0, import_jsx_runtime5.jsx)(Line, { className: "w-fit max-w-fit", width: 272, options: cpuChartOptions, data: bitrates }) })] });
 }
 
 // build/input.srt-caller/inline-view.js
@@ -20687,8 +20708,8 @@ var import_FaHeadphones = __toESM(require_FaHeadphones());
 // build/shared/srt-listener-metrics.js
 var import_jsx_runtime9 = __toESM(require_jsx_runtime());
 function MetricsView3({ state }) {
-  return (0, import_jsx_runtime9.jsxs)("div", { className: "srt-output", children: [(0, import_jsx_runtime9.jsx)("div", { children: "SRT Packets" }), state.enabled === void 0 || state.enabled ? state.metrics.connectionCount == 0 ? (0, import_jsx_runtime9.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "No connections" }) : (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: (0, import_jsx_runtime9.jsx)("div", { className: "divide-y", children: (state.metrics.packetsSent.length == 0 ? state.metrics.packetsReceived : state.metrics.packetsSent).map((p, i) => {
-    return (0, import_jsx_runtime9.jsxs)("div", { className: "sm:grid sm:grid-cols-2 mt-2", children: [(0, import_jsx_runtime9.jsx)("dt", { children: "Connection" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: state.names?.[i] ?? i }), (0, import_jsx_runtime9.jsx)("dt", { className: "", children: state.metrics.packetsSent.length == 0 ? "Received" : "Sent" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: p }), (0, import_jsx_runtime9.jsx)("dt", { className: "", children: "Retransmitted" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: state.metrics.packetsResent[i] }), (0, import_jsx_runtime9.jsx)("dt", { className: "", children: "Lost" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: state.metrics.packetsLost[i] })] }, i);
+  return (0, import_jsx_runtime9.jsxs)("div", { className: "srt-output space-y-2", children: [(0, import_jsx_runtime9.jsx)("h4", { className: "font-bold dark:text-white text-black", children: "SRT Packets" }), state.enabled === void 0 || state.enabled ? state.metrics.connectionCount == 0 ? (0, import_jsx_runtime9.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "No connections" }) : (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: (0, import_jsx_runtime9.jsx)("div", { className: "p-2 flex flex-col gap-2 border border-gray-200 dark:border-gray-700", children: (state.metrics.packetsSent.length == 0 ? state.metrics.packetsReceived : state.metrics.packetsSent).map((p, i) => {
+    return (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-2", children: [(0, import_jsx_runtime9.jsx)("dt", { className: "font-medium", children: "Connection" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: state.names?.[i] ?? i }), (0, import_jsx_runtime9.jsx)("dt", { className: "font-medium", children: state.metrics.packetsSent.length == 0 ? "Received" : "Sent" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: p }), (0, import_jsx_runtime9.jsx)("dt", { className: "font-medium", children: "Retransmitted" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: state.metrics.packetsResent[i] }), (0, import_jsx_runtime9.jsx)("dt", { className: "font-medium", children: "Lost" }), (0, import_jsx_runtime9.jsx)("dd", { className: "", children: state.metrics.packetsLost[i] })] }, i);
   }) }) }) : (0, import_jsx_runtime9.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Component disabled" })] });
 }
 
@@ -21556,43 +21577,35 @@ function InlineView6({ state, config, raise }) {
       video.remove();
     });
   };
-  const [loadedImage, setLoadedImage] = (0, import_react3.useState)(void 0);
-  (0, import_react3.useEffect)(() => {
-    const container = document.getElementById(`preview-${id}`) ?? void 0;
-    if (!container)
-      return;
-    container.innerHTML = "";
-    if (loadedImage) {
-      container.appendChild(loadedImage);
-    }
-  }, [loadedImage]);
+  const [imageUrl, setImageUrl] = (0, import_react3.useState)(null);
   (0, import_react3.useEffect)(() => {
     if (!url || !showPreview) {
       if (client) {
         cleanupClient(client);
         setClient(null);
       }
+      setImageUrl(null);
       return;
     }
     if (config.previewMode == "image") {
-      const container = document.getElementById(`preview-${id}`) ?? void 0;
-      if (!container)
-        return;
-      const img = document.createElement("img");
-      img.width = 420;
-      img.height = 236;
-      img.onload = () => {
-        setLoadedImage(img);
-      };
-      img.src = url;
+      if (client) {
+        cleanupClient(client);
+        setClient(null);
+      }
+      setImageUrl(url);
     } else {
+      setImageUrl(null);
+      const container = document.getElementById(`preview-${id}`);
+      if (container) {
+        container.innerHTML = "";
+      }
       const newClient = createClient(url);
       setClient(newClient);
       return () => {
         cleanupClient(newClient);
       };
     }
-  }, [state.url, showPreview]);
+  }, [url, showPreview, config.previewMode, id]);
   (0, import_react3.useEffect)(() => {
     setShowPreview(config.showPreview ?? true);
   }, [config.showPreview]);
@@ -21608,9 +21621,9 @@ function InlineView6({ state, config, raise }) {
     const snapped = Math.floor(capped * 10) * 10;
     return Math.max(0, 100 - snapped);
   }
-  return (0, import_jsx_runtime17.jsxs)("div", { className: "preview-outer-container", children: [(0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, import_jsx_runtime17.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime17.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), showPreview ? (0, import_jsx_runtime17.jsx)("div", { className: "preview-video", id: `preview-${id}`, children: (0, import_jsx_runtime17.jsx)("style", { children: `
-            #preview-${id} video::-webkit-media-controls-play-button { display: none; },
-          ` }) }) : (0, import_jsx_runtime17.jsx)("div", { className: "preview-video bg-black flex items-center justify-center text-white h-full", children: "Preview turned off" }), (0, import_jsx_runtime17.jsx)("div", { className: "preview-levels", children: (0, import_jsx_runtime17.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}-preview` }) })] });
+  return (0, import_jsx_runtime17.jsxs)("div", { className: "preview-outer-container", children: [(0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime17.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime17.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-stretch h-full", children: [showPreview ? (0, import_jsx_runtime17.jsxs)("div", { className: "preview-video", id: `preview-${id}`, children: [imageUrl && (0, import_jsx_runtime17.jsx)("img", { src: imageUrl, width: 420, height: 236, alt: "Preview" }), (0, import_jsx_runtime17.jsx)("style", { children: `
+              #preview-${id} video::-webkit-media-controls-play-button { display: none; },
+            ` })] }) : (0, import_jsx_runtime17.jsx)("div", { className: "preview-video bg-black flex items-center justify-center text-white h-full py-4", children: "Preview turned off" }), (0, import_jsx_runtime17.jsx)("div", { className: "preview-levels", children: (0, import_jsx_runtime17.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}-preview` }) })] })] });
 }
 var inline_view_default6 = InlineView6;
 
@@ -22181,7 +22194,7 @@ function InlineView11({ state, config, raise }) {
       display: none; 
     }
   `;
-  return (0, import_jsx_runtime24.jsxs)("div", { className: "whep-container", children: [(0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, import_jsx_runtime24.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime24.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), showPreview ? (0, import_jsx_runtime24.jsx)("div", { className: "whep-video", id: `whep-${id}`, children: (0, import_jsx_runtime24.jsx)("style", { children: videoStyles }) }) : (0, import_jsx_runtime24.jsx)("div", { className: "whep-video bg-black flex items-center justify-center text-white h-full", children: "Preview turned off" })] });
+  return (0, import_jsx_runtime24.jsxs)("div", { className: "whep-container", children: [(0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime24.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime24.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), (0, import_jsx_runtime24.jsx)("div", { className: "flex items-stretch h-full", children: showPreview ? (0, import_jsx_runtime24.jsx)("div", { className: "whep-video", id: `whep-${id}`, children: (0, import_jsx_runtime24.jsx)("style", { children: videoStyles }) }) : (0, import_jsx_runtime24.jsx)("div", { className: "whep-video bg-black flex items-center justify-center text-white h-full py-4", children: "Preview turned off" }) })] });
 }
 var inline_view_default11 = InlineView11;
 
@@ -22835,9 +22848,7 @@ function info_default23({ defineComponent, common: { FrameRates } }) {
                 name: x.name,
                 software: createRungImpl({ name: `hack_${x.width}x${x.height}`, bitrate: 5e3, threads: 4 }),
                 quadra: createQuadraRungImpl({ name: `hack_${x.width}x${x.height}`, bitrate: 5e6 }),
-                logan: createLoganRungImpl({ name: `hack_${x.width}x${x.height}`, bitrate: 5e6 }),
-                nvidia: createNvidiaRungImpl({ name: `hack_${x.width}x${x.height}`, bitrate: 5e6 }),
-                ma35d: createMa35DH264RungImpl({ name: `hack_${x.width}x${x.height}`, bitrate: 5e6 })
+                nvidia: createNvidiaRungImpl({ name: `hack_${x.width}x${x.height}`, bitrate: 5e6 })
               })
             },
             form: {
@@ -22850,9 +22861,7 @@ function info_default23({ defineComponent, common: { FrameRates } }) {
               },
               software: rungEditorForm("software"),
               quadra: rungEditorForm("quadra"),
-              logan: rungEditorForm("logan"),
-              nvidia: rungEditorForm("nvidia"),
-              ma35d: rungEditorForm("ma35d")
+              nvidia: rungEditorForm("nvidia")
             },
             view: rung_view_default,
             defaultValue: rungNames.map((n) => {
@@ -22860,9 +22869,7 @@ function info_default23({ defineComponent, common: { FrameRates } }) {
                 name: n,
                 software: createSoftwareRung(n),
                 quadra: createQuadraRung(n),
-                logan: createLoganRung(n),
-                nvidia: createNvidiaRung(n),
-                ma35d: createMa35dRung(n)
+                nvidia: createNvidiaRung(n)
               };
             })
           }
@@ -22934,20 +22941,6 @@ function createSoftwareRung(rung) {
       return assertUnreachable14(rung);
   }
 }
-function createMa35dRung(rung) {
-  switch (rung) {
-    case "h264_1920x1080":
-      return createMa35DHevcRungImpl({ name: rung, bitrate: 1e4 });
-    case "h264_1280x720":
-      return createMa35DH264RungImpl({ name: rung, bitrate: 5e3 });
-    case "h264_640x360":
-      return createMa35DH264RungImpl({ name: rung, bitrate: 2e3 });
-    case "h264_320x180":
-      return createMa35DH264RungImpl({ name: rung, bitrate: 1e3 });
-    default:
-      return assertUnreachable14(rung);
-  }
-}
 function createNvidiaRung(rung) {
   switch (rung) {
     case "h264_1920x1080":
@@ -22976,20 +22969,6 @@ function createQuadraRung(rung) {
       return assertUnreachable14(rung);
   }
 }
-function createLoganRung(rung) {
-  switch (rung) {
-    case "h264_1920x1080":
-      return createLoganRungImpl({ name: rung, bitrate: 5e6 });
-    case "h264_1280x720":
-      return createLoganRungImpl({ name: rung, bitrate: 25e5 });
-    case "h264_640x360":
-      return createLoganRungImpl({ name: rung, bitrate: 1e6 });
-    case "h264_320x180":
-      return createLoganRungImpl({ name: rung, bitrate: 8e5 });
-    default:
-      return assertUnreachable14(rung);
-  }
-}
 function createRungImpl({ name, threads, bitrate }) {
   const codec = {
     type: "x264",
@@ -23012,34 +22991,6 @@ function createRungImpl({ name, threads, bitrate }) {
     frameRate: { frames: 25, seconds: 1 }
   };
 }
-function createMa35DHevcRungImpl({ name, bitrate }) {
-  const codec = {
-    type: "amdMA35D-hevc",
-    profile: "main",
-    rateControl: { mode: "cbr", bitrate },
-    gopSize: 50
-  };
-  return {
-    width: rungWidth(name),
-    height: rungHeight(name),
-    codec,
-    frameRate: { frames: 25, seconds: 1 }
-  };
-}
-function createMa35DH264RungImpl({ name, bitrate }) {
-  const codec = {
-    type: "amdMA35D-h264",
-    profile: "main",
-    rateControl: { mode: "cbr", bitrate },
-    gopSize: 50
-  };
-  return {
-    width: rungWidth(name),
-    height: rungHeight(name),
-    codec,
-    frameRate: { frames: 25, seconds: 1 }
-  };
-}
 function createQuadraRungImpl({ name, bitrate }) {
   const codec = {
     type: "quadra-h264",
@@ -23053,19 +23004,6 @@ function createQuadraRungImpl({ name, bitrate }) {
     frameRate: { frames: 25, seconds: 1 }
   };
 }
-function createLoganRungImpl({ name, bitrate }) {
-  const codec = {
-    type: "logan-h264",
-    intraPeriod: 50,
-    bitrate
-  };
-  return {
-    width: rungWidth(name),
-    height: rungHeight(name),
-    codec,
-    frameRate: { frames: 25, seconds: 1 }
-  };
-}
 function createNvidiaRungImpl({ name, bitrate }) {
   const codec = {
     type: "nv-h264",
@@ -23113,7 +23051,7 @@ function info_default24({ defineComponent, All, validation: { Z } }) {
           return inputs?.map((s, i) => {
             const output = { ...s };
             output.programNumber = cfg.programNumber;
-            output.sourceName = cfg.sourceName;
+            output.sourceName = cfg.sourceName ? cfg.sourceName : cfg.id;
             output.streamId = cfg.startingStreamId + i;
             if (cfg.renditionName)
               output.renditionName = cfg.renditionName;
@@ -23138,14 +23076,17 @@ function info_default24({ defineComponent, All, validation: { Z } }) {
       form: {
         sourceName: {
           help: "Source name for the new program",
+          advanced: true,
           hint: {
             type: "text",
-            optional: false,
-            defaultValue: "new"
+            optional: true,
+            defaultValue: ""
+            // we'll manually default to 'id'
           }
         },
         programNumber: {
           help: "Program number for the new program",
+          advanced: true,
           hint: {
             type: "numeric",
             optional: false,
@@ -23154,7 +23095,7 @@ function info_default24({ defineComponent, All, validation: { Z } }) {
           }
         },
         startingStreamId: {
-          help: "The start stream",
+          help: "The initial stream id to assign, all streams will then increment from this",
           hint: {
             type: "numeric",
             optional: true,
@@ -23164,6 +23105,7 @@ function info_default24({ defineComponent, All, validation: { Z } }) {
         },
         renditionName: {
           help: "The rendition name for each stream",
+          advanced: true,
           hint: {
             type: "text",
             defaultValue: "default",

package/client/output.preview/styles.css

@@ -1,6 +1,8 @@
 .preview-outer-container {
-  height: 237px;
   width: 450px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .preview-video {
@@ -12,14 +14,13 @@
 }
 
 .preview-levels {
-  height: 100%;
   width: 30px;
   background-color: #333;
   border-radius: 2px;
   display: flex;
   flex-direction: row;
   padding: 4px 3px;
-  margin: auto;
+  margin: 0px;
   margin-top: 0px;
 }
 

package/client/output.whep/styles.css

@@ -1,6 +1,8 @@
 .whep-container {
-    height: 237px;
     width: 450px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
 }
 
 .whep-video {

package/client/style.css

@@ -48,69 +48,41 @@
   --tw-drop-shadow:  ;
 }
 
-.\!container {
-  width: 100% !important;
-}
-
 .container {
   width: 100%;
 }
 
 @media (min-width: 300px) {
-  .\!container {
-    max-width: 300px !important;
-  }
-
   .container {
     max-width: 300px;
   }
 }
 
 @media (min-width: 640px) {
-  .\!container {
-    max-width: 640px !important;
-  }
-
   .container {
     max-width: 640px;
   }
 }
 
 @media (min-width: 768px) {
-  .\!container {
-    max-width: 768px !important;
-  }
-
   .container {
     max-width: 768px;
   }
 }
 
 @media (min-width: 1024px) {
-  .\!container {
-    max-width: 1024px !important;
-  }
-
   .container {
     max-width: 1024px;
   }
 }
 
 @media (min-width: 1280px) {
-  .\!container {
-    max-width: 1280px !important;
-  }
-
   .container {
     max-width: 1280px;
   }
 }
 
 @media (min-width: 1536px) {
-  .\!container {
-    max-width: 1536px !important;
-  }
-
   .container {
     max-width: 1536px;
   }
@@ -298,10 +270,20 @@
   width: 16rem;
 }
 
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 .w-full {
   width: 100%;
 }
 
+.max-w-fit {
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
+
 .max-w-lg {
   max-width: 32rem;
 }
@@ -334,6 +316,10 @@
   grid-auto-flow: row dense;
 }
 
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
@@ -358,6 +344,10 @@
   align-items: center;
 }
 
+.items-stretch {
+  align-items: stretch;
+}
+
 .justify-center {
   justify-content: center;
 }
@@ -392,12 +382,6 @@
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
-.divide-y > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -444,6 +428,11 @@
   border-width: 1px;
 }
 
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -554,11 +543,21 @@
   padding-bottom: 0.25rem;
 }
 
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
 .py-2\.5 {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }
 
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -1054,11 +1053,20 @@
   --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
 }
 
+.dark\:border:is(.dark *) {
+  border-width: 1px;
+}
+
 .dark\:border-gray-600:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-border-opacity));
 }
 
+.dark\:border-gray-700:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(55 65 81 / var(--tw-border-opacity));
+}
+
 .dark\:\!bg-gray-700:is(.dark *) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
@@ -1079,6 +1087,11 @@
   background-color: rgb(30 37 48 / var(--tw-bg-opacity));
 }
 
+.dark\:bg-gray-900:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(18 25 35 / var(--tw-bg-opacity));
+}
+
 .dark\:bg-primary-600:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity));
@@ -1093,6 +1106,11 @@
   stroke: #F9FAFB;
 }
 
+.dark\:px-2:is(.dark *) {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .dark\:text-gray-300:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -1169,14 +1187,6 @@
 }
 
 @media (min-width: 640px) {
-  .sm\:grid {
-    display: grid;
-  }
-
-  .sm\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
   .sm\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;

package/lib/output.autoCmaf/runtime.js

@@ -359,6 +359,7 @@ class AutoCmaf extends base_nodes_1.CustomSinkNode {
                             partDurationSeconds: this.cfg.segments.targetPartDuration,
                             destinations: this.destinations,
                             id: `${this.id}-${streamKeyString}-audio-cmaf`,
+                            name: stream.metadata.streamKey.renditionName + "-" + (stream.metadata.message.value.language ?? "default"),
                             ...audioCryptoSettings,
                         });
                         local.onPlaylistAddition = (_, p) => p;