@norskvideo/norsk-studio-alpha 1.27.0-2026-01-10-23683704 → 1.27.0-2026-01-15-ecb87e67

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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_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: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -41722,11 +41722,11 @@ var require_dist6 = __commonJS({
       unstable_createCollection: () => createCollection2
     });
     module.exports = __toCommonJS2(index_exports);
-    var import_react12 = __toESM2(require_react());
+    var import_react14 = __toESM2(require_react());
     var import_react_context = require_dist3();
     var import_react_compose_refs = require_dist4();
     var import_react_slot = require_dist5();
-    var import_jsx_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = require_jsx_runtime();
     function createCollection(name) {
       const PROVIDER_NAME = name + "CollectionProvider";
       const [createCollectionContext, createCollectionScope] = (0, import_react_context.createContextScope)(PROVIDER_NAME);
@@ -41736,42 +41736,42 @@ var require_dist6 = __commonJS({
       );
       const CollectionProvider = (props) => {
         const { scope, children } = props;
-        const ref = import_react12.default.useRef(null);
-        const itemMap = import_react12.default.useRef(/* @__PURE__ */ new Map()).current;
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+        const ref = import_react14.default.useRef(null);
+        const itemMap = import_react14.default.useRef(/* @__PURE__ */ new Map()).current;
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
       const CollectionSlotImpl = (0, import_react_slot.createSlot)(COLLECTION_SLOT_NAME);
-      const CollectionSlot = import_react12.default.forwardRef(
+      const CollectionSlot = import_react14.default.forwardRef(
         (props, forwardedRef) => {
           const { scope, children } = props;
           const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
           const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
-          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
         }
       );
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
       const ITEM_SLOT_NAME = name + "CollectionItemSlot";
       const ITEM_DATA_ATTR = "data-radix-collection-item";
       const CollectionItemSlotImpl = (0, import_react_slot.createSlot)(ITEM_SLOT_NAME);
-      const CollectionItemSlot = import_react12.default.forwardRef(
+      const CollectionItemSlot = import_react14.default.forwardRef(
         (props, forwardedRef) => {
           const { scope, children, ...itemData } = props;
-          const ref = import_react12.default.useRef(null);
+          const ref = import_react14.default.useRef(null);
           const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref);
           const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-          import_react12.default.useEffect(() => {
+          import_react14.default.useEffect(() => {
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
         }
       );
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
       function useCollection(scope) {
         const context = useCollectionContext(name + "CollectionConsumer", scope);
-        const getItems = import_react12.default.useCallback(() => {
+        const getItems = import_react14.default.useCallback(() => {
           const collectionNode = context.collectionRef.current;
           if (!collectionNode) return [];
           const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -42295,11 +42295,11 @@ var require_dist7 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = require_jsx_runtime();
     var DirectionContext = React3.createContext(void 0);
     var DirectionProvider = (props) => {
       const { dir, children } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DirectionContext.Provider, { value: dir, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_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: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -42797,7 +42797,7 @@ var require_dist12 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)("polygon", { points: "0,0 30,0 15,10" })
+          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
+        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "div",
           {
             ref: refs.setFloating,
@@ -45798,7 +45798,7 @@ var require_dist19 = __commonJS({
               }
             },
             dir: props.dir,
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               PopperContentProvider,
               {
                 scope: __scopePopper,
@@ -45807,7 +45807,7 @@ var require_dist19 = __commonJS({
                 arrowX,
                 arrowY,
                 shouldHideArrow: cannotCenterArrow,
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_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: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         SelectProvider,
         {
           required,
@@ -48612,7 +48612,7 @@ var require_dist26 = __commonJS({
           triggerPointerDownPosRef,
           disabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               SelectNativeOptionsProvider,
               {
                 scope: props.__scopeSelect,
@@ -48629,7 +48629,7 @@ var require_dist26 = __commonJS({
                 children
               }
             ) }),
-            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               SelectBubbleInput,
               {
                 "aria-hidden": true,
@@ -48642,7 +48642,7 @@ var require_dist26 = __commonJS({
                 disabled,
                 form,
                 children: [
-                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "" }) : null,
+                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "" }) : null,
                   Array.from(nativeOptionsSet)
                 ]
               },
@@ -48683,7 +48683,7 @@ var require_dist26 = __commonJS({
             };
           }
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...valueProps,
             ref: composedRefs,
             style: { pointerEvents: "none" },
-            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: placeholder }) : children
+            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.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_runtime14.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_react_portal.Portal, { asChild: true, ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_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 }) }) }),
+            /* @__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 }) }) }),
             frag
           ) : null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
       }
     );
     SelectContent.displayName = CONTENT_NAME;
@@ -48936,7 +48936,7 @@ var require_dist26 = __commonJS({
           hideWhenDetached,
           avoidCollisions
         } : {};
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           SelectContentProvider,
           {
             scope: __scopeSelect,
@@ -48952,7 +48952,7 @@ var require_dist26 = __commonJS({
             position,
             isPositioned,
             searchRef,
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       SelectPosition,
                       {
                         role: "listbox",
@@ -49149,14 +49149,14 @@ var require_dist26 = __commonJS({
         },
         [position, focusSelectedItem]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         SelectViewportProvider,
         {
           scope: __scopeSelect,
           contentWrapper,
           shouldExpandOnScrollRef,
           onScrollButtonChange: handleScrollButtonChange,
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "div",
             {
               ref: setContentWrapper,
@@ -49166,7 +49166,7 @@ var require_dist26 = __commonJS({
                 position: "fixed",
                 zIndex: contentZIndex
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -49240,7 +49240,7 @@ var require_dist26 = __commonJS({
               nonce
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime15.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_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 }) });
+        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 }) });
       }
     );
     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_runtime14.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               Collection.ItemSlot,
               {
                 scope: __scopeSelect,
                 value,
                 disabled,
                 textValue,
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+          () => /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+        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 }),
           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_runtime14.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_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: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         PopoverProvider,
         {
           scope: __scopePopover,
@@ -50252,7 +50252,7 @@ var require_dist30 = __commonJS({
           onCustomAnchorAdd();
           return () => onCustomAnchorRemove();
         }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        const trigger = /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
+        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime15.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_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 }) }) });
+      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 }) }) });
     };
     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_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 }) });
+        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 }) });
       }
     );
     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_runtime14.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_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: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_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 }) })) });
+      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 }) })) });
     };
     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_runtime14.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        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;
       }
     );
     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_runtime14.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__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)(
             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_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 }) });
+        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 }) });
       }
     );
     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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -51027,9 +51027,9 @@ var require_dist33 = __commonJS({
               )
             }
           ),
-          /* @__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 })
+          /* @__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 })
           ] })
         ] });
       }
@@ -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_runtime14.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_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: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14 = require_jsx_runtime();
+    var import_jsx_runtime15 = 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_runtime14.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -61827,6 +61827,22 @@ function info_default(r) {
             defaultValue: "fragmented"
           }
         },
+        incrementalWriteInterval: {
+          help: "How often to write out the header when in incremental mode (in seconds)",
+          hint: {
+            type: "numeric",
+            defaultValue: 10,
+            envOverride: true
+          }
+        },
+        expectedFileDuration: {
+          help: "How long the file is expected to be - used in incremental mode to reserve header space (in seconds)",
+          hint: {
+            type: "numeric",
+            defaultValue: 3600,
+            envOverride: true
+          }
+        },
         notes: {
           help: "Additional notes about this component",
           hint: { type: "text", optional: true }
@@ -70287,25 +70303,37 @@ 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 }) {
+var import_react7 = __toESM(require_react());
+function InlineView3({ state, config, sendCommand }) {
   const sourcePriority = state.sourcePriority || [];
+  const handlePriorityChange = (0, import_react7.useCallback)((newOrder) => {
+    sendCommand({ type: "set-priority-order", sources: newOrder });
+  }, [sendCommand]);
   const availableSourceNames = state.availableSources.map((s) => s.sourceName);
   return (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-col h-full justify-between p-2 text-gray-900 dark:text-white", children: (0, import_jsx_runtime7.jsxs)("div", { children: [(0, import_jsx_runtime7.jsxs)("p", { className: "text-sm font-medium", children: ["Active: ", (0, import_jsx_runtime7.jsx)("span", { className: "font-normal", children: state.activeSource || "None" })] }), (0, import_jsx_runtime7.jsxs)("p", { className: "text-sm font-medium", children: ["Available: ", (0, import_jsx_runtime7.jsx)("span", { className: "font-normal", children: state.availableSources.length })] }), sourcePriority.length > 0 && (0, import_jsx_runtime7.jsxs)("div", { className: "mt-2 space-y-2", children: [sourcePriority.map((sourceName, index3) => {
     const isActive = state.activeSource === sourceName;
     const isAvailable = availableSourceNames.includes(sourceName);
     const priorityRank = index3 + 1;
-    return (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime7.jsx)("div", { className: "relative w-4 h-4 flex items-center justify-center flex-shrink-0", children: !isAvailable ? (0, import_jsx_runtime7.jsx)(import_FaTimes.FaTimes, { className: "w-4 h-4 text-red-500" }) : isActive ? (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)(import_FaPlay.FaPlay, { className: "w-3 h-3 text-green-500" }), (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-30", children: (0, import_jsx_runtime7.jsx)("div", { className: "w-4 h-4 bg-green-500 animate-ping duration-150" }) })] }) : (0, import_jsx_runtime7.jsx)(import_FaCircle.FaCircle, { className: "w-2 h-2 text-green-500" }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900 dark:text-white flex-1 text-xs", children: sourceName }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-500 dark:text-gray-400 text-sm", children: priorityRank })] }, sourceName);
+    return (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime7.jsx)("div", { className: "relative w-4 h-4 flex items-center justify-center flex-shrink-0", children: !isAvailable ? (0, import_jsx_runtime7.jsx)(import_FaTimes.FaTimes, { className: "w-4 h-4 text-red-500" }) : isActive ? (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)(import_FaPlay.FaPlay, { className: "w-3 h-3 text-green-500" }), (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-30", children: (0, import_jsx_runtime7.jsx)("div", { className: "w-4 h-4 bg-green-500 animate-ping duration-150" }) })] }) : (0, import_jsx_runtime7.jsx)(import_FaCircle.FaCircle, { className: "w-2 h-2 text-green-500" }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900 dark:text-white flex-1 text-xs", children: sourceName }), (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1", children: [index3 > 0 && (0, import_jsx_runtime7.jsx)("button", { onClick: () => {
+      const newOrder = [...sourcePriority];
+      [newOrder[index3], newOrder[index3 - 1]] = [newOrder[index3 - 1], newOrder[index3]];
+      handlePriorityChange(newOrder);
+    }, className: "w-4 h-4 flex items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", title: "Move up", children: (0, import_jsx_runtime7.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-3 h-3", children: (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) }) }), index3 < sourcePriority.length - 1 && (0, import_jsx_runtime7.jsx)("button", { onClick: () => {
+      const newOrder = [...sourcePriority];
+      [newOrder[index3], newOrder[index3 + 1]] = [newOrder[index3 + 1], newOrder[index3]];
+      handlePriorityChange(newOrder);
+    }, className: "w-4 h-4 flex items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", title: "Move down", children: (0, import_jsx_runtime7.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-3 h-3", children: (0, import_jsx_runtime7.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-500 dark:text-gray-400 text-sm w-4 text-center", children: priorityRank })] })] }, sourceName);
   }), config.fallbackFilePath && (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime7.jsx)("div", { className: "relative w-4 h-4 flex items-center justify-center flex-shrink-0", children: state.activeSource === "fallback" ? (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [(0, import_jsx_runtime7.jsx)(import_FaPlay.FaPlay, { className: "w-3 h-3 text-green-500" }), (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center justify-center opacity-30", children: (0, import_jsx_runtime7.jsx)("div", { className: "w-4 h-4 bg-green-500 animate-ping duration-150" }) })] }) : (0, import_jsx_runtime7.jsx)(import_FaCircle.FaCircle, { className: "w-2 h-2 text-green-500" }) }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-900 dark:text-white flex-1 text-xs", children: "fallback" }), (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-500 dark:text-gray-400 text-sm", children: "-" })] })] })] }) });
 }
 
 // build/client/processor.hardSourceSwitch/fullscreen.js
 var import_jsx_runtime8 = __toESM(require_jsx_runtime());
-var import_react7 = __toESM(require_react());
+var import_react8 = __toESM(require_react());
 function FullscreenView({ state, config: _config, sendCommand }) {
-  const handleSwitch = (0, import_react7.useCallback)((sourceName) => {
+  const handleSwitch = (0, import_react8.useCallback)((sourceName) => {
     sendCommand({ type: "switch-to-source", source: sourceName });
   }, [sendCommand]);
-  const handlePriorityChange = (0, import_react7.useCallback)((newOrder) => {
+  const handlePriorityChange = (0, import_react8.useCallback)((newOrder) => {
     sendCommand({ type: "set-priority-order", sources: newOrder });
   }, [sendCommand]);
   return (0, import_jsx_runtime8.jsxs)("div", { className: "h-full w-full flex flex-col p-4 bg-gray-900 text-white", children: [(0, import_jsx_runtime8.jsxs)("div", { className: "flex-1 flex gap-4", children: [(0, import_jsx_runtime8.jsxs)("div", { className: "flex-1", children: [(0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold mb-3", children: "Sources" }), (0, import_jsx_runtime8.jsx)("div", { className: "grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: state.availableSources.map((source) => {
@@ -70336,8 +70364,61 @@ function FullscreenView({ state, config: _config, sendCommand }) {
   }, className: "px-2 py-1 bg-gray-700 hover:bg-gray-600 rounded text-xs", title: "Move down", children: "\u2193" })] })] }, source)) })] })] })] }), state.formatWarnings && state.formatWarnings.length > 0 && (0, import_jsx_runtime8.jsxs)("div", { className: "mt-4 bg-yellow-900/50 border border-yellow-600 rounded-lg p-3", children: [(0, import_jsx_runtime8.jsxs)("h4", { className: "text-yellow-400 font-semibold mb-2 flex items-center gap-2", children: [(0, import_jsx_runtime8.jsx)("span", { children: "\u26A0\uFE0F" }), "Format Warnings"] }), (0, import_jsx_runtime8.jsx)("div", { className: "space-y-1 max-h-32 overflow-y-auto", children: state.formatWarnings.map((warning, idx) => (0, import_jsx_runtime8.jsxs)("div", { className: "text-sm text-yellow-200", children: ["\u2022 ", warning] }, idx)) })] })] });
 }
 
+// build/client/processor.hardSourceSwitch/source-selection.js
+var import_jsx_runtime9 = __toESM(require_jsx_runtime());
+var import_react9 = __toESM(require_react());
+function OrderInput(props) {
+  const { onChanged } = props;
+  const [value, setValue] = (0, import_react9.useState)(props.defaultValue ?? []);
+  (0, import_react9.useEffect)(() => {
+    onChanged(value);
+  }, [value, onChanged]);
+  if (value.length == 0) {
+    return (0, import_jsx_runtime9.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
+  } else {
+    return (0, import_jsx_runtime9.jsx)("div", { id: props.id, children: (0, import_jsx_runtime9.jsx)("ul", { children: value.map((v, ix2) => {
+      return (0, import_jsx_runtime9.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime9.jsx)("span", { className: "node-editor-label flex-grow", children: v }), ix2 == 0 ? (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}) : (0, import_jsx_runtime9.jsx)("svg", { onClick: moveUp(ix2), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix2 == value.length - 1 ? (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}) : (0, import_jsx_runtime9.jsx)("svg", { onClick: moveDown(ix2), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, v);
+    }) }) });
+  }
+  function moveUp(ix2) {
+    return () => {
+      const nv2 = [...value];
+      nv2[ix2] = value[ix2 - 1];
+      nv2[ix2 - 1] = value[ix2];
+      setValue(nv2);
+    };
+  }
+  function moveDown(ix2) {
+    return () => {
+      const nv2 = [...value];
+      nv2[ix2 + 1] = value[ix2];
+      nv2[ix2] = value[ix2 + 1];
+      setValue(nv2);
+    };
+  }
+}
+var source_selection_default = OrderInput;
+
 // build/client/processor.hardSourceSwitch/info.js
 function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceName } }) {
+  function configFromSubscription(cfg, sub) {
+    if (!cfg.sourcePriority) {
+      cfg.sourcePriority = [];
+    }
+    const potentiallyNewSources = sub.expectedStreams.map((s) => s.sourceName).filter((s) => !!s);
+    potentiallyNewSources.forEach((s) => {
+      if (!cfg.sourcePriority.includes(s)) {
+        cfg.sourcePriority.push(s);
+      }
+    });
+  }
+  function missingSubscriptions(config, subscriptions) {
+    if (!config.sourcePriority) {
+      config.sourcePriority = [];
+    }
+    const allSourceNames = subscriptions.flatMap((s) => s.expectedStreams).map((s) => s.sourceName).filter((s) => !!s);
+    config.sourcePriority = config.sourcePriority.filter((s) => allSourceNames.includes(s));
+  }
   return defineComponent({
     identifier: "processor.hardSourceSwitch",
     category: "processor",
@@ -70377,6 +70458,24 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
         fallback: desc.config.fallbackFilePath ? "MP4 File" : "None"
       };
     },
+    designtime: {
+      uiEvents: {
+        onSubscriptionAdded: function(sub) {
+          configFromSubscription(this.config, sub);
+        },
+        onSubscriptionRemoved: function() {
+          missingSubscriptions(this.config, this.subscriptions);
+        },
+        onNodeUpdated: function() {
+          this.subscriptions.forEach((s) => configFromSubscription(this.config, s));
+          missingSubscriptions(this.config, this.subscriptions);
+        },
+        onSubscriptionUpdated: function(sub) {
+          configFromSubscription(this.config, sub);
+          missingSubscriptions(this.config, this.subscriptions);
+        }
+      }
+    },
     runtime: {
       initialState: () => ({
         activeSource: "",
@@ -70493,10 +70592,10 @@ function info_default7({ defineComponent, Av: Av2, validation: { Z: Z3, SourceNa
           }
         },
         sourcePriority: {
-          help: "Initial priority order for sources (first = highest priority)",
-          advanced: true,
+          help: "The priority order in which the sources will be chosen when available",
           hint: {
-            type: "list",
+            type: "custom",
+            component: source_selection_default,
             defaultValue: []
           }
         },
@@ -70560,10 +70659,10 @@ function info_default8({ defineComponent, validation: { Z: Z3 } }) {
 }
 
 // build/client/util.agent/summary-view.js
-var import_jsx_runtime9 = __toESM(require_jsx_runtime());
-var import_react8 = __toESM(require_react());
+var import_jsx_runtime10 = __toESM(require_jsx_runtime());
+var import_react10 = __toESM(require_react());
 function SummaryView4({ state, config, sendCommand }) {
-  const [showDetailedActions, setShowDetailedActions] = (0, import_react8.useState)(false);
+  const [showDetailedActions, setShowDetailedActions] = (0, import_react10.useState)(false);
   const getStatusColor = (status, isRunning) => {
     if (!isRunning)
       return "text-gray-500 dark:text-gray-400";
@@ -70618,23 +70717,23 @@ 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_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: () => {
+  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: () => {
     if (state.isRunning) {
       sendCommand({ type: "stop_agent" });
     } else {
       sendCommand({ type: "start_agent" });
     }
-  }, 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: () => {
+  }, 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: () => {
     sendCommand({ type: "pause_agent" });
-  }, 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) => {
+  }, 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) => {
     const structured = parseStructuredResponse(action);
-    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}`);
+    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}`);
   }) })] })] });
 }
 var summary_view_default3 = SummaryView4;
 
 // build/client/util.agent/inline-view.js
-var import_jsx_runtime10 = __toESM(require_jsx_runtime());
+var import_jsx_runtime11 = __toESM(require_jsx_runtime());
 function InlineView4({ state, config }) {
   const recentDecision = state.recentActions.find((action) => {
     if (action.type === "analysis" && action.result && typeof action.result === "object") {
@@ -70679,18 +70778,18 @@ function InlineView4({ state, config }) {
         return "\u{1F916}";
     }
   };
-  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 })] })] }) });
+  return (0, import_jsx_runtime11.jsx)("div", { id: `agent-${config.id}`, className: "p-3 space-y-2", children: (0, import_jsx_runtime11.jsxs)("div", { className: "w-80 grid grid-cols-[min-content,1fr] gap-x-3 gap-y-1 text-sm", children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Status:" }), (0, import_jsx_runtime11.jsxs)("div", { className: `flex items-center gap-2 ${getStatusColor(state.status, state.isRunning)}`, children: [(0, import_jsx_runtime11.jsx)("span", { children: getStatusIcon(state.status, state.isRunning) }), (0, import_jsx_runtime11.jsx)("span", { className: "capitalize", children: state.isRunning ? state.status : "stopped" })] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Cycles:" }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.cyclesThisMinute, "/min \u2022 ", state.totalCycles, " total"] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Goal:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: config.goal, children: config.goal }), recentDecision && (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Recent:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-slate-700 dark:text-slate-300 truncate", title: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description, children: recentDecision.result && typeof recentDecision.result === "object" ? recentDecision.result.structured_response?.decision : recentDecision.description })] }), (0, import_jsx_runtime11.jsx)("div", { className: "font-medium", children: "Components:" }), (0, import_jsx_runtime11.jsxs)("div", { className: "text-slate-700 dark:text-slate-300", children: [state.discoveredComponents.length, " discovered"] }), state.lastError && (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [(0, import_jsx_runtime11.jsx)("div", { className: "font-medium text-red-600", children: "Error:" }), (0, import_jsx_runtime11.jsx)("div", { className: "text-red-600 dark:text-red-400 truncate text-xs", title: state.lastError, children: state.lastError })] })] }) });
 }
 var inline_view_default3 = InlineView4;
 
 // build/client/util.agent/fullscreen-view.js
-var import_jsx_runtime11 = __toESM(require_jsx_runtime());
+var import_jsx_runtime12 = __toESM(require_jsx_runtime());
 var React2 = __toESM(require_react());
-var import_react9 = __toESM(require_react());
+var import_react11 = __toESM(require_react());
 function FullscreenView2({ state, config, sendCommand, urls }) {
-  const [memoryData, setMemoryData] = (0, import_react9.useState)({});
-  const [loading, setLoading] = (0, import_react9.useState)(false);
-  const [activeTab, setActiveTab] = (0, import_react9.useState)("status");
+  const [memoryData, setMemoryData] = (0, import_react11.useState)({});
+  const [loading, setLoading] = (0, import_react11.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react11.useState)("status");
   const fetchMemoryData = async () => {
     setLoading(true);
     try {
@@ -70744,43 +70843,43 @@ function FullscreenView2({ state, config, sendCommand, urls }) {
   };
   const formatValue = (value) => {
     if (value === null || value === void 0) {
-      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" });
+      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" });
     }
     if (typeof value === "object") {
-      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) });
+      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) });
     }
     if (typeof value === "string") {
       const trimmed = value.trim();
       if (trimmed.startsWith("{") || trimmed.startsWith("[")) {
         try {
           const parsed = JSON.parse(trimmed);
-          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) });
+          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) });
         } catch {
         }
       }
-      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 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", children: typeof value === "object" && value !== null ? JSON.stringify(value) : String(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) });
   };
   const renderMemoryData = (memoryObject) => {
     if (!memoryObject || Object.keys(memoryObject).length === 0) {
-      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: "text-sm text-gray-600 dark:text-gray-400", children: "No memory data" });
     }
-    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.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.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: () => {
+  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: () => {
     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_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) => {
+  }, 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) => {
     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_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" })] })] })] })] });
+    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" })] })] })] })] });
 }
 var fullscreen_view_default = FullscreenView2;
 
@@ -70922,17 +71021,17 @@ function assertUnreachable4(_) {
 }
 
 // build/client/util.aiChat/summary-view.js
-var import_jsx_runtime12 = __toESM(require_jsx_runtime());
-var import_react10 = __toESM(require_react());
+var import_jsx_runtime13 = __toESM(require_jsx_runtime());
+var import_react12 = __toESM(require_react());
 function SummaryView5({ state, config: _config, sendCommand }) {
-  const [inputMessage, setInputMessage] = (0, import_react10.useState)("");
-  const [isSubmitting, setIsSubmitting] = (0, import_react10.useState)(false);
-  const messagesEndRef = (0, import_react10.useRef)(null);
-  const inputRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const [inputMessage, setInputMessage] = (0, import_react12.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react12.useState)(false);
+  const messagesEndRef = (0, import_react12.useRef)(null);
+  const inputRef = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [state.messages]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSendMessage = () => {
@@ -70961,10 +71060,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_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);
+    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);
   };
   const visibleMessages = state.messages?.filter((msg) => msg.role !== "system") || [];
-  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" })] }) })] }) });
+  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" })] }) })] }) });
 }
 var summary_view_default4 = SummaryView5;
 
@@ -71057,8 +71156,8 @@ function assertUnreachable5(_) {
 }
 
 // build/client/util.timestamps/inline-view.js
-var import_jsx_runtime13 = __toESM(require_jsx_runtime());
-var import_react11 = __toESM(require_react());
+var import_jsx_runtime14 = __toESM(require_jsx_runtime());
+var import_react13 = __toESM(require_react());
 
 // ../../node_modules/@kurkle/color/dist/color.esm.js
 function round2(v) {
@@ -85532,9 +85631,9 @@ var auto_default = Chart;
 
 // build/client/util.timestamps/inline-view.js
 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)(() => {
+  const chartContainer = (0, import_react13.useRef)(null);
+  const [chartControl, setChartControl] = (0, import_react13.useState)(void 0);
+  (0, import_react13.useEffect)(() => {
     if (!chartContainer.current)
       return;
     if (state.timestamps.length < 2)
@@ -85596,7 +85695,7 @@ function InlineView5({ state, config: _2 }) {
       chart.update();
     }, 100);
   }, [chartContainer]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!chartControl)
       return;
     chartControl.data = {
@@ -85621,7 +85720,7 @@ function InlineView5({ state, config: _2 }) {
   }, [state]);
   {
   }
-  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 }) }) });
+  return (0, import_jsx_runtime14.jsx)("div", { className: "util-timestamp", children: (0, import_jsx_runtime14.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime14.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) }) });
 }
 var inline_view_default4 = InlineView5;