@norskvideo/norsk-studio-built-ins 1.27.0-2025-07-09-1c530503 → 1.27.0-2025-07-09-d12abafa

package/client/info.js

@@ -311,6 +311,16 @@ var require_cjs = __commonJS({
   }
 });
 
+// ../../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/FaVideo.js
 var require_FaVideo = __commonJS({
   "../../node_modules/@react-icons/all-files/fa/FaVideo.js"(exports, module) {
@@ -346,7 +356,7 @@ var require_util = __commonJS({
     exports.getObjectByType = getObjectByType;
     exports.getObjectByPath = getObjectByPath;
     exports.displayNodeId = displayNodeId;
-    exports.assertUnreachable = assertUnreachable28;
+    exports.assertUnreachable = assertUnreachable29;
     exports.waitForCondition = waitForCondition;
     exports.streamMatchesExpected = streamMatchesExpected;
     exports.shortStreamNameFromDefinition = shortStreamNameFromDefinition;
@@ -419,7 +429,7 @@ var require_util = __commonJS({
       }
       return document2.components[id]?.config?.displayName ?? id;
     }
-    function assertUnreachable28(_) {
+    function assertUnreachable29(_) {
       throw new Error("Didn't expect to get here");
     }
     async function waitForCondition(condition, timeout, interval, name) {
@@ -47149,13 +47159,13 @@ var require_dist3 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     function createContext2(rootComponentName, defaultContext) {
       const Context = React3.createContext(defaultContext);
       const Provider = (props) => {
         const { children, ...context } = props;
         const value = React3.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -47178,7 +47188,7 @@ var require_dist3 = __commonJS({
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index3] || BaseContext;
           const value = React3.useMemo(() => context, Object.values(context));
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -47346,7 +47356,7 @@ var require_dist5 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var Slot = React3.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
       const childrenArray = React3.Children.toArray(children);
@@ -47362,9 +47372,9 @@ var require_dist5 = __commonJS({
             return child;
           }
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
     });
     Slot.displayName = "Slot";
     var SlotClone = React3.forwardRef((props, forwardedRef) => {
@@ -47381,7 +47391,7 @@ var require_dist5 = __commonJS({
     });
     SlotClone.displayName = "SlotClone";
     var Slottable = ({ children }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children });
     };
     function isSlottable(child) {
       return React3.isValidElement(child) && child.type === Slottable;
@@ -47467,7 +47477,7 @@ var require_dist6 = __commonJS({
     var import_react_context = require_dist3();
     var import_react_compose_refs = require_dist4();
     var import_react_slot = require_dist5();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     function createCollection(name) {
       const PROVIDER_NAME = name + "CollectionProvider";
       const [createCollectionContext, createCollectionScope] = (0, import_react_context.createContextScope)(PROVIDER_NAME);
@@ -47479,7 +47489,7 @@ var require_dist6 = __commonJS({
         const { scope, children } = props;
         const ref = import_react18.default.useRef(null);
         const itemMap = import_react18.default.useRef(/* @__PURE__ */ new Map()).current;
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -47488,7 +47498,7 @@ var require_dist6 = __commonJS({
           const { scope, children } = props;
           const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
           const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
         }
       );
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -47504,7 +47514,7 @@ var require_dist6 = __commonJS({
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
         }
       );
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -47571,11 +47581,11 @@ var require_dist7 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var DirectionContext = React3.createContext(void 0);
     var DirectionProvider = (props) => {
       const { dir, children } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DirectionContext.Provider, { value: dir, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DirectionContext.Provider, { value: dir, children });
     };
     function useDirection(localDir) {
       const globalDir = React3.useContext(DirectionContext);
@@ -47626,7 +47636,7 @@ var require_dist8 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist5();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -47652,7 +47662,7 @@ var require_dist8 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -47811,7 +47821,7 @@ var require_dist11 = __commonJS({
     var import_react_compose_refs = require_dist4();
     var import_react_use_callback_ref = require_dist9();
     var import_react_use_escape_keydown = require_dist10();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -47906,7 +47916,7 @@ var require_dist11 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -47940,7 +47950,7 @@ var require_dist11 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -48142,7 +48152,7 @@ var require_dist13 = __commonJS({
     var import_react_compose_refs = require_dist4();
     var import_react_primitive = require_dist8();
     var import_react_use_callback_ref = require_dist9();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -48272,7 +48282,7 @@ var require_dist13 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -50632,11 +50642,11 @@ var require_dist16 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var NAME = "Arrow";
     var Arrow = React3.forwardRef((props, forwardedRef) => {
       const { children, width = 10, height = 5, ...arrowProps } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         import_react_primitive.Primitive.svg,
         {
           ...arrowProps,
@@ -50645,7 +50655,7 @@ var require_dist16 = __commonJS({
           height,
           viewBox: "0 0 30 10",
           preserveAspectRatio: "none",
-          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("polygon", { points: "0,0 30,0 15,10" })
+          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("polygon", { points: "0,0 30,0 15,10" })
         }
       );
     });
@@ -50785,7 +50795,7 @@ var require_dist18 = __commonJS({
     var import_react_use_callback_ref = require_dist9();
     var import_react_use_layout_effect = require_dist14();
     var import_react_use_size = require_dist17();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var SIDE_OPTIONS = ["top", "right", "bottom", "left"];
     var ALIGN_OPTIONS = ["start", "center", "end"];
     var POPPER_NAME = "Popper";
@@ -50794,7 +50804,7 @@ var require_dist18 = __commonJS({
     var Popper = (props) => {
       const { __scopePopper, children } = props;
       const [anchor, setAnchor] = React3.useState(null);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
     };
     Popper.displayName = POPPER_NAME;
     var ANCHOR_NAME = "PopperAnchor";
@@ -50807,7 +50817,7 @@ var require_dist18 = __commonJS({
         React3.useEffect(() => {
           context.onAnchorChange(virtualRef?.current || ref.current);
         });
-        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
+        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
       }
     );
     PopperAnchor.displayName = ANCHOR_NAME;
@@ -50901,7 +50911,7 @@ var require_dist18 = __commonJS({
           if (content)
             setContentZIndex(window.getComputedStyle(content).zIndex);
         }, [content]);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "div",
           {
             ref: refs.setFloating,
@@ -50925,7 +50935,7 @@ var require_dist18 = __commonJS({
               }
             },
             dir: props.dir,
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               PopperContentProvider,
               {
                 scope: __scopePopper,
@@ -50934,7 +50944,7 @@ var require_dist18 = __commonJS({
                 arrowX,
                 arrowY,
                 shouldHideArrow: cannotCenterArrow,
-                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     "data-side": placedSide,
@@ -50971,7 +50981,7 @@ var require_dist18 = __commonJS({
         // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
         // doesn't report size as we'd expect on SVG elements.
         // it reports their bounding box which is effectively the largest path inside the SVG.
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "span",
           {
             ref: contentContext.onArrowChange,
@@ -50994,7 +51004,7 @@ var require_dist18 = __commonJS({
               }[contentContext.placedSide],
               visibility: contentContext.shouldHideArrow ? "hidden" : void 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               ArrowPrimitive.Root,
               {
                 ...arrowProps,
@@ -51098,14 +51108,14 @@ var require_dist19 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist8();
     var import_react_use_layout_effect = require_dist14();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var PORTAL_NAME = "Portal";
     var Portal = React3.forwardRef((props, forwardedRef) => {
       const { container: containerProp, ...portalProps } = props;
       const [mounted, setMounted] = React3.useState(false);
       (0, import_react_use_layout_effect.useLayoutEffect)(() => setMounted(true), []);
       const container = containerProp || mounted && globalThis?.document?.body;
-      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -51283,11 +51293,11 @@ var require_dist22 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var NAME = "VisuallyHidden";
     var VisuallyHidden = React3.forwardRef(
       (props, forwardedRef) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...props,
@@ -53446,7 +53456,7 @@ var require_dist23 = __commonJS({
     var import_react_visually_hidden = require_dist22();
     var import_aria_hidden = require_es5();
     var import_react_remove_scroll = require_es57();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
     var SELECTION_KEYS = [" ", "Enter"];
     var SELECT_NAME = "Select";
@@ -53494,7 +53504,7 @@ var require_dist23 = __commonJS({
       const isFormControl = trigger ? form || !!trigger.closest("form") : true;
       const [nativeOptionsSet, setNativeOptionsSet] = React3.useState(/* @__PURE__ */ new Set());
       const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
         SelectProvider,
         {
           required,
@@ -53514,7 +53524,7 @@ var require_dist23 = __commonJS({
           triggerPointerDownPosRef,
           disabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               SelectNativeOptionsProvider,
               {
                 scope: props.__scopeSelect,
@@ -53531,7 +53541,7 @@ var require_dist23 = __commonJS({
                 children
               }
             ) }),
-            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
               BubbleSelect,
               {
                 "aria-hidden": true,
@@ -53544,7 +53554,7 @@ var require_dist23 = __commonJS({
                 disabled,
                 form,
                 children: [
-                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("option", { value: "" }) : null,
+                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("option", { value: "" }) : null,
                   Array.from(nativeOptionsSet)
                 ]
               },
@@ -53585,7 +53595,7 @@ var require_dist23 = __commonJS({
             };
           }
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -53646,13 +53656,13 @@ var require_dist23 = __commonJS({
         (0, import_react_use_layout_effect.useLayoutEffect)(() => {
           onValueNodeHasChildrenChange(hasChildren);
         }, [onValueNodeHasChildrenChange, hasChildren]);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...valueProps,
             ref: composedRefs,
             style: { pointerEvents: "none" },
-            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: placeholder }) : children
+            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: placeholder }) : children
           }
         );
       }
@@ -53662,13 +53672,13 @@ var require_dist23 = __commonJS({
     var SelectIcon = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, children, ...iconProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
       }
     );
     SelectIcon.displayName = ICON_NAME;
     var PORTAL_NAME = "SelectPortal";
     var SelectPortal = (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, ...props });
     };
     SelectPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "SelectContent";
@@ -53682,11 +53692,11 @@ var require_dist23 = __commonJS({
         if (!context.open) {
           const frag = fragment;
           return frag ? ReactDOM2.createPortal(
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: props.children }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: props.children }) }) }),
             frag
           ) : null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
       }
     );
     SelectContent.displayName = CONTENT_NAME;
@@ -53845,7 +53855,7 @@ var require_dist23 = __commonJS({
           hideWhenDetached,
           avoidCollisions
         } : {};
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           SelectContentProvider,
           {
             scope: __scopeSelect,
@@ -53861,7 +53871,7 @@ var require_dist23 = __commonJS({
             position,
             isPositioned,
             searchRef,
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               import_react_focus_scope.FocusScope,
               {
                 asChild: true,
@@ -53873,7 +53883,7 @@ var require_dist23 = __commonJS({
                   context.trigger?.focus({ preventScroll: true });
                   event.preventDefault();
                 }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   import_react_dismissable_layer.DismissableLayer,
                   {
                     asChild: true,
@@ -53882,7 +53892,7 @@ var require_dist23 = __commonJS({
                     onPointerDownOutside,
                     onFocusOutside: (event) => event.preventDefault(),
                     onDismiss: () => context.onOpenChange(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                       SelectPosition,
                       {
                         role: "listbox",
@@ -54061,14 +54071,14 @@ var require_dist23 = __commonJS({
         },
         [position, focusSelectedItem]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         SelectViewportProvider,
         {
           scope: __scopeSelect,
           contentWrapper,
           shouldExpandOnScrollRef,
           onScrollButtonChange: handleScrollButtonChange,
-          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "div",
             {
               ref: setContentWrapper,
@@ -54078,7 +54088,7 @@ var require_dist23 = __commonJS({
                 position: "fixed",
                 zIndex: contentZIndex
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 import_react_primitive.Primitive.div,
                 {
                   ...popperProps,
@@ -54108,7 +54118,7 @@ var require_dist23 = __commonJS({
         ...popperProps
       } = props;
       const popperScope = usePopperScope(__scopeSelect);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         PopperPrimitive.Content,
         {
           ...popperScope,
@@ -54142,8 +54152,8 @@ var require_dist23 = __commonJS({
         const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
         const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, contentContext.onViewportChange);
         const prevScrollTopRef = React3.useRef(0);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -54152,7 +54162,7 @@ var require_dist23 = __commonJS({
               nonce
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-radix-select-viewport": "",
@@ -54208,7 +54218,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...groupProps } = props;
         const groupId = (0, import_react_id.useId)();
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
       }
     );
     SelectGroup.displayName = GROUP_NAME;
@@ -54217,7 +54227,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...labelProps } = props;
         const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
       }
     );
     SelectLabel.displayName = LABEL_NAME;
@@ -54254,7 +54264,7 @@ var require_dist23 = __commonJS({
             "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           SelectItemContextProvider,
           {
             scope: __scopeSelect,
@@ -54265,14 +54275,14 @@ var require_dist23 = __commonJS({
             onItemTextChange: React3.useCallback((node) => {
               setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
             }, []),
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               Collection.ItemSlot,
               {
                 scope: __scopeSelect,
                 value,
                 disabled,
                 textValue,
-                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     role: "option",
@@ -54346,7 +54356,7 @@ var require_dist23 = __commonJS({
         );
         const textContent = itemTextNode?.textContent;
         const nativeOption = React3.useMemo(
-          () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+          () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
           [itemContext.disabled, itemContext.value, textContent]
         );
         const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -54354,8 +54364,8 @@ var require_dist23 = __commonJS({
           onNativeOptionAdd(nativeOption);
           return () => onNativeOptionRemove(nativeOption);
         }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
           itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM2.createPortal(itemTextProps.children, context.valueNode) : null
         ] });
       }
@@ -54366,7 +54376,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...itemIndicatorProps } = props;
         const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
       }
     );
     SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -54389,7 +54399,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54424,7 +54434,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54457,7 +54467,7 @@ var require_dist23 = __commonJS({
         const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
         activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
       }, [getItems]);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         import_react_primitive.Primitive.div,
         {
           "aria-hidden": true,
@@ -54485,7 +54495,7 @@ var require_dist23 = __commonJS({
     var SelectSeparator = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, ...separatorProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
       }
     );
     SelectSeparator.displayName = SEPARATOR_NAME;
@@ -54496,7 +54506,7 @@ var require_dist23 = __commonJS({
         const popperScope = usePopperScope(__scopeSelect);
         const context = useSelectContext(ARROW_NAME, __scopeSelect);
         const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
       }
     );
     SelectArrow.displayName = ARROW_NAME;
@@ -54523,7 +54533,7 @@ var require_dist23 = __commonJS({
             select.dispatchEvent(event);
           }
         }, [prevValue, value]);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
       }
     );
     BubbleSelect.displayName = "BubbleSelect";
@@ -54907,7 +54917,7 @@ var require_dist25 = __commonJS({
     var import_react_use_controllable_state = require_dist20();
     var import_aria_hidden = require_es5();
     var import_react_remove_scroll = require_es57();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var POPOVER_NAME = "Popover";
     var [createPopoverContext, createPopoverScope] = (0, import_react_context.createContextScope)(POPOVER_NAME, [
       import_react_popper.createPopperScope
@@ -54931,7 +54941,7 @@ var require_dist25 = __commonJS({
         defaultProp: defaultOpen,
         onChange: onOpenChange
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         PopoverProvider,
         {
           scope: __scopePopover,
@@ -54960,7 +54970,7 @@ var require_dist25 = __commonJS({
           onCustomAnchorAdd();
           return () => onCustomAnchorRemove();
         }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
       }
     );
     PopoverAnchor.displayName = ANCHOR_NAME;
@@ -54971,7 +54981,7 @@ var require_dist25 = __commonJS({
         const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
         const popperScope = usePopperScope(__scopePopover);
         const composedTriggerRef = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
-        const trigger = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        const trigger = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -54984,7 +54994,7 @@ var require_dist25 = __commonJS({
             onClick: (0, import_primitive.composeEventHandlers)(props.onClick, context.onOpenToggle)
           }
         );
-        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
+        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
       }
     );
     PopoverTrigger.displayName = TRIGGER_NAME;
@@ -54995,7 +55005,7 @@ var require_dist25 = __commonJS({
     var PopoverPortal = (props) => {
       const { __scopePopover, forceMount, children, container } = props;
       const context = usePopoverContext(PORTAL_NAME, __scopePopover);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
     };
     PopoverPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "PopoverContent";
@@ -55004,7 +55014,7 @@ var require_dist25 = __commonJS({
         const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);
         const { forceMount = portalContext.forceMount, ...contentProps } = props;
         const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     PopoverContent.displayName = CONTENT_NAME;
@@ -55019,7 +55029,7 @@ var require_dist25 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55055,7 +55065,7 @@ var require_dist25 = __commonJS({
         const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55109,7 +55119,7 @@ var require_dist25 = __commonJS({
         const context = usePopoverContext(CONTENT_NAME, __scopePopover);
         const popperScope = usePopperScope(__scopePopover);
         (0, import_react_focus_guards.useFocusGuards)();
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_focus_scope.FocusScope,
           {
             asChild: true,
@@ -55117,7 +55127,7 @@ var require_dist25 = __commonJS({
             trapped: trapFocus,
             onMountAutoFocus: onOpenAutoFocus,
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               import_react_dismissable_layer.DismissableLayer,
               {
                 asChild: true,
@@ -55127,7 +55137,7 @@ var require_dist25 = __commonJS({
                 onPointerDownOutside,
                 onFocusOutside,
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   PopperPrimitive.Content,
                   {
                     "data-state": getState(context.open),
@@ -55160,7 +55170,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...closeProps } = props;
         const context = usePopoverContext(CLOSE_NAME, __scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -55177,7 +55187,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...arrowProps } = props;
         const popperScope = usePopperScope(__scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
       }
     );
     PopoverArrow.displayName = ARROW_NAME;
@@ -55403,13 +55413,13 @@ var require_dist28 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     function createContext2(rootComponentName, defaultContext) {
       const Context = React3.createContext(defaultContext);
       const Provider = (props) => {
         const { children, ...context } = props;
         const value = React3.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -55432,7 +55442,7 @@ var require_dist28 = __commonJS({
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index3] || BaseContext;
           const value = React3.useMemo(() => context, Object.values(context));
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -55891,7 +55901,7 @@ var require_dist34 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist27();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -55910,9 +55920,9 @@ var require_dist34 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -55939,7 +55949,7 @@ var require_dist34 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -56029,7 +56039,7 @@ var require_dist35 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist34();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -56057,7 +56067,7 @@ var require_dist35 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -56216,7 +56226,7 @@ var require_dist38 = __commonJS({
     var import_react_compose_refs = require_dist27();
     var import_react_use_callback_ref = require_dist36();
     var import_react_use_escape_keydown = require_dist37();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -56311,7 +56321,7 @@ var require_dist38 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -56345,7 +56355,7 @@ var require_dist38 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -56474,7 +56484,7 @@ var require_dist39 = __commonJS({
     var import_react_compose_refs = require_dist27();
     var import_react_primitive = require_dist35();
     var import_react_use_callback_ref = require_dist36();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -56604,7 +56614,7 @@ var require_dist39 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -56739,14 +56749,14 @@ var require_dist40 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist35();
     var import_react_use_layout_effect = require_dist29();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var PORTAL_NAME = "Portal";
     var Portal = React3.forwardRef((props, forwardedRef) => {
       const { container: containerProp, ...portalProps } = props;
       const [mounted, setMounted] = React3.useState(false);
       (0, import_react_use_layout_effect.useLayoutEffect)(() => setMounted(true), []);
       const container = containerProp || mounted && globalThis?.document?.body;
-      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -57063,7 +57073,7 @@ var require_dist43 = __commonJS({
     var import_react_remove_scroll = require_es57();
     var import_aria_hidden = require_es5();
     var import_react_slot = require_dist34();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -57084,7 +57094,7 @@ var require_dist43 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -57108,7 +57118,7 @@ var require_dist43 = __commonJS({
         const { __scopeDialog, ...triggerProps } = props;
         const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
         const composedTriggerRef = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57131,7 +57141,7 @@ var require_dist43 = __commonJS({
     var DialogPortal = (props) => {
       const { __scopeDialog, forceMount, children, container } = props;
       const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -57140,7 +57150,7 @@ var require_dist43 = __commonJS({
         const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...overlayProps } = props;
         const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -57152,7 +57162,7 @@ var require_dist43 = __commonJS({
         return (
           // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
           // ie. when `Overlay` and `Content` are siblings
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -57170,7 +57180,7 @@ var require_dist43 = __commonJS({
         const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...contentProps } = props;
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -57184,7 +57194,7 @@ var require_dist43 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57215,7 +57225,7 @@ var require_dist43 = __commonJS({
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57259,8 +57269,8 @@ var require_dist43 = __commonJS({
         const contentRef = React3.useRef(null);
         const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, contentRef);
         (0, import_react_focus_guards.useFocusGuards)();
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -57268,7 +57278,7 @@ var require_dist43 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -57283,9 +57293,9 @@ var require_dist43 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -57295,7 +57305,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -57304,7 +57314,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -57313,7 +57323,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57913,13 +57923,13 @@ var require_dist47 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     function createContext2(rootComponentName, defaultContext) {
       const Context = React3.createContext(defaultContext);
       const Provider = (props) => {
         const { children, ...context } = props;
         const value = React3.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -57942,7 +57952,7 @@ var require_dist47 = __commonJS({
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index3] || BaseContext;
           const value = React3.useMemo(() => context, Object.values(context));
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -58416,7 +58426,7 @@ var require_dist53 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist52();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -58435,9 +58445,9 @@ var require_dist53 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -58465,7 +58475,7 @@ var require_dist53 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -58556,7 +58566,7 @@ var require_dist54 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist53();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -58584,7 +58594,7 @@ var require_dist54 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -58743,7 +58753,7 @@ var require_dist57 = __commonJS({
     var import_react_compose_refs = require_dist46();
     var import_react_use_callback_ref = require_dist55();
     var import_react_use_escape_keydown = require_dist56();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -58838,7 +58848,7 @@ var require_dist57 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -58872,7 +58882,7 @@ var require_dist57 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -59048,7 +59058,7 @@ var require_dist59 = __commonJS({
     var import_react_compose_refs = require_dist46();
     var import_react_primitive = require_dist54();
     var import_react_use_callback_ref = require_dist58();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -59178,7 +59188,7 @@ var require_dist59 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -59355,14 +59365,14 @@ var require_dist61 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist54();
     var import_react_use_layout_effect = require_dist60();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var PORTAL_NAME = "Portal";
     var Portal = React3.forwardRef((props, forwardedRef) => {
       const { container: containerProp, ...portalProps } = props;
       const [mounted, setMounted] = React3.useState(false);
       (0, import_react_use_layout_effect.useLayoutEffect)(() => setMounted(true), []);
       const container = containerProp || mounted && globalThis?.document?.body;
-      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -59721,7 +59731,7 @@ var require_dist65 = __commonJS({
     var import_react_remove_scroll = require_es57();
     var import_aria_hidden = require_es5();
     var import_react_slot = require_dist53();
-    var import_jsx_runtime52 = require_jsx_runtime();
+    var import_jsx_runtime53 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -59742,7 +59752,7 @@ var require_dist65 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -59766,7 +59776,7 @@ var require_dist65 = __commonJS({
         const { __scopeDialog, ...triggerProps } = props;
         const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
         const composedTriggerRef = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -59789,7 +59799,7 @@ var require_dist65 = __commonJS({
     var DialogPortal = (props) => {
       const { __scopeDialog, forceMount, children, container } = props;
       const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -59798,7 +59808,7 @@ var require_dist65 = __commonJS({
         const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...overlayProps } = props;
         const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -59810,7 +59820,7 @@ var require_dist65 = __commonJS({
         return (
           // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
           // ie. when `Overlay` and `Content` are siblings
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -59828,7 +59838,7 @@ var require_dist65 = __commonJS({
         const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...contentProps } = props;
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -59842,7 +59852,7 @@ var require_dist65 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59873,7 +59883,7 @@ var require_dist65 = __commonJS({
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59917,8 +59927,8 @@ var require_dist65 = __commonJS({
         const contentRef = React3.useRef(null);
         const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, contentRef);
         (0, import_react_focus_guards.useFocusGuards)();
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -59926,7 +59936,7 @@ var require_dist65 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -59941,9 +59951,9 @@ var require_dist65 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -59953,7 +59963,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -59962,7 +59972,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -59971,7 +59981,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -70115,23 +70125,164 @@ var require_FaClock = __commonJS({
   }
 });
 
-// build/input.rtmp/inline-view.js
+// build/input.file/inline-view.js
 var import_jsx_runtime = __toESM(require_jsx_runtime());
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function basename(filePath) {
+  return filePath.split("/").pop() || filePath;
+}
 function InlineView({ state, config }) {
+  const getStatusColor = (status) => {
+    switch (status) {
+      case "playing":
+        return "text-green-500 dark:text-green-300";
+      case "error":
+        return "text-red-500 dark:text-red-300";
+      default:
+        return "text-gray-500 dark:text-gray-400";
+    }
+  };
+  return (0, import_jsx_runtime.jsxs)("div", { className: "file-input space-y-2", id: `file-input-${config.id}`, children: [(0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Status:" }), (0, import_jsx_runtime.jsx)("span", { className: cn("text-sm font-medium", getStatusColor(state.status)), children: state.status.charAt(0).toUpperCase() + state.status.slice(1) })] }), state.currentFile && (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-gray-700 dark:text-gray-300", children: [(0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "File:" }), " ", basename(state.currentFile)] }), state.error && (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-red-500 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded", children: [(0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "Error:" }), " ", state.error] }), state.status === "idle" && !state.currentFile && (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Ready to play files via API" })] });
+}
+var inline_view_default = InlineView;
+
+// build/input.file/info.js
+var import_FaPlay = __toESM(require_FaPlay());
+function defaultStreamMapping(cfg) {
+  return {
+    streams: [{
+      media: "video",
+      displayName: "Video",
+      outputKey: {
+        sourceName: cfg.sourceName ?? "file-source",
+        programNumber: 1,
+        streamId: 256,
+        renditionName: "default"
+      }
+    }, {
+      media: "audio",
+      displayName: "Audio",
+      outputKey: {
+        sourceName: cfg.sourceName ?? "file-source",
+        programNumber: 1,
+        streamId: 257,
+        renditionName: "default"
+      }
+    }]
+  };
+}
+function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, validation }) {
+  const { SourceName } = validation;
+  return defineComponent({
+    identifier: "input.file",
+    category: "input",
+    name: "File Input",
+    description: "Dynamically play MP4 or TS files via API calls",
+    icon: import_FaPlay.FaPlay,
+    subscription: {
+      accepts: void 0,
+      produces: {
+        type: "dynamic-streams",
+        groupBy: "sourceName",
+        streams: (cfg) => mappingsToStreams(cfg.streamMappings ?? defaultStreamMapping(cfg))
+      }
+    },
+    display: (desc) => {
+      return {
+        source: desc.config.sourceName || "file-source"
+      };
+    },
+    extraValidation: (_ctx) => {
+    },
+    runtime: {
+      initialState: () => ({
+        status: "idle",
+        currentFile: null,
+        error: null
+      }),
+      handleEvent(ev, state) {
+        const evType = ev.type;
+        switch (evType) {
+          case "playback-started":
+            return {
+              ...state,
+              status: "playing",
+              currentFile: ev.filePath,
+              error: null
+            };
+          case "playback-completed":
+            return {
+              ...state,
+              status: "idle",
+              currentFile: null,
+              error: null
+            };
+          case "playback-stopped":
+            return {
+              ...state,
+              status: "idle",
+              currentFile: null,
+              error: null
+            };
+          case "playback-error":
+            return {
+              ...state,
+              status: "error",
+              error: ev.error
+            };
+          default:
+            assertUnreachable(evType);
+        }
+      },
+      inline: inline_view_default
+    },
+    configForm: {
+      form: {
+        sourceName: {
+          help: "Source name for the output streams",
+          hint: {
+            type: "text",
+            validation: SourceName,
+            defaultValue: "file-source"
+          }
+        },
+        streamMappings: StreamMappingForm(defaultStreamMapping, {
+          sourceNames: (cfg) => [cfg.sourceName ?? "file-source"]
+        }),
+        notes: {
+          help: "Additional notes about this component",
+          hint: {
+            type: "text",
+            optional: true
+          }
+        }
+      }
+    }
+  });
+}
+function assertUnreachable(_) {
+  throw new Error("Didn't expect to get here");
+}
+
+// build/input.rtmp/inline-view.js
+var import_jsx_runtime2 = __toESM(require_jsx_runtime());
+function InlineView2({ state, config }) {
   const maxSourceNum = 4;
   const sourcesToRender = state.connectedStreams.slice(0, maxSourceNum);
   if (state.connectedStreams.length > maxSourceNum) {
     sourcesToRender.push("...");
   }
-  const connectedSources = (0, import_jsx_runtime.jsxs)("div", { className: "mt-2", children: [state.connectedStreams.length > 0 ? (0, import_jsx_runtime.jsx)("span", { children: "Connected sources" }) : (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}), (0, import_jsx_runtime.jsx)("ul", { className: "rtmp-input-connected-sources", children: sourcesToRender.map((sourceName) => {
-    return (0, import_jsx_runtime.jsx)("li", { className: "text-green-300", children: sourceName }, sourceName);
+  const connectedSources = (0, import_jsx_runtime2.jsxs)("div", { className: "mt-2", children: [state.connectedStreams.length > 0 ? (0, import_jsx_runtime2.jsx)("span", { children: "Connected sources" }) : (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {}), (0, import_jsx_runtime2.jsx)("ul", { className: "rtmp-input-connected-sources", children: sourcesToRender.map((sourceName) => {
+    return (0, import_jsx_runtime2.jsx)("li", { className: "text-green-300", children: sourceName }, sourceName);
   }) })] });
-  return (0, import_jsx_runtime.jsx)("div", { className: "rtmp-input", id: `rtmp-input-${config.id}`, children: connectedSources });
+  return (0, import_jsx_runtime2.jsx)("div", { className: "rtmp-input", id: `rtmp-input-${config.id}`, children: connectedSources });
 }
-var inline_view_default = InlineView;
+var inline_view_default2 = InlineView2;
 
 // build/input.rtmp/summary-view.js
-var import_jsx_runtime2 = __toESM(require_jsx_runtime());
+var import_jsx_runtime3 = __toESM(require_jsx_runtime());
 function SummaryView({ state, config, sendCommand }) {
   const connectedSources = [];
   const disconnectedSources = [];
@@ -70181,10 +70332,10 @@ function SummaryView({ state, config, sendCommand }) {
       disconnectedSources.push(streamName);
     }
   });
-  return (0, import_jsx_runtime2.jsxs)("div", { className: "dark:text-white text-black mb-3 w-60", children: [(0, import_jsx_runtime2.jsxs)("div", { id: "rtmp-sources-connected", children: [(0, import_jsx_runtime2.jsx)("span", { children: "Connected Sources" }), (0, import_jsx_runtime2.jsx)("ul", { children: connectedSources.map((streamName) => {
-    return (0, import_jsx_runtime2.jsxs)("li", { className: "text-green-300", children: [streamName, (0, import_jsx_runtime2.jsx)("button", { onClick: () => handleResetStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded", children: "Reset" }), (0, import_jsx_runtime2.jsx)("button", { onClick: () => handleDisableStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable" })] }, streamName);
-  }) })] }), (0, import_jsx_runtime2.jsxs)("div", { id: "rtmp-sources-disconnected", className: "mt-3", children: [(0, import_jsx_runtime2.jsx)("span", { children: "Disconnected Sources" }), (0, import_jsx_runtime2.jsx)("ul", { children: disconnectedSources.map((streamName) => {
-    return (0, import_jsx_runtime2.jsxs)("li", { className: "text-orange-300", children: [streamName, state.disabledStreams.includes(streamName) ? (0, import_jsx_runtime2.jsx)("button", { onClick: () => handleEnableStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable" }) : (0, import_jsx_runtime2.jsx)("button", { onClick: () => handleDisableStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable" })] }, streamName);
+  return (0, import_jsx_runtime3.jsxs)("div", { className: "dark:text-white text-black mb-3 w-60", children: [(0, import_jsx_runtime3.jsxs)("div", { id: "rtmp-sources-connected", children: [(0, import_jsx_runtime3.jsx)("span", { children: "Connected Sources" }), (0, import_jsx_runtime3.jsx)("ul", { children: connectedSources.map((streamName) => {
+    return (0, import_jsx_runtime3.jsxs)("li", { className: "text-green-300", children: [streamName, (0, import_jsx_runtime3.jsx)("button", { onClick: () => handleResetStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded", children: "Reset" }), (0, import_jsx_runtime3.jsx)("button", { onClick: () => handleDisableStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable" })] }, streamName);
+  }) })] }), (0, import_jsx_runtime3.jsxs)("div", { id: "rtmp-sources-disconnected", className: "mt-3", children: [(0, import_jsx_runtime3.jsx)("span", { children: "Disconnected Sources" }), (0, import_jsx_runtime3.jsx)("ul", { children: disconnectedSources.map((streamName) => {
+    return (0, import_jsx_runtime3.jsxs)("li", { className: "text-orange-300", children: [streamName, state.disabledStreams.includes(streamName) ? (0, import_jsx_runtime3.jsx)("button", { onClick: () => handleEnableStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable" }) : (0, import_jsx_runtime3.jsx)("button", { onClick: () => handleDisableStream(streamName), className: "ml-2 px-2 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable" })] }, streamName);
   }) })] })] });
 }
 var summary_view_default = SummaryView;
@@ -70192,7 +70343,7 @@ var summary_view_default = SummaryView;
 // build/input.rtmp/info.js
 var import_FaVideo = __toESM(require_FaVideo());
 var defaultPort = 1935;
-function defaultStreamMapping(cfg) {
+function defaultStreamMapping2(cfg) {
   return {
     streams: cfg.streamNames?.flatMap((s) => [{
       media: "video",
@@ -70221,7 +70372,7 @@ function defaultStreamMapping(cfg) {
     }]) ?? []
   };
 }
-function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, validation: { Z, Port, SourceName, unique } }) {
+function info_default2({ defineComponent, mappingsToStreams, StreamMappingForm, validation: { Z, Port, SourceName, unique } }) {
   return defineComponent({
     identifier: "input.rtmp",
     category: "input",
@@ -70233,7 +70384,7 @@ function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, v
       produces: {
         type: "dynamic-streams",
         groupBy: "sourceName",
-        streams: (cfg) => mappingsToStreams(cfg.streamMappings ?? defaultStreamMapping(cfg))
+        streams: (cfg) => mappingsToStreams(cfg.streamMappings ?? defaultStreamMapping2(cfg))
       }
     },
     display: (desc) => {
@@ -70259,11 +70410,11 @@ function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, v
             state.disabledStreams.push(ev.streamName);
             break;
           default:
-            assertUnreachable(evType);
+            assertUnreachable2(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default,
+      inline: inline_view_default2,
       summary: summary_view_default
     },
     configForm: {
@@ -70281,7 +70432,7 @@ function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, v
             global: unique("sourceName")
           }
         },
-        streamMappings: StreamMappingForm(defaultStreamMapping, {
+        streamMappings: StreamMappingForm(defaultStreamMapping2, {
           sourceNames: (cfg) => cfg.streamNames ?? []
         }),
         initialState: {
@@ -70313,13 +70464,13 @@ function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, v
     }
   });
 }
-function assertUnreachable(_) {
+function assertUnreachable2(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/input.silence/info.js
 var import_FaVolumeMute = __toESM(require_FaVolumeMute());
-function info_default2({ defineComponent }) {
+function info_default3({ defineComponent }) {
   return defineComponent({
     identifier: "input.silence",
     category: "input",
@@ -70427,23 +70578,23 @@ var srt_socket_options_default = result;
 var import_util = __toESM(require_util());
 
 // build/shared/srt-form-views.js
-var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var import_jsx_runtime4 = __toESM(require_jsx_runtime());
 function SocketConfiguration(options) {
   const show = (n) => n !== void 0 && !Number.isNaN(n) ? n.toString() : "";
-  return (0, import_jsx_runtime3.jsxs)("div", { className: "space-y-1 w-full text-gray-500 dark:text-gray-400", children: [(0, import_jsx_runtime3.jsx)("div", { className: "flex w-full", children: (0, import_jsx_runtime3.jsx)("dd", { className: "flex-1 text-sm", children: options.maxBandwidth === void 0 && options.overheadBandwidth === void 0 && options.inputBandwidth === void 0 && options.peerLatency === void 0 && options.receiveLatency === void 0 ? "Using defaults" : "Manually configured" }) }), options.receiveLatency !== void 0 && (0, import_jsx_runtime3.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime3.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Receive Latency" }), (0, import_jsx_runtime3.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.receiveLatency) })] }), options.peerLatency !== void 0 && (0, import_jsx_runtime3.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime3.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Peer Latency" }), (0, import_jsx_runtime3.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.peerLatency) })] }), options.inputBandwidth !== void 0 && (0, import_jsx_runtime3.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime3.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Input Bandwidth" }), (0, import_jsx_runtime3.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.inputBandwidth) })] }), options.overheadBandwidth !== void 0 && (0, import_jsx_runtime3.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime3.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Overhead Bandwidth" }), (0, import_jsx_runtime3.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.overheadBandwidth) })] }), options.maxBandwidth !== void 0 && (0, import_jsx_runtime3.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime3.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Max Bandwidth" }), (0, import_jsx_runtime3.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.maxBandwidth) })] })] });
+  return (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-1 w-full text-gray-500 dark:text-gray-400", children: [(0, import_jsx_runtime4.jsx)("div", { className: "flex w-full", children: (0, import_jsx_runtime4.jsx)("dd", { className: "flex-1 text-sm", children: options.maxBandwidth === void 0 && options.overheadBandwidth === void 0 && options.inputBandwidth === void 0 && options.peerLatency === void 0 && options.receiveLatency === void 0 ? "Using defaults" : "Manually configured" }) }), options.receiveLatency !== void 0 && (0, import_jsx_runtime4.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime4.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Receive Latency" }), (0, import_jsx_runtime4.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.receiveLatency) })] }), options.peerLatency !== void 0 && (0, import_jsx_runtime4.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime4.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Peer Latency" }), (0, import_jsx_runtime4.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.peerLatency) })] }), options.inputBandwidth !== void 0 && (0, import_jsx_runtime4.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime4.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Input Bandwidth" }), (0, import_jsx_runtime4.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.inputBandwidth) })] }), options.overheadBandwidth !== void 0 && (0, import_jsx_runtime4.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime4.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Overhead Bandwidth" }), (0, import_jsx_runtime4.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.overheadBandwidth) })] }), options.maxBandwidth !== void 0 && (0, import_jsx_runtime4.jsxs)("div", { className: "flex w-full", children: [(0, import_jsx_runtime4.jsx)("dt", { className: "flex-1 text-sm font-bold", children: "Max Bandwidth" }), (0, import_jsx_runtime4.jsx)("dd", { className: "flex-1 text-sm font-medium", children: show(options.maxBandwidth) })] })] });
 }
 
 // build/input.srt-caller/info.js
 var import_FaPhone = __toESM(require_FaPhone());
 
 // build/shared/srt-caller-metrics.js
-var import_jsx_runtime4 = __toESM(require_jsx_runtime());
+var import_jsx_runtime5 = __toESM(require_jsx_runtime());
 function MetricsView({ state }) {
-  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" })] });
+  return (0, import_jsx_runtime5.jsxs)("div", { className: "srt-output", children: [(0, import_jsx_runtime5.jsx)("h4", { className: "font-bold dark:text-white text-black", children: "SRT Packets" }), state.enabled || state.enabled === void 0 ? (0, import_jsx_runtime5.jsx)("div", { children: state.metrics.connectionCount == 0 ? (0, import_jsx_runtime5.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" }) : (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [(0, import_jsx_runtime5.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Component Enabled" }), state.metrics.packetsSent >= 0 ? (0, import_jsx_runtime5.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] }) : (0, import_jsx_runtime5.jsxs)("div", { children: ["Received: ", state.metrics.packetsReceived] }), (0, import_jsx_runtime5.jsxs)("div", { children: ["Lost/Retransmitted: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] })] }) }) : (0, import_jsx_runtime5.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Component disabled" })] });
 }
 
 // build/shared/stream-statistics-view.js
-var import_jsx_runtime5 = __toESM(require_jsx_runtime());
+var import_jsx_runtime6 = __toESM(require_jsx_runtime());
 
 // ../../node_modules/react-chartjs-2/dist/index.js
 var import_react = __toESM(require_react(), 1);
@@ -84977,7 +85128,7 @@ function MetricsView2({ metrics, config, global, charting }) {
     }
   };
   if (!metrics[config.id])
-    return (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: "Loading statistics.." });
+    return (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: "Loading statistics.." });
   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,
@@ -85005,18 +85156,18 @@ function MetricsView2({ metrics, config, global, charting }) {
       };
     });
   });
-  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 }) })] });
+  return (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime6.jsx)("h4", { className: "font-bold dark:text-white text-black", children: "Measured Bitrates" }), (0, import_jsx_runtime6.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_runtime6.jsx)(Line, { className: "w-fit max-w-fit", width: 272, options: cpuChartOptions, data: bitrates }) })] });
 }
 
 // build/input.srt-caller/inline-view.js
-var import_jsx_runtime6 = __toESM(require_jsx_runtime());
-function InlineView2({ state }) {
-  return (0, import_jsx_runtime6.jsx)("div", { className: "srt-output", children: (0, import_jsx_runtime6.jsx)("div", { children: state.metrics.connectionCount == 0 ? (0, import_jsx_runtime6.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" }) : (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [(0, import_jsx_runtime6.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected" }), (0, import_jsx_runtime6.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] }), (0, import_jsx_runtime6.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] })] }) }) });
+var import_jsx_runtime7 = __toESM(require_jsx_runtime());
+function InlineView3({ state }) {
+  return (0, import_jsx_runtime7.jsx)("div", { className: "srt-output", children: (0, import_jsx_runtime7.jsx)("div", { children: state.metrics.connectionCount == 0 ? (0, import_jsx_runtime7.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" }) : (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected" }), (0, import_jsx_runtime7.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] }), (0, import_jsx_runtime7.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] })] }) }) });
 }
-var inline_view_default2 = InlineView2;
+var inline_view_default3 = InlineView3;
 
 // build/input.srt-caller/info.js
-function info_default3({ defineComponent, singleAvStreamMapping, singleAvStreamMappingForm, mappingsToStreams, validation }) {
+function info_default4({ defineComponent, singleAvStreamMapping, singleAvStreamMappingForm, mappingsToStreams, validation }) {
   const { Port, Hostname: Hostname2, SrtPassphrase, SrtStreamId } = validation;
   return defineComponent({
     identifier: "input.srt-caller",
@@ -85052,7 +85203,7 @@ function info_default3({ defineComponent, singleAvStreamMapping, singleAvStreamM
         }
         return { ...state };
       },
-      inline: inline_view_default2,
+      inline: inline_view_default3,
       metrics: [
         {
           title: "SRT Transmission",
@@ -85098,22 +85249,22 @@ function info_default3({ defineComponent, singleAvStreamMapping, singleAvStreamM
 }
 
 // build/input.srt-listener/inline-view.js
-var import_jsx_runtime7 = __toESM(require_jsx_runtime());
-function InlineView3({ state, config }) {
+var import_jsx_runtime8 = __toESM(require_jsx_runtime());
+function InlineView4({ state, config }) {
   const maxSourceNum = 4;
   const sourcesToRender = state.connectedStreams.slice(0, maxSourceNum);
   if (state.connectedStreams.length > maxSourceNum) {
     sourcesToRender.push("...");
   }
-  const connectedSources = (0, import_jsx_runtime7.jsxs)("div", { className: "mt-2", children: [" ", state.connectedStreams.length > 0 ? (0, import_jsx_runtime7.jsx)("span", { children: "Connected sources" }) : (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, {}), (0, import_jsx_runtime7.jsx)("ul", { className: "srt-input-connected-sources", children: sourcesToRender.map((sourceName) => {
-    return (0, import_jsx_runtime7.jsx)("li", { className: "text-green-300", children: sourceName }, sourceName);
+  const connectedSources = (0, import_jsx_runtime8.jsxs)("div", { className: "mt-2", children: [" ", state.connectedStreams.length > 0 ? (0, import_jsx_runtime8.jsx)("span", { children: "Connected sources" }) : (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {}), (0, import_jsx_runtime8.jsx)("ul", { className: "srt-input-connected-sources", children: sourcesToRender.map((sourceName) => {
+    return (0, import_jsx_runtime8.jsx)("li", { className: "text-green-300", children: sourceName }, sourceName);
   }) })] });
-  return (0, import_jsx_runtime7.jsxs)("div", { className: "srt-input", id: `srt-input-${config.id}`, children: [connectedSources, (0, import_jsx_runtime7.jsxs)("div", { children: ["Received: ", state.metrics.packetsReceived.reduce((a, i) => a + i, 0)] }), (0, import_jsx_runtime7.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost.reduce((a, i) => a + i, 0), "/", state.metrics.packetsResent.reduce((a, i) => a + i, 0)] })] });
+  return (0, import_jsx_runtime8.jsxs)("div", { className: "srt-input", id: `srt-input-${config.id}`, children: [connectedSources, (0, import_jsx_runtime8.jsxs)("div", { children: ["Received: ", state.metrics.packetsReceived.reduce((a, i) => a + i, 0)] }), (0, import_jsx_runtime8.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost.reduce((a, i) => a + i, 0), "/", state.metrics.packetsResent.reduce((a, i) => a + i, 0)] })] });
 }
-var inline_view_default3 = InlineView3;
+var inline_view_default4 = InlineView4;
 
 // build/input.srt-listener/summary-view.js
-var import_jsx_runtime8 = __toESM(require_jsx_runtime());
+var import_jsx_runtime9 = __toESM(require_jsx_runtime());
 function SummaryView2({ state, config, sendCommand }) {
   const connectedSources = [];
   const disconnectedSources = [];
@@ -85163,7 +85314,7 @@ function SummaryView2({ state, config, sendCommand }) {
       disconnectedSources.push(streamId);
     }
   });
-  return (0, import_jsx_runtime8.jsxs)("div", { className: "dark:text-white text-black w-60", children: [(0, import_jsx_runtime8.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-sm font-semibold mb-2 dark:text-gray-300", children: "Connected Sources" }), (0, import_jsx_runtime8.jsxs)("ul", { className: "space-y-2", children: [connectedSources.map((streamId) => (0, import_jsx_runtime8.jsxs)("li", { className: "flex items-center justify-between group", children: [(0, import_jsx_runtime8.jsx)("span", { className: "text-green-400 font-medium", children: streamId }), (0, import_jsx_runtime8.jsxs)("div", { className: "flex space-x-2", children: [(0, import_jsx_runtime8.jsx)("button", { onClick: () => handleResetStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded transition-colors", children: "Reset" }), (0, import_jsx_runtime8.jsx)("button", { onClick: () => handleDisableStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded transition-colors", children: "Disable" })] })] }, streamId)), connectedSources.length === 0 && (0, import_jsx_runtime8.jsx)("li", { className: "text-sm text-gray-500 dark:text-gray-400 italic", children: "No connected sources" })] })] }), (0, import_jsx_runtime8.jsxs)("div", { children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-sm font-semibold mb-2 dark:text-gray-300", children: "Disconnected Sources" }), (0, import_jsx_runtime8.jsxs)("ul", { className: "space-y-2", children: [disconnectedSources.map((streamId) => (0, import_jsx_runtime8.jsxs)("li", { className: "flex items-center justify-between group", children: [(0, import_jsx_runtime8.jsx)("span", { className: "text-orange-300 font-medium", children: streamId }), state.disabledStreams.includes(streamId) ? (0, import_jsx_runtime8.jsx)("button", { onClick: () => handleEnableStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-blue-600 hover:bg-blue-700 text-white rounded transition-colors", children: "Enable" }) : (0, import_jsx_runtime8.jsx)("button", { onClick: () => handleDisableStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded transition-colors", children: "Disable" })] }, streamId)), disconnectedSources.length === 0 && (0, import_jsx_runtime8.jsx)("li", { className: "text-sm text-gray-500 dark:text-gray-400 italic", children: "No disconnected sources" })] })] })] });
+  return (0, import_jsx_runtime9.jsxs)("div", { className: "dark:text-white text-black w-60", children: [(0, import_jsx_runtime9.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime9.jsx)("h3", { className: "text-sm font-semibold mb-2 dark:text-gray-300", children: "Connected Sources" }), (0, import_jsx_runtime9.jsxs)("ul", { className: "space-y-2", children: [connectedSources.map((streamId) => (0, import_jsx_runtime9.jsxs)("li", { className: "flex items-center justify-between group", children: [(0, import_jsx_runtime9.jsx)("span", { className: "text-green-400 font-medium", children: streamId }), (0, import_jsx_runtime9.jsxs)("div", { className: "flex space-x-2", children: [(0, import_jsx_runtime9.jsx)("button", { onClick: () => handleResetStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded transition-colors", children: "Reset" }), (0, import_jsx_runtime9.jsx)("button", { onClick: () => handleDisableStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded transition-colors", children: "Disable" })] })] }, streamId)), connectedSources.length === 0 && (0, import_jsx_runtime9.jsx)("li", { className: "text-sm text-gray-500 dark:text-gray-400 italic", children: "No connected sources" })] })] }), (0, import_jsx_runtime9.jsxs)("div", { children: [(0, import_jsx_runtime9.jsx)("h3", { className: "text-sm font-semibold mb-2 dark:text-gray-300", children: "Disconnected Sources" }), (0, import_jsx_runtime9.jsxs)("ul", { className: "space-y-2", children: [disconnectedSources.map((streamId) => (0, import_jsx_runtime9.jsxs)("li", { className: "flex items-center justify-between group", children: [(0, import_jsx_runtime9.jsx)("span", { className: "text-orange-300 font-medium", children: streamId }), state.disabledStreams.includes(streamId) ? (0, import_jsx_runtime9.jsx)("button", { onClick: () => handleEnableStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-blue-600 hover:bg-blue-700 text-white rounded transition-colors", children: "Enable" }) : (0, import_jsx_runtime9.jsx)("button", { onClick: () => handleDisableStream(streamId), className: "opacity-80 group-hover:opacity-100 px-3 py-1 text-xs bg-red-600 hover:bg-red-700 text-white rounded transition-colors", children: "Disable" })] }, streamId)), disconnectedSources.length === 0 && (0, import_jsx_runtime9.jsx)("li", { className: "text-sm text-gray-500 dark:text-gray-400 italic", children: "No disconnected sources" })] })] })] });
 }
 var summary_view_default2 = SummaryView2;
 
@@ -85171,15 +85322,15 @@ var summary_view_default2 = SummaryView2;
 var import_FaHeadphones = __toESM(require_FaHeadphones());
 
 // build/shared/srt-listener-metrics.js
-var import_jsx_runtime9 = __toESM(require_jsx_runtime());
+var import_jsx_runtime10 = __toESM(require_jsx_runtime());
 function MetricsView3({ state }) {
-  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" })] });
+  return (0, import_jsx_runtime10.jsxs)("div", { className: "srt-output space-y-2", children: [(0, import_jsx_runtime10.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_runtime10.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "No connections" }) : (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: (0, import_jsx_runtime10.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_runtime10.jsxs)("div", { className: "grid grid-cols-2", children: [(0, import_jsx_runtime10.jsx)("dt", { className: "font-medium", children: "Connection" }), (0, import_jsx_runtime10.jsx)("dd", { className: "", children: state.names?.[i] ?? i }), (0, import_jsx_runtime10.jsx)("dt", { className: "font-medium", children: state.metrics.packetsSent.length == 0 ? "Received" : "Sent" }), (0, import_jsx_runtime10.jsx)("dd", { className: "", children: p }), (0, import_jsx_runtime10.jsx)("dt", { className: "font-medium", children: "Retransmitted" }), (0, import_jsx_runtime10.jsx)("dd", { className: "", children: state.metrics.packetsResent[i] }), (0, import_jsx_runtime10.jsx)("dt", { className: "font-medium", children: "Lost" }), (0, import_jsx_runtime10.jsx)("dd", { className: "", children: state.metrics.packetsLost[i] })] }, i);
+  }) }) }) : (0, import_jsx_runtime10.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Component disabled" })] });
 }
 
 // build/input.srt-listener/info.js
-function defaultStreamMapping2(cfg) {
+function defaultStreamMapping3(cfg) {
   return {
     streams: cfg.streamIds?.flatMap((s) => [{
       media: "video",
@@ -85208,7 +85359,7 @@ function defaultStreamMapping2(cfg) {
     }]) ?? []
   };
 }
-function info_default4({ defineComponent, mappingsToStreams, StreamMappingForm, validation }) {
+function info_default5({ defineComponent, mappingsToStreams, StreamMappingForm, validation }) {
   const { Z, Port, Hostname: Hostname2, SourceName, SrtPassphrase, unique } = validation;
   return defineComponent({
     identifier: "input.srt-listener",
@@ -85221,7 +85372,7 @@ function info_default4({ defineComponent, mappingsToStreams, StreamMappingForm,
       produces: {
         type: "dynamic-streams",
         groupBy: "sourceName",
-        streams: (cfg) => mappingsToStreams(cfg.streamMappings ?? defaultStreamMapping2(cfg))
+        streams: (cfg) => mappingsToStreams(cfg.streamMappings ?? defaultStreamMapping3(cfg))
       }
     },
     display: (desc) => {
@@ -85265,11 +85416,11 @@ function info_default4({ defineComponent, mappingsToStreams, StreamMappingForm,
             state.metrics = ev.metrics;
             break;
           default:
-            assertUnreachable3(evType);
+            assertUnreachable4(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default3,
+      inline: inline_view_default4,
       summary: summary_view_default2,
       metrics: [
         { title: "SRT Transmission", view: MetricsView3 },
@@ -85337,7 +85488,7 @@ function info_default4({ defineComponent, mappingsToStreams, StreamMappingForm,
             global: unique("sourceName")
           }
         },
-        streamMappings: StreamMappingForm(defaultStreamMapping2, {
+        streamMappings: StreamMappingForm(defaultStreamMapping3, {
           sourceNames: (cfg) => cfg.streamIds ?? []
         }),
         notes: {
@@ -85351,13 +85502,13 @@ function info_default4({ defineComponent, mappingsToStreams, StreamMappingForm,
     }
   });
 }
-function assertUnreachable3(_) {
+function assertUnreachable4(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/input.udp-ts/info.js
 var import_FaNetworkWired = __toESM(require_FaNetworkWired());
-function info_default5({ defineComponent, singleAvStreamMapping, singleAvStreamMappingForm, mappingsToStreams, validation: { Z, Port, Hostname: Hostname2, unique } }) {
+function info_default6({ defineComponent, singleAvStreamMapping, singleAvStreamMappingForm, mappingsToStreams, validation: { Z, Port, Hostname: Hostname2, unique } }) {
   return defineComponent({
     identifier: "input.udp-ts",
     category: "input",
@@ -85393,7 +85544,7 @@ function info_default5({ defineComponent, singleAvStreamMapping, singleAvStreamM
 
 // build/input.videoTestCard/info.js
 var import_FaTv = __toESM(require_FaTv());
-function info_default6({ defineComponent, common: { Resolutions, FrameRates } }) {
+function info_default7({ defineComponent, common: { Resolutions, FrameRates } }) {
   return defineComponent({
     identifier: "input.videoTestCard",
     category: "input",
@@ -85454,21 +85605,21 @@ var import_util2 = __toESM(require_util());
 var import_FaCloudUploadAlt = __toESM(require_FaCloudUploadAlt());
 
 // build/input.whip/inline-view.js
-var import_jsx_runtime10 = __toESM(require_jsx_runtime());
+var import_jsx_runtime11 = __toESM(require_jsx_runtime());
 var import_react2 = __toESM(require_react());
-function InlineView4({ state, raise }) {
+function InlineView5({ state, raise }) {
   (0, import_react2.useEffect)(() => {
     if (raise) {
       raise();
     }
   }, [raise]);
-  return (0, import_jsx_runtime10.jsx)("div", { className: "input-whip", children: (0, import_jsx_runtime10.jsxs)("div", { className: "whip-status-inline", children: [(0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime10.jsx)("div", { className: `w-2 h-2 rounded-full ${state.connectionCount > 0 ? "bg-green-400" : "bg-gray-400"}` }), (0, import_jsx_runtime10.jsx)("span", { className: "text-sm", children: state.connectionCount > 0 ? `${state.connectionCount} connected` : "No connections" })] }), state.endpointUrl && (0, import_jsx_runtime10.jsxs)("div", { className: "mt-1", children: [(0, import_jsx_runtime10.jsx)("span", { className: "text-xs text-gray-600", children: "Endpoint: " }), (0, import_jsx_runtime10.jsx)("code", { className: "text-xs bg-gray-100 px-1 rounded", children: state.endpointUrl })] }), state.activeSessions && state.activeSessions.length > 0 && (0, import_jsx_runtime10.jsxs)("div", { className: "mt-2", children: [(0, import_jsx_runtime10.jsx)("div", { className: "text-xs text-gray-600 mb-1", children: "Active Sessions:" }), state.activeSessions.slice(0, 3).map((session) => (0, import_jsx_runtime10.jsxs)("div", { className: "text-xs flex items-center space-x-1", children: [(0, import_jsx_runtime10.jsx)("div", { className: `w-1 h-1 rounded-full ${session.status === "connected" ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime10.jsx)("span", { children: session.sourceName }), (0, import_jsx_runtime10.jsxs)("span", { className: "text-gray-500", children: ["(", session.sessionId.slice(0, 8), "...)"] })] }, session.sessionId)), state.activeSessions.length > 3 && (0, import_jsx_runtime10.jsxs)("div", { className: "text-xs text-gray-500", children: ["+ ", state.activeSessions.length - 3, " more"] })] })] }) });
+  return (0, import_jsx_runtime11.jsx)("div", { className: "input-whip", children: (0, import_jsx_runtime11.jsxs)("div", { className: "whip-status-inline", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime11.jsx)("div", { className: `w-2 h-2 rounded-full ${state.connectionCount > 0 ? "bg-green-400" : "bg-gray-400"}` }), (0, import_jsx_runtime11.jsx)("span", { className: "text-sm", children: state.connectionCount > 0 ? `${state.connectionCount} connected` : "No connections" })] }), state.endpointUrl && (0, import_jsx_runtime11.jsxs)("div", { className: "mt-1", children: [(0, import_jsx_runtime11.jsx)("span", { className: "text-xs text-gray-600", children: "Endpoint: " }), (0, import_jsx_runtime11.jsx)("code", { className: "text-xs bg-gray-100 px-1 rounded", children: state.endpointUrl })] }), state.activeSessions && state.activeSessions.length > 0 && (0, import_jsx_runtime11.jsxs)("div", { className: "mt-2", children: [(0, import_jsx_runtime11.jsx)("div", { className: "text-xs text-gray-600 mb-1", children: "Active Sessions:" }), state.activeSessions.slice(0, 3).map((session) => (0, import_jsx_runtime11.jsxs)("div", { className: "text-xs flex items-center space-x-1", children: [(0, import_jsx_runtime11.jsx)("div", { className: `w-1 h-1 rounded-full ${session.status === "connected" ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime11.jsx)("span", { children: session.sourceName }), (0, import_jsx_runtime11.jsxs)("span", { className: "text-gray-500", children: ["(", session.sessionId.slice(0, 8), "...)"] })] }, session.sessionId)), state.activeSessions.length > 3 && (0, import_jsx_runtime11.jsxs)("div", { className: "text-xs text-gray-500", children: ["+ ", state.activeSessions.length - 3, " more"] })] })] }) });
 }
-var inline_view_default4 = InlineView4;
+var inline_view_default5 = InlineView5;
 
 // build/input.whip/info.js
 var import_config = __toESM(require_config());
-function info_default7({ defineComponent, singleAvStreamMapping, singleAvStreamMappingForm, mappingsToStreams, validation }) {
+function info_default8({ defineComponent, singleAvStreamMapping, singleAvStreamMappingForm, mappingsToStreams, validation }) {
   return defineComponent({
     identifier: "input.whip",
     category: "input",
@@ -85518,7 +85669,7 @@ function info_default7({ defineComponent, singleAvStreamMapping, singleAvStreamM
         }
         return { ...state };
       },
-      inline: inline_view_default4,
+      inline: inline_view_default5,
       metrics: [
         {
           title: "Stream Statistics",
@@ -85569,7 +85720,7 @@ function info_default7({ defineComponent, singleAvStreamMapping, singleAvStreamM
 var import_config2 = __toESM(require_config());
 
 // build/output.autoCmaf/summary-view.js
-var import_jsx_runtime11 = __toESM(require_jsx_runtime());
+var import_jsx_runtime12 = __toESM(require_jsx_runtime());
 function SummaryView3({ state, sendCommand }) {
   const handleEnableOutput = () => {
     void enableOutput();
@@ -85587,12 +85738,12 @@ function SummaryView3({ state, sendCommand }) {
       type: "disable-output"
     });
   };
-  return (0, import_jsx_runtime11.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime11.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime11.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime11.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime11.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime11.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
+  return (0, import_jsx_runtime12.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime12.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime12.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime12.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime12.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
 }
 var summary_view_default3 = SummaryView3;
 
 // build/output.autoCmaf/fullscreen.js
-var import_jsx_runtime12 = __toESM(require_jsx_runtime());
+var import_jsx_runtime13 = __toESM(require_jsx_runtime());
 var import_react3 = __toESM(require_react());
 var import_hls = __toESM(require_hls());
 function FullscreenView({ state, config }) {
@@ -85654,20 +85805,20 @@ function FullscreenView({ state, config }) {
     } else if (element.canPlayType("application/vnd.apple.mpegurl")) {
       element.src = url;
     }
-  }, [id, url]);
+  }, [config.__global?.ezdrmConfig?.pX, config.drmProvider, id, state.drmToken, url]);
   if (!url)
-    return (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: "..." });
+    return (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: "..." });
   {
   }
-  return (0, import_jsx_runtime12.jsx)("div", { children: (0, import_jsx_runtime12.jsx)("video", { controls: true, autoPlay: true, muted: true, id: `${id}-video` }) });
+  return (0, import_jsx_runtime13.jsx)("div", { children: (0, import_jsx_runtime13.jsx)("video", { controls: true, autoPlay: true, muted: true, id: `${id}-video` }) });
 }
 var fullscreen_default = FullscreenView;
 
 // build/output.autoCmaf/inline-view.js
-var import_jsx_runtime13 = __toESM(require_jsx_runtime());
+var import_jsx_runtime14 = __toESM(require_jsx_runtime());
 var import_hls2 = __toESM(require_hls());
 var import_react4 = __toESM(require_react());
-function InlineView5({ state, config }) {
+function InlineView6({ state, config }) {
   const url = state.url;
   const id = config.id;
   const previewVideo = (0, import_react4.useRef)(null);
@@ -85732,9 +85883,9 @@ function InlineView5({ state, config }) {
       previewVideo.current.src = url;
     }
   }, [config.__global?.ezdrmConfig?.pX, config.drmProvider, state.drmToken, url, showPreview]);
-  return (0, import_jsx_runtime13.jsxs)("div", { className: "cmaf-output", children: [state.enabled ? (0, import_jsx_runtime13.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }) : (0, import_jsx_runtime13.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }), (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime13.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime13.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), !url ? (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, {}) : (0, import_jsx_runtime13.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime13.jsx)("video", { ref: previewVideo, autoPlay: true, muted: true, id: `${id}-video` }) })] });
+  return (0, import_jsx_runtime14.jsxs)("div", { className: "cmaf-output", children: [state.enabled ? (0, import_jsx_runtime14.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }) : (0, import_jsx_runtime14.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }), (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime14.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime14.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), !url ? (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {}) : (0, import_jsx_runtime14.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime14.jsx)("video", { ref: previewVideo, autoPlay: true, muted: true, id: `${id}-video` }) })] });
 }
-var inline_view_default5 = InlineView5;
+var inline_view_default6 = InlineView6;
 
 // build/output.autoCmaf/info.js
 var import_FaCog = __toESM(require_FaCog());
@@ -85743,22 +85894,22 @@ var import_FaCog = __toESM(require_FaCog());
 var import_client_types = __toESM(require_client_types());
 
 // build/shared/playlist-form-views.js
-var import_jsx_runtime14 = __toESM(require_jsx_runtime());
+var import_jsx_runtime15 = __toESM(require_jsx_runtime());
 function Destination(destination) {
   switch (destination.type) {
     case "s3":
-      return (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Host" }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-2", children: destination.host }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Path" }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-2", children: destination.prefix }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Include Ads" }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-2", children: destination.includeAdInsertions ? "yes" : "no" })] });
+      return (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Host" }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-2", children: destination.host }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Path" }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-2", children: destination.prefix }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Include Ads" }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-2", children: destination.includeAdInsertions ? "yes" : "no" })] });
     case "akamai":
-      return (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Ingest" }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-2", children: destination.ingest }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Playback" }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-2", children: destination.playback }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Include Ads" }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-2", children: destination.includeAdInsertions ? "yes" : "no" })] });
+      return (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Ingest" }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-2", children: destination.ingest }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Playback" }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-2", children: destination.playback }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Include Ads" }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-2", children: destination.includeAdInsertions ? "yes" : "no" })] });
     default: {
       const _ = destination;
       console.log("Unreachable");
-      return (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {});
+      return (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, {});
     }
   }
 }
 function SegmentConfiguration(cfg) {
-  return (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Segments" }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-2", children: cfg.defaultSegmentCount == 0 ? "all" : cfg.defaultSegmentCount }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Segment Target" }), (0, import_jsx_runtime14.jsxs)("div", { className: "col-span-2", children: [cfg.targetSegmentDuration, "s"] }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Part Target" }), (0, import_jsx_runtime14.jsxs)("div", { className: "col-span-2", children: [cfg.targetPartDuration, "s"] }), (0, import_jsx_runtime14.jsx)("div", { className: "col-span-1", children: "Retention" }), (0, import_jsx_runtime14.jsxs)("div", { className: "col-span-2", children: [cfg.retentionPeriod, "s"] })] });
+  return (0, import_jsx_runtime15.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Segments" }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-2", children: cfg.defaultSegmentCount == 0 ? "all" : cfg.defaultSegmentCount }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Segment Target" }), (0, import_jsx_runtime15.jsxs)("div", { className: "col-span-2", children: [cfg.targetSegmentDuration, "s"] }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Part Target" }), (0, import_jsx_runtime15.jsxs)("div", { className: "col-span-2", children: [cfg.targetPartDuration, "s"] }), (0, import_jsx_runtime15.jsx)("div", { className: "col-span-1", children: "Retention" }), (0, import_jsx_runtime15.jsxs)("div", { className: "col-span-2", children: [cfg.retentionPeriod, "s"] })] });
 }
 
 // ../../node_modules/zod/lib/index.mjs
@@ -89969,7 +90120,7 @@ var DestinationsFormEntry = {
 };
 
 // build/output.autoCmaf/info.js
-function info_default8(R) {
+function info_default9(R) {
   const { defineComponent, All, validation: { Z } } = R;
   return defineComponent({
     identifier: "output.autoCmaf",
@@ -90040,13 +90191,13 @@ function info_default8(R) {
             state.enabled = false;
             break;
           default:
-            assertUnreachable5(evType);
+            assertUnreachable6(evType);
         }
         return { ...state };
       },
       summary: summary_view_default3,
       fullscreen: fullscreen_default,
-      inline: inline_view_default5
+      inline: inline_view_default6
     },
     configForm: {
       global: {
@@ -90172,14 +90323,14 @@ function info_default8(R) {
     }
   });
 }
-function assertUnreachable5(_) {
+function assertUnreachable6(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/output.autoHls/info.js
 var import_FaCogs = __toESM(require_FaCogs());
-function info_default9(R) {
-  const autoCmaf = info_default8(R);
+function info_default10(R) {
+  const autoCmaf = info_default9(R);
   const { drmProvider: _, ...NoCrypto } = autoCmaf.configForm.form;
   return {
     ...autoCmaf,
@@ -90197,7 +90348,7 @@ function info_default9(R) {
 // build/output.cmafMultiVariant/info.js
 var import_util3 = __toESM(require_util());
 var import_FaHeadphones2 = __toESM(require_FaHeadphones());
-function info_default10(registration) {
+function info_default11(registration) {
   const { defineComponent, validation } = registration;
   const { Z } = validation;
   return defineComponent({
@@ -90288,7 +90439,7 @@ function info_default10(registration) {
 // build/output.cmafPlaylist/info.js
 var import_util4 = __toESM(require_util());
 var import_FaHeadphones3 = __toESM(require_FaHeadphones());
-function info_default11(registration) {
+function info_default12(registration) {
   const { defineComponent, validation } = registration;
   const { Z } = validation;
   return defineComponent({
@@ -90440,7 +90591,7 @@ function info_default11(registration) {
 }
 
 // build/output.rtmp/summary-view.js
-var import_jsx_runtime15 = __toESM(require_jsx_runtime());
+var import_jsx_runtime16 = __toESM(require_jsx_runtime());
 function SummaryView4({ state, sendCommand }) {
   const handleEnableOutput = () => {
     void enableOutput();
@@ -90458,36 +90609,36 @@ function SummaryView4({ state, sendCommand }) {
       type: "disable-output"
     });
   };
-  return (0, import_jsx_runtime15.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime15.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime15.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime15.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime15.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime15.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
+  return (0, import_jsx_runtime16.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime16.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime16.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime16.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime16.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime16.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
 }
 var summary_view_default4 = SummaryView4;
 
 // build/output.rtmp/inline-view.js
-var import_jsx_runtime17 = __toESM(require_jsx_runtime());
+var import_jsx_runtime18 = __toESM(require_jsx_runtime());
 
 // build/shared/jitter-buffer-inline.js
-var import_jsx_runtime16 = __toESM(require_jsx_runtime());
+var import_jsx_runtime17 = __toESM(require_jsx_runtime());
 function initialJitterBufferState() {
   return { target: 0, value: 0, percentage: 0 };
 }
 function JitterBufferInline(jb) {
-  return (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: (0, import_jsx_runtime16.jsxs)("div", { children: ["Buffer: ", (0, import_jsx_runtime16.jsx)("meter", { value: jb.percentage, max: 100, high: 50, low: 25 })] }) });
+  return (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: (0, import_jsx_runtime17.jsxs)("div", { children: ["Buffer: ", (0, import_jsx_runtime17.jsx)("meter", { value: jb.percentage, max: 100, high: 50, low: 25 })] }) });
 }
 
 // build/output.rtmp/inline-view.js
-function InlineView6({ state, config }) {
+function InlineView7({ state, config }) {
   if (!state.enabled) {
-    return (0, import_jsx_runtime17.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" });
+    return (0, import_jsx_runtime18.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" });
   }
-  const connected = (0, import_jsx_runtime17.jsxs)("div", { children: [(0, import_jsx_runtime17.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected and publishing" }), (0, import_jsx_runtime17.jsx)(JitterBufferInline, { ...state.jitterBuffer })] });
-  const disconnected = (0, import_jsx_runtime17.jsxs)("div", { className: "inactive text-orange-500 dark:text-orange-300", children: ["Disconnected ", state.connectRetries > 0 ? `- retrying(${state.connectRetries})` : ""] });
-  return (0, import_jsx_runtime17.jsx)("div", { className: "rtmp-output", id: `rtmp-output-${config.id}`, children: state.connected ? connected : disconnected });
+  const connected = (0, import_jsx_runtime18.jsxs)("div", { children: [(0, import_jsx_runtime18.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected and publishing" }), (0, import_jsx_runtime18.jsx)(JitterBufferInline, { ...state.jitterBuffer })] });
+  const disconnected = (0, import_jsx_runtime18.jsxs)("div", { className: "inactive text-orange-500 dark:text-orange-300", children: ["Disconnected ", state.connectRetries > 0 ? `- retrying(${state.connectRetries})` : ""] });
+  return (0, import_jsx_runtime18.jsx)("div", { className: "rtmp-output", id: `rtmp-output-${config.id}`, children: state.connected ? connected : disconnected });
 }
-var inline_view_default6 = InlineView6;
+var inline_view_default7 = InlineView7;
 
 // build/output.rtmp/info.js
 var import_FaVideoSlash = __toESM(require_FaVideoSlash());
-function info_default12(r) {
+function info_default13(r) {
   const { validation: { JitterBuffer, Z } } = r;
   return defineRtmpOutputComponent(r, {
     identifier: "output.rtmp",
@@ -90555,22 +90706,22 @@ function defineRtmpOutputComponent({ defineComponent }, settings) {
             state.jitterBuffer = ev.buffer;
             break;
           default:
-            assertUnreachable8(evType);
+            assertUnreachable9(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default6,
+      inline: inline_view_default7,
       summary: summary_view_default4
     }
   });
 }
-function assertUnreachable8(_) {
+function assertUnreachable9(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/output.facebook/info.js
 var import_FaFacebook = __toESM(require_FaFacebook());
-function info_default13(r) {
+function info_default14(r) {
   const { validation: { Z } } = r;
   return defineRtmpOutputComponent(r, {
     identifier: "output.Facebook",
@@ -90600,7 +90751,7 @@ function info_default13(r) {
 
 // build/output.linkedin/info.js
 var import_FaLinkedin = __toESM(require_FaLinkedin());
-function info_default14(r) {
+function info_default15(r) {
   const { validation: { Z } } = r;
   return defineRtmpOutputComponent(r, {
     identifier: "output.LinkedIn",
@@ -90632,7 +90783,7 @@ function info_default14(r) {
 var import_config3 = __toESM(require_config());
 
 // build/output.preview/inline-view.js
-var import_jsx_runtime18 = __toESM(require_jsx_runtime());
+var import_jsx_runtime19 = __toESM(require_jsx_runtime());
 var import_react6 = __toESM(require_react());
 
 // build/shared/whep.js
@@ -90680,7 +90831,7 @@ function createPlayerElement(stream, container) {
 }
 
 // build/output.preview/inline-view.js
-function InlineView7({ state, config, raise }) {
+function InlineView8({ state, config, raise }) {
   const url = state.url;
   const id = config.id;
   const [showPreview, setShowPreview] = (0, import_react6.useState)(config.showPreview ?? true);
@@ -90745,7 +90896,7 @@ function InlineView7({ state, config, raise }) {
   }, [config.showPreview]);
   (0, import_react6.useEffect)(() => raise?.(), [raise]);
   if (!url)
-    return (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: "..." });
+    return (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: "..." });
   function percentage(levels) {
     if (!levels) {
       return 0;
@@ -90755,13 +90906,13 @@ function InlineView7({ state, config, raise }) {
     const snapped = Math.floor(capped * 10) * 10;
     return Math.max(0, 100 - snapped);
   }
-  return (0, import_jsx_runtime18.jsxs)("div", { className: "preview-outer-container", children: [(0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime18.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime18.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-stretch h-full", children: [showPreview ? (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: (0, import_jsx_runtime18.jsxs)("div", { className: "preview-video", id: `preview-${id}`, children: [imageUrl && (0, import_jsx_runtime18.jsx)("img", { src: imageUrl, width: 420, height: 236, alt: "Preview" }), (0, import_jsx_runtime18.jsx)("style", { children: `#preview-${id} video::-webkit-media-controls-play-button { display: none; }` })] }) }) : (0, import_jsx_runtime18.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_runtime18.jsx)("div", { className: "preview-levels", children: (0, import_jsx_runtime18.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}-preview` }) })] })] });
+  return (0, import_jsx_runtime19.jsxs)("div", { className: "preview-outer-container", children: [(0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime19.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime19.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-stretch h-full", children: [showPreview ? (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: (0, import_jsx_runtime19.jsxs)("div", { className: "preview-video", id: `preview-${id}`, children: [imageUrl && (0, import_jsx_runtime19.jsx)("img", { src: imageUrl, width: 420, height: 236, alt: "Preview" }), (0, import_jsx_runtime19.jsx)("style", { children: `#preview-${id} video::-webkit-media-controls-play-button { display: none; }` })] }) }) : (0, import_jsx_runtime19.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_runtime19.jsx)("div", { className: "preview-levels", children: (0, import_jsx_runtime19.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}-preview` }) })] })] });
 }
-var inline_view_default7 = InlineView7;
+var inline_view_default8 = InlineView8;
 
 // build/output.preview/info.js
 var import_FaEye = __toESM(require_FaEye());
-function info_default15(R) {
+function info_default16(R) {
   const { defineComponent, validation: { JitterBuffer } } = R;
   return defineComponent({
     identifier: "output.preview",
@@ -90800,11 +90951,11 @@ function info_default15(R) {
             state = {};
             break;
           default:
-            assertUnreachable9(evType);
+            assertUnreachable10(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default7
+      inline: inline_view_default8
     },
     configForm: {
       global: {
@@ -90834,7 +90985,7 @@ function info_default15(R) {
     }
   });
 }
-function assertUnreachable9(_) {
+function assertUnreachable10(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -90842,7 +90993,7 @@ function assertUnreachable9(_) {
 var import_util5 = __toESM(require_util());
 
 // build/output.srt-caller/summary-view.js
-var import_jsx_runtime19 = __toESM(require_jsx_runtime());
+var import_jsx_runtime20 = __toESM(require_jsx_runtime());
 function SummaryView5({ state, sendCommand }) {
   const handleEnableOutput = () => {
     void enableOutput();
@@ -90860,20 +91011,20 @@ function SummaryView5({ state, sendCommand }) {
       type: "disable-output"
     });
   };
-  return (0, import_jsx_runtime19.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime19.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-green-500" : "bg-red-500"}` }), (0, import_jsx_runtime19.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime19.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime19.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime19.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-green-700 text-white rounded", children: "Enable Output" }) })] }) });
+  return (0, import_jsx_runtime20.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime20.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-green-500" : "bg-red-500"}` }), (0, import_jsx_runtime20.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime20.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime20.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime20.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-green-700 text-white rounded", children: "Enable Output" }) })] }) });
 }
 var summary_view_default5 = SummaryView5;
 
 // build/output.srt-caller/inline-view.js
-var import_jsx_runtime20 = __toESM(require_jsx_runtime());
-function InlineView8({ state }) {
-  return (0, import_jsx_runtime20.jsx)("div", { className: "srt-output", children: state.enabled ? (0, import_jsx_runtime20.jsx)("div", { children: state.metrics.connectionCount == 0 ? (0, import_jsx_runtime20.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" }) : (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [(0, import_jsx_runtime20.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected" }), (0, import_jsx_runtime20.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] }), (0, import_jsx_runtime20.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] }), (0, import_jsx_runtime20.jsx)(JitterBufferInline, { ...state.jitterBuffer })] }) }) : (0, import_jsx_runtime20.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }) });
+var import_jsx_runtime21 = __toESM(require_jsx_runtime());
+function InlineView9({ state }) {
+  return (0, import_jsx_runtime21.jsx)("div", { className: "srt-output", children: state.enabled ? (0, import_jsx_runtime21.jsx)("div", { children: state.metrics.connectionCount == 0 ? (0, import_jsx_runtime21.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "Not Connected" }) : (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [(0, import_jsx_runtime21.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Connected" }), (0, import_jsx_runtime21.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent] }), (0, import_jsx_runtime21.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost, "/", state.metrics.packetsResent] }), (0, import_jsx_runtime21.jsx)(JitterBufferInline, { ...state.jitterBuffer })] }) }) : (0, import_jsx_runtime21.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }) });
 }
-var inline_view_default8 = InlineView8;
+var inline_view_default9 = InlineView9;
 
 // build/output.srt-caller/info.js
 var import_FaHeadphones4 = __toESM(require_FaHeadphones());
-function info_default16(registration) {
+function info_default17(registration) {
   const { defineComponent, All, validation } = registration;
   const { Port, Hostname: Hostname2, JitterBuffer, SrtPassphrase, SrtStreamId } = validation;
   return defineComponent({
@@ -90929,7 +91080,7 @@ function info_default16(registration) {
         return { ...state };
       },
       summary: summary_view_default5,
-      inline: inline_view_default8,
+      inline: inline_view_default9,
       metrics: [
         {
           title: "SRT Transmission",
@@ -90974,7 +91125,7 @@ function info_default16(registration) {
 var import_util6 = __toESM(require_util());
 
 // build/output.srt-listener/summary-view.js
-var import_jsx_runtime21 = __toESM(require_jsx_runtime());
+var import_jsx_runtime22 = __toESM(require_jsx_runtime());
 function SummaryView6({ state, sendCommand }) {
   const handleEnableOutput = () => {
     void enableOutput();
@@ -90992,19 +91143,19 @@ function SummaryView6({ state, sendCommand }) {
       type: "disable-output"
     });
   };
-  return (0, import_jsx_runtime21.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime21.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-green-500" : "bg-red-500"}` }), (0, import_jsx_runtime21.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime21.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime21.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime21.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-green-700 text-white rounded", children: "Enable Output" }) })] }) });
+  return (0, import_jsx_runtime22.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime22.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-green-500" : "bg-red-500"}` }), (0, import_jsx_runtime22.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime22.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime22.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime22.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-green-700 text-white rounded", children: "Enable Output" }) })] }) });
 }
 var summary_view_default6 = SummaryView6;
 
 // build/output.srt-listener/inline-view.js
-var import_jsx_runtime22 = __toESM(require_jsx_runtime());
-function InlineView9({ state }) {
-  return (0, import_jsx_runtime22.jsx)("div", { className: "srt-output", children: state.enabled ? state.metrics.connectionCount == 0 ? (0, import_jsx_runtime22.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "No connections" }) : (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [(0, import_jsx_runtime22.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }), (0, import_jsx_runtime22.jsxs)("div", { children: ["Connections: ", state.metrics.connectionCount] }), (0, import_jsx_runtime22.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent.reduce((a, i) => a + i, 0)] }), (0, import_jsx_runtime22.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost.reduce((a, i) => a + i, 0), "/", state.metrics.packetsResent.reduce((a, i) => a + i, 0)] }), (0, import_jsx_runtime22.jsx)(JitterBufferInline, { ...state.jitterBuffer })] }) : (0, import_jsx_runtime22.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }) });
+var import_jsx_runtime23 = __toESM(require_jsx_runtime());
+function InlineView10({ state }) {
+  return (0, import_jsx_runtime23.jsx)("div", { className: "srt-output", children: state.enabled ? state.metrics.connectionCount == 0 ? (0, import_jsx_runtime23.jsx)("div", { className: "active text-red-300 dark:text-red-300", children: "No connections" }) : (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [(0, import_jsx_runtime23.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }), (0, import_jsx_runtime23.jsxs)("div", { children: ["Connections: ", state.metrics.connectionCount] }), (0, import_jsx_runtime23.jsxs)("div", { children: ["Sent: ", state.metrics.packetsSent.reduce((a, i) => a + i, 0)] }), (0, import_jsx_runtime23.jsxs)("div", { children: ["Lost/Resent: ", state.metrics.packetsLost.reduce((a, i) => a + i, 0), "/", state.metrics.packetsResent.reduce((a, i) => a + i, 0)] }), (0, import_jsx_runtime23.jsx)(JitterBufferInline, { ...state.jitterBuffer })] }) : (0, import_jsx_runtime23.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }) });
 }
-var inline_view_default9 = InlineView9;
+var inline_view_default10 = InlineView10;
 
 // build/output.srt-listener/info.js
-function info_default17(registration) {
+function info_default18(registration) {
   const { defineComponent, All, validation } = registration;
   const { Port, Hostname: Hostname2, JitterBuffer, SrtPassphrase, SrtStreamId } = validation;
   return defineComponent({
@@ -91059,7 +91210,7 @@ function info_default17(registration) {
         return { ...state };
       },
       summary: summary_view_default6,
-      inline: inline_view_default9,
+      inline: inline_view_default10,
       metrics: [
         { title: "SRT Transmission", view: MetricsView3 }
       ]
@@ -91101,39 +91252,39 @@ function info_default17(registration) {
 }
 
 // build/output.statistics/inline-view.js
-var import_jsx_runtime23 = __toESM(require_jsx_runtime());
-function InlineView10({ state }) {
+var import_jsx_runtime24 = __toESM(require_jsx_runtime());
+function InlineView11({ state }) {
   if (!state.previous)
-    return (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, {});
+    return (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
   const format = (stat) => Math.floor(stat).toLocaleString("en-US", { maximumFractionDigits: 0 });
-  return (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: state.previous.allStreams.map((s, i) => {
+  return (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: state.previous.allStreams.map((s, i) => {
     const metaCase = s.metadata.case;
     switch (metaCase) {
       case "audio":
-        return (0, import_jsx_runtime23.jsxs)("div", { children: [(0, import_jsx_runtime23.jsxs)("div", { children: ["StreamKey: ", streamKey(s.streamKey)] }), (0, import_jsx_runtime23.jsxs)("div", { children: ["Bitrate: ", format(s.bitrate), "bps"] })] }, i);
+        return (0, import_jsx_runtime24.jsxs)("div", { children: [(0, import_jsx_runtime24.jsxs)("div", { children: ["StreamKey: ", streamKey(s.streamKey)] }), (0, import_jsx_runtime24.jsxs)("div", { children: ["Bitrate: ", format(s.bitrate), "bps"] })] }, i);
       case "video":
-        return (0, import_jsx_runtime23.jsxs)("div", { children: [(0, import_jsx_runtime23.jsxs)("div", { children: ["StreamKey: ", streamKey(s.streamKey)] }), (0, import_jsx_runtime23.jsxs)("div", { children: ["Bitrate: ", format(s.bitrate), "bps"] })] }, i);
+        return (0, import_jsx_runtime24.jsxs)("div", { children: [(0, import_jsx_runtime24.jsxs)("div", { children: ["StreamKey: ", streamKey(s.streamKey)] }), (0, import_jsx_runtime24.jsxs)("div", { children: ["Bitrate: ", format(s.bitrate), "bps"] })] }, i);
       case "ancillary":
-        return (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, {});
+        return (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
       case "subtitle":
-        return (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, {});
+        return (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
       case "playlist":
-        return (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, {});
+        return (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
       case void 0:
-        return (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, {});
+        return (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
       default:
-        return (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, {});
+        return (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
     }
   }) });
 }
 function streamKey(streamKey2) {
   return streamKey2.streamId.toString();
 }
-var inline_view_default10 = InlineView10;
+var inline_view_default11 = InlineView11;
 
 // build/output.statistics/info.js
 var import_FaChartBar = __toESM(require_FaChartBar());
-function info_default18({ defineComponent, All }) {
+function info_default19({ defineComponent, All }) {
   return defineComponent({
     identifier: "output.statistics",
     category: "output",
@@ -91158,11 +91309,11 @@ function info_default18({ defineComponent, All }) {
             state.previous = ev.summary;
             break;
           default:
-            assertUnreachable12(evType);
+            assertUnreachable13(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default10
+      inline: inline_view_default11
     },
     configForm: {
       form: {
@@ -91171,14 +91322,14 @@ function info_default18({ defineComponent, All }) {
     }
   });
 }
-function assertUnreachable12(_) {
+function assertUnreachable13(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/output.tsMediaPlaylist/info.js
 var import_util7 = __toESM(require_util());
 var import_FaHeadphones5 = __toESM(require_FaHeadphones());
-function info_default19(registration) {
+function info_default20(registration) {
   const { defineComponent, validation } = registration;
   const { Z } = validation;
   return defineComponent({
@@ -91290,7 +91441,7 @@ function info_default19(registration) {
 // build/output.tsMultiVariant/info.js
 var import_util8 = __toESM(require_util());
 var import_FaHeadphones6 = __toESM(require_FaHeadphones());
-function info_default20(registration) {
+function info_default21(registration) {
   const { defineComponent, validation } = registration;
   const { Z } = validation;
   return defineComponent({
@@ -91380,7 +91531,7 @@ function info_default20(registration) {
 
 // build/output.twitch/info.js
 var import_FaTwitch = __toESM(require_FaTwitch());
-function info_default21(r) {
+function info_default22(r) {
   const { validation: { Z } } = r;
   return defineRtmpOutputComponent(r, {
     identifier: "output.twitch",
@@ -91413,14 +91564,14 @@ var import_util9 = __toESM(require_util());
 var import_FaNetworkWired2 = __toESM(require_FaNetworkWired());
 
 // build/output.udpTs/inline-view.js
-var import_jsx_runtime24 = __toESM(require_jsx_runtime());
-function InlineView11({ state }) {
-  return (0, import_jsx_runtime24.jsx)("div", { className: "srt-output", children: (0, import_jsx_runtime24.jsx)("div", { children: (0, import_jsx_runtime24.jsx)(JitterBufferInline, { ...state.jitterBuffer }) }) });
+var import_jsx_runtime25 = __toESM(require_jsx_runtime());
+function InlineView12({ state }) {
+  return (0, import_jsx_runtime25.jsx)("div", { className: "srt-output", children: (0, import_jsx_runtime25.jsx)("div", { children: (0, import_jsx_runtime25.jsx)(JitterBufferInline, { ...state.jitterBuffer }) }) });
 }
-var inline_view_default11 = InlineView11;
+var inline_view_default12 = InlineView12;
 
 // build/output.udpTs/info.js
-function info_default22({ defineComponent, All, validation: { Port, Hostname: Hostname2, JitterBuffer, Iface, Z } }) {
+function info_default23({ defineComponent, All, validation: { Port, Hostname: Hostname2, JitterBuffer, Iface, Z } }) {
   return defineComponent({
     identifier: "output.udpTs",
     category: "output",
@@ -91449,7 +91600,7 @@ function info_default22({ defineComponent, All, validation: { Port, Hostname: Ho
         }
         return { ...state };
       },
-      inline: inline_view_default11,
+      inline: inline_view_default12,
       metrics: []
     },
     display: (desc) => {
@@ -91479,9 +91630,9 @@ function info_default22({ defineComponent, All, validation: { Port, Hostname: Ho
 var import_config4 = __toESM(require_config());
 
 // build/output.whep/inline-view.js
-var import_jsx_runtime25 = __toESM(require_jsx_runtime());
+var import_jsx_runtime26 = __toESM(require_jsx_runtime());
 var import_react7 = __toESM(require_react());
-function InlineView12({ state, config, raise }) {
+function InlineView13({ state, config, raise }) {
   const url = state.url;
   const id = config.id;
   const [showPreview, setShowPreview] = (0, import_react7.useState)(config.showPreview ?? true);
@@ -91523,18 +91674,18 @@ function InlineView12({ state, config, raise }) {
   }, [config.showPreview]);
   (0, import_react7.useEffect)(() => raise && raise(), [raise]);
   if (!url)
-    return (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "..." });
+    return (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: "..." });
   const videoStyles = `
     #whep-${id} video::-webkit-media-controls-play-button { 
       display: none; 
     }
   `;
-  return (0, import_jsx_runtime25.jsxs)("div", { className: "whep-container", children: [(0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime25.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime25.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), (0, import_jsx_runtime25.jsx)("div", { className: "flex items-stretch h-full", children: showPreview ? (0, import_jsx_runtime25.jsx)("div", { className: "whep-video", id: `whep-${id}`, children: (0, import_jsx_runtime25.jsx)("style", { children: videoStyles }) }) : (0, import_jsx_runtime25.jsx)("div", { className: "whep-video bg-black flex items-center justify-center text-white h-full py-4", children: "Preview turned off" }) })] });
+  return (0, import_jsx_runtime26.jsxs)("div", { className: "whep-container", children: [(0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime26.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime26.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), (0, import_jsx_runtime26.jsx)("div", { className: "flex items-stretch h-full", children: showPreview ? (0, import_jsx_runtime26.jsx)("div", { className: "whep-video", id: `whep-${id}`, children: (0, import_jsx_runtime26.jsx)("style", { children: videoStyles }) }) : (0, import_jsx_runtime26.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_default12 = InlineView12;
+var inline_view_default13 = InlineView13;
 
 // build/output.whep/summary-view.js
-var import_jsx_runtime26 = __toESM(require_jsx_runtime());
+var import_jsx_runtime27 = __toESM(require_jsx_runtime());
 function SummaryView7({ state, sendCommand }) {
   const handleEnableOutput = () => {
     void enableOutput();
@@ -91552,13 +91703,13 @@ function SummaryView7({ state, sendCommand }) {
       type: "disable-output"
     });
   };
-  return (0, import_jsx_runtime26.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime26.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime26.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime26.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime26.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime26.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
+  return (0, import_jsx_runtime27.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime27.jsx)("span", { className: `inline-block w-2 h-2 rounded-full ${state.enabled ? "bg-blue-500" : "bg-red-500"}` }), (0, import_jsx_runtime27.jsxs)("span", { className: "text-sm", children: ["Status: ", state.enabled ? "Enabled" : "Disabled"] })] }), (0, import_jsx_runtime27.jsx)("div", { children: state.enabled ? (0, import_jsx_runtime27.jsx)("button", { onClick: handleDisableOutput, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Disable Output" }) : (0, import_jsx_runtime27.jsx)("button", { onClick: handleEnableOutput, className: "px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded", children: "Enable Output" }) })] }) });
 }
 var summary_view_default7 = SummaryView7;
 
 // build/output.whep/info.js
 var import_FaBroadcastTower = __toESM(require_FaBroadcastTower());
-function info_default23(R) {
+function info_default24(R) {
   const { defineComponent, validation: { JitterBuffer } } = R;
   return defineComponent({
     identifier: "output.whep",
@@ -91599,11 +91750,11 @@ function info_default23(R) {
             state.enabled = false;
             break;
           default:
-            assertUnreachable16(evType);
+            assertUnreachable17(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default12,
+      inline: inline_view_default13,
       summary: summary_view_default7
     },
     configForm: {
@@ -91621,13 +91772,13 @@ function info_default23(R) {
     }
   });
 }
-function assertUnreachable16(_) {
+function assertUnreachable17(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/output.youtube/info.js
 var import_FaYoutube = __toESM(require_FaYoutube());
-function info_default24(r) {
+function info_default25(r) {
   const { validation: { Z } } = r;
   return defineRtmpOutputComponent(r, {
     identifier: "output.youtube",
@@ -91659,14 +91810,14 @@ function info_default24(r) {
 var import_client_types2 = __toESM(require_client_types());
 
 // build/processor.audioEncoder/form-views.js
-var import_jsx_runtime27 = __toESM(require_jsx_runtime());
+var import_jsx_runtime28 = __toESM(require_jsx_runtime());
 function CodecConfiguration(cfg) {
-  return (0, import_jsx_runtime27.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime27.jsx)("div", { className: "col-span-1", children: "Codec" }), (0, import_jsx_runtime27.jsx)("div", { className: "col-span-2", children: cfg.kind }), cfg.kind === "aac" ? (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [(0, import_jsx_runtime27.jsx)("div", { className: "col-span-1", children: "Profile" }), (0, import_jsx_runtime27.jsx)("div", { className: "col-span-2", children: cfg.profile }), (0, import_jsx_runtime27.jsx)("div", { className: "col-span-1", children: "Sample Rate" }), (0, import_jsx_runtime27.jsx)("div", { className: "col-span-2", children: cfg.sampleRate })] }) : null] });
+  return (0, import_jsx_runtime28.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime28.jsx)("div", { className: "col-span-1", children: "Codec" }), (0, import_jsx_runtime28.jsx)("div", { className: "col-span-2", children: cfg.kind }), cfg.kind === "aac" ? (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [(0, import_jsx_runtime28.jsx)("div", { className: "col-span-1", children: "Profile" }), (0, import_jsx_runtime28.jsx)("div", { className: "col-span-2", children: cfg.profile }), (0, import_jsx_runtime28.jsx)("div", { className: "col-span-1", children: "Sample Rate" }), (0, import_jsx_runtime28.jsx)("div", { className: "col-span-2", children: cfg.sampleRate })] }) : null] });
 }
 
 // build/processor.audioEncoder/info.js
 var import_FaMicrophone = __toESM(require_FaMicrophone());
-function info_default25({ defineComponent, validation: { Z } }) {
+function info_default26({ defineComponent, validation: { Z } }) {
   const format = (stat) => Math.floor(stat).toLocaleString("en-US", { maximumFractionDigits: 0 });
   const Hz = (v) => ({ display: `${format(v)}Hz`, value: v });
   return defineComponent({
@@ -91797,8 +91948,8 @@ function info_default25({ defineComponent, validation: { Z } }) {
 }
 
 // build/processor.audioMixer/inline-view.js
-var import_jsx_runtime28 = __toESM(require_jsx_runtime());
-function InlineView13({ state }) {
+var import_jsx_runtime29 = __toESM(require_jsx_runtime());
+function InlineView14({ state }) {
   function percentage(levels) {
     if (!levels) {
       return 0;
@@ -91816,17 +91967,17 @@ function InlineView13({ state }) {
   if (mixerOutput) {
     sourcesOrdered.push({ ...mixerOutput });
   }
-  return (0, import_jsx_runtime28.jsx)("div", { className: "processor-audioMixer", children: (0, import_jsx_runtime28.jsx)("div", { className: "inline-mixer-console", children: sourcesOrdered.map((source, i) => {
+  return (0, import_jsx_runtime29.jsx)("div", { className: "processor-audioMixer", children: (0, import_jsx_runtime29.jsx)("div", { className: "inline-mixer-console", children: sourcesOrdered.map((source, i) => {
     const isMasterOutput = i == sourcesOrdered.length - 1;
-    return (0, import_jsx_runtime28.jsxs)("div", { className: `inline-channel-strip ${isMasterOutput ? "inline-master-strip" : ""}`, children: [(0, import_jsx_runtime28.jsx)("div", { className: "inline-channel-label", children: isMasterOutput ? "Master" : source.displayName }), (0, import_jsx_runtime28.jsx)("div", { className: "inline-level-container", children: (0, import_jsx_runtime28.jsx)("div", { className: `inline-level-meter clip-${percentage(source.levels)}` }) }), (0, import_jsx_runtime28.jsx)("div", { className: "inline-fader-container", children: (0, import_jsx_runtime28.jsx)("div", { className: "inline-fader-track", children: (0, import_jsx_runtime28.jsx)("div", { className: "inline-fader-thumb", style: {
+    return (0, import_jsx_runtime29.jsxs)("div", { className: `inline-channel-strip ${isMasterOutput ? "inline-master-strip" : ""}`, children: [(0, import_jsx_runtime29.jsx)("div", { className: "inline-channel-label", children: isMasterOutput ? "Master" : source.displayName }), (0, import_jsx_runtime29.jsx)("div", { className: "inline-level-container", children: (0, import_jsx_runtime29.jsx)("div", { className: `inline-level-meter clip-${percentage(source.levels)}` }) }), (0, import_jsx_runtime29.jsx)("div", { className: "inline-fader-container", children: (0, import_jsx_runtime29.jsx)("div", { className: "inline-fader-track", children: (0, import_jsx_runtime29.jsx)("div", { className: "inline-fader-thumb", style: {
       bottom: `${Math.max(10, Math.min(90, ((source.configuredGain || 0) + 60) / 84 * 80 + 10))}%`
     } }) }) })] }, i);
   }) }) });
 }
-var inline_view_default13 = InlineView13;
+var inline_view_default14 = InlineView14;
 
 // build/processor.audioMixer/fullscreen-view.js
-var import_jsx_runtime29 = __toESM(require_jsx_runtime());
+var import_jsx_runtime30 = __toESM(require_jsx_runtime());
 var import_react8 = __toESM(require_react());
 function FullScreen({ state, sendCommand }) {
   const initialSliders = [];
@@ -91859,7 +92010,7 @@ function FullScreen({ state, sendCommand }) {
   function mkFader(index3) {
     const levels = index3 == state.inputs.length ? state.output : state.inputs[index3];
     const internalSource = index3 == state.inputs.length ? { type: "mixer-output" } : { type: "input-gain", index: index3 };
-    return (0, import_jsx_runtime29.jsxs)("div", { id: `audio-slider-${index3}`, className: `${!levels?.levels ? "opacity-20" : ""} audio-mixer-fader-container grid content-center justify-center w-full relative`, children: [(0, import_jsx_runtime29.jsx)("input", { className: "-rotate-90 audio-mixer-fader", type: "range", name: "gain", min: state.gainRange.min - 0.1, max: state.gainRange.max, step: "0.1", value: levels?.configuredGain || 0, disabled: !levels?.levels, onChange: (e) => {
+    return (0, import_jsx_runtime30.jsxs)("div", { id: `audio-slider-${index3}`, className: `${!levels?.levels ? "opacity-20" : ""} audio-mixer-fader-container grid content-center justify-center w-full relative`, children: [(0, import_jsx_runtime30.jsx)("input", { className: "-rotate-90 audio-mixer-fader", type: "range", name: "gain", min: state.gainRange.min - 0.1, max: state.gainRange.max, step: "0.1", value: levels?.configuredGain || 0, disabled: !levels?.levels, onChange: (e) => {
       sliderValues[index3] = Number(e.target.value);
       if (Number(e.target.value) < state.gainRange.min) {
         preMuteValues[index3] = state.gainRange.min;
@@ -91885,25 +92036,25 @@ function FullScreen({ state, sendCommand }) {
       }
     }, onMouseUp: (_e) => {
       sendCommand({ type: "set-gain", source: internalSource, value: sliderValues[index3] || 0 });
-    } }), (0, import_jsx_runtime29.jsxs)("div", { className: "grid mixer-gain-db ml-2.5 absolute self-center", children: [(0, import_jsx_runtime29.jsxs)("div", { className: "text-xs absolute border-t w-12", children: [state.gainRange.max, "dB"] }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.max * 0.75, "dB"] }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.max * 0.5, "dB"] }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.max * 0.25, "dB"] }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-12", children: "0dB" }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min * 0.25, "dB"] }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min * 0.5, "dB"] }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min * 0.75, "dB"] }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime29.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min, "dB"] })] })] });
+    } }), (0, import_jsx_runtime30.jsxs)("div", { className: "grid mixer-gain-db ml-2.5 absolute self-center", children: [(0, import_jsx_runtime30.jsxs)("div", { className: "text-xs absolute border-t w-12", children: [state.gainRange.max, "dB"] }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.max * 0.75, "dB"] }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.max * 0.5, "dB"] }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.max * 0.25, "dB"] }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-12", children: "0dB" }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min * 0.25, "dB"] }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min * 0.5, "dB"] }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min * 0.75, "dB"] }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-4 h-4" }), (0, import_jsx_runtime30.jsxs)("div", { className: "text-xs self-end border-b w-12", children: [state.gainRange.min, "dB"] })] })] });
   }
   function mkLevels(index3) {
     const levels = index3 == state.inputs.length ? state.output : state.inputs[index3];
     const mutedClass = sliderValues[index3] < state.gainRange.min || levels.muted ? "level-muted" : "";
-    return (0, import_jsx_runtime29.jsxs)("div", { id: `level-${index3}`, className: `preview-levels-mixer ${!levels ? "opacity-30" : ""}`, children: [(0, import_jsx_runtime29.jsx)("div", { className: "relative w-full h-full", children: (0, import_jsx_runtime29.jsx)("div", { className: `preview-level-mixer absolute h-full w-4/6 clip-${percentage(levels?.levels)} ${mutedClass}` }) }), (0, import_jsx_runtime29.jsxs)("div", { className: "grid mixer-level-db ml-2.5 relative", children: [(0, import_jsx_runtime29.jsx)("div", { className: "text-xs absolute border-t w-12 -right-3.5", children: "0dB" }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-25dB" }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-50dB" }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-75dB" }), (0, import_jsx_runtime29.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-100dB" })] })] });
+    return (0, import_jsx_runtime30.jsxs)("div", { id: `level-${index3}`, className: `preview-levels-mixer ${!levels ? "opacity-30" : ""}`, children: [(0, import_jsx_runtime30.jsx)("div", { className: "relative w-full h-full", children: (0, import_jsx_runtime30.jsx)("div", { className: `preview-level-mixer absolute h-full w-4/6 clip-${percentage(levels?.levels)} ${mutedClass}` }) }), (0, import_jsx_runtime30.jsxs)("div", { className: "grid mixer-level-db ml-2.5 relative", children: [(0, import_jsx_runtime30.jsx)("div", { className: "text-xs absolute border-t w-12 -right-3.5", children: "0dB" }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-25dB" }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-50dB" }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-75dB" }), (0, import_jsx_runtime30.jsx)("div", { className: "text-xs self-end border-b w-12", children: "-100dB" })] })] });
   }
   function mkGainValue(index3) {
     const levels = index3 == state.inputs.length ? state.output : state.inputs[index3];
     const sliderValue = sliderValues[index3];
     const sliderValueText = sliderValue === void 0 ? "- dB" : sliderValue < state.gainRange.min || levels.muted ? "muted" : sliderValue + "dB";
-    return (0, import_jsx_runtime29.jsx)("div", { id: `gain-value-${index3}`, className: `${!levels ? "opacity-20" : ""} text-m`, children: sliderValueText });
+    return (0, import_jsx_runtime30.jsx)("div", { id: `gain-value-${index3}`, className: `${!levels ? "opacity-20" : ""} text-m`, children: sliderValueText });
   }
   function muteIcon(index3) {
     const levels = index3 == state.inputs.length ? state.output : state.inputs[index3];
     const internalSource = index3 == state.inputs.length ? { type: "mixer-output" } : { type: "input-gain", index: index3 };
-    const mute = (0, import_jsx_runtime29.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-6 h-6", children: (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" }) });
-    const unMute = (0, import_jsx_runtime29.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-6 h-6", children: (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" }) });
-    return (0, import_jsx_runtime29.jsx)("div", { className: `${!levels ? "opacity-20" : ""} mute-icon self-center`, onClick: (_e) => {
+    const mute = (0, import_jsx_runtime30.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-6 h-6", children: (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" }) });
+    const unMute = (0, import_jsx_runtime30.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-6 h-6", children: (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" }) });
+    return (0, import_jsx_runtime30.jsx)("div", { className: `${!levels ? "opacity-20" : ""} mute-icon self-center`, onClick: (_e) => {
       if (levels) {
         if (levels.muted) {
           sendCommand({ type: "toggle-mute", source: internalSource, muted: false });
@@ -91929,16 +92080,16 @@ function FullScreen({ state, sendCommand }) {
   }
   {
   }
-  return (0, import_jsx_runtime29.jsx)("div", { className: "processor-audioMixer fullscreen", children: (0, import_jsx_runtime29.jsx)("div", { className: "audio-mixer grid gap-x-8 justify-items-center", style: mkGridColumns(), children: inputsOrdered.map((s, i) => {
+  return (0, import_jsx_runtime30.jsx)("div", { className: "processor-audioMixer fullscreen", children: (0, import_jsx_runtime30.jsx)("div", { className: "audio-mixer grid gap-x-8 justify-items-center", style: mkGridColumns(), children: inputsOrdered.map((s, i) => {
     const isMasterOutput = i == inputsOrdered.length - 1;
     const divKey = `${i}`;
-    return (0, import_jsx_runtime29.jsxs)("div", { className: `channel-container grid justify-items-center ${isMasterOutput ? "master-channel-container ml-12" : ""} `, children: [(0, import_jsx_runtime29.jsx)("div", { id: `channel-title-${divKey}`, className: `channel-title ${isMasterOutput ? "master-title" : ""}`, children: isMasterOutput ? "Master" : s.displayName }), mkLevels(i), muteIcon(i), mkFader(i), mkGainValue(i)] }, divKey);
+    return (0, import_jsx_runtime30.jsxs)("div", { className: `channel-container grid justify-items-center ${isMasterOutput ? "master-channel-container ml-12" : ""} `, children: [(0, import_jsx_runtime30.jsx)("div", { id: `channel-title-${divKey}`, className: `channel-title ${isMasterOutput ? "master-title" : ""}`, children: isMasterOutput ? "Master" : s.displayName }), mkLevels(i), muteIcon(i), mkFader(i), mkGainValue(i)] }, divKey);
   }) }) });
 }
 var fullscreen_view_default = FullScreen;
 
 // build/processor.audioMixer/info.js
-function info_default26({ defineComponent, validation: { Z } }) {
+function info_default27({ defineComponent, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.audioMixer",
     category: "processor",
@@ -92015,11 +92166,11 @@ function info_default26({ defineComponent, validation: { Z } }) {
             break;
           }
           default:
-            assertUnreachable17(evType);
+            assertUnreachable18(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default13,
+      inline: inline_view_default14,
       fullscreen: fullscreen_view_default
     },
     configForm: {
@@ -92053,7 +92204,7 @@ var channelLayouts = () => {
   ];
   return ch;
 };
-function assertUnreachable17(_) {
+function assertUnreachable18(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -92062,7 +92213,7 @@ var import_config5 = __toESM(require_config());
 var import_FaWindowRestore = __toESM(require_FaWindowRestore());
 
 // build/processor.browserOverlay/summary-view.js
-var import_jsx_runtime30 = __toESM(require_jsx_runtime());
+var import_jsx_runtime31 = __toESM(require_jsx_runtime());
 var import_react9 = __toESM(require_react());
 function SummaryView8({ state, sendCommand }) {
   const [url, setUrl] = (0, import_react9.useState)(state.currentUrl);
@@ -92071,7 +92222,7 @@ function SummaryView8({ state, sendCommand }) {
     return url !== state.currentUrl || enabled !== state.enabled;
   }, [url, enabled, state.currentUrl, state.enabled]);
   const buttonClass = "mt-2 mb-5 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";
-  return (0, import_jsx_runtime30.jsxs)("div", { className: "space-y-3 mb-5", children: [(0, import_jsx_runtime30.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Controls" }), (0, import_jsx_runtime30.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime30.jsx)("label", { htmlFor: "url", className: "mb-2 mr-2 text-sm font-medium text-gray-900 dark:text-white", children: "URL" }), (0, import_jsx_runtime30.jsx)("input", { type: "email", id: "url", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500", value: url, onChange: (e) => setUrl(e.target.value), required: true })] }), (0, import_jsx_runtime30.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime30.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, import_jsx_runtime30.jsx)("span", { className: "me-3 text-sm font-medium text-gray-900 dark:text-gray-300", children: "Enabled" }), (0, import_jsx_runtime30.jsx)("input", { type: "checkbox", checked: enabled, onChange: (e) => setEnabled(e.target.checked), className: "sr-only peer" }), (0, import_jsx_runtime30.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) }), (0, import_jsx_runtime30.jsx)("button", { type: "button", className: `${buttonClass} ${!stateChanged ? "opacity-50 cursor-not-allowed" : ""}`, disabled: !stateChanged, onClick: () => {
+  return (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-3 mb-5", children: [(0, import_jsx_runtime31.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Controls" }), (0, import_jsx_runtime31.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime31.jsx)("label", { htmlFor: "url", className: "mb-2 mr-2 text-sm font-medium text-gray-900 dark:text-white", children: "URL" }), (0, import_jsx_runtime31.jsx)("input", { type: "email", id: "url", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500", value: url, onChange: (e) => setUrl(e.target.value), required: true })] }), (0, import_jsx_runtime31.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime31.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, import_jsx_runtime31.jsx)("span", { className: "me-3 text-sm font-medium text-gray-900 dark:text-gray-300", children: "Enabled" }), (0, import_jsx_runtime31.jsx)("input", { type: "checkbox", checked: enabled, onChange: (e) => setEnabled(e.target.checked), className: "sr-only peer" }), (0, import_jsx_runtime31.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) }), (0, import_jsx_runtime31.jsx)("button", { type: "button", className: `${buttonClass} ${!stateChanged ? "opacity-50 cursor-not-allowed" : ""}`, disabled: !stateChanged, onClick: () => {
     if (url !== state.currentUrl) {
       sendCommand({ type: "change-url", url });
     }
@@ -92087,14 +92238,14 @@ function SummaryView8({ state, sendCommand }) {
 var summary_view_default8 = SummaryView8;
 
 // build/processor.browserOverlay/inline-view.js
-var import_jsx_runtime31 = __toESM(require_jsx_runtime());
-function InlineView14({ state, config }) {
-  return (0, import_jsx_runtime31.jsx)("div", { id: `browser-overlay-${config.id}`, children: (0, import_jsx_runtime31.jsxs)("div", { className: "w-64 grid grid-cols-[min-content,1fr] gap-2", children: [(0, import_jsx_runtime31.jsx)("div", { children: "URL:" }), (0, import_jsx_runtime31.jsx)("div", { className: "truncate", children: state.currentUrl }), (0, import_jsx_runtime31.jsx)("div", { children: "Enabled:" }), (0, import_jsx_runtime31.jsx)("div", { children: (0, import_jsx_runtime31.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, import_jsx_runtime31.jsx)("input", { type: "checkbox", checked: state.enabled, disabled: true, className: "sr-only peer" }), (0, import_jsx_runtime31.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) })] }) });
+var import_jsx_runtime32 = __toESM(require_jsx_runtime());
+function InlineView15({ state, config }) {
+  return (0, import_jsx_runtime32.jsx)("div", { id: `browser-overlay-${config.id}`, children: (0, import_jsx_runtime32.jsxs)("div", { className: "w-64 grid grid-cols-[min-content,1fr] gap-2", children: [(0, import_jsx_runtime32.jsx)("div", { children: "URL:" }), (0, import_jsx_runtime32.jsx)("div", { className: "truncate", children: state.currentUrl }), (0, import_jsx_runtime32.jsx)("div", { children: "Enabled:" }), (0, import_jsx_runtime32.jsx)("div", { children: (0, import_jsx_runtime32.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, import_jsx_runtime32.jsx)("input", { type: "checkbox", checked: state.enabled, disabled: true, className: "sr-only peer" }), (0, import_jsx_runtime32.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) })] }) });
 }
-var inline_view_default14 = InlineView14;
+var inline_view_default15 = InlineView15;
 
 // build/processor.browserOverlay/info.js
-function info_default27({ defineComponent, validation: { Z } }) {
+function info_default28({ defineComponent, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.browserOverlay",
     category: "processor",
@@ -92124,7 +92275,7 @@ function info_default27({ defineComponent, validation: { Z } }) {
     },
     runtime: {
       summary: summary_view_default8,
-      inline: inline_view_default14,
+      inline: inline_view_default15,
       initialState: () => ({
         currentUrl: "",
         enabled: true
@@ -92139,7 +92290,7 @@ function info_default27({ defineComponent, validation: { Z } }) {
           case "disabled":
             return { ...state, enabled: false };
           default:
-            assertUnreachable18(evType);
+            assertUnreachable19(evType);
         }
       }
     },
@@ -92154,7 +92305,7 @@ function info_default27({ defineComponent, validation: { Z } }) {
     }
   });
 }
-function assertUnreachable18(_) {
+function assertUnreachable19(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -92163,113 +92314,113 @@ var import_config6 = __toESM(require_config());
 var import_client_types3 = __toESM(require_client_types());
 
 // build/processor.fixedLadder/rung-view.js
-var import_jsx_runtime32 = __toESM(require_jsx_runtime());
+var import_jsx_runtime33 = __toESM(require_jsx_runtime());
 function RungView(rung) {
-  return (0, import_jsx_runtime32.jsx)("div", { className: "text-gray-900 dark:text-white", children: rung.name });
+  return (0, import_jsx_runtime33.jsx)("div", { className: "text-gray-900 dark:text-white", children: rung.name });
 }
 
 // build/processor.fixedLadder/x26x-bitrate-view.js
-var import_jsx_runtime33 = __toESM(require_jsx_runtime());
+var import_jsx_runtime34 = __toESM(require_jsx_runtime());
 function X264XBitrateView(bitrate) {
   const value = (() => {
     if (bitrate) {
       switch (bitrate.mode) {
         case "abr":
-          return (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: ["ABR ", bitrate.value, "kbps "] });
+          return (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: ["ABR ", bitrate.value, "kbps "] });
         case "cqp":
-          return (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: ["CQP ", bitrate.value] });
+          return (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: ["CQP ", bitrate.value] });
         case "crf":
-          return (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: ["CRF ", bitrate.value] });
+          return (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: ["CRF ", bitrate.value] });
       }
     } else {
-      return (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: "N/A" });
+      return (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: "N/A" });
     }
   })();
-  return (0, import_jsx_runtime33.jsx)("div", { className: "text-gray-900 dark:text-white", children: value });
+  return (0, import_jsx_runtime34.jsx)("div", { className: "text-gray-900 dark:text-white", children: value });
 }
 
 // build/processor.fixedLadder/nvidia-rate-control-view.js
-var import_jsx_runtime34 = __toESM(require_jsx_runtime());
+var import_jsx_runtime35 = __toESM(require_jsx_runtime());
 function NvidiaRateControlView(rateControl) {
   const value = (() => {
     if (rateControl) {
       switch (rateControl.mode) {
         case "con_stqp":
-          return (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: "Constant QP" });
+          return (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: "Constant QP" });
         case "vbr":
-          return (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: "VBR" });
+          return (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: "VBR" });
         case "cbr":
-          return (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: "CBR" });
+          return (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: "CBR" });
       }
     } else {
-      return (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: "N/A" });
+      return (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: "N/A" });
     }
   })();
-  return (0, import_jsx_runtime34.jsx)("div", { className: "text-gray-900 dark:text-white", children: value });
+  return (0, import_jsx_runtime35.jsx)("div", { className: "text-gray-900 dark:text-white", children: value });
 }
 
 // build/processor.fixedLadder/software-view.js
-var import_jsx_runtime35 = __toESM(require_jsx_runtime());
+var import_jsx_runtime36 = __toESM(require_jsx_runtime());
 function SoftwareView(codec) {
   if (codec == void 0) {
-    return (0, import_jsx_runtime35.jsx)("div", { className: "text-gray-900 dark:text-white", children: "N/A" });
+    return (0, import_jsx_runtime36.jsx)("div", { className: "text-gray-900 dark:text-white", children: "N/A" });
   } else {
     const type = codec.type;
     const undefinedToDefault = (val) => val ?? "[default]";
     switch (type) {
       case "x264":
-        return (0, import_jsx_runtime35.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime35.jsxs)("ul", { children: [(0, import_jsx_runtime35.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime35.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.keyFrameIntervalMin), "-", undefinedToDefault(codec.keyFrameIntervalMax)] }), (0, import_jsx_runtime35.jsxs)("li", { children: ["Ref-frames: ", undefinedToDefault(codec.frameReference)] }), (0, import_jsx_runtime35.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.bframes)] })] }) });
+        return (0, import_jsx_runtime36.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime36.jsxs)("ul", { children: [(0, import_jsx_runtime36.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.keyFrameIntervalMin), "-", undefinedToDefault(codec.keyFrameIntervalMax)] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["Ref-frames: ", undefinedToDefault(codec.frameReference)] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.bframes)] })] }) });
       case "x265":
-        return (0, import_jsx_runtime35.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime35.jsxs)("ul", { children: [(0, import_jsx_runtime35.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime35.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.keyFrameIntervalMin), "-", undefinedToDefault(codec.keyFrameIntervalMax)] }), (0, import_jsx_runtime35.jsxs)("li", { children: ["Ref-frames: ", undefinedToDefault(codec.frameReference)] }), (0, import_jsx_runtime35.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.bframes)] })] }) });
+        return (0, import_jsx_runtime36.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime36.jsxs)("ul", { children: [(0, import_jsx_runtime36.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.keyFrameIntervalMin), "-", undefinedToDefault(codec.keyFrameIntervalMax)] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["Ref-frames: ", undefinedToDefault(codec.frameReference)] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.bframes)] })] }) });
     }
   }
 }
 
 // build/processor.fixedLadder/quadra-view.js
-var import_jsx_runtime36 = __toESM(require_jsx_runtime());
+var import_jsx_runtime37 = __toESM(require_jsx_runtime());
 function QuadraView(codec) {
   if (codec == void 0) {
-    return (0, import_jsx_runtime36.jsx)("div", { className: "text-gray-900 dark:text-white", children: "N/A" });
+    return (0, import_jsx_runtime37.jsx)("div", { className: "text-gray-900 dark:text-white", children: "N/A" });
   } else {
     const type = codec.type;
     const undefinedToDefault = (val) => val ?? "[default]";
     switch (type) {
       case "quadra-h264":
-        return (0, import_jsx_runtime36.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime36.jsxs)("ul", { children: [(0, import_jsx_runtime36.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["Opts: ", undefinedToDefault(codec.extraOpts)] })] }) });
+        return (0, import_jsx_runtime37.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime37.jsxs)("ul", { children: [(0, import_jsx_runtime37.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["Opts: ", undefinedToDefault(codec.extraOpts)] })] }) });
       case "quadra-hevc":
-        return (0, import_jsx_runtime36.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime36.jsxs)("ul", { children: [(0, import_jsx_runtime36.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["Opts: ", undefinedToDefault(codec.extraOpts)] })] }) });
+        return (0, import_jsx_runtime37.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime37.jsxs)("ul", { children: [(0, import_jsx_runtime37.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["Opts: ", undefinedToDefault(codec.extraOpts)] })] }) });
       case "quadra-av1":
-        return (0, import_jsx_runtime36.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime36.jsxs)("ul", { children: [(0, import_jsx_runtime36.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime36.jsxs)("li", { children: ["Opts: ", undefinedToDefault(codec.extraOpts)] })] }) });
+        return (0, import_jsx_runtime37.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime37.jsxs)("ul", { children: [(0, import_jsx_runtime37.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["Opts: ", undefinedToDefault(codec.extraOpts)] })] }) });
     }
   }
 }
 
 // build/processor.fixedLadder/nvidia-view.js
-var import_jsx_runtime37 = __toESM(require_jsx_runtime());
+var import_jsx_runtime38 = __toESM(require_jsx_runtime());
 function NvidiaView(codec) {
   if (codec == void 0) {
-    return (0, import_jsx_runtime37.jsx)("div", { className: "text-gray-900 dark:text-white", children: "N/A" });
+    return (0, import_jsx_runtime38.jsx)("div", { className: "text-gray-900 dark:text-white", children: "N/A" });
   } else {
     const type = codec.type;
     const undefinedToDefault = (val) => val ?? "[default]";
     switch (type) {
       case "nv-h264":
-        return (0, import_jsx_runtime37.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime37.jsxs)("ul", { children: [(0, import_jsx_runtime37.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.idrPeriod)] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["Ref-frames: ", undefinedToDefault(codec.maxNumRefFrames)] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.useBFramesAsRef)] })] }) });
+        return (0, import_jsx_runtime38.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime38.jsxs)("ul", { children: [(0, import_jsx_runtime38.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime38.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.idrPeriod)] }), (0, import_jsx_runtime38.jsxs)("li", { children: ["Ref-frames: ", undefinedToDefault(codec.maxNumRefFrames)] }), (0, import_jsx_runtime38.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.useBFramesAsRef)] })] }) });
       case "nv-hevc":
-        return (0, import_jsx_runtime37.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime37.jsxs)("ul", { children: [(0, import_jsx_runtime37.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.idrPeriod)] }), (0, import_jsx_runtime37.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.useBFramesAsRef)] })] }) });
+        return (0, import_jsx_runtime38.jsx)("div", { className: "text-gray-900 dark:text-white", children: (0, import_jsx_runtime38.jsxs)("ul", { children: [(0, import_jsx_runtime38.jsxs)("li", { children: ["Codec: ", type] }), (0, import_jsx_runtime38.jsxs)("li", { children: ["GOP Size: ", undefinedToDefault(codec.idrPeriod)] }), (0, import_jsx_runtime38.jsxs)("li", { children: ["B-Frames: ", undefinedToDefault(codec.useBFramesAsRef)] })] }) });
     }
   }
 }
 
 // build/processor.fixedLadder/codec-view.js
-var import_jsx_runtime38 = __toESM(require_jsx_runtime());
+var import_jsx_runtime39 = __toESM(require_jsx_runtime());
 function CodecEditor(props) {
-  return (0, import_jsx_runtime38.jsxs)("div", { className: "text-gray-900 dark:text-white", children: [props?.width, "x", props?.height] });
+  return (0, import_jsx_runtime39.jsxs)("div", { className: "text-gray-900 dark:text-white", children: [props?.width, "x", props?.height] });
 }
 
 // build/processor.fixedLadder/info.js
 var import_FaLayerGroup = __toESM(require_FaLayerGroup());
-function info_default28({ defineComponent, common: { FrameRates } }) {
+function info_default29({ defineComponent, common: { FrameRates } }) {
   function softwareHint() {
     return {
       type: "form-pick",
@@ -93507,7 +93658,7 @@ function createSoftwareRung(rung) {
     case "h264_320x180":
       return createRungImpl({ name: rung, threads: 1, bitrate: 800 });
     default:
-      return assertUnreachable19(rung);
+      return assertUnreachable20(rung);
   }
 }
 function createNvidiaRung(rung) {
@@ -93521,7 +93672,7 @@ function createNvidiaRung(rung) {
     case "h264_320x180":
       return createNvidiaRungImpl({ name: rung, bitrate: 8e5 });
     default:
-      return assertUnreachable19(rung);
+      return assertUnreachable20(rung);
   }
 }
 function createQuadraRung(rung) {
@@ -93535,7 +93686,7 @@ function createQuadraRung(rung) {
     case "h264_320x180":
       return createQuadraRungImpl({ name: rung, bitrate: 8e5 });
     default:
-      return assertUnreachable19(rung);
+      return assertUnreachable20(rung);
   }
 }
 function createRungImpl({ name, threads, bitrate }) {
@@ -93598,7 +93749,7 @@ function rungWidth(rungName) {
 function rungHeight(rungName) {
   return parseInt(rungName.split("_")[1].split(`x`)[1]);
 }
-function assertUnreachable19(_) {
+function assertUnreachable20(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -93606,8 +93757,8 @@ function assertUnreachable19(_) {
 var import_FaImage = __toESM(require_FaImage());
 
 // build/processor.gate/inline-view.js
-var import_jsx_runtime39 = __toESM(require_jsx_runtime());
-function InlineView15({ state, config, sendCommand }) {
+var import_jsx_runtime40 = __toESM(require_jsx_runtime());
+function InlineView16({ state, config, sendCommand }) {
   function onStatusChanged(selected) {
     if (selected) {
       sendCommand({ type: "open" });
@@ -93615,12 +93766,12 @@ function InlineView15({ state, config, sendCommand }) {
       sendCommand({ type: "close" });
     }
   }
-  return (0, import_jsx_runtime39.jsx)("div", { id: `browser-overlay-${config.id}`, children: (0, import_jsx_runtime39.jsxs)("div", { className: "w-64 grid grid-cols-[min-content,1fr] gap-2", children: [(0, import_jsx_runtime39.jsx)("div", { children: state.status == "open" ? "Open" : "Closed" }), (0, import_jsx_runtime39.jsx)("div", { children: (0, import_jsx_runtime39.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, import_jsx_runtime39.jsx)("input", { type: "checkbox", checked: state.status == "open", onChange: (e) => onStatusChanged(e.target.checked), className: "sr-only peer" }), (0, import_jsx_runtime39.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) })] }) });
+  return (0, import_jsx_runtime40.jsx)("div", { id: `browser-overlay-${config.id}`, children: (0, import_jsx_runtime40.jsxs)("div", { className: "w-64 grid grid-cols-[min-content,1fr] gap-2", children: [(0, import_jsx_runtime40.jsx)("div", { children: state.status == "open" ? "Open" : "Closed" }), (0, import_jsx_runtime40.jsx)("div", { children: (0, import_jsx_runtime40.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, import_jsx_runtime40.jsx)("input", { type: "checkbox", checked: state.status == "open", onChange: (e) => onStatusChanged(e.target.checked), className: "sr-only peer" }), (0, import_jsx_runtime40.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) })] }) });
 }
-var inline_view_default15 = InlineView15;
+var inline_view_default16 = InlineView16;
 
 // build/processor.gate/info.js
-function info_default29({ defineComponent, All }) {
+function info_default30({ defineComponent, All }) {
   return defineComponent({
     identifier: "processor.gate",
     category: "processor",
@@ -93651,7 +93802,7 @@ function info_default29({ defineComponent, All }) {
       };
     },
     runtime: {
-      inline: inline_view_default15,
+      inline: inline_view_default16,
       initialState: () => ({
         status: "closed"
       }),
@@ -93661,7 +93812,7 @@ function info_default29({ defineComponent, All }) {
           case "status-changed":
             return { ...state, status: ev.status };
           default:
-            assertUnreachable20(evType);
+            assertUnreachable21(evType);
         }
       }
     },
@@ -93683,13 +93834,13 @@ function info_default29({ defineComponent, All }) {
     }
   });
 }
-function assertUnreachable20(_) {
+function assertUnreachable21(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.makeProgram/info.js
 var import_FaPlayCircle = __toESM(require_FaPlayCircle());
-function info_default30({ defineComponent, All, validation: { Z } }) {
+function info_default31({ defineComponent, All, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.makeProgram",
     category: "processor",
@@ -93815,7 +93966,7 @@ function getStreamKeyMapping(componentId, rows, columns) {
     audioStreamKeys
   };
 }
-function info_default31({ defineComponent, validation: { Z } }) {
+function info_default32({ defineComponent, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.multiview",
     name: "Multiview",
@@ -93926,7 +94077,7 @@ function info_default31({ defineComponent, validation: { Z } }) {
 var import_config7 = __toESM(require_config());
 
 // build/processor.onscreenGraphic/image-selection.js
-var import_jsx_runtime40 = __toESM(require_jsx_runtime());
+var import_jsx_runtime41 = __toESM(require_jsx_runtime());
 var import_react10 = __toESM(require_react());
 function GraphicSelection(props) {
   const [loading, setLoading] = (0, import_react10.useState)(true);
@@ -93955,19 +94106,19 @@ function GraphicSelection(props) {
   }, [staticUrl, defaultValue, onChanged]);
   const [graphcs, setGraphics] = (0, import_react10.useState)([]);
   if (loading) {
-    return (0, import_jsx_runtime40.jsx)("div", { children: "Loading.." });
+    return (0, import_jsx_runtime41.jsx)("div", { children: "Loading.." });
   }
   if (graphcs.length == 0) {
-    return (0, import_jsx_runtime40.jsx)("div", { children: "No graphics loaded" });
+    return (0, import_jsx_runtime41.jsx)("div", { children: "No graphics loaded" });
   }
-  return (0, import_jsx_runtime40.jsx)("div", { children: (0, import_jsx_runtime40.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime40.jsx)("option", { value: "", children: "---" }, "empty"), graphcs.map((o, i) => {
-    return (0, import_jsx_runtime40.jsx)("option", { value: o, children: o }, i);
+  return (0, import_jsx_runtime41.jsx)("div", { children: (0, import_jsx_runtime41.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime41.jsx)("option", { value: "", children: "---" }, "empty"), graphcs.map((o, i) => {
+    return (0, import_jsx_runtime41.jsx)("option", { value: o, children: o }, i);
   })] }) });
 }
 var image_selection_default = GraphicSelection;
 
 // build/processor.onscreenGraphic/summary-view.js
-var import_jsx_runtime41 = __toESM(require_jsx_runtime());
+var import_jsx_runtime42 = __toESM(require_jsx_runtime());
 var import_react11 = __toESM(require_react());
 function SummaryView9({ state, sendCommand, urls }) {
   const [graphic, setGraphic] = (0, import_react11.useState)(state.activeGraphic?.file);
@@ -94105,7 +94256,7 @@ function SummaryView9({ state, sendCommand, urls }) {
   const buttonClass = "mt-2 mb-5 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";
   const deleteButtonClass = "mt-2 text-white w-full justify-center bg-red-600 hover:bg-red-700 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-700 dark:hover:bg-red-800 dark:focus:ring-red-900";
   const fileInputClass = "block w-full text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400";
-  return (0, import_jsx_runtime41.jsxs)("div", { className: "space-y-3", children: [(0, import_jsx_runtime41.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Controls" }), (0, import_jsx_runtime41.jsxs)("div", { children: [(0, import_jsx_runtime41.jsx)("label", { htmlFor: "select-graphic", className: "block text-gray-900 dark:text-white mb-1", children: "Source" }), (0, import_jsx_runtime41.jsxs)("select", { id: "select-graphic", className: "w-full node-editor-select-input", value: graphic || "", onChange: (e) => setGraphic(e.target.value || void 0), children: [(0, import_jsx_runtime41.jsx)("option", { value: "", children: "---" }), graphics.map((s) => (0, import_jsx_runtime41.jsx)("option", { value: s, children: s }, s))] })] }), graphic && (0, import_jsx_runtime41.jsxs)("div", { children: [(0, import_jsx_runtime41.jsx)("label", { htmlFor: "select-position", className: "block text-gray-900 dark:text-white mb-1", children: "Graphic position" }), (0, import_jsx_runtime41.jsx)(PositionSelector, { initialPosition: position, onChange: setPosition, graphicChanged, ...state })] }), (0, import_jsx_runtime41.jsx)("button", { type: "button", className: `${buttonClass} ${!stateChanged ? "opacity-50 cursor-not-allowed" : ""}`, onClick: () => sendCommand({ type: "change-graphic", file: graphic, position }), disabled: !stateChanged, children: "Commit" }), !showFileInput && !uploadStatus.success && (0, import_jsx_runtime41.jsx)("button", { type: "button", className: buttonClass, onClick: () => setShowFileInput(true), style: { marginBottom: "1rem" }, children: "Upload Graphic" }), showFileInput && (0, import_jsx_runtime41.jsxs)("form", { style: { display: "block", marginBottom: "1rem" }, children: [(0, import_jsx_runtime41.jsx)("input", { type: "file", id: "file", name: "filename", onChange: onFileChange, className: fileInputClass }), showUploadButton && (0, import_jsx_runtime41.jsx)("button", { type: "button", className: buttonClass, onClick: uploadFile, children: "Upload" })] }), (0, import_jsx_runtime41.jsx)("button", { type: "button", className: deleteButtonClass, onClick: () => setShowDeleteDropdown(!showDeleteDropdown), style: { marginBottom: "1rem" }, children: showDeleteDropdown ? "Hide Delete Options" : "Delete Graphics" }), showDeleteDropdown && (0, import_jsx_runtime41.jsxs)("div", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded-lg", children: [(0, import_jsx_runtime41.jsx)("h3", { className: "text-lg font-semibold mb-2 text-gray-900 dark:text-white", children: "Select Graphic to Delete" }), (0, import_jsx_runtime41.jsxs)("select", { className: "w-full mb-2 node-editor-select-input", value: graphicToDelete, onChange: (e) => setGraphicToDelete(e.target.value), children: [(0, import_jsx_runtime41.jsx)("option", { value: "", children: " Select a graphic" }), graphics.map((graphicName) => (0, import_jsx_runtime41.jsx)("option", { value: graphicName, children: graphicName }, graphicName))] }), (0, import_jsx_runtime41.jsx)("button", { onClick: deleteBug, disabled: !graphicToDelete, className: `${deleteButtonClass} ${!graphicToDelete ? "opacity-50 cursor-not-allowed" : ""}`, children: "Delete Selected Graphic" })] }), uploadStatus.message && (0, import_jsx_runtime41.jsx)("div", { className: `mt-2 text-center ${uploadStatus.success ? "text-green-600" : "text-red-600"}`, children: uploadStatus.message })] });
+  return (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-3", children: [(0, import_jsx_runtime42.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Controls" }), (0, import_jsx_runtime42.jsxs)("div", { children: [(0, import_jsx_runtime42.jsx)("label", { htmlFor: "select-graphic", className: "block text-gray-900 dark:text-white mb-1", children: "Source" }), (0, import_jsx_runtime42.jsxs)("select", { id: "select-graphic", className: "w-full node-editor-select-input", value: graphic || "", onChange: (e) => setGraphic(e.target.value || void 0), children: [(0, import_jsx_runtime42.jsx)("option", { value: "", children: "---" }), graphics.map((s) => (0, import_jsx_runtime42.jsx)("option", { value: s, children: s }, s))] })] }), graphic && (0, import_jsx_runtime42.jsxs)("div", { children: [(0, import_jsx_runtime42.jsx)("label", { htmlFor: "select-position", className: "block text-gray-900 dark:text-white mb-1", children: "Graphic position" }), (0, import_jsx_runtime42.jsx)(PositionSelector, { initialPosition: position, onChange: setPosition, graphicChanged, ...state })] }), (0, import_jsx_runtime42.jsx)("button", { type: "button", className: `${buttonClass} ${!stateChanged ? "opacity-50 cursor-not-allowed" : ""}`, onClick: () => sendCommand({ type: "change-graphic", file: graphic, position }), disabled: !stateChanged, children: "Commit" }), !showFileInput && !uploadStatus.success && (0, import_jsx_runtime42.jsx)("button", { type: "button", className: buttonClass, onClick: () => setShowFileInput(true), style: { marginBottom: "1rem" }, children: "Upload Graphic" }), showFileInput && (0, import_jsx_runtime42.jsxs)("form", { style: { display: "block", marginBottom: "1rem" }, children: [(0, import_jsx_runtime42.jsx)("input", { type: "file", id: "file", name: "filename", onChange: onFileChange, className: fileInputClass }), showUploadButton && (0, import_jsx_runtime42.jsx)("button", { type: "button", className: buttonClass, onClick: uploadFile, children: "Upload" })] }), (0, import_jsx_runtime42.jsx)("button", { type: "button", className: deleteButtonClass, onClick: () => setShowDeleteDropdown(!showDeleteDropdown), style: { marginBottom: "1rem" }, children: showDeleteDropdown ? "Hide Delete Options" : "Delete Graphics" }), showDeleteDropdown && (0, import_jsx_runtime42.jsxs)("div", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded-lg", children: [(0, import_jsx_runtime42.jsx)("h3", { className: "text-lg font-semibold mb-2 text-gray-900 dark:text-white", children: "Select Graphic to Delete" }), (0, import_jsx_runtime42.jsxs)("select", { className: "w-full mb-2 node-editor-select-input", value: graphicToDelete, onChange: (e) => setGraphicToDelete(e.target.value), children: [(0, import_jsx_runtime42.jsx)("option", { value: "", children: " Select a graphic" }), graphics.map((graphicName) => (0, import_jsx_runtime42.jsx)("option", { value: graphicName, children: graphicName }, graphicName))] }), (0, import_jsx_runtime42.jsx)("button", { onClick: deleteBug, disabled: !graphicToDelete, className: `${deleteButtonClass} ${!graphicToDelete ? "opacity-50 cursor-not-allowed" : ""}`, children: "Delete Selected Graphic" })] }), uploadStatus.message && (0, import_jsx_runtime42.jsx)("div", { className: `mt-2 text-center ${uploadStatus.success ? "text-green-600" : "text-red-600"}`, children: uploadStatus.message })] });
 }
 function fromLocalPosition(pos) {
   if (pos.type === "named")
@@ -94114,7 +94265,7 @@ function fromLocalPosition(pos) {
     return { type: pos.type, x: pos.x, y: pos.y };
   if (pos.type === "percentage")
     return { type: pos.type, x: pos.x, y: pos.y };
-  assertUnreachable21(pos);
+  assertUnreachable22(pos);
 }
 function convertPosition(givenPosition, currentVideo, currentGraphic) {
   if (!givenPosition)
@@ -94132,7 +94283,7 @@ function convertPosition(givenPosition, currentVideo, currentGraphic) {
     } else if (givenPosition.position === "center") {
       xy = { x: 50, y: 50 };
     } else {
-      assertUnreachable21(givenPosition.position);
+      assertUnreachable22(givenPosition.position);
     }
     return { ...givenPosition, ...xy, xPct: xy.x, yPct: xy.y };
   }
@@ -94231,7 +94382,7 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
       window.removeEventListener("mouseup", previous.handleMouseUp);
     };
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  return (0, import_jsx_runtime41.jsxs)("div", { className: "relative w-full max-w-lg mx-auto mt-4 mb-8", children: [(0, import_jsx_runtime41.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime41.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Type:" }), (0, import_jsx_runtime41.jsxs)("select", { value: position.type, onChange: (e) => {
+  return (0, import_jsx_runtime42.jsxs)("div", { className: "relative w-full max-w-lg mx-auto mt-4 mb-8", children: [(0, import_jsx_runtime42.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime42.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Type:" }), (0, import_jsx_runtime42.jsxs)("select", { value: position.type, onChange: (e) => {
     const newType = e.target.value;
     if (newType === "named") {
       setPosition(convertPos({ type: "named", position: "topleft" }));
@@ -94239,12 +94390,12 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
       setPositionUnit("%");
       setPosition({ ...convertPos(position), type: "percentage" });
     }
-  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime41.jsx)("option", { value: "coordinate", children: "Custom Position" }), (0, import_jsx_runtime41.jsx)("option", { value: "named", children: "Preset Position" })] })] }), position.type === "named" ? (0, import_jsx_runtime41.jsx)("div", { className: "mb-4", children: (0, import_jsx_runtime41.jsxs)("select", { value: position.position, onChange: (e) => {
+  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime42.jsx)("option", { value: "coordinate", children: "Custom Position" }), (0, import_jsx_runtime42.jsx)("option", { value: "named", children: "Preset Position" })] })] }), position.type === "named" ? (0, import_jsx_runtime42.jsx)("div", { className: "mb-4", children: (0, import_jsx_runtime42.jsxs)("select", { value: position.position, onChange: (e) => {
     setPosition(convertPos({
       type: "named",
       position: e.target.value
     }));
-  }, className: "w-full node-editor-select-input", children: [(0, import_jsx_runtime41.jsx)("option", { value: "topleft", children: "Top Left" }), (0, import_jsx_runtime41.jsx)("option", { value: "topright", children: "Top Right" }), (0, import_jsx_runtime41.jsx)("option", { value: "bottomleft", children: "Bottom Left" }), (0, import_jsx_runtime41.jsx)("option", { value: "bottomright", children: "Bottom Right" }), (0, import_jsx_runtime41.jsx)("option", { value: "center", children: "Centered" })] }) }) : (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [(0, import_jsx_runtime41.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime41.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Unit:" }), (0, import_jsx_runtime41.jsxs)("select", { value: positionUnit, onChange: (e) => {
+  }, className: "w-full node-editor-select-input", children: [(0, import_jsx_runtime42.jsx)("option", { value: "topleft", children: "Top Left" }), (0, import_jsx_runtime42.jsx)("option", { value: "topright", children: "Top Right" }), (0, import_jsx_runtime42.jsx)("option", { value: "bottomleft", children: "Bottom Left" }), (0, import_jsx_runtime42.jsx)("option", { value: "bottomright", children: "Bottom Right" }), (0, import_jsx_runtime42.jsx)("option", { value: "center", children: "Centered" })] }) }) : (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [(0, import_jsx_runtime42.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime42.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Unit:" }), (0, import_jsx_runtime42.jsxs)("select", { value: positionUnit, onChange: (e) => {
     setPositionUnit(e.target.value);
     if (e.target.value === "px" && position.type !== "coordinate" && currentVideo && currentGraphic) {
       const { width: videoWidth, height: videoHeight } = currentVideo;
@@ -94269,18 +94420,18 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
         yStr: void 0
       });
     }
-  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime41.jsx)("option", { value: "px", children: "Pixels" }), (0, import_jsx_runtime41.jsx)("option", { value: "%", children: "Percentage" })] })] }), (0, import_jsx_runtime41.jsxs)("div", { className: "relative bg-gray-200 dark:bg-gray-700 rounded-lg", style: {
+  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime42.jsx)("option", { value: "px", children: "Pixels" }), (0, import_jsx_runtime42.jsx)("option", { value: "%", children: "Percentage" })] })] }), (0, import_jsx_runtime42.jsxs)("div", { className: "relative bg-gray-200 dark:bg-gray-700 rounded-lg", style: {
     width: "100%",
     userSelect: "none",
     aspectRatio: currentVideo ? `${currentVideo.width} / ${currentVideo.height}` : `3 / 2`
-  }, ref: previewAreaRef, children: [(0, import_jsx_runtime41.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400", children: [(0, import_jsx_runtime41.jsx)("span", { children: currentVideo ? "Video Preview Area" : "Video Dimensions Unknown" }), " ", currentVideo ? (0, import_jsx_runtime41.jsxs)("span", { children: [currentVideo.width, "x", currentVideo.height, "px"] }) : ""] }), (0, import_jsx_runtime41.jsx)("div", { className: `absolute cursor-move ${currentGraphic && !graphicChanged ? "" : "p-2"} rounded-lg bg-primary-500 bg-opacity-50 hover:bg-opacity-75 transition-colors
+  }, ref: previewAreaRef, children: [(0, import_jsx_runtime42.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400", children: [(0, import_jsx_runtime42.jsx)("span", { children: currentVideo ? "Video Preview Area" : "Video Dimensions Unknown" }), " ", currentVideo ? (0, import_jsx_runtime42.jsxs)("span", { children: [currentVideo.width, "x", currentVideo.height, "px"] }) : ""] }), (0, import_jsx_runtime42.jsx)("div", { className: `absolute cursor-move ${currentGraphic && !graphicChanged ? "" : "p-2"} rounded-lg bg-primary-500 bg-opacity-50 hover:bg-opacity-75 transition-colors
                 ${isDragging ? "bg-opacity-75" : ""}`, style: {
     left: `${position.xPct}%`,
     top: `${position.yPct}%`,
     transform: `translate(-${position.xPct}%, -${position.yPct}%)`,
     aspectRatio: currentGraphic && !graphicChanged ? `${currentGraphic.width} / ${currentGraphic.height}` : `1`,
     width: currentGraphic && currentVideo && !graphicChanged ? currentGraphic.width / currentVideo.width * 100 + "%" : void 0
-  }, onMouseDown: handleMouseDown, ref: previewTargetRef, children: (0, import_jsx_runtime41.jsx)("svg", { className: `${currentGraphic && !graphicChanged ? "w-full h-full" : "w-6 h-6"} text-white`, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: (0, import_jsx_runtime41.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 6v12m-6-6h12m-6-6 1.5 1.5M12 6l-1.5 1.5m1.5 10.5L10.5 16.5M12 18l1.5-1.5M6 12l1.5-1.5M7.5 13.5 6 12m12 0-1.5-1.5M16.5 13.5 18 12" }) }) })] }), (0, import_jsx_runtime41.jsxs)("div", { className: "mt-2 text-sm text-gray-600 dark:text-gray-300 text-center", children: ["Position:", " ", position.type === "percentage" ? `${position.xPct.toFixed(1)}%, ${position.yPct.toFixed(1)}%` : `${Math.round(position.x)}px, ${Math.round(position.y)}px`] }), (0, import_jsx_runtime41.jsxs)("div", { className: "mt-2 flex gap-4", children: [(0, import_jsx_runtime41.jsxs)("div", { children: [(0, import_jsx_runtime41.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["X Position ", positionUnit] }), (0, import_jsx_runtime41.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.xStr ?? (positionUnit === "%" ? position.xPct.toFixed(1) : Math.round(position.x)), onChange: (e) => {
+  }, onMouseDown: handleMouseDown, ref: previewTargetRef, children: (0, import_jsx_runtime42.jsx)("svg", { className: `${currentGraphic && !graphicChanged ? "w-full h-full" : "w-6 h-6"} text-white`, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: (0, import_jsx_runtime42.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 6v12m-6-6h12m-6-6 1.5 1.5M12 6l-1.5 1.5m1.5 10.5L10.5 16.5M12 18l1.5-1.5M6 12l1.5-1.5M7.5 13.5 6 12m12 0-1.5-1.5M16.5 13.5 18 12" }) }) })] }), (0, import_jsx_runtime42.jsxs)("div", { className: "mt-2 text-sm text-gray-600 dark:text-gray-300 text-center", children: ["Position:", " ", position.type === "percentage" ? `${position.xPct.toFixed(1)}%, ${position.yPct.toFixed(1)}%` : `${Math.round(position.x)}px, ${Math.round(position.y)}px`] }), (0, import_jsx_runtime42.jsxs)("div", { className: "mt-2 flex gap-4", children: [(0, import_jsx_runtime42.jsxs)("div", { children: [(0, import_jsx_runtime42.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["X Position ", positionUnit] }), (0, import_jsx_runtime42.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.xStr ?? (positionUnit === "%" ? position.xPct.toFixed(1) : Math.round(position.x)), onChange: (e) => {
     const newX = Number(e.target.value);
     setPosition(convertPos({
       type: positionUnit === "%" ? "percentage" : "coordinate",
@@ -94289,7 +94440,7 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
       y: position.y,
       yStr: position.yStr
     }));
-  }, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm dark:bg-gray-700 dark:border-gray-600" })] }), (0, import_jsx_runtime41.jsxs)("div", { children: [(0, import_jsx_runtime41.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["Y Position ", positionUnit] }), (0, import_jsx_runtime41.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.yStr ?? (positionUnit === "%" ? position.yPct.toFixed(1) : Math.round(position.y)), onChange: (e) => {
+  }, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm dark:bg-gray-700 dark:border-gray-600" })] }), (0, import_jsx_runtime42.jsxs)("div", { children: [(0, import_jsx_runtime42.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["Y Position ", positionUnit] }), (0, import_jsx_runtime42.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.yStr ?? (positionUnit === "%" ? position.yPct.toFixed(1) : Math.round(position.y)), onChange: (e) => {
     const newY = Number(e.target.value);
     setPosition(convertPos({
       type: positionUnit === "%" ? "percentage" : "coordinate",
@@ -94303,14 +94454,14 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
 function clamp2(min2, num, max2) {
   return num < min2 ? min2 : num > max2 ? max2 : num;
 }
-function assertUnreachable21(_) {
+function assertUnreachable22(_) {
   throw new Error("Didn't expect to get here");
 }
 var summary_view_default9 = SummaryView9;
 
 // build/processor.onscreenGraphic/info.js
 var import_FaImage2 = __toESM(require_FaImage());
-function info_default32({ defineComponent }) {
+function info_default33({ defineComponent }) {
   return defineComponent({
     identifier: "processor.onscreenGraphic",
     category: "processor",
@@ -94349,7 +94500,7 @@ function info_default32({ defineComponent }) {
           case "graphic-loaded":
             return { ...state, currentGraphic: ev.currentGraphic };
           default:
-            assertUnreachable22(evType);
+            assertUnreachable23(evType);
         }
       }
     },
@@ -94385,12 +94536,12 @@ function info_default32({ defineComponent }) {
     }
   });
 }
-function assertUnreachable22(_) {
+function assertUnreachable23(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.smartSingleMediaSwitch/source-selection.js
-var import_jsx_runtime42 = __toESM(require_jsx_runtime());
+var import_jsx_runtime43 = __toESM(require_jsx_runtime());
 var import_react12 = __toESM(require_react());
 function OrderInput(props) {
   const { onChanged } = props;
@@ -94399,10 +94550,10 @@ function OrderInput(props) {
     onChanged(value);
   }, [value, onChanged]);
   if (value.length == 0) {
-    return (0, import_jsx_runtime42.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
+    return (0, import_jsx_runtime43.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_runtime42.jsx)("div", { id: props.id, children: (0, import_jsx_runtime42.jsx)("ul", { children: value.map((v, ix) => {
-      return (0, import_jsx_runtime42.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime42.jsx)("span", { className: "node-editor-label flex-grow", children: v.displayName }), ix == 0 ? (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, {}) : (0, import_jsx_runtime42.jsx)("svg", { onClick: moveUp(ix), 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_runtime42.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, {}) : (0, import_jsx_runtime42.jsx)("svg", { onClick: moveDown(ix), 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_runtime42.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, ix);
+    return (0, import_jsx_runtime43.jsx)("div", { id: props.id, children: (0, import_jsx_runtime43.jsx)("ul", { children: value.map((v, ix) => {
+      return (0, import_jsx_runtime43.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime43.jsx)("span", { className: "node-editor-label flex-grow", children: v.displayName }), ix == 0 ? (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, {}) : (0, import_jsx_runtime43.jsx)("svg", { onClick: moveUp(ix), 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_runtime43.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, {}) : (0, import_jsx_runtime43.jsx)("svg", { onClick: moveDown(ix), 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_runtime43.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, ix);
     }) }) });
   }
   function moveUp(ix) {
@@ -94425,18 +94576,18 @@ function OrderInput(props) {
 var source_selection_default = OrderInput;
 
 // build/processor.smartSingleMediaSwitch/inline-view.js
-var import_jsx_runtime43 = __toESM(require_jsx_runtime());
+var import_jsx_runtime44 = __toESM(require_jsx_runtime());
 var activeClasses = "active text-green-500 dark:text-green-300";
 var availableClasses = "available text-green-500 dark:text-green-300";
 var inactiveClasses = "inactive text-orange-500 dark:text-orange-300";
-function InlineView16({ state, config }) {
-  return (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [(0, import_jsx_runtime43.jsx)("h5", { children: "Sources" }), (0, import_jsx_runtime43.jsxs)("ul", { children: [config.sources.map((s, i) => state.activeSource == i ? (0, import_jsx_runtime43.jsxs)("li", { className: activeClasses, children: [s.displayName, " <--"] }, i) : state.availableSources.includes(i) ? (0, import_jsx_runtime43.jsxs)("li", { className: availableClasses, children: [s.displayName, " (available)"] }, i) : (0, import_jsx_runtime43.jsxs)("li", { className: inactiveClasses, children: [s.displayName, " (inactive)"] }, i)), (0, import_jsx_runtime43.jsx)("li", { className: state.activeSource < 0 ? activeClasses : availableClasses, children: "fallback" }, "fallback")] })] });
+function InlineView17({ state, config }) {
+  return (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [(0, import_jsx_runtime44.jsx)("h5", { children: "Sources" }), (0, import_jsx_runtime44.jsxs)("ul", { children: [config.sources.map((s, i) => state.activeSource == i ? (0, import_jsx_runtime44.jsxs)("li", { className: activeClasses, children: [s.displayName, " <--"] }, i) : state.availableSources.includes(i) ? (0, import_jsx_runtime44.jsxs)("li", { className: availableClasses, children: [s.displayName, " (available)"] }, i) : (0, import_jsx_runtime44.jsxs)("li", { className: inactiveClasses, children: [s.displayName, " (inactive)"] }, i)), (0, import_jsx_runtime44.jsx)("li", { className: state.activeSource < 0 ? activeClasses : availableClasses, children: "fallback" }, "fallback")] })] });
 }
-var inline_view_default16 = InlineView16;
+var inline_view_default17 = InlineView17;
 
 // build/processor.smartSingleMediaSwitch/info.js
 var import_FaSlidersH = __toESM(require_FaSlidersH());
-function info_default33({ defineComponent, All, common: { Resolutions, FrameRates }, streamMatchesFilter }) {
+function info_default34({ defineComponent, All, common: { Resolutions, FrameRates }, streamMatchesFilter }) {
   function patchConfigFromSubscription(cfg, sub) {
     const potentiallyNewSources = sub.expectedStreams;
     potentiallyNewSources.forEach((s) => {
@@ -94521,12 +94672,12 @@ function info_default33({ defineComponent, All, common: { Resolutions, FrameRate
             state.availableSources.splice(state.availableSources.indexOf(ev.sourceIndex), 1);
             return { ...state };
           default:
-            assertUnreachable23(evType);
+            assertUnreachable24(evType);
         }
       },
-      inline: inline_view_default16,
-      summary: inline_view_default16,
-      fullscreen: inline_view_default16
+      inline: inline_view_default17,
+      summary: inline_view_default17,
+      fullscreen: inline_view_default17
     },
     configForm: {
       form: {
@@ -94573,12 +94724,12 @@ function info_default33({ defineComponent, All, common: { Resolutions, FrameRate
     }
   });
 }
-function assertUnreachable23(_) {
+function assertUnreachable24(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.smartSourceSwitch/source-selection.js
-var import_jsx_runtime44 = __toESM(require_jsx_runtime());
+var import_jsx_runtime45 = __toESM(require_jsx_runtime());
 var import_react13 = __toESM(require_react());
 function OrderInput2(props) {
   const { onChanged } = props;
@@ -94587,10 +94738,10 @@ function OrderInput2(props) {
     onChanged(value);
   }, [value, onChanged]);
   if (value.length == 0) {
-    return (0, import_jsx_runtime44.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
+    return (0, import_jsx_runtime45.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_runtime44.jsx)("div", { id: props.id, children: (0, import_jsx_runtime44.jsx)("ul", { children: value.map((v, ix) => {
-      return (0, import_jsx_runtime44.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime44.jsx)("span", { className: "node-editor-label flex-grow", children: v }), ix == 0 ? (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, {}) : (0, import_jsx_runtime44.jsx)("svg", { onClick: moveUp(ix), 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_runtime44.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, {}) : (0, import_jsx_runtime44.jsx)("svg", { onClick: moveDown(ix), 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_runtime44.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, v);
+    return (0, import_jsx_runtime45.jsx)("div", { id: props.id, children: (0, import_jsx_runtime45.jsx)("ul", { children: value.map((v, ix) => {
+      return (0, import_jsx_runtime45.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime45.jsx)("span", { className: "node-editor-label flex-grow", children: v }), ix == 0 ? (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, {}) : (0, import_jsx_runtime45.jsx)("svg", { onClick: moveUp(ix), 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_runtime45.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, {}) : (0, import_jsx_runtime45.jsx)("svg", { onClick: moveDown(ix), 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_runtime45.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, v);
     }) }) });
   }
   function moveUp(ix) {
@@ -94613,35 +94764,35 @@ function OrderInput2(props) {
 var source_selection_default2 = OrderInput2;
 
 // build/processor.smartSourceSwitch/inline-view.js
-var import_jsx_runtime45 = __toESM(require_jsx_runtime());
-function cn(...classes) {
+var import_jsx_runtime46 = __toESM(require_jsx_runtime());
+function cn2(...classes) {
   return classes.filter(Boolean).join(" ");
 }
-function InlineView17({ state, config }) {
-  return (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [(0, import_jsx_runtime45.jsx)("h5", { className: "text-gray-900 dark:text-white font-medium", children: "Sources:" }), (0, import_jsx_runtime45.jsxs)("ul", { className: "space-y-2 mt-2", children: [config.sources.map((s, i) => {
+function InlineView18({ state, config }) {
+  return (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [(0, import_jsx_runtime46.jsx)("h5", { className: "text-gray-900 dark:text-white font-medium", children: "Sources:" }), (0, import_jsx_runtime46.jsxs)("ul", { className: "space-y-2 mt-2", children: [config.sources.map((s, i) => {
     const isActive = state.activeSource === s;
     const isAvailable = state.availableSources.includes(s);
-    const indicatorClasses = cn("w-3 h-3 rounded-full", isActive ? "bg-live" : isAvailable ? "bg-standby" : "bg-offline");
-    return (0, import_jsx_runtime45.jsxs)("li", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime45.jsx)("div", { className: indicatorClasses }), isActive && (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_jsx_runtime45.jsx)("div", { className: "w-3 h-3 rounded-full bg-live animate-ping duration-150" }) })] }), (0, import_jsx_runtime45.jsx)("span", { className: "text-gray-900 dark:text-white", children: s })] }, i);
-  }), (0, import_jsx_runtime45.jsxs)("li", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime45.jsx)("div", { className: cn("w-3 h-3 rounded-full", state.activeSource === "fallback" ? "bg-live" : "bg-standby") }), state.activeSource === "fallback" && (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_jsx_runtime45.jsx)("div", { className: "w-3 h-3 rounded-full bg-live animate-ping duration-150" }) })] }), (0, import_jsx_runtime45.jsx)("span", { className: "text-gray-900 dark:text-white", children: "fallback" })] }, "fallback")] })] });
+    const indicatorClasses = cn2("w-3 h-3 rounded-full", isActive ? "bg-live" : isAvailable ? "bg-standby" : "bg-offline");
+    return (0, import_jsx_runtime46.jsxs)("li", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime46.jsx)("div", { className: indicatorClasses }), isActive && (0, import_jsx_runtime46.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_jsx_runtime46.jsx)("div", { className: "w-3 h-3 rounded-full bg-live animate-ping duration-150" }) })] }), (0, import_jsx_runtime46.jsx)("span", { className: "text-gray-900 dark:text-white", children: s })] }, i);
+  }), (0, import_jsx_runtime46.jsxs)("li", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime46.jsx)("div", { className: cn2("w-3 h-3 rounded-full", state.activeSource === "fallback" ? "bg-live" : "bg-standby") }), state.activeSource === "fallback" && (0, import_jsx_runtime46.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_jsx_runtime46.jsx)("div", { className: "w-3 h-3 rounded-full bg-live animate-ping duration-150" }) })] }), (0, import_jsx_runtime46.jsx)("span", { className: "text-gray-900 dark:text-white", children: "fallback" })] }, "fallback")] })] });
 }
-var inline_view_default17 = InlineView17;
+var inline_view_default18 = InlineView18;
 
 // build/processor.smartSourceSwitch/info.js
 var import_FaSlidersH2 = __toESM(require_FaSlidersH());
 var import_client_types4 = __toESM(require_client_types());
 
 // build/processor.smartSourceSwitch/form-views.js
-var import_jsx_runtime46 = __toESM(require_jsx_runtime());
+var import_jsx_runtime47 = __toESM(require_jsx_runtime());
 function FallbackConfiguration(cfg) {
   if (cfg.kind === "file") {
-    return (0, import_jsx_runtime46.jsx)("div", { className: "text-sm", children: cfg.filePath || "No file specified" });
+    return (0, import_jsx_runtime47.jsx)("div", { className: "text-sm", children: cfg.filePath || "No file specified" });
   }
-  return (0, import_jsx_runtime46.jsx)("div", { className: "text-sm", children: "Test Card" });
+  return (0, import_jsx_runtime47.jsx)("div", { className: "text-sm", children: "Test Card" });
 }
 
 // build/processor.smartSourceSwitch/info.js
-function info_default34({ defineComponent, Av, common: { Resolutions, FrameRates } }) {
+function info_default35({ defineComponent, Av, common: { Resolutions, FrameRates } }) {
   function patchConfigFromSubscription(cfg, sub) {
     const potentiallyNewSources = sub.expectedStreams.map((s) => s.sourceName).filter((s) => !!s);
     potentiallyNewSources.forEach((s) => {
@@ -94738,12 +94889,12 @@ function info_default34({ defineComponent, Av, common: { Resolutions, FrameRates
             state.availableSources.splice(state.availableSources.indexOf(ev.source), 1);
             return { ...state };
           default:
-            assertUnreachable24(evType);
+            assertUnreachable25(evType);
         }
       },
-      inline: inline_view_default17,
-      summary: inline_view_default17,
-      fullscreen: inline_view_default17
+      inline: inline_view_default18,
+      summary: inline_view_default18,
+      fullscreen: inline_view_default18
     },
     configForm: {
       form: {
@@ -94818,13 +94969,13 @@ function info_default34({ defineComponent, Av, common: { Resolutions, FrameRates
     }
   });
 }
-function assertUnreachable24(_) {
+function assertUnreachable25(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.streamKeyOverride/info.js
 var import_FaKey = __toESM(require_FaKey());
-function info_default35({ defineComponent, All, validation: { Z } }) {
+function info_default36({ defineComponent, All, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.streamKeyOverride",
     category: "processor",
@@ -94920,20 +95071,20 @@ function info_default35({ defineComponent, All, validation: { Z } }) {
 var import_config8 = __toESM(require_config());
 
 // build/processor.syncExternalAudio/inline-view.js
-var import_jsx_runtime47 = __toESM(require_jsx_runtime());
+var import_jsx_runtime48 = __toESM(require_jsx_runtime());
 var import_react14 = __toESM(require_react());
-function InlineView18({ state, raise }) {
+function InlineView19({ state, raise }) {
   (0, import_react14.useEffect)(() => {
     if (raise) {
       raise();
     }
   }, [raise]);
-  return (0, import_jsx_runtime47.jsx)("div", { className: "processor-syncExternalAudio", children: (0, import_jsx_runtime47.jsx)("div", { className: "sync-status-inline", children: (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime47.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime47.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" }), state.currentSyncMs !== void 0 && (0, import_jsx_runtime47.jsxs)("span", { className: "text-xs text-gray-500", children: ["(", state.currentSyncMs, "ms)"] })] }) }) });
+  return (0, import_jsx_runtime48.jsx)("div", { className: "processor-syncExternalAudio", children: (0, import_jsx_runtime48.jsx)("div", { className: "sync-status-inline", children: (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime48.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime48.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" }), state.currentSyncMs !== void 0 && (0, import_jsx_runtime48.jsxs)("span", { className: "text-xs text-gray-500", children: ["(", state.currentSyncMs, "ms)"] })] }) }) });
 }
-var inline_view_default18 = InlineView18;
+var inline_view_default19 = InlineView19;
 
 // build/processor.syncExternalAudio/fullscreen-view.js
-var import_jsx_runtime48 = __toESM(require_jsx_runtime());
+var import_jsx_runtime49 = __toESM(require_jsx_runtime());
 var import_react15 = __toESM(require_react());
 var CommentaryWhepClient = class extends NorskWhepClient {
   audio;
@@ -95122,11 +95273,11 @@ function SyncExternalAudioFullscreenView({ state, config, sendCommand }) {
       setAudioStarted(true);
     }
   };
-  return (0, import_jsx_runtime48.jsxs)("div", { className: "w-full h-full flex flex-col bg-gray-900 text-white", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "flex justify-between items-center p-4 bg-gray-800 border-b border-gray-700", children: [(0, import_jsx_runtime48.jsxs)("h1", { className: "text-xl font-semibold", children: ["Sync External Audio - ", config.displayName] }), (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center space-x-4", children: (0, import_jsx_runtime48.jsxs)("div", { className: `flex items-center space-x-2 ${state.isConnected ? "text-green-400" : "text-red-400"}`, children: [(0, import_jsx_runtime48.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime48.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" })] }) })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 flex", children: [(0, import_jsx_runtime48.jsx)("div", { className: "flex-1 flex flex-col", children: (0, import_jsx_runtime48.jsx)("div", { className: "flex-1 bg-black flex items-center justify-center", children: state.primaryWhepUrl && state.commentaryWhepUrl ? (0, import_jsx_runtime48.jsx)("div", { ref: videoContainerRef, className: "max-w-full max-h-full" }) : (0, import_jsx_runtime48.jsxs)("div", { className: "text-gray-500 text-center", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-6xl mb-4", children: "\u{1F4FA}" }), (0, import_jsx_runtime48.jsx)("div", { children: "Waiting for video preview..." }), state.primaryWhepUrl && !state.commentaryWhepUrl && (0, import_jsx_runtime48.jsx)("div", { className: "text-sm mt-2", children: "Primary stream ready, waiting for commentary..." }), !state.primaryWhepUrl && state.commentaryWhepUrl && (0, import_jsx_runtime48.jsx)("div", { className: "text-sm mt-2", children: "Commentary stream ready, waiting for primary..." })] }) }) }), (0, import_jsx_runtime48.jsxs)("div", { className: "w-80 bg-gray-800 border-l border-gray-700 flex flex-col", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "p-4 border-b border-gray-700", children: [(0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Commentary Sync Control" }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4 p-3 bg-gray-700 rounded-lg text-center", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-gray-300", children: "Current Offset" }), (0, import_jsx_runtime48.jsxs)("div", { className: "text-2xl font-mono", children: [state.currentSyncMs, "ms"] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Fine Adjustment (\xB1200ms)" }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex space-x-2", children: [(0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(-200), className: "flex-1 px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm font-medium", children: "-200ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(200), className: "flex-1 px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm font-medium", children: "+200ms" })] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Coarse Adjustment" }), (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [(0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(-1e3), className: "px-3 py-2 bg-red-700 hover:bg-red-800 rounded text-sm", children: "-1000ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(1e3), className: "px-3 py-2 bg-green-700 hover:bg-green-800 rounded text-sm", children: "+1000ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(-500), className: "px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm", children: "-500ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(500), className: "px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm", children: "+500ms" })] })] }), (0, import_jsx_runtime48.jsxs)("button", { onClick: handleResetSync, className: "w-full px-3 py-2 bg-blue-600 hover:bg-blue-700 rounded text-sm font-medium", children: ["Reset to Initial (", config.initialSyncMs, "ms)"] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "p-4 flex-1", children: [(0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Audio Monitor Controls" }), !audioStarted && isReady && (0, import_jsx_runtime48.jsxs)("div", { className: "mb-6 p-4 bg-yellow-900 border border-yellow-600 rounded-lg", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-yellow-200 mb-2", children: "Click to enable commentary audio (required by browser policy):" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => void handleStartAudio(), className: "w-full px-3 py-2 bg-yellow-600 hover:bg-yellow-700 rounded text-sm font-medium", children: "\u{1F50A} Start Commentary Audio" })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-medium", children: "Primary Audio" }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => setPrimaryMuted(!primaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : primaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: primaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime48.jsx)("input", { type: "range", min: "0", max: "100", value: primaryVolume, onChange: (e) => setPrimaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: primaryMuted || !isReady }), (0, import_jsx_runtime48.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [primaryVolume, "%"] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-medium", children: "Commentary Audio" }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => setCommentaryMuted(!commentaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : commentaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: commentaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime48.jsx)("input", { type: "range", min: "0", max: "100", value: commentaryVolume, onChange: (e) => setCommentaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: commentaryMuted || !isReady }), (0, import_jsx_runtime48.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [commentaryVolume, "%"] })] }), (0, import_jsx_runtime48.jsx)("div", { className: "mt-auto pt-4 border-t border-gray-700", children: (0, import_jsx_runtime48.jsxs)("div", { className: "text-xs text-gray-400 space-y-1", children: [(0, import_jsx_runtime48.jsxs)("div", { children: ["Primary Delay: ", config.delayMs, "ms"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Primary WHEP: ", state.primaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Commentary WHEP: ", state.commentaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Dual Streams: ", isReady ? "\u2713 Connected" : "\u23F3 Connecting"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Audio Started: ", audioStarted ? "\u2713 Yes" : "\u2717 No"] }), isReady && (0, import_jsx_runtime48.jsx)("div", { className: "text-green-400", children: "\u2713 Dual WHEP ready" }), isReady && (0, import_jsx_runtime48.jsx)("div", { className: "text-xs text-gray-500 mt-1", children: "Check browser console for audio debug logs" })] }) })] })] })] })] });
+  return (0, import_jsx_runtime49.jsxs)("div", { className: "w-full h-full flex flex-col bg-gray-900 text-white", children: [(0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-between items-center p-4 bg-gray-800 border-b border-gray-700", children: [(0, import_jsx_runtime49.jsxs)("h1", { className: "text-xl font-semibold", children: ["Sync External Audio - ", config.displayName] }), (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center space-x-4", children: (0, import_jsx_runtime49.jsxs)("div", { className: `flex items-center space-x-2 ${state.isConnected ? "text-green-400" : "text-red-400"}`, children: [(0, import_jsx_runtime49.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime49.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" })] }) })] }), (0, import_jsx_runtime49.jsxs)("div", { className: "flex-1 flex", children: [(0, import_jsx_runtime49.jsx)("div", { className: "flex-1 flex flex-col", children: (0, import_jsx_runtime49.jsx)("div", { className: "flex-1 bg-black flex items-center justify-center", children: state.primaryWhepUrl && state.commentaryWhepUrl ? (0, import_jsx_runtime49.jsx)("div", { ref: videoContainerRef, className: "max-w-full max-h-full" }) : (0, import_jsx_runtime49.jsxs)("div", { className: "text-gray-500 text-center", children: [(0, import_jsx_runtime49.jsx)("div", { className: "text-6xl mb-4", children: "\u{1F4FA}" }), (0, import_jsx_runtime49.jsx)("div", { children: "Waiting for video preview..." }), state.primaryWhepUrl && !state.commentaryWhepUrl && (0, import_jsx_runtime49.jsx)("div", { className: "text-sm mt-2", children: "Primary stream ready, waiting for commentary..." }), !state.primaryWhepUrl && state.commentaryWhepUrl && (0, import_jsx_runtime49.jsx)("div", { className: "text-sm mt-2", children: "Commentary stream ready, waiting for primary..." })] }) }) }), (0, import_jsx_runtime49.jsxs)("div", { className: "w-80 bg-gray-800 border-l border-gray-700 flex flex-col", children: [(0, import_jsx_runtime49.jsxs)("div", { className: "p-4 border-b border-gray-700", children: [(0, import_jsx_runtime49.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Commentary Sync Control" }), (0, import_jsx_runtime49.jsxs)("div", { className: "mb-4 p-3 bg-gray-700 rounded-lg text-center", children: [(0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-gray-300", children: "Current Offset" }), (0, import_jsx_runtime49.jsxs)("div", { className: "text-2xl font-mono", children: [state.currentSyncMs, "ms"] })] }), (0, import_jsx_runtime49.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Fine Adjustment (\xB1200ms)" }), (0, import_jsx_runtime49.jsxs)("div", { className: "flex space-x-2", children: [(0, import_jsx_runtime49.jsx)("button", { onClick: () => handleSyncAdjust(-200), className: "flex-1 px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm font-medium", children: "-200ms" }), (0, import_jsx_runtime49.jsx)("button", { onClick: () => handleSyncAdjust(200), className: "flex-1 px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm font-medium", children: "+200ms" })] })] }), (0, import_jsx_runtime49.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Coarse Adjustment" }), (0, import_jsx_runtime49.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [(0, import_jsx_runtime49.jsx)("button", { onClick: () => handleSyncAdjust(-1e3), className: "px-3 py-2 bg-red-700 hover:bg-red-800 rounded text-sm", children: "-1000ms" }), (0, import_jsx_runtime49.jsx)("button", { onClick: () => handleSyncAdjust(1e3), className: "px-3 py-2 bg-green-700 hover:bg-green-800 rounded text-sm", children: "+1000ms" }), (0, import_jsx_runtime49.jsx)("button", { onClick: () => handleSyncAdjust(-500), className: "px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm", children: "-500ms" }), (0, import_jsx_runtime49.jsx)("button", { onClick: () => handleSyncAdjust(500), className: "px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm", children: "+500ms" })] })] }), (0, import_jsx_runtime49.jsxs)("button", { onClick: handleResetSync, className: "w-full px-3 py-2 bg-blue-600 hover:bg-blue-700 rounded text-sm font-medium", children: ["Reset to Initial (", config.initialSyncMs, "ms)"] })] }), (0, import_jsx_runtime49.jsxs)("div", { className: "p-4 flex-1", children: [(0, import_jsx_runtime49.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Audio Monitor Controls" }), !audioStarted && isReady && (0, import_jsx_runtime49.jsxs)("div", { className: "mb-6 p-4 bg-yellow-900 border border-yellow-600 rounded-lg", children: [(0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-yellow-200 mb-2", children: "Click to enable commentary audio (required by browser policy):" }), (0, import_jsx_runtime49.jsx)("button", { onClick: () => void handleStartAudio(), className: "w-full px-3 py-2 bg-yellow-600 hover:bg-yellow-700 rounded text-sm font-medium", children: "\u{1F50A} Start Commentary Audio" })] }), (0, import_jsx_runtime49.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-medium", children: "Primary Audio" }), (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime49.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime49.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime49.jsx)("button", { onClick: () => setPrimaryMuted(!primaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : primaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: primaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime49.jsx)("input", { type: "range", min: "0", max: "100", value: primaryVolume, onChange: (e) => setPrimaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: primaryMuted || !isReady }), (0, import_jsx_runtime49.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [primaryVolume, "%"] })] }), (0, import_jsx_runtime49.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-medium", children: "Commentary Audio" }), (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime49.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime49.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime49.jsx)("button", { onClick: () => setCommentaryMuted(!commentaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : commentaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: commentaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime49.jsx)("input", { type: "range", min: "0", max: "100", value: commentaryVolume, onChange: (e) => setCommentaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: commentaryMuted || !isReady }), (0, import_jsx_runtime49.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [commentaryVolume, "%"] })] }), (0, import_jsx_runtime49.jsx)("div", { className: "mt-auto pt-4 border-t border-gray-700", children: (0, import_jsx_runtime49.jsxs)("div", { className: "text-xs text-gray-400 space-y-1", children: [(0, import_jsx_runtime49.jsxs)("div", { children: ["Primary Delay: ", config.delayMs, "ms"] }), (0, import_jsx_runtime49.jsxs)("div", { children: ["Primary WHEP: ", state.primaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime49.jsxs)("div", { children: ["Commentary WHEP: ", state.commentaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime49.jsxs)("div", { children: ["Dual Streams: ", isReady ? "\u2713 Connected" : "\u23F3 Connecting"] }), (0, import_jsx_runtime49.jsxs)("div", { children: ["Audio Started: ", audioStarted ? "\u2713 Yes" : "\u2717 No"] }), isReady && (0, import_jsx_runtime49.jsx)("div", { className: "text-green-400", children: "\u2713 Dual WHEP ready" }), isReady && (0, import_jsx_runtime49.jsx)("div", { className: "text-xs text-gray-500 mt-1", children: "Check browser console for audio debug logs" })] }) })] })] })] })] });
 }
 
 // build/processor.syncExternalAudio/info.js
-function info_default36(R) {
+function info_default37(R) {
   const { defineComponent, validation: { Z } } = R;
   return defineComponent({
     identifier: "processor.syncExternalAudio",
@@ -95231,14 +95382,14 @@ function info_default36(R) {
         }
       },
       fullscreen: SyncExternalAudioFullscreenView,
-      inline: inline_view_default18
+      inline: inline_view_default19
     }
   });
 }
 
 // build/processor.videoDecoder/info.js
 var import_FaFileVideo = __toESM(require_FaFileVideo());
-function info_default37({ defineComponent }) {
+function info_default38({ defineComponent }) {
   return defineComponent({
     identifier: "processor.videoDecoder",
     category: "processor",
@@ -95291,7 +95442,7 @@ var import_config9 = __toESM(require_config());
 var import_util10 = __toESM(require_util());
 
 // build/processor.webRtcDuplex/fullscreen.js
-var import_jsx_runtime49 = __toESM(require_jsx_runtime());
+var import_jsx_runtime50 = __toESM(require_jsx_runtime());
 var import_react16 = __toESM(require_react());
 var import_webrtc_client2 = __toESM(require_webrtc_client());
 var DuplexWhepClient = class extends NorskWhepClient {
@@ -95364,11 +95515,11 @@ function FullscreenView2({ state, config }) {
       }
     }
   }, [state.publishUrl, state.outputUrl, container, button, client, sender, config, state.videoAvailable]);
-  return (0, import_jsx_runtime49.jsxs)("div", { children: [(0, import_jsx_runtime49.jsx)("div", { id: "buttons", children: (0, import_jsx_runtime49.jsx)("button", { ref: button, type: "button", className: "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800", onClick: () => void go(), id: "go", children: "Send/Receive" }) }), (0, import_jsx_runtime49.jsx)("div", { id: "error" }), (0, import_jsx_runtime49.jsx)("div", { id: "container", ref: container, className: "p-4 absolute h-full w-full" })] });
+  return (0, import_jsx_runtime50.jsxs)("div", { children: [(0, import_jsx_runtime50.jsx)("div", { id: "buttons", children: (0, import_jsx_runtime50.jsx)("button", { ref: button, type: "button", className: "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800", onClick: () => void go(), id: "go", children: "Send/Receive" }) }), (0, import_jsx_runtime50.jsx)("div", { id: "error" }), (0, import_jsx_runtime50.jsx)("div", { id: "container", ref: container, className: "p-4 absolute h-full w-full" })] });
 }
 
 // build/processor.webRtcDuplex/info.js
-function info_default38(R) {
+function info_default39(R) {
   const { defineComponent } = R;
   return defineComponent({
     identifier: "processor.webrtcDuplex",
@@ -95447,7 +95598,7 @@ function info_default38(R) {
 
 // build/processor.zoomTo/info.js
 var import_config10 = __toESM(require_config());
-function info_default39({ defineComponent, validation: { Z } }) {
+function info_default40({ defineComponent, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.zoomTo",
     name: "Zoom To",
@@ -95524,7 +95675,7 @@ function info_default39({ defineComponent, validation: { Z } }) {
               inputVideoAspectRatio: ev.inputVideoAspectRatio
             };
           default:
-            assertUnreachable26(evType);
+            assertUnreachable27(evType);
         }
       }
     },
@@ -95613,12 +95764,12 @@ function info_default39({ defineComponent, validation: { Z } }) {
     }
   });
 }
-function assertUnreachable26(_) {
+function assertUnreachable27(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/util.stats.latency/inline-view.js
-var import_jsx_runtime50 = __toESM(require_jsx_runtime());
+var import_jsx_runtime51 = __toESM(require_jsx_runtime());
 var import_react17 = __toESM(require_react());
 
 // ../../node_modules/chart.js/auto/auto.js
@@ -95626,7 +95777,7 @@ Chart.register(...registerables);
 var auto_default = Chart;
 
 // build/util.stats.latency/inline-view.js
-function InlineView19({ state, config: _2 }) {
+function InlineView20({ state, config: _2 }) {
   const chartContainer = (0, import_react17.useRef)(null);
   const [chartControl, setChartControl] = (0, import_react17.useState)(void 0);
   function makeDataSet(key, color2, values) {
@@ -95688,19 +95839,19 @@ function InlineView19({ state, config: _2 }) {
       return;
     chartControl.data = makeData(state);
   }, [chartControl, makeData, state]);
-  return (0, import_jsx_runtime50.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime50.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+  return (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime51.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
 }
-var inline_view_default19 = InlineView19;
+var inline_view_default20 = InlineView20;
 
 // build/util.stats.latency/source-node-selection.js
-var import_jsx_runtime51 = __toESM(require_jsx_runtime());
+var import_jsx_runtime52 = __toESM(require_jsx_runtime());
 function SourceNodeSelection(props) {
-  return (0, import_jsx_runtime51.jsx)("div", { children: (0, import_jsx_runtime51.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime51.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
+  return (0, import_jsx_runtime52.jsx)("div", { children: (0, import_jsx_runtime52.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime52.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
     if (o.id == props.id)
-      return (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
+      return (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {});
     if (o.info.category === "output")
       return;
-    return (0, import_jsx_runtime51.jsx)("option", { value: o.id, children: o.config.displayName }, i);
+    return (0, import_jsx_runtime52.jsx)("option", { value: o.id, children: o.config.displayName }, i);
   })] }) });
   function myOnChange(e) {
     props.onChanged(e.target.value);
@@ -95710,7 +95861,7 @@ var source_node_selection_default = SourceNodeSelection;
 
 // build/util.stats.latency/info.js
 var import_FaClock = __toESM(require_FaClock());
-function info_default40(R) {
+function info_default41(R) {
   const { defineComponent } = R;
   return defineComponent({
     identifier: "util.stats.latency",
@@ -95740,11 +95891,11 @@ function info_default40(R) {
             break;
           }
           default:
-            assertUnreachable27(evType);
+            assertUnreachable28(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default19
+      inline: inline_view_default20
     },
     configForm: {
       form: {
@@ -95795,7 +95946,7 @@ function info_default40(R) {
     }
   });
 }
-function assertUnreachable27(_) {
+function assertUnreachable28(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -95824,11 +95975,11 @@ AllComponents.push((r) => info_default8(r));
 AllComponents.push((r) => info_default9(r));
 AllComponents.push((r) => info_default10(r));
 AllComponents.push((r) => info_default11(r));
-AllComponents.push((r) => info_default13(r));
+AllComponents.push((r) => info_default12(r));
 AllComponents.push((r) => info_default14(r));
 AllComponents.push((r) => info_default15(r));
-AllComponents.push((r) => info_default12(r));
 AllComponents.push((r) => info_default16(r));
+AllComponents.push((r) => info_default13(r));
 AllComponents.push((r) => info_default17(r));
 AllComponents.push((r) => info_default18(r));
 AllComponents.push((r) => info_default19(r));
@@ -95853,6 +96004,7 @@ AllComponents.push((r) => info_default37(r));
 AllComponents.push((r) => info_default38(r));
 AllComponents.push((r) => info_default39(r));
 AllComponents.push((r) => info_default40(r));
+AllComponents.push((r) => info_default41(r));
 export {
   getNodeInfo as default
 };