@norskvideo/norsk-studio-alpha 1.27.0-2026-01-08-2828c8f7 → 1.27.0-2026-01-14-d7f304fc

package/client/info.js

@@ -41722,7 +41722,7 @@ var require_dist6 = __commonJS({
       unstable_createCollection: () => createCollection2
     });
     module.exports = __toCommonJS2(index_exports);
-    var import_react12 = __toESM2(require_react());
+    var import_react14 = __toESM2(require_react());
     var import_react_context = require_dist3();
     var import_react_compose_refs = require_dist4();
     var import_react_slot = require_dist5();
@@ -41736,14 +41736,14 @@ var require_dist6 = __commonJS({
       );
       const CollectionProvider = (props) => {
         const { scope, children } = props;
-        const ref = import_react12.default.useRef(null);
-        const itemMap = import_react12.default.useRef(/* @__PURE__ */ new Map()).current;
+        const ref = import_react14.default.useRef(null);
+        const itemMap = import_react14.default.useRef(/* @__PURE__ */ new Map()).current;
         return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
       const CollectionSlotImpl = (0, import_react_slot.createSlot)(COLLECTION_SLOT_NAME);
-      const CollectionSlot = import_react12.default.forwardRef(
+      const CollectionSlot = import_react14.default.forwardRef(
         (props, forwardedRef) => {
           const { scope, children } = props;
           const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -41755,13 +41755,13 @@ var require_dist6 = __commonJS({
       const ITEM_SLOT_NAME = name + "CollectionItemSlot";
       const ITEM_DATA_ATTR = "data-radix-collection-item";
       const CollectionItemSlotImpl = (0, import_react_slot.createSlot)(ITEM_SLOT_NAME);
-      const CollectionItemSlot = import_react12.default.forwardRef(
+      const CollectionItemSlot = import_react14.default.forwardRef(
         (props, forwardedRef) => {
           const { scope, children, ...itemData } = props;
-          const ref = import_react12.default.useRef(null);
+          const ref = import_react14.default.useRef(null);
           const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref);
           const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-          import_react12.default.useEffect(() => {
+          import_react14.default.useEffect(() => {
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
@@ -41771,7 +41771,7 @@ var require_dist6 = __commonJS({
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
       function useCollection(scope) {
         const context = useCollectionContext(name + "CollectionConsumer", scope);
-        const getItems = import_react12.default.useCallback(() => {
+        const getItems = import_react14.default.useCallback(() => {
           const collectionNode = context.collectionRef.current;
           if (!collectionNode) return [];
           const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -61747,18 +61747,41 @@ var require_FaSlidersH = __commonJS({
   }
 });
 
+// ../../node_modules/@react-icons/all-files/fa/FaTimes.js
+var require_FaTimes = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaTimes.js"(exports, module) {
+    var GenIcon = require_cjs().GenIcon;
+    module.exports.FaTimes = function FaTimes2(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 352 512" }, "child": [{ "tag": "path", "attr": { "d": "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" } }] })(props);
+    };
+  }
+});
+
+// ../../node_modules/@react-icons/all-files/fa/FaPlay.js
+var require_FaPlay = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaPlay.js"(exports, module) {
+    var GenIcon = require_cjs().GenIcon;
+    module.exports.FaPlay = function FaPlay2(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z" } }] })(props);
+    };
+  }
+});
+
+// ../../node_modules/@react-icons/all-files/fa/FaCircle.js
+var require_FaCircle = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaCircle.js"(exports, module) {
+    var GenIcon = require_cjs().GenIcon;
+    module.exports.FaCircle = function FaCircle2(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" } }] })(props);
+    };
+  }
+});
+
 // build/client/output.fileMp4/info.js
 var import_FaFileVideo = __toESM(require_FaFileVideo());
 
-// build/client/output.fileMp4/inline-view.js
-var import_jsx_runtime = __toESM(require_jsx_runtime());
-function InlineView({ state: _, config }) {
-  return (0, import_jsx_runtime.jsx)("div", { className: "file-output", id: `file-output-${config.id}` });
-}
-var inline_view_default = InlineView;
-
 // build/client/output.fileMp4/summary-view.js
-var import_jsx_runtime2 = __toESM(require_jsx_runtime());
+var import_jsx_runtime = __toESM(require_jsx_runtime());
 function SummaryView({ state: _, sendCommand }) {
   const handleWriteFile = () => {
     void writeFile();
@@ -61768,7 +61791,7 @@ function SummaryView({ state: _, sendCommand }) {
       type: "write-file"
     });
   };
-  return (0, import_jsx_runtime2.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-between mb-3", children: (0, import_jsx_runtime2.jsx)("div", { children: (0, import_jsx_runtime2.jsx)("button", { onClick: handleWriteFile, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Write Mp4 File" }) }) }) });
+  return (0, import_jsx_runtime.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime.jsx)("div", { className: "flex items-center justify-between mb-3", children: (0, import_jsx_runtime.jsx)("div", { children: (0, import_jsx_runtime.jsx)("button", { onClick: handleWriteFile, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Write Mp4 File" }) }) }) });
 }
 var summary_view_default = SummaryView;
 
@@ -61778,18 +61801,30 @@ function info_default(r) {
   return defineFileOutputComponent(r, {
     identifier: "output.fileMp4",
     name: "MP4 File",
-    description: "Sends audio and video streams to one or more remote RTMP servers simultaneously",
+    description: "Write an MP4 output file. A streaming output file (e.g. fragmented MP4) is created continuously, with finalised MP4 files available on demand.",
     searchTags: ["mp4", "egest"],
     icon: import_FaFileVideo.FaFileVideo,
     configForm: {
       form: {
         fileName: {
-          help: "The base filename to write (without extension/path)",
+          help: "The filename to write",
           hint: {
             type: "text",
             defaultValue: "output",
             envOverride: true,
-            validation: Z3.string().min(1).max(256).regex(/^[^./]+/, "Filename should not contain a path or extension")
+            validation: Z3.string().min(1).max(256)
+          }
+        },
+        writeMode: {
+          help: "File write mode for the continuous output",
+          hint: {
+            type: "select",
+            options: [
+              { value: "non-fragmented", display: "Non-fragmented MP4" },
+              { value: "fragmented", display: "Fragmented MP4" },
+              { value: "incremental", display: "Incremental non-fragmented MP4" }
+            ],
+            defaultValue: "fragmented"
           }
         },
         notes: {
@@ -61808,8 +61843,7 @@ function defineFileOutputComponent({ defineComponent }, settings) {
       accepts: {
         type: "simple-stream",
         audio: true,
-        video: true,
-        subtitle: true
+        video: true
       }
     },
     extraValidation: function(ctx) {
@@ -61819,9 +61853,9 @@ function defineFileOutputComponent({ defineComponent }, settings) {
         settings.extraValidation(ctx);
       }
     },
-    display: (_desc) => {
+    display: (desc) => {
       return {
-        // url: desc.config.url
+        fileName: desc.config.fileName
       };
     },
     runtime: {
@@ -61829,7 +61863,6 @@ function defineFileOutputComponent({ defineComponent }, settings) {
       handleEvent: (ev2, state) => {
         return { ...state };
       },
-      inline: inline_view_default,
       summary: summary_view_default
     }
   });
@@ -61839,7 +61872,7 @@ function defineFileOutputComponent({ defineComponent }, settings) {
 var import_util = __toESM(require_util());
 
 // build/client/output.tams/inline-view.js
-var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var import_jsx_runtime2 = __toESM(require_jsx_runtime());
 
 // ../norsk-player-react/dist/norsk-player-react.es.js
 var import_react = __toESM(require_react());
@@ -69729,11 +69762,11 @@ var hc2 = ({
 
 // build/client/output.tams/inline-view.js
 var import_react2 = __toESM(require_react());
-function InlineView2({ state }) {
+function InlineView({ state }) {
   const [playing, setPlaying] = (0, import_react2.useState)();
   const [hovered, setHovered] = (0, import_react2.useState)(false);
   if (playing) {
-    return (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-col gap-2", children: (0, import_jsx_runtime3.jsxs)("div", { style: { width: 420, height: 280 }, className: "relative", children: [(0, import_jsx_runtime3.jsx)("button", { onClick: () => setPlaying(void 0), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), className: `
+    return (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-col gap-2", children: (0, import_jsx_runtime2.jsxs)("div", { style: { width: 420, height: 280 }, className: "relative", children: [(0, import_jsx_runtime2.jsx)("button", { onClick: () => setPlaying(void 0), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), className: `
               absolute top-1 right-1
               z-50 pointer-events-auto
               flex items-center justify-center
@@ -69746,30 +69779,30 @@ function InlineView2({ state }) {
               !p-0 leading-none
               transition-transform transition-colors duration-150 ease-out
               ${hovered ? "opacity-50" : "opacity-20"}
-            `, children: (0, import_jsx_runtime3.jsxs)("svg", { viewBox: "0 0 20 20", className: "w-4 h-4", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, import_jsx_runtime3.jsx)("line", { x1: "4", y1: "4", x2: "16", y2: "16" }), (0, import_jsx_runtime3.jsx)("line", { x1: "16", y1: "4", x2: "4", y2: "16" })] }) }), (0, import_jsx_runtime3.jsx)(hc2, { src: playing, className: "w-full h-full", fillContainer: true }, playing)] }) });
+            `, children: (0, import_jsx_runtime2.jsxs)("svg", { viewBox: "0 0 20 20", className: "w-4 h-4", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, import_jsx_runtime2.jsx)("line", { x1: "4", y1: "4", x2: "16", y2: "16" }), (0, import_jsx_runtime2.jsx)("line", { x1: "16", y1: "4", x2: "4", y2: "16" })] }) }), (0, import_jsx_runtime2.jsx)(hc2, { src: playing, className: "w-full h-full", fillContainer: true }, playing)] }) });
   }
   const hasSessions = state.active || state.sessions.length > 0;
-  return (0, import_jsx_runtime3.jsxs)("div", { className: "bg-slate-950 p-6 overflow-auto", style: { maxHeight: "600px", maxWidth: "450px" }, children: [!hasSessions && (0, import_jsx_runtime3.jsx)("div", { className: "text-slate-400 text-center py-8", children: "No active or recorded sessions" }), displaySessions("Active Sessions", state.active ? [state.active] : [], setPlaying), displaySessions("Past Sessions", state.sessions, setPlaying)] });
+  return (0, import_jsx_runtime2.jsxs)("div", { className: "bg-slate-950 p-6 overflow-auto", style: { maxHeight: "600px", maxWidth: "450px" }, children: [!hasSessions && (0, import_jsx_runtime2.jsx)("div", { className: "text-slate-400 text-center py-8", children: "No active or recorded sessions" }), displaySessions("Active Sessions", state.active ? [state.active] : [], state.tamsUrl, setPlaying), displaySessions("Past Sessions", state.sessions, state.tamsUrl, setPlaying)] });
 }
-var sessionLink = ({ audio, video }) => {
+var sessionLink = (baseUrl, { audio, video }) => {
   if (!audio.tamsId || !video.tamsId)
     return;
-  const tamsUrl = ({ tamsId }) => `http://localhost:6791/x-tams/flows/${tamsId}`;
+  const tamsUrl = ({ tamsId }) => `${baseUrl}/flows/${tamsId}`;
   return `${tamsUrl(audio)},${tamsUrl(video)}`;
 };
-var displaySessions = (name, sessions, setPlaying) => {
+var displaySessions = (name, sessions, tamsUrl, setPlaying) => {
   if (!sessions.length)
     return null;
-  return (0, import_jsx_runtime3.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime3.jsx)("h3", { className: "text-lg font-semibold mb-3 text-slate-300", children: name }), (0, import_jsx_runtime3.jsx)("div", { className: "space-y-2", children: sessions.slice().reverse().map((session) => {
-    const url = sessionLink(session);
+  return (0, import_jsx_runtime2.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime2.jsx)("h3", { className: "text-lg font-semibold mb-3 text-slate-300", children: name }), (0, import_jsx_runtime2.jsx)("div", { className: "space-y-2", children: sessions.slice().reverse().map((session) => {
+    const url = sessionLink(tamsUrl, session);
     if (!url)
       return null;
     const duration = (session.video.durationMs / 6e4).toFixed(0);
     const time = new Date(session.video.startIso).toLocaleTimeString();
-    return (0, import_jsx_runtime3.jsxs)("button", { onClick: () => setPlaying(url), className: "w-full px-4 py-3 bg-slate-800 hover:bg-slate-700 text-slate-200 rounded-lg transition-colors text-left", children: ["Play session ", time, " (", duration, " minutes)"] }, session.video.startIso);
+    return (0, import_jsx_runtime2.jsxs)("button", { onClick: () => setPlaying(url), className: "w-full px-4 py-3 bg-slate-800 hover:bg-slate-700 text-slate-200 rounded-lg transition-colors text-left", children: ["Play session ", time, " (", duration, " minutes)"] }, session.video.startIso);
   }) })] });
 };
-var inline_view_default2 = InlineView2;
+var inline_view_default = InlineView;
 
 // build/client/output.tams/info.js
 function info_default2(R) {
@@ -69794,7 +69827,8 @@ function info_default2(R) {
       initialState: () => ({
         active: void 0,
         sessions: [],
-        cuts: []
+        cuts: [],
+        tamsUrl: ""
       }),
       handleEvent: (ev2, s) => {
         const evt = ev2.type;
@@ -69802,6 +69836,7 @@ function info_default2(R) {
           case "updated":
             s.active = ev2.active;
             s.sessions = ev2.sessions;
+            s.tamsUrl = ev2.tamsUrl;
             break;
           case "cut-started":
             s.cuts.push({ id: ev2.id, percent: 0, createdMs: ev2.createdMs });
@@ -69820,7 +69855,7 @@ function info_default2(R) {
         }
         return { ...s };
       },
-      inline: inline_view_default2
+      inline: inline_view_default
     },
     configForm: {
       form: {
@@ -69857,7 +69892,7 @@ function info_default2(R) {
 var import_config = __toESM(require_config());
 
 // build/client/processor.actionReplay/summary.js
-var import_jsx_runtime4 = __toESM(require_jsx_runtime());
+var import_jsx_runtime3 = __toESM(require_jsx_runtime());
 var import_react3 = __toESM(require_react());
 var import_hls = __toESM(require_hls());
 var changingDuration = false;
@@ -69881,8 +69916,8 @@ function SummaryView2({ state, config, sendCommand }) {
     }
   }, [state.contentPlayerUrl]);
   if (!url)
-    return (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: "..." });
-  return (0, import_jsx_runtime4.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime4.jsx)("h5", { children: "Preview" }), (0, import_jsx_runtime4.jsx)("video", { ref: previewVideo, controls: true, onSeeked, autoPlay: true, muted: true, className: state.replaying ? "hidden" : "", id: `${id3}-video` }), state.replaying ? (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: "Current Performing Replay" }) : (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [lastSeek ? (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [(0, import_jsx_runtime4.jsxs)("p", { children: ["Replay from ", lastSeek.time.toFixed(1), "(s) "] }), (0, import_jsx_runtime4.jsxs)("p", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", children: ["Duration: ", playbackDuration, "s"] }), (0, import_jsx_runtime4.jsx)("input", { id: "duration-range", type: "range", min: currentMinDuration(), max: currentMaxDuration(), defaultValue: playbackDuration, className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700", onChange: onDurationChange, onInput: onDurationChange })] }) : (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {}), (0, import_jsx_runtime4.jsx)("button", { onClick: sendReplayCommand, type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", children: "Replay" })] })] });
+    return (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: "..." });
+  return (0, import_jsx_runtime3.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime3.jsx)("h5", { children: "Preview" }), (0, import_jsx_runtime3.jsx)("video", { ref: previewVideo, controls: true, onSeeked, autoPlay: true, muted: true, className: state.replaying ? "hidden" : "", id: `${id3}-video` }), state.replaying ? (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: "Current Performing Replay" }) : (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [lastSeek ? (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [(0, import_jsx_runtime3.jsxs)("p", { children: ["Replay from ", lastSeek.time.toFixed(1), "(s) "] }), (0, import_jsx_runtime3.jsxs)("p", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", children: ["Duration: ", playbackDuration, "s"] }), (0, import_jsx_runtime3.jsx)("input", { id: "duration-range", type: "range", min: currentMinDuration(), max: currentMaxDuration(), defaultValue: playbackDuration, className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700", onChange: onDurationChange, onInput: onDurationChange })] }) : (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {}), (0, import_jsx_runtime3.jsx)("button", { onClick: sendReplayCommand, type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", children: "Replay" })] })] });
   function sendReplayCommand() {
     if (!previewVideo.current)
       return;
@@ -69989,9 +70024,9 @@ function info_default3({ defineComponent, assertUnreachable: assertUnreachable7
 }
 
 // build/client/processor.audioLevel/inline-view.js
-var import_jsx_runtime5 = __toESM(require_jsx_runtime());
+var import_jsx_runtime4 = __toESM(require_jsx_runtime());
 var import_react4 = __toESM(require_react());
-function InlineView3({ state, raise }) {
+function InlineView2({ state, raise }) {
   (0, import_react4.useEffect)(() => {
     if (raise) {
       raise();
@@ -70010,16 +70045,16 @@ function InlineView3({ state, raise }) {
     return Math.max(0, 100 - snapped);
   }
   if (!state.levels) {
-    return (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
+    return (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
   }
   {
   }
-  return (0, import_jsx_runtime5.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime5.jsx)("div", { className: "audio-level-container-inline", children: (0, import_jsx_runtime5.jsx)("div", { className: "preview-levels-inline", children: (0, import_jsx_runtime5.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}` }) }) }) });
+  return (0, import_jsx_runtime4.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime4.jsx)("div", { className: "audio-level-container-inline", children: (0, import_jsx_runtime4.jsx)("div", { className: "preview-levels-inline", children: (0, import_jsx_runtime4.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}` }) }) }) });
 }
-var inline_view_default3 = InlineView3;
+var inline_view_default2 = InlineView2;
 
 // build/client/processor.audioLevel/summary-view.js
-var import_jsx_runtime6 = __toESM(require_jsx_runtime());
+var import_jsx_runtime5 = __toESM(require_jsx_runtime());
 var import_react5 = __toESM(require_react());
 function SummaryView3({ state, sendCommand }) {
   const [sliderValue, setSliderValue] = (0, import_react5.useState)(state.sliderGain || "0");
@@ -70040,7 +70075,7 @@ function SummaryView3({ state, sendCommand }) {
   const gainClasses = state.levels ? "col-start-2 self-end" : "col-start-1 col-end-3 self-end justify-self-start";
   {
   }
-  return (0, import_jsx_runtime6.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime6.jsxs)("div", { className: "audio-level-container grid mb-6 relative justify-items-center", children: [(0, import_jsx_runtime6.jsxs)("div", { className: `preview-levels-summary ${state.levels ? "" : "opacity-30"}`, children: [(0, import_jsx_runtime6.jsx)("div", { className: "relative w-full h-full", children: (0, import_jsx_runtime6.jsx)("div", { className: `preview-level absolute h-full w-4/6 clip-${percentage(state.levels)}` }) }), (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime6.jsx)("div", { className: "text-sm absolute -top-1", children: "0dB" }), (0, import_jsx_runtime6.jsx)("div", { className: "text-sm absolute top-14", children: "-50dB" }), (0, import_jsx_runtime6.jsx)("div", { className: "text-sm absolute -bottom-2", children: "-100dB" })] })] }), (0, import_jsx_runtime6.jsx)("div", { className: "h-full flex items-center", children: (0, import_jsx_runtime6.jsx)("input", { id: "audio-slider", className: `-rotate-90 h-2.5 ${state.levels ? "" : "opacity-20"}`, type: "range", name: "gain", min: "-40", max: "40", step: "1", defaultValue: state.sliderGain || "0", disabled: !state.levels, onChange: (e) => {
+  return (0, import_jsx_runtime5.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime5.jsxs)("div", { className: "audio-level-container grid mb-6 relative justify-items-center", children: [(0, import_jsx_runtime5.jsxs)("div", { className: `preview-levels-summary ${state.levels ? "" : "opacity-30"}`, children: [(0, import_jsx_runtime5.jsx)("div", { className: "relative w-full h-full", children: (0, import_jsx_runtime5.jsx)("div", { className: `preview-level absolute h-full w-4/6 clip-${percentage(state.levels)}` }) }), (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime5.jsx)("div", { className: "text-sm absolute -top-1", children: "0dB" }), (0, import_jsx_runtime5.jsx)("div", { className: "text-sm absolute top-14", children: "-50dB" }), (0, import_jsx_runtime5.jsx)("div", { className: "text-sm absolute -bottom-2", children: "-100dB" })] })] }), (0, import_jsx_runtime5.jsx)("div", { className: "h-full flex items-center", children: (0, import_jsx_runtime5.jsx)("input", { id: "audio-slider", className: `-rotate-90 h-2.5 ${state.levels ? "" : "opacity-20"}`, type: "range", name: "gain", min: "-40", max: "40", step: "1", defaultValue: state.sliderGain || "0", disabled: !state.levels, onChange: (e) => {
     setSliderValue(e.target.value);
     if (canSetVolume) {
       setCanSetVolume(false);
@@ -70051,7 +70086,7 @@ function SummaryView3({ state, sendCommand }) {
     }
   }, onMouseUp: (_e3) => {
     sendCommand({ type: "set-gain", value: Number(sliderValue) });
-  } }) }), (0, import_jsx_runtime6.jsx)("div", { className: gainClasses, children: state.levels ? "Gain:" : "No incoming audio" }), (0, import_jsx_runtime6.jsx)("div", { className: "col-start-2", children: state.levels ? `${Number(sliderValue) > 0 ? "+" : ""} ${sliderValue} dB` : "" })] }) });
+  } }) }), (0, import_jsx_runtime5.jsx)("div", { className: gainClasses, children: state.levels ? "Gain:" : "No incoming audio" }), (0, import_jsx_runtime5.jsx)("div", { className: "col-start-2", children: state.levels ? `${Number(sliderValue) > 0 ? "+" : ""} ${sliderValue} dB` : "" })] }) });
 }
 var summary_view_default2 = SummaryView3;
 
@@ -70103,7 +70138,7 @@ function info_default4({ defineComponent, validation: { Z: Z3 } }) {
         }
         return { ...state };
       },
-      inline: inline_view_default3,
+      inline: inline_view_default2,
       summary: summary_view_default2
     },
     configForm: {
@@ -70122,12 +70157,12 @@ function assertUnreachable2(_) {
 var import_client_types = __toESM(require_client_types());
 
 // build/client/processor.chaos/form-views.js
-var import_jsx_runtime7 = __toESM(require_jsx_runtime());
+var import_jsx_runtime6 = __toESM(require_jsx_runtime());
 function FrameDrop(cfg) {
   if (cfg) {
-    return (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime7.jsx)("div", { className: "col-span-1", children: "Frame Drop" }), (0, import_jsx_runtime7.jsx)("div", { className: "col-span-2", children: cfg.kind })] });
+    return (0, import_jsx_runtime6.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime6.jsx)("div", { className: "col-span-1", children: "Frame Drop" }), (0, import_jsx_runtime6.jsx)("div", { className: "col-span-2", children: cfg.kind })] });
   } else {
-    return (0, import_jsx_runtime7.jsx)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm" });
+    return (0, import_jsx_runtime6.jsx)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm" });
   }
 }
 
@@ -70248,34 +70283,126 @@ function info_default6({ defineComponent }) {
 var import_FaSlidersH = __toESM(require_FaSlidersH());
 
 // build/client/processor.hardSourceSwitch/inline-view.js
-var import_jsx_runtime8 = __toESM(require_jsx_runtime());
-function InlineView4({ state }) {
-  return (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-col h-full justify-between p-2 text-gray-900 dark:text-white", children: (0, import_jsx_runtime8.jsxs)("div", { children: [(0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-medium", children: ["Active: ", (0, import_jsx_runtime8.jsx)("span", { className: "font-normal", children: state.activeSource || "None" })] }), (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-medium", children: ["Available: ", (0, import_jsx_runtime8.jsx)("span", { className: "font-normal", children: state.availableSources.length })] })] }) });
+var import_jsx_runtime7 = __toESM(require_jsx_runtime());
+var import_FaTimes = __toESM(require_FaTimes());
+var import_FaPlay = __toESM(require_FaPlay());
+var import_FaCircle = __toESM(require_FaCircle());
+var import_react7 = __toESM(require_react());
+function InlineView3({ state, config, sendCommand }) {
+  const sourcePriority = state.sourcePriority || [];
+  const handlePriorityChange = (0, import_react7.useCallback)((newOrder) => {
+    sendCommand({ type: "set-priority-order", sources: newOrder });
+  }, [sendCommand]);
+  const availableSourceNames = state.availableSources.map((s) => s.sourceName);
+  return (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-col h-full justify-between p-2 text-gray-900 dark:text-white", children: (0, import_jsx_runtime7.jsxs)("div", { children: [(0, import_jsx_runtime7.jsxs)("p", { className: "text-sm font-medium", children: ["Active: ", (0, import_jsx_runtime7.jsx)("span", { className: "font-normal", children: state.activeSource || "None" })] }), (0, import_jsx_runtime7.jsxs)("p", { className: "text-sm font-medium", children: ["Available: ", (0, import_jsx_runtime7.jsx)("span", { className: "font-normal", children: state.availableSources.length })] }), sourcePriority.length > 0 && (0, import_jsx_runtime7.jsxs)("div", { className: "mt-2 space-y-2", children: [sourcePriority.map((sourceName, index3) => {
+    const isActive = state.activeSource === sourceName;
+    const isAvailable = availableSourceNames.includes(sourceName);
+    const priorityRank = index3 + 1;
+    return (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime7.jsx)("div", { className: "relative w-4 h-4 flex items-center justify-center flex-shrink-0", children: !isAvailable ? (0, import_jsx_runtime7.jsx)(import_FaTimes.FaTimes, { className: "w-4 h-4 text-red-500" }) : isActive ? (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)(import_FaPlay.FaPlay, { className: "w-3 h-3 text-green-500" }), (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-30", children: (0, import_jsx_runtime7.jsx)("div", { className: "w-4 h-4 bg-green-500 animate-ping duration-150" }) })] }) : (0, import_jsx_runtime7.jsx)(import_FaCircle.FaCircle, { className: "w-2 h-2 text-green-500" }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900 dark:text-white flex-1 text-xs", children: sourceName }), (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1", children: [index3 > 0 && (0, import_jsx_runtime7.jsx)("button", { onClick: () => {
+      const newOrder = [...sourcePriority];
+      [newOrder[index3], newOrder[index3 - 1]] = [newOrder[index3 - 1], newOrder[index3]];
+      handlePriorityChange(newOrder);
+    }, className: "w-4 h-4 flex items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", title: "Move up", children: (0, import_jsx_runtime7.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-3 h-3", children: (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) }) }), index3 < sourcePriority.length - 1 && (0, import_jsx_runtime7.jsx)("button", { onClick: () => {
+      const newOrder = [...sourcePriority];
+      [newOrder[index3], newOrder[index3 + 1]] = [newOrder[index3 + 1], newOrder[index3]];
+      handlePriorityChange(newOrder);
+    }, className: "w-4 h-4 flex items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", title: "Move down", children: (0, import_jsx_runtime7.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-3 h-3", children: (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-500 dark:text-gray-400 text-sm w-4 text-center", children: priorityRank })] })] }, sourceName);
+  }), config.fallbackFilePath && (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime7.jsx)("div", { className: "relative w-4 h-4 flex items-center justify-center flex-shrink-0", children: state.activeSource === "fallback" ? (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)(import_FaPlay.FaPlay, { className: "w-3 h-3 text-green-500" }), (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-30", children: (0, import_jsx_runtime7.jsx)("div", { className: "w-4 h-4 bg-green-500 animate-ping duration-150" }) })] }) : (0, import_jsx_runtime7.jsx)(import_FaCircle.FaCircle, { className: "w-2 h-2 text-green-500" }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900 dark:text-white flex-1 text-xs", children: "fallback" }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-500 dark:text-gray-400 text-sm", children: "-" })] })] })] }) });
 }
 
 // build/client/processor.hardSourceSwitch/fullscreen.js
-var import_jsx_runtime9 = __toESM(require_jsx_runtime());
-var import_react7 = __toESM(require_react());
+var import_jsx_runtime8 = __toESM(require_jsx_runtime());
+var import_react8 = __toESM(require_react());
 function FullscreenView({ state, config: _config, sendCommand }) {
-  const handleSwitch = (0, import_react7.useCallback)((sourceName) => {
+  const handleSwitch = (0, import_react8.useCallback)((sourceName) => {
     sendCommand({ type: "switch-to-source", source: sourceName });
   }, [sendCommand]);
-  return (0, import_jsx_runtime9.jsxs)("div", { className: "h-full w-full flex flex-col p-4 bg-gray-900 text-white", children: [(0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 flex gap-4", children: [(0, import_jsx_runtime9.jsxs)("div", { className: "flex-1", children: [(0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Sources" }), (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: state.availableSources.map((source) => {
+  const handlePriorityChange = (0, import_react8.useCallback)((newOrder) => {
+    sendCommand({ type: "set-priority-order", sources: newOrder });
+  }, [sendCommand]);
+  return (0, import_jsx_runtime8.jsxs)("div", { className: "h-full w-full flex flex-col p-4 bg-gray-900 text-white", children: [(0, import_jsx_runtime8.jsxs)("div", { className: "flex-1 flex gap-4", children: [(0, import_jsx_runtime8.jsxs)("div", { className: "flex-1", children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Sources" }), (0, import_jsx_runtime8.jsx)("div", { className: "grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: state.availableSources.map((source) => {
     if (!source.sourceName) {
       return null;
     }
     const sourceName = source.sourceName;
     const isActive = state.activeSource === sourceName;
     const previewUrl = state.sourcePreviews?.[sourceName];
-    return (0, import_jsx_runtime9.jsxs)("div", { className: `
+    return (0, import_jsx_runtime8.jsxs)("div", { className: `
                     relative border-2 rounded-lg overflow-hidden
                     ${isActive ? "border-green-500" : "border-gray-600"}
-                  `, children: [(0, import_jsx_runtime9.jsxs)("div", { className: "aspect-video bg-gray-800 relative", children: [previewUrl ? (0, import_jsx_runtime9.jsx)("img", { src: previewUrl, alt: `${sourceName} preview`, className: "w-full h-full object-cover" }) : (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "Loading..." }), isActive && (0, import_jsx_runtime9.jsx)("div", { className: "absolute top-2 right-2 bg-green-500 text-white px-2 py-1 rounded text-xs font-bold", children: "ACTIVE" })] }), (0, import_jsx_runtime9.jsxs)("div", { className: "p-3", children: [(0, import_jsx_runtime9.jsx)("h4", { className: "font-medium mb-2", children: sourceName }), (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-end", children: !isActive && (0, import_jsx_runtime9.jsx)("button", { onClick: () => handleSwitch(sourceName), className: "px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-sm transition", children: "Make Active" }) })] })] }, sourceName);
-  }) })] }), (0, import_jsx_runtime9.jsxs)("div", { className: "w-96", children: [(0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Output" }), (0, import_jsx_runtime9.jsxs)("div", { className: "border-2 border-blue-500 rounded-lg overflow-hidden", children: [(0, import_jsx_runtime9.jsx)("div", { className: "aspect-video bg-gray-800", children: state.outputPreview ? (0, import_jsx_runtime9.jsx)("img", { src: state.outputPreview, alt: "Output preview", className: "w-full h-full object-cover" }) : (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "No output" }) }), (0, import_jsx_runtime9.jsx)("div", { className: "p-3 bg-gray-800", children: (0, import_jsx_runtime9.jsxs)("p", { className: "text-sm text-gray-400", children: ["Active Source:", " ", (0, import_jsx_runtime9.jsx)("span", { className: "font-semibold text-white", children: state.activeSource || "None" })] }) })] })] })] }), state.formatWarnings && state.formatWarnings.length > 0 && (0, import_jsx_runtime9.jsxs)("div", { className: "mt-4 bg-yellow-900/50 border border-yellow-600 rounded-lg p-3", children: [(0, import_jsx_runtime9.jsxs)("h4", { className: "text-yellow-400 font-semibold mb-2 flex items-center gap-2", children: [(0, import_jsx_runtime9.jsx)("span", { children: "\u26A0\uFE0F" }), "Format Warnings"] }), (0, import_jsx_runtime9.jsx)("div", { className: "space-y-1 max-h-32 overflow-y-auto", children: state.formatWarnings.map((warning, idx) => (0, import_jsx_runtime9.jsxs)("div", { className: "text-sm text-yellow-200", children: ["\u2022 ", warning] }, idx)) })] })] });
+                  `, children: [(0, import_jsx_runtime8.jsxs)("div", { className: "aspect-video bg-gray-800 relative", children: [previewUrl ? (0, import_jsx_runtime8.jsx)("img", { src: previewUrl, alt: `${sourceName} preview`, className: "w-full h-full object-cover" }) : (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "Loading..." }), isActive && (0, import_jsx_runtime8.jsx)("div", { className: "absolute top-2 right-2 bg-green-500 text-white px-2 py-1 rounded text-xs font-bold", children: "ACTIVE" })] }), (0, import_jsx_runtime8.jsxs)("div", { className: "p-3", children: [(0, import_jsx_runtime8.jsx)("h4", { className: "font-medium mb-2", children: sourceName }), (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-end", children: !isActive && (0, import_jsx_runtime8.jsx)("button", { onClick: () => handleSwitch(sourceName), className: "px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-sm transition", children: "Make Active" }) })] })] }, sourceName);
+  }) })] }), (0, import_jsx_runtime8.jsxs)("div", { className: "w-96 flex flex-col gap-4", children: [(0, import_jsx_runtime8.jsxs)("div", { children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Output" }), (0, import_jsx_runtime8.jsxs)("div", { className: "border-2 border-blue-500 rounded-lg overflow-hidden", children: [(0, import_jsx_runtime8.jsx)("div", { className: "aspect-video bg-gray-800", children: state.outputPreview ? (0, import_jsx_runtime8.jsx)("img", { src: state.outputPreview, alt: "Output preview", className: "w-full h-full object-cover" }) : (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "No output" }) }), (0, import_jsx_runtime8.jsx)("div", { className: "p-3 bg-gray-800", children: (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm text-gray-400", children: ["Active Source:", " ", (0, import_jsx_runtime8.jsx)("span", { className: "font-semibold text-white", children: state.activeSource || "None" })] }) })] })] }), (0, import_jsx_runtime8.jsxs)("div", { children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Priority Order" }), (0, import_jsx_runtime8.jsx)("div", { className: "space-y-2", children: (state.sourcePriority || []).map((source, index3) => (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between bg-gray-800 p-2 rounded", children: [(0, import_jsx_runtime8.jsxs)("span", { className: "text-sm", children: [index3 + 1, ": ", source] }), (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-1", children: [index3 > 0 && (0, import_jsx_runtime8.jsx)("button", { onClick: () => {
+    const newOrder = [...state.sourcePriority || []];
+    [newOrder[index3], newOrder[index3 - 1]] = [
+      newOrder[index3 - 1],
+      newOrder[index3]
+    ];
+    handlePriorityChange(newOrder);
+  }, className: "px-2 py-1 bg-gray-700 hover:bg-gray-600 rounded text-xs", title: "Move up", children: "\u2191" }), index3 < (state.sourcePriority?.length || 0) - 1 && (0, import_jsx_runtime8.jsx)("button", { onClick: () => {
+    const newOrder = [...state.sourcePriority || []];
+    [newOrder[index3], newOrder[index3 + 1]] = [
+      newOrder[index3 + 1],
+      newOrder[index3]
+    ];
+    handlePriorityChange(newOrder);
+  }, className: "px-2 py-1 bg-gray-700 hover:bg-gray-600 rounded text-xs", title: "Move down", children: "\u2193" })] })] }, source)) })] })] })] }), state.formatWarnings && state.formatWarnings.length > 0 && (0, import_jsx_runtime8.jsxs)("div", { className: "mt-4 bg-yellow-900/50 border border-yellow-600 rounded-lg p-3", children: [(0, import_jsx_runtime8.jsxs)("h4", { className: "text-yellow-400 font-semibold mb-2 flex items-center gap-2", children: [(0, import_jsx_runtime8.jsx)("span", { children: "\u26A0\uFE0F" }), "Format Warnings"] }), (0, import_jsx_runtime8.jsx)("div", { className: "space-y-1 max-h-32 overflow-y-auto", children: state.formatWarnings.map((warning, idx) => (0, import_jsx_runtime8.jsxs)("div", { className: "text-sm text-yellow-200", children: ["\u2022 ", warning] }, idx)) })] })] });
+}
+
+// build/client/processor.hardSourceSwitch/source-selection.js
+var import_jsx_runtime9 = __toESM(require_jsx_runtime());
+var import_react9 = __toESM(require_react());
+function OrderInput(props) {
+  const { onChanged } = props;
+  const [value, setValue] = (0, import_react9.useState)(props.defaultValue ?? []);
+  (0, import_react9.useEffect)(() => {
+    onChanged(value);
+  }, [value, onChanged]);
+  if (value.length == 0) {
+    return (0, import_jsx_runtime9.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
+  } else {
+    return (0, import_jsx_runtime9.jsx)("div", { id: props.id, children: (0, import_jsx_runtime9.jsx)("ul", { children: value.map((v, ix2) => {
+      return (0, import_jsx_runtime9.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime9.jsx)("span", { className: "node-editor-label flex-grow", children: v }), ix2 == 0 ? (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}) : (0, import_jsx_runtime9.jsx)("svg", { onClick: moveUp(ix2), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix2 == value.length - 1 ? (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}) : (0, import_jsx_runtime9.jsx)("svg", { onClick: moveDown(ix2), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, v);
+    }) }) });
+  }
+  function moveUp(ix2) {
+    return () => {
+      const nv2 = [...value];
+      nv2[ix2] = value[ix2 - 1];
+      nv2[ix2 - 1] = value[ix2];
+      setValue(nv2);
+    };
+  }
+  function moveDown(ix2) {
+    return () => {
+      const nv2 = [...value];
+      nv2[ix2 + 1] = value[ix2];
+      nv2[ix2] = value[ix2 + 1];
+      setValue(nv2);
+    };
+  }
 }
+var source_selection_default = OrderInput;
 
 // build/client/processor.hardSourceSwitch/info.js
 function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceName } }) {
+  function configFromSubscription(cfg, sub) {
+    if (!cfg.sourcePriority) {
+      cfg.sourcePriority = [];
+    }
+    const potentiallyNewSources = sub.expectedStreams.map((s) => s.sourceName).filter((s) => !!s);
+    potentiallyNewSources.forEach((s) => {
+      if (!cfg.sourcePriority.includes(s)) {
+        cfg.sourcePriority.push(s);
+      }
+    });
+  }
+  function missingSubscriptions(config, subscriptions) {
+    if (!config.sourcePriority) {
+      config.sourcePriority = [];
+    }
+    const allSourceNames = subscriptions.flatMap((s) => s.expectedStreams).map((s) => s.sourceName).filter((s) => !!s);
+    config.sourcePriority = config.sourcePriority.filter((s) => allSourceNames.includes(s));
+  }
   return defineComponent({
     identifier: "processor.hardSourceSwitch",
     category: "processor",
@@ -70311,15 +70438,35 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
     display: (desc) => {
       return {
         activeSource: desc.config.activeSource || "(auto)",
-        outputSource: desc.config.outputSource
+        outputSource: desc.config.outputSource,
+        fallback: desc.config.fallbackFilePath ? "MP4 File" : "None"
       };
     },
+    designtime: {
+      uiEvents: {
+        onSubscriptionAdded: function(sub) {
+          configFromSubscription(this.config, sub);
+        },
+        onSubscriptionRemoved: function() {
+          missingSubscriptions(this.config, this.subscriptions);
+        },
+        onNodeUpdated: function() {
+          this.subscriptions.forEach((s) => configFromSubscription(this.config, s));
+          missingSubscriptions(this.config, this.subscriptions);
+        },
+        onSubscriptionUpdated: function(sub) {
+          configFromSubscription(this.config, sub);
+          missingSubscriptions(this.config, this.subscriptions);
+        }
+      }
+    },
     runtime: {
       initialState: () => ({
         activeSource: "",
         availableSources: [],
         sourcePreviews: {},
-        formatWarnings: []
+        formatWarnings: [],
+        sourcePriority: []
       }),
       handleEvent: (ev2, state) => {
         const evType = ev2.type;
@@ -70358,6 +70505,8 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
             const newWarnings = [ev2.message, ...currentWarnings].slice(0, 10);
             return { ...state, formatWarnings: newWarnings };
           }
+          case "priority-order-changed":
+            return { ...state, sourcePriority: ev2.sourcePriority };
           case "error":
           case "automatic-failover":
             return state;
@@ -70365,8 +70514,8 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
             assertUnreachable3(evType);
         }
       },
-      inline: InlineView4,
-      summary: InlineView4,
+      inline: InlineView3,
+      summary: InlineView3,
       fullscreen: FullscreenView
     },
     extraValidation: function(ctx) {
@@ -70417,6 +70566,23 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
             optional: true
           }
         },
+        fallbackFilePath: {
+          help: "Optional MP4 file to use as fallback",
+          advanced: true,
+          hint: {
+            type: "text",
+            optional: true,
+            envOverride: true
+          }
+        },
+        sourcePriority: {
+          help: "The priority order in which the sources will be chosen when available",
+          hint: {
+            type: "custom",
+            component: source_selection_default,
+            defaultValue: []
+          }
+        },
         notes: {
           help: "Optional notes",
           hint: {
@@ -70478,9 +70644,9 @@ function info_default8({ defineComponent, validation: { Z: Z3 } }) {
 
 // build/client/util.agent/summary-view.js
 var import_jsx_runtime10 = __toESM(require_jsx_runtime());
-var import_react8 = __toESM(require_react());
+var import_react10 = __toESM(require_react());
 function SummaryView4({ state, config, sendCommand }) {
-  const [showDetailedActions, setShowDetailedActions] = (0, import_react8.useState)(false);
+  const [showDetailedActions, setShowDetailedActions] = (0, import_react10.useState)(false);
   const getStatusColor = (status, isRunning) => {
     if (!isRunning)
       return "text-gray-500 dark:text-gray-400";
@@ -70552,7 +70718,7 @@ var summary_view_default3 = SummaryView4;
 
 // build/client/util.agent/inline-view.js
 var import_jsx_runtime11 = __toESM(require_jsx_runtime());
-function InlineView5({ state, config }) {
+function InlineView4({ state, config }) {
   const recentDecision = state.recentActions.find((action) => {
     if (action.type === "analysis" && action.result && typeof action.result === "object") {
       const result = action.result;
@@ -70598,16 +70764,16 @@ function InlineView5({ state, config }) {
   };
   return (0, import_jsx_runtime11.jsx)("div", { id: `agent-${config.id}`, className: "p-3 space-y-2", children: (0, import_jsx_runtime11.jsxs)("div", { className: "w-80 grid grid-cols-[min-content,1fr] gap-x-3 gap-y-1 text-sm", children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Status:" }), (0, import_jsx_runtime11.jsxs)("div", { className: `flex items-center gap-2 ${getStatusColor(state.status, state.isRunning)}`, children: [(0, import_jsx_runtime11.jsx)("span", { children: getStatusIcon(state.status, state.isRunning) }), (0, import_jsx_runtime11.jsx)("span", { className: "capitalize", children: state.isRunning ? state.status : "stopped" })] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Cycles:" }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.cyclesThisMinute, "/min \u2022 ", state.totalCycles, " total"] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Goal:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: config.goal, children: config.goal }), recentDecision && (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Recent:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description, children: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description })] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Components:" }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.discoveredComponents.length, " discovered"] }), state.lastError && (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium text-red-600", children: "Error:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-red-600 dark:text-red-400 truncate text-xs", title: state.lastError, children: state.lastError })] })] }) });
 }
-var inline_view_default4 = InlineView5;
+var inline_view_default3 = InlineView4;
 
 // build/client/util.agent/fullscreen-view.js
 var import_jsx_runtime12 = __toESM(require_jsx_runtime());
 var React2 = __toESM(require_react());
-var import_react9 = __toESM(require_react());
+var import_react11 = __toESM(require_react());
 function FullscreenView2({ state, config, sendCommand, urls }) {
-  const [memoryData, setMemoryData] = (0, import_react9.useState)({});
-  const [loading, setLoading] = (0, import_react9.useState)(false);
-  const [activeTab, setActiveTab] = (0, import_react9.useState)("status");
+  const [memoryData, setMemoryData] = (0, import_react11.useState)({});
+  const [loading, setLoading] = (0, import_react11.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react11.useState)("status");
   const fetchMemoryData = async () => {
     setLoading(true);
     try {
@@ -70716,7 +70882,7 @@ function info_default9({ defineComponent, validation: { Z: Z3 } }) {
     },
     runtime: {
       summary: summary_view_default3,
-      inline: inline_view_default4,
+      inline: inline_view_default3,
       fullscreen: fullscreen_view_default,
       initialState: () => ({
         status: "analyzing",
@@ -70840,16 +71006,16 @@ function assertUnreachable4(_) {
 
 // build/client/util.aiChat/summary-view.js
 var import_jsx_runtime13 = __toESM(require_jsx_runtime());
-var import_react10 = __toESM(require_react());
+var import_react12 = __toESM(require_react());
 function SummaryView5({ state, config: _config, sendCommand }) {
-  const [inputMessage, setInputMessage] = (0, import_react10.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react10.useState)(false);
-  const messagesEndRef = (0, import_react10.useRef)(null);
-  const inputRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const [inputMessage, setInputMessage] = (0, import_react12.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react12.useState)(false);
+  const messagesEndRef = (0, import_react12.useRef)(null);
+  const inputRef = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [state.messages]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSendMessage = () => {
@@ -70975,7 +71141,7 @@ function assertUnreachable5(_) {
 
 // build/client/util.timestamps/inline-view.js
 var import_jsx_runtime14 = __toESM(require_jsx_runtime());
-var import_react11 = __toESM(require_react());
+var import_react13 = __toESM(require_react());
 
 // ../../node_modules/@kurkle/color/dist/color.esm.js
 function round2(v) {
@@ -85448,10 +85614,10 @@ Chart.register(...registerables);
 var auto_default = Chart;
 
 // build/client/util.timestamps/inline-view.js
-function InlineView6({ state, config: _2 }) {
-  const chartContainer = (0, import_react11.useRef)(null);
-  const [chartControl, setChartControl] = (0, import_react11.useState)(void 0);
-  (0, import_react11.useEffect)(() => {
+function InlineView5({ state, config: _2 }) {
+  const chartContainer = (0, import_react13.useRef)(null);
+  const [chartControl, setChartControl] = (0, import_react13.useState)(void 0);
+  (0, import_react13.useEffect)(() => {
     if (!chartContainer.current)
       return;
     if (state.timestamps.length < 2)
@@ -85513,7 +85679,7 @@ function InlineView6({ state, config: _2 }) {
       chart.update();
     }, 100);
   }, [chartContainer]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!chartControl)
       return;
     chartControl.data = {
@@ -85540,7 +85706,7 @@ function InlineView6({ state, config: _2 }) {
   }
   return (0, import_jsx_runtime14.jsx)("div", { className: "util-timestamp", children: (0, import_jsx_runtime14.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime14.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) }) });
 }
-var inline_view_default5 = InlineView6;
+var inline_view_default4 = InlineView5;
 
 // build/client/util.timestamps/info.js
 function info_default11(R) {
@@ -85585,7 +85751,7 @@ function info_default11(R) {
         }
         return { ...state };
       },
-      inline: inline_view_default5
+      inline: inline_view_default4
     },
     configForm: {
       form: {}