@norskvideo/norsk-studio-alpha 1.27.0-2026-01-08-2828c8f7 → 1.27.0-2026-01-10-23683704

package/client/info.js

@@ -41393,13 +41393,13 @@ var require_dist3 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = 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_runtime15.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -41420,7 +41420,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_runtime15.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -41587,7 +41587,7 @@ var require_dist5 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -41605,9 +41605,9 @@ var require_dist5 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -41634,7 +41634,7 @@ var require_dist5 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -41726,7 +41726,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_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     function createCollection(name) {
       const PROVIDER_NAME = name + "CollectionProvider";
       const [createCollectionContext, createCollectionScope] = (0, import_react_context.createContextScope)(PROVIDER_NAME);
@@ -41738,7 +41738,7 @@ var require_dist6 = __commonJS({
         const { scope, children } = props;
         const ref = import_react12.default.useRef(null);
         const itemMap = import_react12.default.useRef(/* @__PURE__ */ new Map()).current;
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -41748,7 +41748,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_runtime15.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
         }
       );
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -41765,7 +41765,7 @@ var require_dist6 = __commonJS({
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
         }
       );
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -42295,11 +42295,11 @@ var require_dist7 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var DirectionContext = React3.createContext(void 0);
     var DirectionProvider = (props) => {
       const { dir, children } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DirectionContext.Provider, { value: dir, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DirectionContext.Provider, { value: dir, children });
     };
     function useDirection(localDir) {
       const globalDir = React3.useContext(DirectionContext);
@@ -42351,7 +42351,7 @@ var require_dist8 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -42369,9 +42369,9 @@ var require_dist8 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -42398,7 +42398,7 @@ var require_dist8 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -42489,7 +42489,7 @@ var require_dist9 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist8();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -42517,7 +42517,7 @@ var require_dist9 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -42675,7 +42675,7 @@ var require_dist12 = __commonJS({
     var import_react_compose_refs = require_dist4();
     var import_react_use_callback_ref = require_dist10();
     var import_react_use_escape_keydown = require_dist11();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -42763,7 +42763,7 @@ var require_dist12 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -42797,7 +42797,7 @@ var require_dist12 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -42997,7 +42997,7 @@ var require_dist14 = __commonJS({
     var import_react_compose_refs = require_dist4();
     var import_react_primitive = require_dist9();
     var import_react_use_callback_ref = require_dist10();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -43116,7 +43116,7 @@ var require_dist14 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -45501,11 +45501,11 @@ var require_dist17 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist9();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = 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_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_react_primitive.Primitive.svg,
         {
           ...arrowProps,
@@ -45514,7 +45514,7 @@ var require_dist17 = __commonJS({
           height,
           viewBox: "0 0 30 10",
           preserveAspectRatio: "none",
-          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("polygon", { points: "0,0 30,0 15,10" })
+          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("polygon", { points: "0,0 30,0 15,10" })
         }
       );
     });
@@ -45654,7 +45654,7 @@ var require_dist19 = __commonJS({
     var import_react_use_callback_ref = require_dist10();
     var import_react_use_layout_effect = require_dist15();
     var import_react_use_size = require_dist18();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var SIDE_OPTIONS = ["top", "right", "bottom", "left"];
     var ALIGN_OPTIONS = ["start", "center", "end"];
     var POPPER_NAME = "Popper";
@@ -45663,7 +45663,7 @@ var require_dist19 = __commonJS({
     var Popper = (props) => {
       const { __scopePopper, children } = props;
       const [anchor, setAnchor] = React3.useState(null);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
     };
     Popper.displayName = POPPER_NAME;
     var ANCHOR_NAME = "PopperAnchor";
@@ -45681,7 +45681,7 @@ var require_dist19 = __commonJS({
             context.onAnchorChange(anchorRef.current);
           }
         });
-        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
+        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
       }
     );
     PopperAnchor.displayName = ANCHOR_NAME;
@@ -45774,7 +45774,7 @@ var require_dist19 = __commonJS({
         (0, import_react_use_layout_effect.useLayoutEffect)(() => {
           if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
         }, [content]);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
             ref: refs.setFloating,
@@ -45798,7 +45798,7 @@ var require_dist19 = __commonJS({
               }
             },
             dir: props.dir,
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               PopperContentProvider,
               {
                 scope: __scopePopper,
@@ -45807,7 +45807,7 @@ var require_dist19 = __commonJS({
                 arrowX,
                 arrowY,
                 shouldHideArrow: cannotCenterArrow,
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     "data-side": placedSide,
@@ -45844,7 +45844,7 @@ var require_dist19 = __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_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "span",
           {
             ref: contentContext.onArrowChange,
@@ -45867,7 +45867,7 @@ var require_dist19 = __commonJS({
               }[contentContext.placedSide],
               visibility: contentContext.shouldHideArrow ? "hidden" : void 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               ArrowPrimitive.Root,
               {
                 ...arrowProps,
@@ -45971,14 +45971,14 @@ var require_dist20 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist9();
     var import_react_use_layout_effect = require_dist15();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = 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_runtime15.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -46027,7 +46027,7 @@ var require_dist21 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -46045,9 +46045,9 @@ var require_dist21 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -46074,7 +46074,7 @@ var require_dist21 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -46443,7 +46443,7 @@ var require_dist25 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist9();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var VISUALLY_HIDDEN_STYLES = Object.freeze({
       // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
       position: "absolute",
@@ -46460,7 +46460,7 @@ var require_dist25 = __commonJS({
     var NAME = "VisuallyHidden";
     var VisuallyHidden = React3.forwardRef(
       (props, forwardedRef) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...props,
@@ -48542,7 +48542,7 @@ var require_dist26 = __commonJS({
     var import_react_visually_hidden = require_dist25();
     var import_aria_hidden = require_es5();
     var import_react_remove_scroll = require_es57();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
     var SELECTION_KEYS = [" ", "Enter"];
     var SELECT_NAME = "Select";
@@ -48592,7 +48592,7 @@ var require_dist26 = __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_runtime15.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         SelectProvider,
         {
           required,
@@ -48612,7 +48612,7 @@ var require_dist26 = __commonJS({
           triggerPointerDownPosRef,
           disabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               SelectNativeOptionsProvider,
               {
                 scope: props.__scopeSelect,
@@ -48629,7 +48629,7 @@ var require_dist26 = __commonJS({
                 children
               }
             ) }),
-            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               SelectBubbleInput,
               {
                 "aria-hidden": true,
@@ -48642,7 +48642,7 @@ var require_dist26 = __commonJS({
                 disabled,
                 form,
                 children: [
-                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "" }) : null,
+                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "" }) : null,
                   Array.from(nativeOptionsSet)
                 ]
               },
@@ -48683,7 +48683,7 @@ var require_dist26 = __commonJS({
             };
           }
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -48742,13 +48742,13 @@ var require_dist26 = __commonJS({
         (0, import_react_use_layout_effect.useLayoutEffect)(() => {
           onValueNodeHasChildrenChange(hasChildren);
         }, [onValueNodeHasChildrenChange, hasChildren]);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...valueProps,
             ref: composedRefs,
             style: { pointerEvents: "none" },
-            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: placeholder }) : children
+            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: placeholder }) : children
           }
         );
       }
@@ -48758,13 +48758,13 @@ var require_dist26 = __commonJS({
     var SelectIcon = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, children, ...iconProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime15.jsx)(import_react_portal.Portal, { asChild: true, ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_portal.Portal, { asChild: true, ...props });
     };
     SelectPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "SelectContent";
@@ -48778,11 +48778,11 @@ var require_dist26 = __commonJS({
         if (!context.open) {
           const frag = fragment;
           return frag ? ReactDOM2.createPortal(
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: props.children }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: props.children }) }) }),
             frag
           ) : null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
       }
     );
     SelectContent.displayName = CONTENT_NAME;
@@ -48936,7 +48936,7 @@ var require_dist26 = __commonJS({
           hideWhenDetached,
           avoidCollisions
         } : {};
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           SelectContentProvider,
           {
             scope: __scopeSelect,
@@ -48952,7 +48952,7 @@ var require_dist26 = __commonJS({
             position,
             isPositioned,
             searchRef,
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               import_react_focus_scope.FocusScope,
               {
                 asChild: true,
@@ -48964,7 +48964,7 @@ var require_dist26 = __commonJS({
                   context.trigger?.focus({ preventScroll: true });
                   event.preventDefault();
                 }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   import_react_dismissable_layer.DismissableLayer,
                   {
                     asChild: true,
@@ -48973,7 +48973,7 @@ var require_dist26 = __commonJS({
                     onPointerDownOutside,
                     onFocusOutside: (event) => event.preventDefault(),
                     onDismiss: () => context.onOpenChange(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                       SelectPosition,
                       {
                         role: "listbox",
@@ -49149,14 +49149,14 @@ var require_dist26 = __commonJS({
         },
         [position, focusSelectedItem]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         SelectViewportProvider,
         {
           scope: __scopeSelect,
           contentWrapper,
           shouldExpandOnScrollRef,
           onScrollButtonChange: handleScrollButtonChange,
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "div",
             {
               ref: setContentWrapper,
@@ -49166,7 +49166,7 @@ var require_dist26 = __commonJS({
                 position: "fixed",
                 zIndex: contentZIndex
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 import_react_primitive.Primitive.div,
                 {
                   ...popperProps,
@@ -49196,7 +49196,7 @@ var require_dist26 = __commonJS({
         ...popperProps
       } = props;
       const popperScope = usePopperScope(__scopeSelect);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         PopperPrimitive.Content,
         {
           ...popperScope,
@@ -49230,8 +49230,8 @@ var require_dist26 = __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_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -49240,7 +49240,7 @@ var require_dist26 = __commonJS({
               nonce
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-radix-select-viewport": "",
@@ -49296,7 +49296,7 @@ var require_dist26 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...groupProps } = props;
         const groupId = (0, import_react_id.useId)();
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
       }
     );
     SelectGroup.displayName = GROUP_NAME;
@@ -49305,7 +49305,7 @@ var require_dist26 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...labelProps } = props;
         const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
       }
     );
     SelectLabel.displayName = LABEL_NAME;
@@ -49342,7 +49342,7 @@ var require_dist26 = __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_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           SelectItemContextProvider,
           {
             scope: __scopeSelect,
@@ -49353,14 +49353,14 @@ var require_dist26 = __commonJS({
             onItemTextChange: React3.useCallback((node) => {
               setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
             }, []),
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               Collection.ItemSlot,
               {
                 scope: __scopeSelect,
                 value,
                 disabled,
                 textValue,
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     role: "option",
@@ -49429,7 +49429,7 @@ var require_dist26 = __commonJS({
         );
         const textContent = itemTextNode?.textContent;
         const nativeOption = React3.useMemo(
-          () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+          () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
           [itemContext.disabled, itemContext.value, textContent]
         );
         const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -49437,8 +49437,8 @@ var require_dist26 = __commonJS({
           onNativeOptionAdd(nativeOption);
           return () => onNativeOptionRemove(nativeOption);
         }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.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
         ] });
       }
@@ -49449,7 +49449,7 @@ var require_dist26 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...itemIndicatorProps } = props;
         const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
       }
     );
     SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -49472,7 +49472,7 @@ var require_dist26 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -49507,7 +49507,7 @@ var require_dist26 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -49540,7 +49540,7 @@ var require_dist26 = __commonJS({
         const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
         activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
       }, [getItems]);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_react_primitive.Primitive.div,
         {
           "aria-hidden": true,
@@ -49568,7 +49568,7 @@ var require_dist26 = __commonJS({
     var SelectSeparator = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, ...separatorProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
       }
     );
     SelectSeparator.displayName = SEPARATOR_NAME;
@@ -49579,7 +49579,7 @@ var require_dist26 = __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_runtime15.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
       }
     );
     SelectArrow.displayName = ARROW_NAME;
@@ -49604,7 +49604,7 @@ var require_dist26 = __commonJS({
             select.dispatchEvent(event);
           }
         }, [prevValue, value]);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.select,
           {
             ...props,
@@ -49809,14 +49809,14 @@ var require_dist27 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist9();
     var import_react_use_layout_effect = require_dist15();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = 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_runtime15.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -50033,7 +50033,7 @@ var require_dist29 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -50051,9 +50051,9 @@ var require_dist29 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -50080,7 +50080,7 @@ var require_dist29 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -50198,7 +50198,7 @@ var require_dist30 = __commonJS({
     var import_react_use_controllable_state = require_dist23();
     var import_aria_hidden = require_es5();
     var import_react_remove_scroll = require_es57();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var POPOVER_NAME = "Popover";
     var [createPopoverContext, createPopoverScope] = (0, import_react_context.createContextScope)(POPOVER_NAME, [
       import_react_popper.createPopperScope
@@ -50223,7 +50223,7 @@ var require_dist30 = __commonJS({
         onChange: onOpenChange,
         caller: POPOVER_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         PopoverProvider,
         {
           scope: __scopePopover,
@@ -50252,7 +50252,7 @@ var require_dist30 = __commonJS({
           onCustomAnchorAdd();
           return () => onCustomAnchorRemove();
         }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
       }
     );
     PopoverAnchor.displayName = ANCHOR_NAME;
@@ -50263,7 +50263,7 @@ var require_dist30 = __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_runtime15.jsx)(
+        const trigger = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -50276,7 +50276,7 @@ var require_dist30 = __commonJS({
             onClick: (0, import_primitive.composeEventHandlers)(props.onClick, context.onOpenToggle)
           }
         );
-        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
+        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
       }
     );
     PopoverTrigger.displayName = TRIGGER_NAME;
@@ -50287,7 +50287,7 @@ var require_dist30 = __commonJS({
     var PopoverPortal = (props) => {
       const { __scopePopover, forceMount, children, container } = props;
       const context = usePopoverContext(PORTAL_NAME, __scopePopover);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
     };
     PopoverPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "PopoverContent";
@@ -50296,7 +50296,7 @@ var require_dist30 = __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_runtime15.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     PopoverContent.displayName = CONTENT_NAME;
@@ -50311,7 +50311,7 @@ var require_dist30 = __commonJS({
           const content = contentRef.current;
           if (content) return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -50346,7 +50346,7 @@ var require_dist30 = __commonJS({
         const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -50398,7 +50398,7 @@ var require_dist30 = __commonJS({
         const context = usePopoverContext(CONTENT_NAME, __scopePopover);
         const popperScope = usePopperScope(__scopePopover);
         (0, import_react_focus_guards.useFocusGuards)();
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_focus_scope.FocusScope,
           {
             asChild: true,
@@ -50406,7 +50406,7 @@ var require_dist30 = __commonJS({
             trapped: trapFocus,
             onMountAutoFocus: onOpenAutoFocus,
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               import_react_dismissable_layer.DismissableLayer,
               {
                 asChild: true,
@@ -50416,7 +50416,7 @@ var require_dist30 = __commonJS({
                 onPointerDownOutside,
                 onFocusOutside,
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   PopperPrimitive.Content,
                   {
                     "data-state": getState(context.open),
@@ -50449,7 +50449,7 @@ var require_dist30 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...closeProps } = props;
         const context = usePopoverContext(CLOSE_NAME, __scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -50466,7 +50466,7 @@ var require_dist30 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...arrowProps } = props;
         const popperScope = usePopperScope(__scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
       }
     );
     PopoverArrow.displayName = ARROW_NAME;
@@ -50589,14 +50589,14 @@ var require_dist31 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist9();
     var import_react_use_layout_effect = require_dist15();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = 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_runtime15.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -50645,7 +50645,7 @@ var require_dist32 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -50663,9 +50663,9 @@ var require_dist32 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -50692,7 +50692,7 @@ var require_dist32 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -50811,7 +50811,7 @@ var require_dist33 = __commonJS({
     var import_react_remove_scroll = require_es57();
     var import_aria_hidden = require_es5();
     var import_react_slot = require_dist32();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -50832,7 +50832,7 @@ var require_dist33 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -50856,7 +50856,7 @@ var require_dist33 = __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_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -50879,7 +50879,7 @@ var require_dist33 = __commonJS({
     var DialogPortal = (props) => {
       const { __scopeDialog, forceMount, children, container } = props;
       const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -50888,7 +50888,7 @@ var require_dist33 = __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_runtime15.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -50900,7 +50900,7 @@ var require_dist33 = __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_runtime15.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -50918,7 +50918,7 @@ var require_dist33 = __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_runtime15.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -50931,7 +50931,7 @@ var require_dist33 = __commonJS({
           const content = contentRef.current;
           if (content) return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -50961,7 +50961,7 @@ var require_dist33 = __commonJS({
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -51003,8 +51003,8 @@ var require_dist33 = __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_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -51012,7 +51012,7 @@ var require_dist33 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -51027,9 +51027,9 @@ var require_dist33 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -51039,7 +51039,7 @@ var require_dist33 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -51048,7 +51048,7 @@ var require_dist33 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -51057,7 +51057,7 @@ var require_dist33 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -56590,7 +56590,7 @@ var require_dist39 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var REACT_LAZY_TYPE = Symbol.for("react.lazy");
     var use = React3[" use ".trim().toString()];
     function isPromiseLike(value) {
@@ -56619,9 +56619,9 @@ var require_dist39 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -56651,7 +56651,7 @@ var require_dist39 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -56742,7 +56742,7 @@ var require_dist40 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist39();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -56770,7 +56770,7 @@ var require_dist40 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -56824,14 +56824,14 @@ var require_dist41 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist40();
     var import_react_use_layout_effect = require_dist15();
-    var import_jsx_runtime15 = require_jsx_runtime();
+    var import_jsx_runtime14 = 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_runtime15.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -61747,18 +61747,41 @@ var require_FaSlidersH = __commonJS({
   }
 });
 
+// ../../node_modules/@react-icons/all-files/fa/FaTimes.js
+var require_FaTimes = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaTimes.js"(exports, module) {
+    var GenIcon = require_cjs().GenIcon;
+    module.exports.FaTimes = function FaTimes2(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 352 512" }, "child": [{ "tag": "path", "attr": { "d": "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" } }] })(props);
+    };
+  }
+});
+
+// ../../node_modules/@react-icons/all-files/fa/FaPlay.js
+var require_FaPlay = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaPlay.js"(exports, module) {
+    var GenIcon = require_cjs().GenIcon;
+    module.exports.FaPlay = function FaPlay2(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z" } }] })(props);
+    };
+  }
+});
+
+// ../../node_modules/@react-icons/all-files/fa/FaCircle.js
+var require_FaCircle = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaCircle.js"(exports, module) {
+    var GenIcon = require_cjs().GenIcon;
+    module.exports.FaCircle = function FaCircle2(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" } }] })(props);
+    };
+  }
+});
+
 // build/client/output.fileMp4/info.js
 var import_FaFileVideo = __toESM(require_FaFileVideo());
 
-// build/client/output.fileMp4/inline-view.js
-var import_jsx_runtime = __toESM(require_jsx_runtime());
-function InlineView({ state: _, config }) {
-  return (0, import_jsx_runtime.jsx)("div", { className: "file-output", id: `file-output-${config.id}` });
-}
-var inline_view_default = InlineView;
-
 // build/client/output.fileMp4/summary-view.js
-var import_jsx_runtime2 = __toESM(require_jsx_runtime());
+var import_jsx_runtime = __toESM(require_jsx_runtime());
 function SummaryView({ state: _, sendCommand }) {
   const handleWriteFile = () => {
     void writeFile();
@@ -61768,7 +61791,7 @@ function SummaryView({ state: _, sendCommand }) {
       type: "write-file"
     });
   };
-  return (0, import_jsx_runtime2.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-between mb-3", children: (0, import_jsx_runtime2.jsx)("div", { children: (0, import_jsx_runtime2.jsx)("button", { onClick: handleWriteFile, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Write Mp4 File" }) }) }) });
+  return (0, import_jsx_runtime.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime.jsx)("div", { className: "flex items-center justify-between mb-3", children: (0, import_jsx_runtime.jsx)("div", { children: (0, import_jsx_runtime.jsx)("button", { onClick: handleWriteFile, className: "px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded", children: "Write Mp4 File" }) }) }) });
 }
 var summary_view_default = SummaryView;
 
@@ -61778,18 +61801,30 @@ function info_default(r) {
   return defineFileOutputComponent(r, {
     identifier: "output.fileMp4",
     name: "MP4 File",
-    description: "Sends audio and video streams to one or more remote RTMP servers simultaneously",
+    description: "Write an MP4 output file. A streaming output file (e.g. fragmented MP4) is created continuously, with finalised MP4 files available on demand.",
     searchTags: ["mp4", "egest"],
     icon: import_FaFileVideo.FaFileVideo,
     configForm: {
       form: {
         fileName: {
-          help: "The base filename to write (without extension/path)",
+          help: "The filename to write",
           hint: {
             type: "text",
             defaultValue: "output",
             envOverride: true,
-            validation: Z3.string().min(1).max(256).regex(/^[^./]+/, "Filename should not contain a path or extension")
+            validation: Z3.string().min(1).max(256)
+          }
+        },
+        writeMode: {
+          help: "File write mode for the continuous output",
+          hint: {
+            type: "select",
+            options: [
+              { value: "non-fragmented", display: "Non-fragmented MP4" },
+              { value: "fragmented", display: "Fragmented MP4" },
+              { value: "incremental", display: "Incremental non-fragmented MP4" }
+            ],
+            defaultValue: "fragmented"
           }
         },
         notes: {
@@ -61808,8 +61843,7 @@ function defineFileOutputComponent({ defineComponent }, settings) {
       accepts: {
         type: "simple-stream",
         audio: true,
-        video: true,
-        subtitle: true
+        video: true
       }
     },
     extraValidation: function(ctx) {
@@ -61819,9 +61853,9 @@ function defineFileOutputComponent({ defineComponent }, settings) {
         settings.extraValidation(ctx);
       }
     },
-    display: (_desc) => {
+    display: (desc) => {
       return {
-        // url: desc.config.url
+        fileName: desc.config.fileName
       };
     },
     runtime: {
@@ -61829,7 +61863,6 @@ function defineFileOutputComponent({ defineComponent }, settings) {
       handleEvent: (ev2, state) => {
         return { ...state };
       },
-      inline: inline_view_default,
       summary: summary_view_default
     }
   });
@@ -61839,7 +61872,7 @@ function defineFileOutputComponent({ defineComponent }, settings) {
 var import_util = __toESM(require_util());
 
 // build/client/output.tams/inline-view.js
-var import_jsx_runtime3 = __toESM(require_jsx_runtime());
+var import_jsx_runtime2 = __toESM(require_jsx_runtime());
 
 // ../norsk-player-react/dist/norsk-player-react.es.js
 var import_react = __toESM(require_react());
@@ -69729,11 +69762,11 @@ var hc2 = ({
 
 // build/client/output.tams/inline-view.js
 var import_react2 = __toESM(require_react());
-function InlineView2({ state }) {
+function InlineView({ state }) {
   const [playing, setPlaying] = (0, import_react2.useState)();
   const [hovered, setHovered] = (0, import_react2.useState)(false);
   if (playing) {
-    return (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-col gap-2", children: (0, import_jsx_runtime3.jsxs)("div", { style: { width: 420, height: 280 }, className: "relative", children: [(0, import_jsx_runtime3.jsx)("button", { onClick: () => setPlaying(void 0), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), className: `
+    return (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-col gap-2", children: (0, import_jsx_runtime2.jsxs)("div", { style: { width: 420, height: 280 }, className: "relative", children: [(0, import_jsx_runtime2.jsx)("button", { onClick: () => setPlaying(void 0), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), className: `
               absolute top-1 right-1
               z-50 pointer-events-auto
               flex items-center justify-center
@@ -69746,30 +69779,30 @@ function InlineView2({ state }) {
               !p-0 leading-none
               transition-transform transition-colors duration-150 ease-out
               ${hovered ? "opacity-50" : "opacity-20"}
-            `, children: (0, import_jsx_runtime3.jsxs)("svg", { viewBox: "0 0 20 20", className: "w-4 h-4", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, import_jsx_runtime3.jsx)("line", { x1: "4", y1: "4", x2: "16", y2: "16" }), (0, import_jsx_runtime3.jsx)("line", { x1: "16", y1: "4", x2: "4", y2: "16" })] }) }), (0, import_jsx_runtime3.jsx)(hc2, { src: playing, className: "w-full h-full", fillContainer: true }, playing)] }) });
+            `, children: (0, import_jsx_runtime2.jsxs)("svg", { viewBox: "0 0 20 20", className: "w-4 h-4", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, import_jsx_runtime2.jsx)("line", { x1: "4", y1: "4", x2: "16", y2: "16" }), (0, import_jsx_runtime2.jsx)("line", { x1: "16", y1: "4", x2: "4", y2: "16" })] }) }), (0, import_jsx_runtime2.jsx)(hc2, { src: playing, className: "w-full h-full", fillContainer: true }, playing)] }) });
   }
   const hasSessions = state.active || state.sessions.length > 0;
-  return (0, import_jsx_runtime3.jsxs)("div", { className: "bg-slate-950 p-6 overflow-auto", style: { maxHeight: "600px", maxWidth: "450px" }, children: [!hasSessions && (0, import_jsx_runtime3.jsx)("div", { className: "text-slate-400 text-center py-8", children: "No active or recorded sessions" }), displaySessions("Active Sessions", state.active ? [state.active] : [], setPlaying), displaySessions("Past Sessions", state.sessions, setPlaying)] });
+  return (0, import_jsx_runtime2.jsxs)("div", { className: "bg-slate-950 p-6 overflow-auto", style: { maxHeight: "600px", maxWidth: "450px" }, children: [!hasSessions && (0, import_jsx_runtime2.jsx)("div", { className: "text-slate-400 text-center py-8", children: "No active or recorded sessions" }), displaySessions("Active Sessions", state.active ? [state.active] : [], state.tamsUrl, setPlaying), displaySessions("Past Sessions", state.sessions, state.tamsUrl, setPlaying)] });
 }
-var sessionLink = ({ audio, video }) => {
+var sessionLink = (baseUrl, { audio, video }) => {
   if (!audio.tamsId || !video.tamsId)
     return;
-  const tamsUrl = ({ tamsId }) => `http://localhost:6791/x-tams/flows/${tamsId}`;
+  const tamsUrl = ({ tamsId }) => `${baseUrl}/flows/${tamsId}`;
   return `${tamsUrl(audio)},${tamsUrl(video)}`;
 };
-var displaySessions = (name, sessions, setPlaying) => {
+var displaySessions = (name, sessions, tamsUrl, setPlaying) => {
   if (!sessions.length)
     return null;
-  return (0, import_jsx_runtime3.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime3.jsx)("h3", { className: "text-lg font-semibold mb-3 text-slate-300", children: name }), (0, import_jsx_runtime3.jsx)("div", { className: "space-y-2", children: sessions.slice().reverse().map((session) => {
-    const url = sessionLink(session);
+  return (0, import_jsx_runtime2.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime2.jsx)("h3", { className: "text-lg font-semibold mb-3 text-slate-300", children: name }), (0, import_jsx_runtime2.jsx)("div", { className: "space-y-2", children: sessions.slice().reverse().map((session) => {
+    const url = sessionLink(tamsUrl, session);
     if (!url)
       return null;
     const duration = (session.video.durationMs / 6e4).toFixed(0);
     const time = new Date(session.video.startIso).toLocaleTimeString();
-    return (0, import_jsx_runtime3.jsxs)("button", { onClick: () => setPlaying(url), className: "w-full px-4 py-3 bg-slate-800 hover:bg-slate-700 text-slate-200 rounded-lg transition-colors text-left", children: ["Play session ", time, " (", duration, " minutes)"] }, session.video.startIso);
+    return (0, import_jsx_runtime2.jsxs)("button", { onClick: () => setPlaying(url), className: "w-full px-4 py-3 bg-slate-800 hover:bg-slate-700 text-slate-200 rounded-lg transition-colors text-left", children: ["Play session ", time, " (", duration, " minutes)"] }, session.video.startIso);
   }) })] });
 };
-var inline_view_default2 = InlineView2;
+var inline_view_default = InlineView;
 
 // build/client/output.tams/info.js
 function info_default2(R) {
@@ -69794,7 +69827,8 @@ function info_default2(R) {
       initialState: () => ({
         active: void 0,
         sessions: [],
-        cuts: []
+        cuts: [],
+        tamsUrl: ""
       }),
       handleEvent: (ev2, s) => {
         const evt = ev2.type;
@@ -69802,6 +69836,7 @@ function info_default2(R) {
           case "updated":
             s.active = ev2.active;
             s.sessions = ev2.sessions;
+            s.tamsUrl = ev2.tamsUrl;
             break;
           case "cut-started":
             s.cuts.push({ id: ev2.id, percent: 0, createdMs: ev2.createdMs });
@@ -69820,7 +69855,7 @@ function info_default2(R) {
         }
         return { ...s };
       },
-      inline: inline_view_default2
+      inline: inline_view_default
     },
     configForm: {
       form: {
@@ -69857,7 +69892,7 @@ function info_default2(R) {
 var import_config = __toESM(require_config());
 
 // build/client/processor.actionReplay/summary.js
-var import_jsx_runtime4 = __toESM(require_jsx_runtime());
+var import_jsx_runtime3 = __toESM(require_jsx_runtime());
 var import_react3 = __toESM(require_react());
 var import_hls = __toESM(require_hls());
 var changingDuration = false;
@@ -69881,8 +69916,8 @@ function SummaryView2({ state, config, sendCommand }) {
     }
   }, [state.contentPlayerUrl]);
   if (!url)
-    return (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: "..." });
-  return (0, import_jsx_runtime4.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime4.jsx)("h5", { children: "Preview" }), (0, import_jsx_runtime4.jsx)("video", { ref: previewVideo, controls: true, onSeeked, autoPlay: true, muted: true, className: state.replaying ? "hidden" : "", id: `${id3}-video` }), state.replaying ? (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: "Current Performing Replay" }) : (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [lastSeek ? (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [(0, import_jsx_runtime4.jsxs)("p", { children: ["Replay from ", lastSeek.time.toFixed(1), "(s) "] }), (0, import_jsx_runtime4.jsxs)("p", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", children: ["Duration: ", playbackDuration, "s"] }), (0, import_jsx_runtime4.jsx)("input", { id: "duration-range", type: "range", min: currentMinDuration(), max: currentMaxDuration(), defaultValue: playbackDuration, className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700", onChange: onDurationChange, onInput: onDurationChange })] }) : (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {}), (0, import_jsx_runtime4.jsx)("button", { onClick: sendReplayCommand, type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", children: "Replay" })] })] });
+    return (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: "..." });
+  return (0, import_jsx_runtime3.jsxs)("div", { className: "mb-5", children: [(0, import_jsx_runtime3.jsx)("h5", { children: "Preview" }), (0, import_jsx_runtime3.jsx)("video", { ref: previewVideo, controls: true, onSeeked, autoPlay: true, muted: true, className: state.replaying ? "hidden" : "", id: `${id3}-video` }), state.replaying ? (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: "Current Performing Replay" }) : (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [lastSeek ? (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [(0, import_jsx_runtime3.jsxs)("p", { children: ["Replay from ", lastSeek.time.toFixed(1), "(s) "] }), (0, import_jsx_runtime3.jsxs)("p", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", children: ["Duration: ", playbackDuration, "s"] }), (0, import_jsx_runtime3.jsx)("input", { id: "duration-range", type: "range", min: currentMinDuration(), max: currentMaxDuration(), defaultValue: playbackDuration, className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700", onChange: onDurationChange, onInput: onDurationChange })] }) : (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {}), (0, import_jsx_runtime3.jsx)("button", { onClick: sendReplayCommand, type: "button", className: "mt-2 mb-2 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800", children: "Replay" })] })] });
   function sendReplayCommand() {
     if (!previewVideo.current)
       return;
@@ -69989,9 +70024,9 @@ function info_default3({ defineComponent, assertUnreachable: assertUnreachable7
 }
 
 // build/client/processor.audioLevel/inline-view.js
-var import_jsx_runtime5 = __toESM(require_jsx_runtime());
+var import_jsx_runtime4 = __toESM(require_jsx_runtime());
 var import_react4 = __toESM(require_react());
-function InlineView3({ state, raise }) {
+function InlineView2({ state, raise }) {
   (0, import_react4.useEffect)(() => {
     if (raise) {
       raise();
@@ -70010,16 +70045,16 @@ function InlineView3({ state, raise }) {
     return Math.max(0, 100 - snapped);
   }
   if (!state.levels) {
-    return (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
+    return (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
   }
   {
   }
-  return (0, import_jsx_runtime5.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime5.jsx)("div", { className: "audio-level-container-inline", children: (0, import_jsx_runtime5.jsx)("div", { className: "preview-levels-inline", children: (0, import_jsx_runtime5.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}` }) }) }) });
+  return (0, import_jsx_runtime4.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime4.jsx)("div", { className: "audio-level-container-inline", children: (0, import_jsx_runtime4.jsx)("div", { className: "preview-levels-inline", children: (0, import_jsx_runtime4.jsx)("div", { className: `preview-level clip-${percentage(state.levels)}` }) }) }) });
 }
-var inline_view_default3 = InlineView3;
+var inline_view_default2 = InlineView2;
 
 // build/client/processor.audioLevel/summary-view.js
-var import_jsx_runtime6 = __toESM(require_jsx_runtime());
+var import_jsx_runtime5 = __toESM(require_jsx_runtime());
 var import_react5 = __toESM(require_react());
 function SummaryView3({ state, sendCommand }) {
   const [sliderValue, setSliderValue] = (0, import_react5.useState)(state.sliderGain || "0");
@@ -70040,7 +70075,7 @@ function SummaryView3({ state, sendCommand }) {
   const gainClasses = state.levels ? "col-start-2 self-end" : "col-start-1 col-end-3 self-end justify-self-start";
   {
   }
-  return (0, import_jsx_runtime6.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime6.jsxs)("div", { className: "audio-level-container grid mb-6 relative justify-items-center", children: [(0, import_jsx_runtime6.jsxs)("div", { className: `preview-levels-summary ${state.levels ? "" : "opacity-30"}`, children: [(0, import_jsx_runtime6.jsx)("div", { className: "relative w-full h-full", children: (0, import_jsx_runtime6.jsx)("div", { className: `preview-level absolute h-full w-4/6 clip-${percentage(state.levels)}` }) }), (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime6.jsx)("div", { className: "text-sm absolute -top-1", children: "0dB" }), (0, import_jsx_runtime6.jsx)("div", { className: "text-sm absolute top-14", children: "-50dB" }), (0, import_jsx_runtime6.jsx)("div", { className: "text-sm absolute -bottom-2", children: "-100dB" })] })] }), (0, import_jsx_runtime6.jsx)("div", { className: "h-full flex items-center", children: (0, import_jsx_runtime6.jsx)("input", { id: "audio-slider", className: `-rotate-90 h-2.5 ${state.levels ? "" : "opacity-20"}`, type: "range", name: "gain", min: "-40", max: "40", step: "1", defaultValue: state.sliderGain || "0", disabled: !state.levels, onChange: (e) => {
+  return (0, import_jsx_runtime5.jsx)("div", { className: "processor-audioLevel", children: (0, import_jsx_runtime5.jsxs)("div", { className: "audio-level-container grid mb-6 relative justify-items-center", children: [(0, import_jsx_runtime5.jsxs)("div", { className: `preview-levels-summary ${state.levels ? "" : "opacity-30"}`, children: [(0, import_jsx_runtime5.jsx)("div", { className: "relative w-full h-full", children: (0, import_jsx_runtime5.jsx)("div", { className: `preview-level absolute h-full w-4/6 clip-${percentage(state.levels)}` }) }), (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime5.jsx)("div", { className: "text-sm absolute -top-1", children: "0dB" }), (0, import_jsx_runtime5.jsx)("div", { className: "text-sm absolute top-14", children: "-50dB" }), (0, import_jsx_runtime5.jsx)("div", { className: "text-sm absolute -bottom-2", children: "-100dB" })] })] }), (0, import_jsx_runtime5.jsx)("div", { className: "h-full flex items-center", children: (0, import_jsx_runtime5.jsx)("input", { id: "audio-slider", className: `-rotate-90 h-2.5 ${state.levels ? "" : "opacity-20"}`, type: "range", name: "gain", min: "-40", max: "40", step: "1", defaultValue: state.sliderGain || "0", disabled: !state.levels, onChange: (e) => {
     setSliderValue(e.target.value);
     if (canSetVolume) {
       setCanSetVolume(false);
@@ -70051,7 +70086,7 @@ function SummaryView3({ state, sendCommand }) {
     }
   }, onMouseUp: (_e3) => {
     sendCommand({ type: "set-gain", value: Number(sliderValue) });
-  } }) }), (0, import_jsx_runtime6.jsx)("div", { className: gainClasses, children: state.levels ? "Gain:" : "No incoming audio" }), (0, import_jsx_runtime6.jsx)("div", { className: "col-start-2", children: state.levels ? `${Number(sliderValue) > 0 ? "+" : ""} ${sliderValue} dB` : "" })] }) });
+  } }) }), (0, import_jsx_runtime5.jsx)("div", { className: gainClasses, children: state.levels ? "Gain:" : "No incoming audio" }), (0, import_jsx_runtime5.jsx)("div", { className: "col-start-2", children: state.levels ? `${Number(sliderValue) > 0 ? "+" : ""} ${sliderValue} dB` : "" })] }) });
 }
 var summary_view_default2 = SummaryView3;
 
@@ -70103,7 +70138,7 @@ function info_default4({ defineComponent, validation: { Z: Z3 } }) {
         }
         return { ...state };
       },
-      inline: inline_view_default3,
+      inline: inline_view_default2,
       summary: summary_view_default2
     },
     configForm: {
@@ -70122,12 +70157,12 @@ function assertUnreachable2(_) {
 var import_client_types = __toESM(require_client_types());
 
 // build/client/processor.chaos/form-views.js
-var import_jsx_runtime7 = __toESM(require_jsx_runtime());
+var import_jsx_runtime6 = __toESM(require_jsx_runtime());
 function FrameDrop(cfg) {
   if (cfg) {
-    return (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime7.jsx)("div", { className: "col-span-1", children: "Frame Drop" }), (0, import_jsx_runtime7.jsx)("div", { className: "col-span-2", children: cfg.kind })] });
+    return (0, import_jsx_runtime6.jsxs)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm", children: [(0, import_jsx_runtime6.jsx)("div", { className: "col-span-1", children: "Frame Drop" }), (0, import_jsx_runtime6.jsx)("div", { className: "col-span-2", children: cfg.kind })] });
   } else {
-    return (0, import_jsx_runtime7.jsx)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm" });
+    return (0, import_jsx_runtime6.jsx)("div", { className: "grid grid-flow-row-dense grid-cols-3 text-sm" });
   }
 }
 
@@ -70248,30 +70283,57 @@ function info_default6({ defineComponent }) {
 var import_FaSlidersH = __toESM(require_FaSlidersH());
 
 // build/client/processor.hardSourceSwitch/inline-view.js
-var import_jsx_runtime8 = __toESM(require_jsx_runtime());
-function InlineView4({ state }) {
-  return (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-col h-full justify-between p-2 text-gray-900 dark:text-white", children: (0, import_jsx_runtime8.jsxs)("div", { children: [(0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-medium", children: ["Active: ", (0, import_jsx_runtime8.jsx)("span", { className: "font-normal", children: state.activeSource || "None" })] }), (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-medium", children: ["Available: ", (0, import_jsx_runtime8.jsx)("span", { className: "font-normal", children: state.availableSources.length })] })] }) });
+var import_jsx_runtime7 = __toESM(require_jsx_runtime());
+var import_FaTimes = __toESM(require_FaTimes());
+var import_FaPlay = __toESM(require_FaPlay());
+var import_FaCircle = __toESM(require_FaCircle());
+function InlineView3({ state, config }) {
+  const sourcePriority = state.sourcePriority || [];
+  const availableSourceNames = state.availableSources.map((s) => s.sourceName);
+  return (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-col h-full justify-between p-2 text-gray-900 dark:text-white", children: (0, import_jsx_runtime7.jsxs)("div", { children: [(0, import_jsx_runtime7.jsxs)("p", { className: "text-sm font-medium", children: ["Active: ", (0, import_jsx_runtime7.jsx)("span", { className: "font-normal", children: state.activeSource || "None" })] }), (0, import_jsx_runtime7.jsxs)("p", { className: "text-sm font-medium", children: ["Available: ", (0, import_jsx_runtime7.jsx)("span", { className: "font-normal", children: state.availableSources.length })] }), sourcePriority.length > 0 && (0, import_jsx_runtime7.jsxs)("div", { className: "mt-2 space-y-2", children: [sourcePriority.map((sourceName, index3) => {
+    const isActive = state.activeSource === sourceName;
+    const isAvailable = availableSourceNames.includes(sourceName);
+    const priorityRank = index3 + 1;
+    return (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime7.jsx)("div", { className: "relative w-4 h-4 flex items-center justify-center flex-shrink-0", children: !isAvailable ? (0, import_jsx_runtime7.jsx)(import_FaTimes.FaTimes, { className: "w-4 h-4 text-red-500" }) : isActive ? (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)(import_FaPlay.FaPlay, { className: "w-3 h-3 text-green-500" }), (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-30", children: (0, import_jsx_runtime7.jsx)("div", { className: "w-4 h-4 bg-green-500 animate-ping duration-150" }) })] }) : (0, import_jsx_runtime7.jsx)(import_FaCircle.FaCircle, { className: "w-2 h-2 text-green-500" }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900 dark:text-white flex-1 text-xs", children: sourceName }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-500 dark:text-gray-400 text-sm", children: priorityRank })] }, sourceName);
+  }), config.fallbackFilePath && (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime7.jsx)("div", { className: "relative w-4 h-4 flex items-center justify-center flex-shrink-0", children: state.activeSource === "fallback" ? (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)(import_FaPlay.FaPlay, { className: "w-3 h-3 text-green-500" }), (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-30", children: (0, import_jsx_runtime7.jsx)("div", { className: "w-4 h-4 bg-green-500 animate-ping duration-150" }) })] }) : (0, import_jsx_runtime7.jsx)(import_FaCircle.FaCircle, { className: "w-2 h-2 text-green-500" }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900 dark:text-white flex-1 text-xs", children: "fallback" }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-500 dark:text-gray-400 text-sm", children: "-" })] })] })] }) });
 }
 
 // build/client/processor.hardSourceSwitch/fullscreen.js
-var import_jsx_runtime9 = __toESM(require_jsx_runtime());
+var import_jsx_runtime8 = __toESM(require_jsx_runtime());
 var import_react7 = __toESM(require_react());
 function FullscreenView({ state, config: _config, sendCommand }) {
   const handleSwitch = (0, import_react7.useCallback)((sourceName) => {
     sendCommand({ type: "switch-to-source", source: sourceName });
   }, [sendCommand]);
-  return (0, import_jsx_runtime9.jsxs)("div", { className: "h-full w-full flex flex-col p-4 bg-gray-900 text-white", children: [(0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 flex gap-4", children: [(0, import_jsx_runtime9.jsxs)("div", { className: "flex-1", children: [(0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Sources" }), (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: state.availableSources.map((source) => {
+  const handlePriorityChange = (0, import_react7.useCallback)((newOrder) => {
+    sendCommand({ type: "set-priority-order", sources: newOrder });
+  }, [sendCommand]);
+  return (0, import_jsx_runtime8.jsxs)("div", { className: "h-full w-full flex flex-col p-4 bg-gray-900 text-white", children: [(0, import_jsx_runtime8.jsxs)("div", { className: "flex-1 flex gap-4", children: [(0, import_jsx_runtime8.jsxs)("div", { className: "flex-1", children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Sources" }), (0, import_jsx_runtime8.jsx)("div", { className: "grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: state.availableSources.map((source) => {
     if (!source.sourceName) {
       return null;
     }
     const sourceName = source.sourceName;
     const isActive = state.activeSource === sourceName;
     const previewUrl = state.sourcePreviews?.[sourceName];
-    return (0, import_jsx_runtime9.jsxs)("div", { className: `
+    return (0, import_jsx_runtime8.jsxs)("div", { className: `
                     relative border-2 rounded-lg overflow-hidden
                     ${isActive ? "border-green-500" : "border-gray-600"}
-                  `, children: [(0, import_jsx_runtime9.jsxs)("div", { className: "aspect-video bg-gray-800 relative", children: [previewUrl ? (0, import_jsx_runtime9.jsx)("img", { src: previewUrl, alt: `${sourceName} preview`, className: "w-full h-full object-cover" }) : (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "Loading..." }), isActive && (0, import_jsx_runtime9.jsx)("div", { className: "absolute top-2 right-2 bg-green-500 text-white px-2 py-1 rounded text-xs font-bold", children: "ACTIVE" })] }), (0, import_jsx_runtime9.jsxs)("div", { className: "p-3", children: [(0, import_jsx_runtime9.jsx)("h4", { className: "font-medium mb-2", children: sourceName }), (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-end", children: !isActive && (0, import_jsx_runtime9.jsx)("button", { onClick: () => handleSwitch(sourceName), className: "px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-sm transition", children: "Make Active" }) })] })] }, sourceName);
-  }) })] }), (0, import_jsx_runtime9.jsxs)("div", { className: "w-96", children: [(0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Output" }), (0, import_jsx_runtime9.jsxs)("div", { className: "border-2 border-blue-500 rounded-lg overflow-hidden", children: [(0, import_jsx_runtime9.jsx)("div", { className: "aspect-video bg-gray-800", children: state.outputPreview ? (0, import_jsx_runtime9.jsx)("img", { src: state.outputPreview, alt: "Output preview", className: "w-full h-full object-cover" }) : (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "No output" }) }), (0, import_jsx_runtime9.jsx)("div", { className: "p-3 bg-gray-800", children: (0, import_jsx_runtime9.jsxs)("p", { className: "text-sm text-gray-400", children: ["Active Source:", " ", (0, import_jsx_runtime9.jsx)("span", { className: "font-semibold text-white", children: state.activeSource || "None" })] }) })] })] })] }), state.formatWarnings && state.formatWarnings.length > 0 && (0, import_jsx_runtime9.jsxs)("div", { className: "mt-4 bg-yellow-900/50 border border-yellow-600 rounded-lg p-3", children: [(0, import_jsx_runtime9.jsxs)("h4", { className: "text-yellow-400 font-semibold mb-2 flex items-center gap-2", children: [(0, import_jsx_runtime9.jsx)("span", { children: "\u26A0\uFE0F" }), "Format Warnings"] }), (0, import_jsx_runtime9.jsx)("div", { className: "space-y-1 max-h-32 overflow-y-auto", children: state.formatWarnings.map((warning, idx) => (0, import_jsx_runtime9.jsxs)("div", { className: "text-sm text-yellow-200", children: ["\u2022 ", warning] }, idx)) })] })] });
+                  `, children: [(0, import_jsx_runtime8.jsxs)("div", { className: "aspect-video bg-gray-800 relative", children: [previewUrl ? (0, import_jsx_runtime8.jsx)("img", { src: previewUrl, alt: `${sourceName} preview`, className: "w-full h-full object-cover" }) : (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "Loading..." }), isActive && (0, import_jsx_runtime8.jsx)("div", { className: "absolute top-2 right-2 bg-green-500 text-white px-2 py-1 rounded text-xs font-bold", children: "ACTIVE" })] }), (0, import_jsx_runtime8.jsxs)("div", { className: "p-3", children: [(0, import_jsx_runtime8.jsx)("h4", { className: "font-medium mb-2", children: sourceName }), (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-end", children: !isActive && (0, import_jsx_runtime8.jsx)("button", { onClick: () => handleSwitch(sourceName), className: "px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-sm transition", children: "Make Active" }) })] })] }, sourceName);
+  }) })] }), (0, import_jsx_runtime8.jsxs)("div", { className: "w-96 flex flex-col gap-4", children: [(0, import_jsx_runtime8.jsxs)("div", { children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Output" }), (0, import_jsx_runtime8.jsxs)("div", { className: "border-2 border-blue-500 rounded-lg overflow-hidden", children: [(0, import_jsx_runtime8.jsx)("div", { className: "aspect-video bg-gray-800", children: state.outputPreview ? (0, import_jsx_runtime8.jsx)("img", { src: state.outputPreview, alt: "Output preview", className: "w-full h-full object-cover" }) : (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center h-full text-gray-500", children: "No output" }) }), (0, import_jsx_runtime8.jsx)("div", { className: "p-3 bg-gray-800", children: (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm text-gray-400", children: ["Active Source:", " ", (0, import_jsx_runtime8.jsx)("span", { className: "font-semibold text-white", children: state.activeSource || "None" })] }) })] })] }), (0, import_jsx_runtime8.jsxs)("div", { children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Priority Order" }), (0, import_jsx_runtime8.jsx)("div", { className: "space-y-2", children: (state.sourcePriority || []).map((source, index3) => (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between bg-gray-800 p-2 rounded", children: [(0, import_jsx_runtime8.jsxs)("span", { className: "text-sm", children: [index3 + 1, ": ", source] }), (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-1", children: [index3 > 0 && (0, import_jsx_runtime8.jsx)("button", { onClick: () => {
+    const newOrder = [...state.sourcePriority || []];
+    [newOrder[index3], newOrder[index3 - 1]] = [
+      newOrder[index3 - 1],
+      newOrder[index3]
+    ];
+    handlePriorityChange(newOrder);
+  }, className: "px-2 py-1 bg-gray-700 hover:bg-gray-600 rounded text-xs", title: "Move up", children: "\u2191" }), index3 < (state.sourcePriority?.length || 0) - 1 && (0, import_jsx_runtime8.jsx)("button", { onClick: () => {
+    const newOrder = [...state.sourcePriority || []];
+    [newOrder[index3], newOrder[index3 + 1]] = [
+      newOrder[index3 + 1],
+      newOrder[index3]
+    ];
+    handlePriorityChange(newOrder);
+  }, className: "px-2 py-1 bg-gray-700 hover:bg-gray-600 rounded text-xs", title: "Move down", children: "\u2193" })] })] }, source)) })] })] })] }), state.formatWarnings && state.formatWarnings.length > 0 && (0, import_jsx_runtime8.jsxs)("div", { className: "mt-4 bg-yellow-900/50 border border-yellow-600 rounded-lg p-3", children: [(0, import_jsx_runtime8.jsxs)("h4", { className: "text-yellow-400 font-semibold mb-2 flex items-center gap-2", children: [(0, import_jsx_runtime8.jsx)("span", { children: "\u26A0\uFE0F" }), "Format Warnings"] }), (0, import_jsx_runtime8.jsx)("div", { className: "space-y-1 max-h-32 overflow-y-auto", children: state.formatWarnings.map((warning, idx) => (0, import_jsx_runtime8.jsxs)("div", { className: "text-sm text-yellow-200", children: ["\u2022 ", warning] }, idx)) })] })] });
 }
 
 // build/client/processor.hardSourceSwitch/info.js
@@ -70311,7 +70373,8 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
     display: (desc) => {
       return {
         activeSource: desc.config.activeSource || "(auto)",
-        outputSource: desc.config.outputSource
+        outputSource: desc.config.outputSource,
+        fallback: desc.config.fallbackFilePath ? "MP4 File" : "None"
       };
     },
     runtime: {
@@ -70319,7 +70382,8 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
         activeSource: "",
         availableSources: [],
         sourcePreviews: {},
-        formatWarnings: []
+        formatWarnings: [],
+        sourcePriority: []
       }),
       handleEvent: (ev2, state) => {
         const evType = ev2.type;
@@ -70358,6 +70422,8 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
             const newWarnings = [ev2.message, ...currentWarnings].slice(0, 10);
             return { ...state, formatWarnings: newWarnings };
           }
+          case "priority-order-changed":
+            return { ...state, sourcePriority: ev2.sourcePriority };
           case "error":
           case "automatic-failover":
             return state;
@@ -70365,8 +70431,8 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
             assertUnreachable3(evType);
         }
       },
-      inline: InlineView4,
-      summary: InlineView4,
+      inline: InlineView3,
+      summary: InlineView3,
       fullscreen: FullscreenView
     },
     extraValidation: function(ctx) {
@@ -70417,6 +70483,23 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
             optional: true
           }
         },
+        fallbackFilePath: {
+          help: "Optional MP4 file to use as fallback",
+          advanced: true,
+          hint: {
+            type: "text",
+            optional: true,
+            envOverride: true
+          }
+        },
+        sourcePriority: {
+          help: "Initial priority order for sources (first = highest priority)",
+          advanced: true,
+          hint: {
+            type: "list",
+            defaultValue: []
+          }
+        },
         notes: {
           help: "Optional notes",
           hint: {
@@ -70477,7 +70560,7 @@ function info_default8({ defineComponent, validation: { Z: Z3 } }) {
 }
 
 // build/client/util.agent/summary-view.js
-var import_jsx_runtime10 = __toESM(require_jsx_runtime());
+var import_jsx_runtime9 = __toESM(require_jsx_runtime());
 var import_react8 = __toESM(require_react());
 function SummaryView4({ state, config, sendCommand }) {
   const [showDetailedActions, setShowDetailedActions] = (0, import_react8.useState)(false);
@@ -70535,24 +70618,24 @@ function SummaryView4({ state, config, sendCommand }) {
     return structured?.decision;
   });
   const buttonClass = "mt-2 mb-3 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-4 py-2 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800";
-  return (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-4 mb-5", children: [(0, import_jsx_runtime10.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Agent Status" }), (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime10.jsxs)("div", { className: `flex items-center gap-2 ${getStatusColor(state.status, state.isRunning)}`, children: [(0, import_jsx_runtime10.jsx)("span", { className: "text-lg", children: getStatusIcon(state.status, state.isRunning) }), (0, import_jsx_runtime10.jsx)("span", { className: "font-medium capitalize", children: state.isRunning ? state.status : "stopped" })] }), (0, import_jsx_runtime10.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: [(0, import_jsx_runtime10.jsxs)("div", { children: ["Cycles: ", state.cyclesThisMinute, "/min \u2022 ", state.totalCycles, " total"] }), (0, import_jsx_runtime10.jsxs)("div", { children: ["Components: ", state.discoveredComponents.length, " discovered"] })] })] }), (0, import_jsx_runtime10.jsxs)("div", { children: [(0, import_jsx_runtime10.jsx)("label", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Goal:" }), (0, import_jsx_runtime10.jsx)("div", { className: "text-sm text-gray-700 dark:text-gray-300 mt-1 p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: config.goal })] }), recentDecision && (0, import_jsx_runtime10.jsxs)("div", { children: [(0, import_jsx_runtime10.jsx)("label", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Recent Decision:" }), (0, import_jsx_runtime10.jsx)("div", { className: "text-sm text-gray-700 dark:text-gray-300 mt-1 p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: parseStructuredResponse(recentDecision)?.decision || recentDecision.description })] }), state.currentTask && (0, import_jsx_runtime10.jsxs)("div", { children: [(0, import_jsx_runtime10.jsx)("label", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Current Task:" }), (0, import_jsx_runtime10.jsxs)("div", { className: "mt-1 p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: [(0, import_jsx_runtime10.jsx)("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: state.currentTask.description }), (0, import_jsx_runtime10.jsx)("div", { className: `inline-flex px-2 py-1 mt-1 text-xs font-semibold rounded-full ${state.currentTask.status === "completed" ? "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-300" : state.currentTask.status === "failed" ? "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-300" : state.currentTask.status === "in_progress" ? "bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-300" : "bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-300"}`, children: state.currentTask.status.replace("_", " ") })] })] }), state.lastError && (0, import_jsx_runtime10.jsxs)("div", { className: "p-2 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded", children: [(0, import_jsx_runtime10.jsx)("div", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: "Error:" }), (0, import_jsx_runtime10.jsx)("div", { className: "text-sm text-red-700 dark:text-red-300", children: state.lastError })] }), (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime10.jsx)("button", { type: "button", className: buttonClass, onClick: () => {
+  return (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-4 mb-5", children: [(0, import_jsx_runtime9.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Agent Status" }), (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime9.jsxs)("div", { className: `flex items-center gap-2 ${getStatusColor(state.status, state.isRunning)}`, children: [(0, import_jsx_runtime9.jsx)("span", { className: "text-lg", children: getStatusIcon(state.status, state.isRunning) }), (0, import_jsx_runtime9.jsx)("span", { className: "font-medium capitalize", children: state.isRunning ? state.status : "stopped" })] }), (0, import_jsx_runtime9.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: [(0, import_jsx_runtime9.jsxs)("div", { children: ["Cycles: ", state.cyclesThisMinute, "/min \u2022 ", state.totalCycles, " total"] }), (0, import_jsx_runtime9.jsxs)("div", { children: ["Components: ", state.discoveredComponents.length, " discovered"] })] })] }), (0, import_jsx_runtime9.jsxs)("div", { children: [(0, import_jsx_runtime9.jsx)("label", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Goal:" }), (0, import_jsx_runtime9.jsx)("div", { className: "text-sm text-gray-700 dark:text-gray-300 mt-1 p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: config.goal })] }), recentDecision && (0, import_jsx_runtime9.jsxs)("div", { children: [(0, import_jsx_runtime9.jsx)("label", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Recent Decision:" }), (0, import_jsx_runtime9.jsx)("div", { className: "text-sm text-gray-700 dark:text-gray-300 mt-1 p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: parseStructuredResponse(recentDecision)?.decision || recentDecision.description })] }), state.currentTask && (0, import_jsx_runtime9.jsxs)("div", { children: [(0, import_jsx_runtime9.jsx)("label", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Current Task:" }), (0, import_jsx_runtime9.jsxs)("div", { className: "mt-1 p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: [(0, import_jsx_runtime9.jsx)("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: state.currentTask.description }), (0, import_jsx_runtime9.jsx)("div", { className: `inline-flex px-2 py-1 mt-1 text-xs font-semibold rounded-full ${state.currentTask.status === "completed" ? "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-300" : state.currentTask.status === "failed" ? "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-300" : state.currentTask.status === "in_progress" ? "bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-300" : "bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-300"}`, children: state.currentTask.status.replace("_", " ") })] })] }), state.lastError && (0, import_jsx_runtime9.jsxs)("div", { className: "p-2 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded", children: [(0, import_jsx_runtime9.jsx)("div", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: "Error:" }), (0, import_jsx_runtime9.jsx)("div", { className: "text-sm text-red-700 dark:text-red-300", children: state.lastError })] }), (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime9.jsx)("button", { type: "button", className: buttonClass, onClick: () => {
     if (state.isRunning) {
       sendCommand({ type: "stop_agent" });
     } else {
       sendCommand({ type: "start_agent" });
     }
-  }, children: state.isRunning ? "Stop Agent" : "Start Agent" }), state.isRunning && (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "text-gray-900 dark:text-white w-full bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg text-sm px-4 py-2 dark:bg-gray-800 dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700", onClick: () => {
+  }, children: state.isRunning ? "Stop Agent" : "Start Agent" }), state.isRunning && (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "text-gray-900 dark:text-white w-full bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg text-sm px-4 py-2 dark:bg-gray-800 dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700", onClick: () => {
     sendCommand({ type: "pause_agent" });
-  }, children: "Pause Agent" })] }), (0, import_jsx_runtime10.jsxs)("div", { children: [(0, import_jsx_runtime10.jsxs)("button", { type: "button", className: "text-sm text-blue-600 dark:text-blue-400 hover:underline", onClick: () => setShowDetailedActions(!showDetailedActions), children: [showDetailedActions ? "Hide" : "Show", " Recent Actions (", state.recentActions.length, ")"] }), showDetailedActions && (0, import_jsx_runtime10.jsx)("div", { className: "mt-2 space-y-2 max-h-60 overflow-y-auto", children: state.recentActions.slice(0, 10).map((action, index3) => {
+  }, children: "Pause Agent" })] }), (0, import_jsx_runtime9.jsxs)("div", { children: [(0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "text-sm text-blue-600 dark:text-blue-400 hover:underline", onClick: () => setShowDetailedActions(!showDetailedActions), children: [showDetailedActions ? "Hide" : "Show", " Recent Actions (", state.recentActions.length, ")"] }), showDetailedActions && (0, import_jsx_runtime9.jsx)("div", { className: "mt-2 space-y-2 max-h-60 overflow-y-auto", children: state.recentActions.slice(0, 10).map((action, index3) => {
     const structured = parseStructuredResponse(action);
-    return (0, import_jsx_runtime10.jsxs)("div", { className: "text-xs p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: [(0, import_jsx_runtime10.jsx)("div", { className: `font-medium ${action.success ? "text-green-700 dark:text-green-300" : "text-red-700 dark:text-red-300"}`, children: structured?.decision || action.description }), (0, import_jsx_runtime10.jsx)("div", { className: "text-gray-600 dark:text-gray-400 mt-1", children: new Date(action.timestamp).toLocaleTimeString() }), action.error && (0, import_jsx_runtime10.jsx)("div", { className: "text-red-600 dark:text-red-400 mt-1", children: action.error })] }, `${action.id}-${index3}`);
+    return (0, import_jsx_runtime9.jsxs)("div", { className: "text-xs p-2 bg-gray-50 dark:bg-gray-800 rounded border", children: [(0, import_jsx_runtime9.jsx)("div", { className: `font-medium ${action.success ? "text-green-700 dark:text-green-300" : "text-red-700 dark:text-red-300"}`, children: structured?.decision || action.description }), (0, import_jsx_runtime9.jsx)("div", { className: "text-gray-600 dark:text-gray-400 mt-1", children: new Date(action.timestamp).toLocaleTimeString() }), action.error && (0, import_jsx_runtime9.jsx)("div", { className: "text-red-600 dark:text-red-400 mt-1", children: action.error })] }, `${action.id}-${index3}`);
   }) })] })] });
 }
 var summary_view_default3 = SummaryView4;
 
 // build/client/util.agent/inline-view.js
-var import_jsx_runtime11 = __toESM(require_jsx_runtime());
-function InlineView5({ state, config }) {
+var import_jsx_runtime10 = __toESM(require_jsx_runtime());
+function InlineView4({ state, config }) {
   const recentDecision = state.recentActions.find((action) => {
     if (action.type === "analysis" && action.result && typeof action.result === "object") {
       const result = action.result;
@@ -70596,12 +70679,12 @@ function InlineView5({ state, config }) {
         return "\u{1F916}";
     }
   };
-  return (0, import_jsx_runtime11.jsx)("div", { id: `agent-${config.id}`, className: "p-3 space-y-2", children: (0, import_jsx_runtime11.jsxs)("div", { className: "w-80 grid grid-cols-[min-content,1fr] gap-x-3 gap-y-1 text-sm", children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Status:" }), (0, import_jsx_runtime11.jsxs)("div", { className: `flex items-center gap-2 ${getStatusColor(state.status, state.isRunning)}`, children: [(0, import_jsx_runtime11.jsx)("span", { children: getStatusIcon(state.status, state.isRunning) }), (0, import_jsx_runtime11.jsx)("span", { className: "capitalize", children: state.isRunning ? state.status : "stopped" })] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Cycles:" }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.cyclesThisMinute, "/min \u2022 ", state.totalCycles, " total"] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Goal:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: config.goal, children: config.goal }), recentDecision && (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Recent:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description, children: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description })] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Components:" }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.discoveredComponents.length, " discovered"] }), state.lastError && (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium text-red-600", children: "Error:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-red-600 dark:text-red-400 truncate text-xs", title: state.lastError, children: state.lastError })] })] }) });
+  return (0, import_jsx_runtime10.jsx)("div", { id: `agent-${config.id}`, className: "p-3 space-y-2", children: (0, import_jsx_runtime10.jsxs)("div", { className: "w-80 grid grid-cols-[min-content,1fr] gap-x-3 gap-y-1 text-sm", children: [(0, import_jsx_runtime10.jsx)("div", { className: "font-medium", children: "Status:" }), (0, import_jsx_runtime10.jsxs)("div", { className: `flex items-center gap-2 ${getStatusColor(state.status, state.isRunning)}`, children: [(0, import_jsx_runtime10.jsx)("span", { children: getStatusIcon(state.status, state.isRunning) }), (0, import_jsx_runtime10.jsx)("span", { className: "capitalize", children: state.isRunning ? state.status : "stopped" })] }), (0, import_jsx_runtime10.jsx)("div", { className: "font-medium", children: "Cycles:" }), (0, import_jsx_runtime10.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.cyclesThisMinute, "/min \u2022 ", state.totalCycles, " total"] }), (0, import_jsx_runtime10.jsx)("div", { className: "font-medium", children: "Goal:" }), (0, import_jsx_runtime10.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: config.goal, children: config.goal }), recentDecision && (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [(0, import_jsx_runtime10.jsx)("div", { className: "font-medium", children: "Recent:" }), (0, import_jsx_runtime10.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description, children: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description })] }), (0, import_jsx_runtime10.jsx)("div", { className: "font-medium", children: "Components:" }), (0, import_jsx_runtime10.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.discoveredComponents.length, " discovered"] }), state.lastError && (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [(0, import_jsx_runtime10.jsx)("div", { className: "font-medium text-red-600", children: "Error:" }), (0, import_jsx_runtime10.jsx)("div", { className: "text-red-600 dark:text-red-400 truncate text-xs", title: state.lastError, children: state.lastError })] })] }) });
 }
-var inline_view_default4 = InlineView5;
+var inline_view_default3 = InlineView4;
 
 // build/client/util.agent/fullscreen-view.js
-var import_jsx_runtime12 = __toESM(require_jsx_runtime());
+var import_jsx_runtime11 = __toESM(require_jsx_runtime());
 var React2 = __toESM(require_react());
 var import_react9 = __toESM(require_react());
 function FullscreenView2({ state, config, sendCommand, urls }) {
@@ -70661,43 +70744,43 @@ function FullscreenView2({ state, config, sendCommand, urls }) {
   };
   const formatValue = (value) => {
     if (value === null || value === void 0) {
-      return (0, import_jsx_runtime12.jsx)("div", { className: "text-sm text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 p-2 rounded border", children: value === null ? "null" : "undefined" });
+      return (0, import_jsx_runtime11.jsx)("div", { className: "text-sm text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 p-2 rounded border", children: value === null ? "null" : "undefined" });
     }
     if (typeof value === "object") {
-      return (0, import_jsx_runtime12.jsx)("pre", { className: "whitespace-pre-wrap text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border", children: JSON.stringify(value, null, 2) });
+      return (0, import_jsx_runtime11.jsx)("pre", { className: "whitespace-pre-wrap text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border", children: JSON.stringify(value, null, 2) });
     }
     if (typeof value === "string") {
       const trimmed = value.trim();
       if (trimmed.startsWith("{") || trimmed.startsWith("[")) {
         try {
           const parsed = JSON.parse(trimmed);
-          return (0, import_jsx_runtime12.jsx)("pre", { className: "whitespace-pre-wrap text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border", children: JSON.stringify(parsed, null, 2) });
+          return (0, import_jsx_runtime11.jsx)("pre", { className: "whitespace-pre-wrap text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border", children: JSON.stringify(parsed, null, 2) });
         } catch {
         }
       }
-      return (0, import_jsx_runtime12.jsx)("div", { className: "text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border whitespace-pre-wrap", children: value });
+      return (0, import_jsx_runtime11.jsx)("div", { className: "text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border whitespace-pre-wrap", children: value });
     }
-    return (0, import_jsx_runtime12.jsx)("div", { className: "text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border", children: typeof value === "object" && value !== null ? JSON.stringify(value) : String(value) });
+    return (0, import_jsx_runtime11.jsx)("div", { className: "text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 p-2 rounded border", children: typeof value === "object" && value !== null ? JSON.stringify(value) : String(value) });
   };
   const renderMemoryData = (memoryObject) => {
     if (!memoryObject || Object.keys(memoryObject).length === 0) {
-      return (0, import_jsx_runtime12.jsx)("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: "No memory data" });
+      return (0, import_jsx_runtime11.jsx)("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: "No memory data" });
     }
-    return (0, import_jsx_runtime12.jsx)("div", { className: "space-y-3", children: Object.entries(memoryObject).map(([key, value]) => (0, import_jsx_runtime12.jsxs)("div", { className: "border-b border-gray-200 dark:border-gray-700 pb-3", children: [(0, import_jsx_runtime12.jsx)("div", { className: "text-xs font-medium text-gray-600 dark:text-gray-400 mb-2", children: key }), (0, import_jsx_runtime12.jsx)("div", { className: "pl-2", children: formatValue(value) })] }, key)) });
+    return (0, import_jsx_runtime11.jsx)("div", { className: "space-y-3", children: Object.entries(memoryObject).map(([key, value]) => (0, import_jsx_runtime11.jsxs)("div", { className: "border-b border-gray-200 dark:border-gray-700 pb-3", children: [(0, import_jsx_runtime11.jsx)("div", { className: "text-xs font-medium text-gray-600 dark:text-gray-400 mb-2", children: key }), (0, import_jsx_runtime11.jsx)("div", { className: "pl-2", children: formatValue(value) })] }, key)) });
   };
-  return (0, import_jsx_runtime12.jsxs)("div", { className: "h-full w-full bg-gray-50 dark:bg-gray-900 overflow-hidden flex flex-col", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700 p-6", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between", children: [(0, import_jsx_runtime12.jsxs)("div", { children: [(0, import_jsx_runtime12.jsxs)("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: ["Agent: ", config.displayName] }), (0, import_jsx_runtime12.jsx)("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: config.goal })] }), (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-4", children: [(0, import_jsx_runtime12.jsx)("div", { className: `px-4 py-2 rounded-lg font-medium ${getStatusColor(state.status, state.isRunning)}`, children: state.isRunning ? state.status : "stopped" }), (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-2", children: [(0, import_jsx_runtime12.jsx)("button", { onClick: () => {
+  return (0, import_jsx_runtime11.jsxs)("div", { className: "h-full w-full bg-gray-50 dark:bg-gray-900 overflow-hidden flex flex-col", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700 p-6", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [(0, import_jsx_runtime11.jsxs)("div", { children: [(0, import_jsx_runtime11.jsxs)("h1", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: ["Agent: ", config.displayName] }), (0, import_jsx_runtime11.jsx)("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: config.goal })] }), (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-4", children: [(0, import_jsx_runtime11.jsx)("div", { className: `px-4 py-2 rounded-lg font-medium ${getStatusColor(state.status, state.isRunning)}`, children: state.isRunning ? state.status : "stopped" }), (0, import_jsx_runtime11.jsxs)("div", { className: "flex gap-2", children: [(0, import_jsx_runtime11.jsx)("button", { onClick: () => {
     if (state.isRunning) {
       sendCommand({ type: "stop_agent" });
     } else {
       sendCommand({ type: "start_agent" });
     }
-  }, className: `px-4 py-2 rounded-lg font-medium text-white ${state.isRunning ? "bg-red-600 hover:bg-red-700" : "bg-green-600 hover:bg-green-700"}`, children: state.isRunning ? "Stop Agent" : "Start Agent" }), state.isRunning && (0, import_jsx_runtime12.jsx)("button", { onClick: () => sendCommand({ type: "pause_agent" }), className: "px-4 py-2 bg-yellow-600 hover:bg-yellow-700 text-white rounded-lg font-medium", children: "Pause" })] })] })] }), (0, import_jsx_runtime12.jsx)("div", { className: "mt-6 border-b border-gray-200 dark:border-gray-700", children: (0, import_jsx_runtime12.jsx)("nav", { className: "-mb-px flex space-x-8", children: ["status", "memory", "actions", "components"].map((tab) => (0, import_jsx_runtime12.jsx)("button", { onClick: () => setActiveTab(tab), className: `py-2 px-1 border-b-2 font-medium text-sm capitalize ${activeTab === tab ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"}`, children: tab }, tab)) }) })] }), (0, import_jsx_runtime12.jsxs)("div", { className: "flex-1 overflow-auto p-6", children: [activeTab === "status" && (0, import_jsx_runtime12.jsx)("div", { className: "max-w-6xl mx-auto", children: (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-lg mb-4 text-gray-900 dark:text-gray-100", children: "Agent Status" }), (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-3", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [(0, import_jsx_runtime12.jsxs)("div", { children: [(0, import_jsx_runtime12.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Running:" }), (0, import_jsx_runtime12.jsx)("div", { className: "font-medium", children: state.isRunning ? "\u2705 Yes" : "\u274C No" })] }), (0, import_jsx_runtime12.jsxs)("div", { children: [(0, import_jsx_runtime12.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Status:" }), (0, import_jsx_runtime12.jsx)("div", { className: "font-medium capitalize", children: state.status })] }), (0, import_jsx_runtime12.jsxs)("div", { children: [(0, import_jsx_runtime12.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Cycles/Min:" }), (0, import_jsx_runtime12.jsx)("div", { className: "font-medium", children: state.cyclesThisMinute })] }), (0, import_jsx_runtime12.jsxs)("div", { children: [(0, import_jsx_runtime12.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Total Cycles:" }), (0, import_jsx_runtime12.jsx)("div", { className: "font-medium", children: state.totalCycles })] })] }), state.lastError && (0, import_jsx_runtime12.jsxs)("div", { className: "mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded", children: [(0, import_jsx_runtime12.jsx)("span", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: "Last Error:" }), (0, import_jsx_runtime12.jsx)("div", { className: "text-sm text-red-700 dark:text-red-300 mt-1", children: state.lastError })] })] })] }), (0, import_jsx_runtime12.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-lg mb-4 text-gray-900 dark:text-gray-100", children: "Current Task" }), state.currentTask ? (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime12.jsx)("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: state.currentTask.description }), (0, import_jsx_runtime12.jsx)("div", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${state.currentTask.status === "completed" ? "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-300" : state.currentTask.status === "failed" ? "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-300" : state.currentTask.status === "in_progress" ? "bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-300" : "bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-300"}`, children: state.currentTask.status.replace("_", " ") }), (0, import_jsx_runtime12.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: ["Created: ", new Date(state.currentTask.createdAt).toLocaleString()] })] }) : (0, import_jsx_runtime12.jsx)("div", { className: "text-gray-600 dark:text-gray-400", children: "No active task" })] })] }) }), activeTab === "memory" && (0, import_jsx_runtime12.jsxs)("div", { className: "max-w-6xl mx-auto space-y-6", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between", children: [(0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-lg text-gray-900 dark:text-gray-100", children: "Memory State" }), (0, import_jsx_runtime12.jsx)("button", { onClick: () => void fetchMemoryData(), disabled: loading, className: "px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg disabled:opacity-50", children: loading ? "Loading..." : "Refresh Memory" })] }), (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime12.jsx)("h4", { className: "font-medium text-lg mb-3 text-gray-900 dark:text-gray-100", children: "Working Memory" }), (0, import_jsx_runtime12.jsx)("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded border max-h-96 overflow-y-auto", children: renderMemoryData(memoryData.working) })] }), (0, import_jsx_runtime12.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime12.jsx)("h4", { className: "font-medium text-lg mb-3 text-gray-900 dark:text-gray-100", children: "Persistent Memory" }), (0, import_jsx_runtime12.jsx)("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded border max-h-96 overflow-y-auto", children: renderMemoryData(memoryData.persistent) })] })] })] }), activeTab === "actions" && (0, import_jsx_runtime12.jsxs)("div", { className: "max-w-6xl mx-auto space-y-4", children: [(0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-lg text-gray-900 dark:text-gray-100", children: "Recent Actions" }), (0, import_jsx_runtime12.jsx)("div", { className: "space-y-3", children: state.recentActions.slice(0, 20).map((action, index3) => {
+  }, className: `px-4 py-2 rounded-lg font-medium text-white ${state.isRunning ? "bg-red-600 hover:bg-red-700" : "bg-green-600 hover:bg-green-700"}`, children: state.isRunning ? "Stop Agent" : "Start Agent" }), state.isRunning && (0, import_jsx_runtime11.jsx)("button", { onClick: () => sendCommand({ type: "pause_agent" }), className: "px-4 py-2 bg-yellow-600 hover:bg-yellow-700 text-white rounded-lg font-medium", children: "Pause" })] })] })] }), (0, import_jsx_runtime11.jsx)("div", { className: "mt-6 border-b border-gray-200 dark:border-gray-700", children: (0, import_jsx_runtime11.jsx)("nav", { className: "-mb-px flex space-x-8", children: ["status", "memory", "actions", "components"].map((tab) => (0, import_jsx_runtime11.jsx)("button", { onClick: () => setActiveTab(tab), className: `py-2 px-1 border-b-2 font-medium text-sm capitalize ${activeTab === tab ? "border-blue-500 text-blue-600 dark:text-blue-400" : "border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300"}`, children: tab }, tab)) }) })] }), (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 overflow-auto p-6", children: [activeTab === "status" && (0, import_jsx_runtime11.jsx)("div", { className: "max-w-6xl mx-auto", children: (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold text-lg mb-4 text-gray-900 dark:text-gray-100", children: "Agent Status" }), (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-3", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [(0, import_jsx_runtime11.jsxs)("div", { children: [(0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Running:" }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: state.isRunning ? "\u2705 Yes" : "\u274C No" })] }), (0, import_jsx_runtime11.jsxs)("div", { children: [(0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Status:" }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium capitalize", children: state.status })] }), (0, import_jsx_runtime11.jsxs)("div", { children: [(0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Cycles/Min:" }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: state.cyclesThisMinute })] }), (0, import_jsx_runtime11.jsxs)("div", { children: [(0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Total Cycles:" }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: state.totalCycles })] })] }), state.lastError && (0, import_jsx_runtime11.jsxs)("div", { className: "mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded", children: [(0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: "Last Error:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-sm text-red-700 dark:text-red-300 mt-1", children: state.lastError })] })] })] }), (0, import_jsx_runtime11.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold text-lg mb-4 text-gray-900 dark:text-gray-100", children: "Current Task" }), state.currentTask ? (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-2", children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: state.currentTask.description }), (0, import_jsx_runtime11.jsx)("div", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${state.currentTask.status === "completed" ? "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-300" : state.currentTask.status === "failed" ? "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-300" : state.currentTask.status === "in_progress" ? "bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-300" : "bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-300"}`, children: state.currentTask.status.replace("_", " ") }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: ["Created: ", new Date(state.currentTask.createdAt).toLocaleString()] })] }) : (0, import_jsx_runtime11.jsx)("div", { className: "text-gray-600 dark:text-gray-400", children: "No active task" })] })] }) }), activeTab === "memory" && (0, import_jsx_runtime11.jsxs)("div", { className: "max-w-6xl mx-auto space-y-6", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [(0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold text-lg text-gray-900 dark:text-gray-100", children: "Memory State" }), (0, import_jsx_runtime11.jsx)("button", { onClick: () => void fetchMemoryData(), disabled: loading, className: "px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg disabled:opacity-50", children: loading ? "Loading..." : "Refresh Memory" })] }), (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [(0, import_jsx_runtime11.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime11.jsx)("h4", { className: "font-medium text-lg mb-3 text-gray-900 dark:text-gray-100", children: "Working Memory" }), (0, import_jsx_runtime11.jsx)("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded border max-h-96 overflow-y-auto", children: renderMemoryData(memoryData.working) })] }), (0, import_jsx_runtime11.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime11.jsx)("h4", { className: "font-medium text-lg mb-3 text-gray-900 dark:text-gray-100", children: "Persistent Memory" }), (0, import_jsx_runtime11.jsx)("div", { className: "bg-gray-50 dark:bg-gray-900 p-4 rounded border max-h-96 overflow-y-auto", children: renderMemoryData(memoryData.persistent) })] })] })] }), activeTab === "actions" && (0, import_jsx_runtime11.jsxs)("div", { className: "max-w-6xl mx-auto space-y-4", children: [(0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold text-lg text-gray-900 dark:text-gray-100", children: "Recent Actions" }), (0, import_jsx_runtime11.jsx)("div", { className: "space-y-3", children: state.recentActions.slice(0, 20).map((action, index3) => {
     const structured = parseStructuredResponse(action);
     const isCycleStart = action.type === "analysis" && (action.description?.includes("cycle") || action.description?.includes("Initialization"));
     const prevAction = index3 > 0 ? state.recentActions[index3 - 1] : null;
     const showCycleBoundary = isCycleStart && prevAction;
-    return (0, import_jsx_runtime12.jsxs)("div", { children: [showCycleBoundary && (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center my-6", children: [(0, import_jsx_runtime12.jsx)("div", { className: "flex-1 border-t border-gray-300 dark:border-gray-600" }), (0, import_jsx_runtime12.jsx)("div", { className: "px-4 text-sm font-medium text-gray-600 dark:text-gray-400 bg-gray-50 dark:bg-gray-800 rounded-full border border-gray-300 dark:border-gray-600", children: action.description?.includes("Initialization") ? "INITIALIZATION CYCLE" : "NEW DECISION CYCLE" }), (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 border-t border-gray-300 dark:border-gray-600" })] }), (0, import_jsx_runtime12.jsxs)("div", { className: `bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-200 dark:border-gray-700 ${isCycleStart ? "border-l-4 border-l-blue-500 dark:border-l-blue-400" : ""}`, children: [(0, import_jsx_runtime12.jsx)("div", { className: "flex items-start justify-between mb-2", children: (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [(0, import_jsx_runtime12.jsx)("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${action.success ? "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-300" : "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-300"}`, children: action.type.replace("_", " ") }), (0, import_jsx_runtime12.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: new Date(action.timestamp).toLocaleString() }), isCycleStart && (0, import_jsx_runtime12.jsx)("span", { className: "inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-300", children: "CYCLE START" })] }) }), (0, import_jsx_runtime12.jsx)("div", { className: "text-gray-900 dark:text-gray-100 font-medium mb-1", children: structured?.decision || action.description }), structured?.why && (0, import_jsx_runtime12.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: [(0, import_jsx_runtime12.jsx)("strong", { children: "Why:" }), " ", structured.why] }), action.parameters && Object.keys(action.parameters).length > 0 && (0, import_jsx_runtime12.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: [(0, import_jsx_runtime12.jsx)("strong", { children: "Parameters:" }), (0, import_jsx_runtime12.jsx)("div", { className: "mt-1 pl-2", children: formatValue(action.parameters) })] }), action.result && (0, import_jsx_runtime12.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: [(0, import_jsx_runtime12.jsx)("strong", { children: "Result:" }), (0, import_jsx_runtime12.jsx)("div", { className: "mt-1 pl-2", children: formatValue(action.result) })] }), action.error && (0, import_jsx_runtime12.jsxs)("div", { className: "text-sm text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded mt-2", children: [(0, import_jsx_runtime12.jsx)("strong", { children: "Error:" }), " ", action.error] })] })] }, `${action.id}-${index3}`);
-  }) })] }), activeTab === "components" && (0, import_jsx_runtime12.jsxs)("div", { className: "max-w-6xl mx-auto space-y-4", children: [(0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-lg text-gray-900 dark:text-gray-100", children: "Discovered Components" }), (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [state.discoveredComponents.map((component) => (0, import_jsx_runtime12.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime12.jsx)("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: component.id }), (0, import_jsx_runtime12.jsx)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: component.type }), (0, import_jsx_runtime12.jsxs)("div", { className: "text-xs", children: [(0, import_jsx_runtime12.jsx)("span", { className: "text-gray-600 dark:text-gray-400", children: "Capabilities:" }), (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-wrap gap-1 mt-1", children: component.capabilities.map((capability, index3) => (0, import_jsx_runtime12.jsx)("span", { className: "inline-flex px-1 py-0.5 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded text-xs", children: capability }, index3)) })] })] }, component.id)), state.discoveredComponents.length === 0 && (0, import_jsx_runtime12.jsx)("div", { className: "col-span-full text-center text-gray-600 dark:text-gray-400 py-8", children: "No components discovered yet" })] })] })] })] });
+    return (0, import_jsx_runtime11.jsxs)("div", { children: [showCycleBoundary && (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center my-6", children: [(0, import_jsx_runtime11.jsx)("div", { className: "flex-1 border-t border-gray-300 dark:border-gray-600" }), (0, import_jsx_runtime11.jsx)("div", { className: "px-4 text-sm font-medium text-gray-600 dark:text-gray-400 bg-gray-50 dark:bg-gray-800 rounded-full border border-gray-300 dark:border-gray-600", children: action.description?.includes("Initialization") ? "INITIALIZATION CYCLE" : "NEW DECISION CYCLE" }), (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 border-t border-gray-300 dark:border-gray-600" })] }), (0, import_jsx_runtime11.jsxs)("div", { className: `bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-200 dark:border-gray-700 ${isCycleStart ? "border-l-4 border-l-blue-500 dark:border-l-blue-400" : ""}`, children: [(0, import_jsx_runtime11.jsx)("div", { className: "flex items-start justify-between mb-2", children: (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-3", children: [(0, import_jsx_runtime11.jsx)("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${action.success ? "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-300" : "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-300"}`, children: action.type.replace("_", " ") }), (0, import_jsx_runtime11.jsx)("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: new Date(action.timestamp).toLocaleString() }), isCycleStart && (0, import_jsx_runtime11.jsx)("span", { className: "inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-300", children: "CYCLE START" })] }) }), (0, import_jsx_runtime11.jsx)("div", { className: "text-gray-900 dark:text-gray-100 font-medium mb-1", children: structured?.decision || action.description }), structured?.why && (0, import_jsx_runtime11.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: [(0, import_jsx_runtime11.jsx)("strong", { children: "Why:" }), " ", structured.why] }), action.parameters && Object.keys(action.parameters).length > 0 && (0, import_jsx_runtime11.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: [(0, import_jsx_runtime11.jsx)("strong", { children: "Parameters:" }), (0, import_jsx_runtime11.jsx)("div", { className: "mt-1 pl-2", children: formatValue(action.parameters) })] }), action.result && (0, import_jsx_runtime11.jsxs)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: [(0, import_jsx_runtime11.jsx)("strong", { children: "Result:" }), (0, import_jsx_runtime11.jsx)("div", { className: "mt-1 pl-2", children: formatValue(action.result) })] }), action.error && (0, import_jsx_runtime11.jsxs)("div", { className: "text-sm text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded mt-2", children: [(0, import_jsx_runtime11.jsx)("strong", { children: "Error:" }), " ", action.error] })] })] }, `${action.id}-${index3}`);
+  }) })] }), activeTab === "components" && (0, import_jsx_runtime11.jsxs)("div", { className: "max-w-6xl mx-auto space-y-4", children: [(0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold text-lg text-gray-900 dark:text-gray-100", children: "Discovered Components" }), (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [state.discoveredComponents.map((component) => (0, import_jsx_runtime11.jsxs)("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-4 shadow-sm border border-gray-200 dark:border-gray-700", children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: component.id }), (0, import_jsx_runtime11.jsx)("div", { className: "text-sm text-gray-600 dark:text-gray-400 mb-2", children: component.type }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-xs", children: [(0, import_jsx_runtime11.jsx)("span", { className: "text-gray-600 dark:text-gray-400", children: "Capabilities:" }), (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-wrap gap-1 mt-1", children: component.capabilities.map((capability, index3) => (0, import_jsx_runtime11.jsx)("span", { className: "inline-flex px-1 py-0.5 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded text-xs", children: capability }, index3)) })] })] }, component.id)), state.discoveredComponents.length === 0 && (0, import_jsx_runtime11.jsx)("div", { className: "col-span-full text-center text-gray-600 dark:text-gray-400 py-8", children: "No components discovered yet" })] })] })] })] });
 }
 var fullscreen_view_default = FullscreenView2;
 
@@ -70716,7 +70799,7 @@ function info_default9({ defineComponent, validation: { Z: Z3 } }) {
     },
     runtime: {
       summary: summary_view_default3,
-      inline: inline_view_default4,
+      inline: inline_view_default3,
       fullscreen: fullscreen_view_default,
       initialState: () => ({
         status: "analyzing",
@@ -70839,7 +70922,7 @@ function assertUnreachable4(_) {
 }
 
 // build/client/util.aiChat/summary-view.js
-var import_jsx_runtime13 = __toESM(require_jsx_runtime());
+var import_jsx_runtime12 = __toESM(require_jsx_runtime());
 var import_react10 = __toESM(require_react());
 function SummaryView5({ state, config: _config, sendCommand }) {
   const [inputMessage, setInputMessage] = (0, import_react10.useState)("");
@@ -70878,10 +70961,10 @@ function SummaryView5({ state, config: _config, sendCommand }) {
     const isUser = message.role === "user";
     const isSystem = message.role === "system";
     const hasError = !!message.error;
-    return (0, import_jsx_runtime13.jsxs)("div", { className: `message ${isUser ? "user" : isSystem ? "system" : "assistant"} ${hasError ? "error" : ""}`, children: [(0, import_jsx_runtime13.jsxs)("div", { className: "message-header", children: [(0, import_jsx_runtime13.jsx)("span", { className: "message-role", children: message.role }), (0, import_jsx_runtime13.jsx)("span", { className: "message-time", children: formatTimestamp(message.timestamp) })] }), (0, import_jsx_runtime13.jsx)("div", { className: "message-content", children: message.content }), message.toolCalls && message.toolCalls.length > 0 && (0, import_jsx_runtime13.jsxs)("div", { className: "tool-calls", children: [(0, import_jsx_runtime13.jsx)("div", { className: "tool-calls-header", children: "Tool Calls:" }), message.toolCalls.map((call, index3) => (0, import_jsx_runtime13.jsxs)("div", { className: "tool-call", children: [(0, import_jsx_runtime13.jsx)("span", { className: "tool-name", children: call.name }), (0, import_jsx_runtime13.jsx)("pre", { className: "tool-args", children: JSON.stringify(call.arguments, null, 2) })] }, index3))] }), hasError && (0, import_jsx_runtime13.jsxs)("div", { className: "message-error", children: ["Error: ", message.error] })] }, message.id);
+    return (0, import_jsx_runtime12.jsxs)("div", { className: `message ${isUser ? "user" : isSystem ? "system" : "assistant"} ${hasError ? "error" : ""}`, children: [(0, import_jsx_runtime12.jsxs)("div", { className: "message-header", children: [(0, import_jsx_runtime12.jsx)("span", { className: "message-role", children: message.role }), (0, import_jsx_runtime12.jsx)("span", { className: "message-time", children: formatTimestamp(message.timestamp) })] }), (0, import_jsx_runtime12.jsx)("div", { className: "message-content", children: message.content }), message.toolCalls && message.toolCalls.length > 0 && (0, import_jsx_runtime12.jsxs)("div", { className: "tool-calls", children: [(0, import_jsx_runtime12.jsx)("div", { className: "tool-calls-header", children: "Tool Calls:" }), message.toolCalls.map((call, index3) => (0, import_jsx_runtime12.jsxs)("div", { className: "tool-call", children: [(0, import_jsx_runtime12.jsx)("span", { className: "tool-name", children: call.name }), (0, import_jsx_runtime12.jsx)("pre", { className: "tool-args", children: JSON.stringify(call.arguments, null, 2) })] }, index3))] }), hasError && (0, import_jsx_runtime12.jsxs)("div", { className: "message-error", children: ["Error: ", message.error] })] }, message.id);
   };
   const visibleMessages = state.messages?.filter((msg) => msg.role !== "system") || [];
-  return (0, import_jsx_runtime13.jsx)("div", { className: "util-aiChat", children: (0, import_jsx_runtime13.jsxs)("div", { className: "chat-container", children: [(0, import_jsx_runtime13.jsxs)("div", { className: "chat-header", children: [(0, import_jsx_runtime13.jsxs)("div", { className: "provider-info", children: [(0, import_jsx_runtime13.jsxs)("span", { className: `provider-status ${state.providerAvailable ? "available" : "unavailable"}`, children: [state.currentProvider, " ", state.providerAvailable ? "\u25CF" : "\u25CB"] }), state.lastError && (0, import_jsx_runtime13.jsx)("span", { className: "error-indicator", title: state.lastError, children: "\u26A0\uFE0F" })] }), (0, import_jsx_runtime13.jsx)("div", { className: "chat-controls", children: (0, import_jsx_runtime13.jsx)("button", { className: "reset-button", onClick: () => void handleReset(), disabled: state.isThinking || visibleMessages.length === 0, children: "Reset" }) })] }), (0, import_jsx_runtime13.jsxs)("div", { className: "messages-container", children: [!state.providerAvailable && (0, import_jsx_runtime13.jsx)("div", { className: "system-notice", children: (0, import_jsx_runtime13.jsxs)("div", { className: "notice-content", children: [(0, import_jsx_runtime13.jsx)("h3", { children: "LLM Service Unavailable" }), (0, import_jsx_runtime13.jsx)("p", { children: "The AI chat service is not configured or unavailable." }), (0, import_jsx_runtime13.jsxs)("p", { children: ["Provider: ", (0, import_jsx_runtime13.jsx)("code", { children: state.currentProvider })] }), (0, import_jsx_runtime13.jsx)("p", { children: "Please check your LLM configuration." })] }) }), visibleMessages.length === 0 && state.providerAvailable && (0, import_jsx_runtime13.jsx)("div", { className: "empty-state", children: (0, import_jsx_runtime13.jsx)("p", { children: "No messages yet. Start a conversation below!" }) }), visibleMessages.map(renderMessage), state.isThinking && (0, import_jsx_runtime13.jsx)("div", { className: "thinking-indicator", children: (0, import_jsx_runtime13.jsxs)("div", { className: "message assistant thinking", children: [(0, import_jsx_runtime13.jsx)("div", { className: "message-header", children: (0, import_jsx_runtime13.jsx)("span", { className: "message-role", children: "assistant" }) }), (0, import_jsx_runtime13.jsx)("div", { className: "message-content", children: (0, import_jsx_runtime13.jsxs)("div", { className: "typing-dots", children: [(0, import_jsx_runtime13.jsx)("span", {}), (0, import_jsx_runtime13.jsx)("span", {}), (0, import_jsx_runtime13.jsx)("span", {})] }) })] }) }), (0, import_jsx_runtime13.jsx)("div", { ref: messagesEndRef })] }), (0, import_jsx_runtime13.jsx)("div", { className: "chat-input-container", children: (0, import_jsx_runtime13.jsxs)("div", { className: "input-wrapper", children: [(0, import_jsx_runtime13.jsx)("textarea", { ref: inputRef, className: "message-input", value: inputMessage, onChange: (e) => setInputMessage(e.target.value), onKeyDown: handleKeyDown, placeholder: state.providerAvailable ? "Type your message... (Enter to send, Shift+Enter for new line)" : "LLM service unavailable", disabled: !state.providerAvailable || state.isThinking || isSubmitting, rows: 1 }), (0, import_jsx_runtime13.jsx)("button", { className: "send-button", onClick: handleSendMessage, disabled: !inputMessage.trim() || !state.providerAvailable || state.isThinking || isSubmitting, children: "Send" })] }) })] }) });
+  return (0, import_jsx_runtime12.jsx)("div", { className: "util-aiChat", children: (0, import_jsx_runtime12.jsxs)("div", { className: "chat-container", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "chat-header", children: [(0, import_jsx_runtime12.jsxs)("div", { className: "provider-info", children: [(0, import_jsx_runtime12.jsxs)("span", { className: `provider-status ${state.providerAvailable ? "available" : "unavailable"}`, children: [state.currentProvider, " ", state.providerAvailable ? "\u25CF" : "\u25CB"] }), state.lastError && (0, import_jsx_runtime12.jsx)("span", { className: "error-indicator", title: state.lastError, children: "\u26A0\uFE0F" })] }), (0, import_jsx_runtime12.jsx)("div", { className: "chat-controls", children: (0, import_jsx_runtime12.jsx)("button", { className: "reset-button", onClick: () => void handleReset(), disabled: state.isThinking || visibleMessages.length === 0, children: "Reset" }) })] }), (0, import_jsx_runtime12.jsxs)("div", { className: "messages-container", children: [!state.providerAvailable && (0, import_jsx_runtime12.jsx)("div", { className: "system-notice", children: (0, import_jsx_runtime12.jsxs)("div", { className: "notice-content", children: [(0, import_jsx_runtime12.jsx)("h3", { children: "LLM Service Unavailable" }), (0, import_jsx_runtime12.jsx)("p", { children: "The AI chat service is not configured or unavailable." }), (0, import_jsx_runtime12.jsxs)("p", { children: ["Provider: ", (0, import_jsx_runtime12.jsx)("code", { children: state.currentProvider })] }), (0, import_jsx_runtime12.jsx)("p", { children: "Please check your LLM configuration." })] }) }), visibleMessages.length === 0 && state.providerAvailable && (0, import_jsx_runtime12.jsx)("div", { className: "empty-state", children: (0, import_jsx_runtime12.jsx)("p", { children: "No messages yet. Start a conversation below!" }) }), visibleMessages.map(renderMessage), state.isThinking && (0, import_jsx_runtime12.jsx)("div", { className: "thinking-indicator", children: (0, import_jsx_runtime12.jsxs)("div", { className: "message assistant thinking", children: [(0, import_jsx_runtime12.jsx)("div", { className: "message-header", children: (0, import_jsx_runtime12.jsx)("span", { className: "message-role", children: "assistant" }) }), (0, import_jsx_runtime12.jsx)("div", { className: "message-content", children: (0, import_jsx_runtime12.jsxs)("div", { className: "typing-dots", children: [(0, import_jsx_runtime12.jsx)("span", {}), (0, import_jsx_runtime12.jsx)("span", {}), (0, import_jsx_runtime12.jsx)("span", {})] }) })] }) }), (0, import_jsx_runtime12.jsx)("div", { ref: messagesEndRef })] }), (0, import_jsx_runtime12.jsx)("div", { className: "chat-input-container", children: (0, import_jsx_runtime12.jsxs)("div", { className: "input-wrapper", children: [(0, import_jsx_runtime12.jsx)("textarea", { ref: inputRef, className: "message-input", value: inputMessage, onChange: (e) => setInputMessage(e.target.value), onKeyDown: handleKeyDown, placeholder: state.providerAvailable ? "Type your message... (Enter to send, Shift+Enter for new line)" : "LLM service unavailable", disabled: !state.providerAvailable || state.isThinking || isSubmitting, rows: 1 }), (0, import_jsx_runtime12.jsx)("button", { className: "send-button", onClick: handleSendMessage, disabled: !inputMessage.trim() || !state.providerAvailable || state.isThinking || isSubmitting, children: "Send" })] }) })] }) });
 }
 var summary_view_default4 = SummaryView5;
 
@@ -70974,7 +71057,7 @@ function assertUnreachable5(_) {
 }
 
 // build/client/util.timestamps/inline-view.js
-var import_jsx_runtime14 = __toESM(require_jsx_runtime());
+var import_jsx_runtime13 = __toESM(require_jsx_runtime());
 var import_react11 = __toESM(require_react());
 
 // ../../node_modules/@kurkle/color/dist/color.esm.js
@@ -85448,7 +85531,7 @@ Chart.register(...registerables);
 var auto_default = Chart;
 
 // build/client/util.timestamps/inline-view.js
-function InlineView6({ state, config: _2 }) {
+function InlineView5({ state, config: _2 }) {
   const chartContainer = (0, import_react11.useRef)(null);
   const [chartControl, setChartControl] = (0, import_react11.useState)(void 0);
   (0, import_react11.useEffect)(() => {
@@ -85538,9 +85621,9 @@ function InlineView6({ state, config: _2 }) {
   }, [state]);
   {
   }
-  return (0, import_jsx_runtime14.jsx)("div", { className: "util-timestamp", children: (0, import_jsx_runtime14.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime14.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) }) });
+  return (0, import_jsx_runtime13.jsx)("div", { className: "util-timestamp", children: (0, import_jsx_runtime13.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime13.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) }) });
 }
-var inline_view_default5 = InlineView6;
+var inline_view_default4 = InlineView5;
 
 // build/client/util.timestamps/info.js
 function info_default11(R) {
@@ -85585,7 +85668,7 @@ function info_default11(R) {
         }
         return { ...state };
       },
-      inline: inline_view_default5
+      inline: inline_view_default4
     },
     configForm: {
       form: {}