sunpeak 0.10.4 → 0.10.6

package/dist/{simulator-url-D4tFBjeu.cjs → simulator-url-pSDp_VWO.cjs}

@@ -1,8 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var _a, _b;
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
@@ -30,9 +26,7 @@ function isOpenAiAvailable() {
   return typeof window !== "undefined" && window.openai != null;
 }
 class OpenAiProvider {
-  constructor() {
-    __publicField(this, "id", "openai");
-  }
+  id = "openai";
   getGlobal(key) {
     if (typeof window === "undefined" || !window.openai) {
       return null;
@@ -61,34 +55,13 @@ class OpenAiProvider {
       return null;
     }
     return {
-      callTool: (...args) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = window.openai) == null ? void 0 : _a2.callTool) == null ? void 0 : _b2.call(_a2, ...args);
-      },
-      sendFollowUpMessage: (...args) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = window.openai) == null ? void 0 : _a2.sendFollowUpMessage) == null ? void 0 : _b2.call(_a2, ...args);
-      },
-      openExternal: (...args) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = window.openai) == null ? void 0 : _a2.openExternal) == null ? void 0 : _b2.call(_a2, ...args);
-      },
-      requestDisplayMode: (...args) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = window.openai) == null ? void 0 : _a2.requestDisplayMode) == null ? void 0 : _b2.call(_a2, ...args);
-      },
-      requestModal: (...args) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = window.openai) == null ? void 0 : _a2.requestModal) == null ? void 0 : _b2.call(_a2, ...args);
-      },
-      notifyIntrinsicHeight: (...args) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = window.openai) == null ? void 0 : _a2.notifyIntrinsicHeight) == null ? void 0 : _b2.call(_a2, ...args);
-      },
-      setWidgetState: (...args) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = window.openai) == null ? void 0 : _a2.setWidgetState) == null ? void 0 : _b2.call(_a2, ...args);
-      }
+      callTool: (...args) => window.openai?.callTool?.(...args),
+      sendFollowUpMessage: (...args) => window.openai?.sendFollowUpMessage?.(...args),
+      openExternal: (...args) => window.openai?.openExternal?.(...args),
+      requestDisplayMode: (...args) => window.openai?.requestDisplayMode?.(...args),
+      requestModal: (...args) => window.openai?.requestModal?.(...args),
+      notifyIntrinsicHeight: (...args) => window.openai?.notifyIntrinsicHeight?.(...args),
+      setWidgetState: (...args) => window.openai?.setWidgetState?.(...args)
     };
   }
 }
@@ -126,16 +99,16 @@ function isProviderAvailable() {
 }
 function getGlobal(key) {
   const provider = getProvider();
-  return (provider == null ? void 0 : provider.getGlobal(key)) ?? null;
+  return provider?.getGlobal(key) ?? null;
 }
 function subscribeToGlobal(key, onChange) {
   const provider = getProvider();
-  return (provider == null ? void 0 : provider.subscribe(key, onChange)) ?? (() => {
+  return provider?.subscribe(key, onChange) ?? (() => {
   });
 }
 function getAPI() {
   const provider = getProvider();
-  return (provider == null ? void 0 : provider.getAPI()) ?? null;
+  return provider?.getAPI() ?? null;
 }
 function resetProviderCache() {
   resetProviderCache$1();
@@ -193,7 +166,7 @@ function useWidgetState(defaultState) {
   });
   const hasSentInitialState = React.useRef(false);
   React.useEffect(() => {
-    if (!hasSentInitialState.current && widgetStateFromProvider == null && widgetState != null && (api == null ? void 0 : api.setWidgetState)) {
+    if (!hasSentInitialState.current && widgetStateFromProvider == null && widgetState != null && api?.setWidgetState) {
       hasSentInitialState.current = true;
       api.setWidgetState(widgetState);
     }
@@ -207,7 +180,7 @@ function useWidgetState(defaultState) {
     (state) => {
       _setWidgetState((prevState) => {
         const newState = typeof state === "function" ? state(prevState) : state;
-        if (newState != null && (api == null ? void 0 : api.setWidgetState)) {
+        if (newState != null && api?.setWidgetState) {
           api.setWidgetState(newState);
         }
         return newState;
@@ -306,7 +279,7 @@ function createSlotClone(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
@@ -344,13 +317,12 @@ function mergeProps(slotProps, childProps) {
   return { ...slotProps, ...overrideProps };
 }
 function getElementRef$1(element) {
-  var _a2, _b2;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.ref;
   }
-  getter = (_b2 = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b2.get;
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
   mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.props.ref;
@@ -382,7 +354,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
     if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
+      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
   });
@@ -427,16 +399,14 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     const index2 = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider2 = (props) => {
-      var _a2;
       const { scope, children, ...context } = props;
-      const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
+      const Context = scope?.[scopeName]?.[index2] || BaseContext;
       const value = React__namespace.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
     };
     Provider2.displayName = rootComponentName + "Provider";
     function useContext2(consumerName, scope) {
-      var _a2;
-      const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
+      const Context = scope?.[scopeName]?.[index2] || BaseContext;
       const context = React__namespace.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
@@ -449,7 +419,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       return React__namespace.createContext(defaultContext);
     });
     return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
+      const contexts = scope?.[scopeName] || scopeContexts;
       return React__namespace.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
@@ -543,13 +513,13 @@ function createCollection(name) {
 }
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
-    originalEventHandler == null ? void 0 : originalEventHandler(event);
+    originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-      return ourEventHandler == null ? void 0 : ourEventHandler(event);
+      return ourEventHandler?.(event);
     }
   };
 }
-var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2 = globalThis?.document ? React__namespace.useLayoutEffect : () => {
 };
 var useInsertionEffect = React__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
@@ -581,11 +551,10 @@ function useControllableState({
   }
   const setValue = React__namespace.useCallback(
     (nextValue) => {
-      var _a2;
       if (isControlled) {
         const value2 = isFunction$1(nextValue) ? nextValue(prop) : nextValue;
         if (value2 !== prop) {
-          (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, value2);
+          onChangeRef.current?.(value2);
         }
       } else {
         setUncontrolledProp(nextValue);
@@ -606,9 +575,8 @@ function useUncontrolledState({
     onChangeRef.current = onChange;
   }, [onChange]);
   React__namespace.useEffect(() => {
-    var _a2;
     if (prevValueRef.current !== value) {
-      (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, value);
+      onChangeRef.current?.(value);
       prevValueRef.current = value;
     }
   }, [value, prevValueRef]);
@@ -664,7 +632,7 @@ function usePresence(present) {
       const currentAnimationName = getAnimationName(styles);
       if (present) {
         send("MOUNT");
-      } else if (currentAnimationName === "none" || (styles == null ? void 0 : styles.display) === "none") {
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
         send("UNMOUNT");
       } else {
         const isAnimating = prevAnimationName !== currentAnimationName;
@@ -724,16 +692,15 @@ function usePresence(present) {
   };
 }
 function getAnimationName(styles) {
-  return (styles == null ? void 0 : styles.animationName) || "none";
+  return styles?.animationName || "none";
 }
 function getElementRef(element) {
-  var _a2, _b2;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.ref;
   }
-  getter = (_b2 = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b2.get;
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
   mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
     return element.props.ref;
@@ -759,12 +726,9 @@ function useCallbackRef$1(callback) {
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React__namespace.useMemo(() => (...args) => {
-    var _a2;
-    return (_a2 = callbackRef.current) == null ? void 0 : _a2.call(callbackRef, ...args);
-  }, []);
+  return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
-function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
+function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown2 = (event) => {
@@ -799,7 +763,7 @@ var DismissableLayer = React__namespace.forwardRef(
     } = props;
     const context = React__namespace.useContext(DismissableLayerContext);
     const [node, setNode] = React__namespace.useState(null);
-    const ownerDocument = (node == null ? void 0 : node.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document);
+    const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = React__namespace.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
@@ -812,22 +776,22 @@ var DismissableLayer = React__namespace.forwardRef(
       const target = event.target;
       const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
       if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
-      onPointerDownOutside == null ? void 0 : onPointerDownOutside(event);
-      onInteractOutside == null ? void 0 : onInteractOutside(event);
-      if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
+      onPointerDownOutside?.(event);
+      onInteractOutside?.(event);
+      if (!event.defaultPrevented) onDismiss?.();
     }, ownerDocument);
     const focusOutside = useFocusOutside((event) => {
       const target = event.target;
       const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
       if (isFocusInBranch) return;
-      onFocusOutside == null ? void 0 : onFocusOutside(event);
-      onInteractOutside == null ? void 0 : onInteractOutside(event);
-      if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
+      onFocusOutside?.(event);
+      onInteractOutside?.(event);
+      if (!event.defaultPrevented) onDismiss?.();
     }, ownerDocument);
     useEscapeKeydown((event) => {
       const isHighestLayer = index2 === context.layers.size - 1;
       if (!isHighestLayer) return;
-      onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
+      onEscapeKeyDown?.(event);
       if (!event.defaultPrevented && onDismiss) {
         event.preventDefault();
         onDismiss();
@@ -900,7 +864,7 @@ var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) =
   return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
-function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
+function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
@@ -943,7 +907,7 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis
     onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
   };
 }
-function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
+function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef$1(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
@@ -1154,15 +1118,14 @@ function createFocusScopesStack() {
     add(focusScope) {
       const activeFocusScope = stack[0];
       if (focusScope !== activeFocusScope) {
-        activeFocusScope == null ? void 0 : activeFocusScope.pause();
+        activeFocusScope?.pause();
       }
       stack = arrayRemove(stack, focusScope);
       stack.unshift(focusScope);
     },
     remove(focusScope) {
-      var _a2;
       stack = arrayRemove(stack, focusScope);
-      (_a2 = stack[0]) == null ? void 0 : _a2.resume();
+      stack[0]?.resume();
     }
   };
 }
@@ -1179,11 +1142,10 @@ function removeLinks(items) {
 }
 var PORTAL_NAME$2 = "Portal";
 var Portal$2 = React__namespace.forwardRef((props, forwardedRef) => {
-  var _a2;
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React__namespace.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
-  const container = containerProp || mounted && ((_a2 = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a2.body);
+  const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$2.displayName = PORTAL_NAME$2;
@@ -1396,8 +1358,8 @@ function createSidecarMedium(options) {
   medium.options = __assign({ async: true, ssr: false }, options);
   return medium;
 }
-var SideCar$1 = function(_a2) {
-  var sideCar = _a2.sideCar, rest = __rest(_a2, ["sideCar"]);
+var SideCar$1 = function(_a) {
+  var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   }
@@ -1418,12 +1380,12 @@ var nothing = function() {
 };
 var RemoveScroll = React__namespace.forwardRef(function(props, parentRef) {
   var ref = React__namespace.useRef(null);
-  var _a2 = React__namespace.useState({
+  var _a = React__namespace.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
-  }), callbacks = _a2[0], setCallbacks = _a2[1];
-  var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b2 = props.as, Container2 = _b2 === void 0 ? "div" : _b2, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
+  }), callbacks = _a[0], setCallbacks = _a[1];
+  var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container2 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
@@ -1506,8 +1468,8 @@ var styleHookSingleton = function() {
 };
 var styleSingleton = function() {
   var useStyle = styleHookSingleton();
-  var Sheet = function(_a2) {
-    var styles = _a2.styles, dynamic = _a2.dynamic;
+  var Sheet = function(_a) {
+    var styles = _a.styles, dynamic = _a.dynamic;
     useStyle(styles, dynamic);
     return null;
   };
@@ -1548,8 +1510,8 @@ var getGapWidth = function(gapMode) {
 };
 var Style = styleSingleton();
 var lockAttribute = "data-scroll-locked";
-var getStyles = function(_a2, allowRelative, gapMode, important) {
-  var left = _a2.left, top = _a2.top, right = _a2.right, gap = _a2.gap;
+var getStyles = function(_a, allowRelative, gapMode, important) {
+  var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
   if (gapMode === void 0) {
     gapMode = "margin";
   }
@@ -1576,8 +1538,8 @@ var useLockAttribute = function() {
     };
   }, []);
 };
-var RemoveScrollBar = function(_a2) {
-  var noRelative = _a2.noRelative, noImportant = _a2.noImportant, _b2 = _a2.gapMode, gapMode = _b2 === void 0 ? "margin" : _b2;
+var RemoveScrollBar = function(_a) {
+  var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
   var gap = React__namespace.useMemo(function() {
     return getGapWidth(gapMode);
@@ -1629,7 +1591,7 @@ var locationCouldBeScrolled = function(axis, node) {
     }
     var isScrollable = elementCouldBeScrolled(axis, current);
     if (isScrollable) {
-      var _a2 = getScrollVariables(axis, current), scrollHeight = _a2[1], clientHeight = _a2[2];
+      var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];
       if (scrollHeight > clientHeight) {
         return true;
       }
@@ -1638,16 +1600,16 @@ var locationCouldBeScrolled = function(axis, node) {
   } while (current && current !== ownerDocument.body);
   return false;
 };
-var getVScrollVariables = function(_a2) {
-  var scrollTop = _a2.scrollTop, scrollHeight = _a2.scrollHeight, clientHeight = _a2.clientHeight;
+var getVScrollVariables = function(_a) {
+  var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
   return [
     scrollTop,
     scrollHeight,
     clientHeight
   ];
 };
-var getHScrollVariables = function(_a2) {
-  var scrollLeft = _a2.scrollLeft, scrollWidth = _a2.scrollWidth, clientWidth = _a2.clientWidth;
+var getHScrollVariables = function(_a) {
+  var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
   return [
     scrollLeft,
     scrollWidth,
@@ -1676,7 +1638,7 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     if (!target) {
       break;
     }
-    var _a2 = getScrollVariables(axis, target), position = _a2[0], scroll_1 = _a2[1], capacity = _a2[2];
+    var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
     var elementScroll = scroll_1 - capacity - directionFactor * position;
     if (position || elementScroll) {
       if (elementCouldBeScrolled(axis, target)) {
@@ -2110,7 +2072,7 @@ var CheckboxTrigger = React__namespace.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, setControl);
     const initialCheckedStateRef = React__namespace.useRef(checked);
     React__namespace.useEffect(() => {
-      const form = control == null ? void 0 : control.form;
+      const form = control?.form;
       if (form) {
         const reset = () => setChecked(initialCheckedStateRef.current);
         form.addEventListener("reset", reset);
@@ -4207,7 +4169,7 @@ var PopperAnchor = React__namespace.forwardRef(
     const anchorRef = React__namespace.useRef(null);
     React__namespace.useEffect(() => {
       const previousAnchor = anchorRef.current;
-      anchorRef.current = (virtualRef == null ? void 0 : virtualRef.current) || ref.current;
+      anchorRef.current = virtualRef?.current || ref.current;
       if (previousAnchor !== anchorRef.current) {
         context.onAnchorChange(anchorRef.current);
       }
@@ -4220,7 +4182,6 @@ var CONTENT_NAME$2 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$2);
 var PopperContent = React__namespace.forwardRef(
   (props, forwardedRef) => {
-    var _a2, _b2, _c, _d, _e, _f;
     const {
       __scopePopper,
       side = "bottom",
@@ -4242,8 +4203,8 @@ var PopperContent = React__namespace.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
     const [arrow$12, setArrow] = React__namespace.useState(null);
     const arrowSize = useSize(arrow$12);
-    const arrowWidth = (arrowSize == null ? void 0 : arrowSize.width) ?? 0;
-    const arrowHeight = (arrowSize == null ? void 0 : arrowSize.height) ?? 0;
+    const arrowWidth = arrowSize?.width ?? 0;
+    const arrowHeight = arrowSize?.height ?? 0;
     const desiredPlacement = side + (align !== "center" ? "-" + align : "");
     const collisionPadding = typeof collisionPaddingProp === "number" ? collisionPaddingProp : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };
     const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
@@ -4296,12 +4257,12 @@ var PopperContent = React__namespace.forwardRef(
     const handlePlaced = useCallbackRef$1(onPlaced);
     useLayoutEffect2(() => {
       if (isPositioned) {
-        handlePlaced == null ? void 0 : handlePlaced();
+        handlePlaced?.();
       }
     }, [isPositioned, handlePlaced]);
-    const arrowX = (_a2 = middlewareData.arrow) == null ? void 0 : _a2.x;
-    const arrowY = (_b2 = middlewareData.arrow) == null ? void 0 : _b2.y;
-    const cannotCenterArrow = ((_c = middlewareData.arrow) == null ? void 0 : _c.centerOffset) !== 0;
+    const arrowX = middlewareData.arrow?.x;
+    const arrowY = middlewareData.arrow?.y;
+    const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React__namespace.useState();
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
@@ -4318,13 +4279,13 @@ var PopperContent = React__namespace.forwardRef(
           minWidth: "max-content",
           zIndex: contentZIndex,
           ["--radix-popper-transform-origin"]: [
-            (_d = middlewareData.transformOrigin) == null ? void 0 : _d.x,
-            (_e = middlewareData.transformOrigin) == null ? void 0 : _e.y
+            middlewareData.transformOrigin?.x,
+            middlewareData.transformOrigin?.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((_f = middlewareData.hide) == null ? void 0 : _f.referenceHidden) && {
+          ...middlewareData.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -4423,16 +4384,15 @@ var transformOrigin = (options) => ({
   name: "transformOrigin",
   options,
   fn(data) {
-    var _a2, _b2, _c;
     const { placement, rects, middlewareData } = data;
-    const cannotCenterArrow = ((_a2 = middlewareData.arrow) == null ? void 0 : _a2.centerOffset) !== 0;
+    const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const isArrowHidden = cannotCenterArrow;
     const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
     const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
     const noArrowAlign = { start: "0%", center: "50%", end: "100%" }[placedAlign];
-    const arrowXCenter = (((_b2 = middlewareData.arrow) == null ? void 0 : _b2.x) ?? 0) + arrowWidth / 2;
-    const arrowYCenter = (((_c = middlewareData.arrow) == null ? void 0 : _c.y) ?? 0) + arrowHeight / 2;
+    const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;
+    const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;
     let x = "";
     let y = "";
     if (placedSide === "bottom") {
@@ -4788,9 +4748,8 @@ var PopoverContentModal = React__namespace.forwardRef(
         trapFocus: context.open,
         disableOutsidePointerEvents: true,
         onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-          var _a2;
           event.preventDefault();
-          if (!isRightClickOutsideRef.current) (_a2 = context.triggerRef.current) == null ? void 0 : _a2.focus();
+          if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
         }),
         onPointerDownOutside: composeEventHandlers(
           props.onPointerDownOutside,
@@ -4824,18 +4783,16 @@ var PopoverContentNonModal = React__namespace.forwardRef(
         trapFocus: false,
         disableOutsidePointerEvents: false,
         onCloseAutoFocus: (event) => {
-          var _a2, _b2;
-          (_a2 = props.onCloseAutoFocus) == null ? void 0 : _a2.call(props, event);
+          props.onCloseAutoFocus?.(event);
           if (!event.defaultPrevented) {
-            if (!hasInteractedOutsideRef.current) (_b2 = context.triggerRef.current) == null ? void 0 : _b2.focus();
+            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
             event.preventDefault();
           }
           hasInteractedOutsideRef.current = false;
           hasPointerDownOutsideRef.current = false;
         },
         onInteractOutside: (event) => {
-          var _a2, _b2;
-          (_a2 = props.onInteractOutside) == null ? void 0 : _a2.call(props, event);
+          props.onInteractOutside?.(event);
           if (!event.defaultPrevented) {
             hasInteractedOutsideRef.current = true;
             if (event.detail.originalEvent.type === "pointerdown") {
@@ -4843,7 +4800,7 @@ var PopoverContentNonModal = React__namespace.forwardRef(
             }
           }
           const target = event.target;
-          const targetIsTrigger = (_b2 = context.triggerRef.current) == null ? void 0 : _b2.contains(target);
+          const targetIsTrigger = context.triggerRef.current?.contains(target);
           if (targetIsTrigger) event.preventDefault();
           if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
             event.preventDefault();
@@ -5213,7 +5170,7 @@ var Tooltip$2 = (props) => {
       } else {
         providerContext.onClose();
       }
-      onOpenChange == null ? void 0 : onOpenChange(open2);
+      onOpenChange?.(open2);
     },
     caller: TOOLTIP_NAME
   });
@@ -5391,7 +5348,7 @@ var TooltipContentHoverable = React__namespace.forwardRef((props, forwardedRef)
       const handleTrackPointerGrace = (event) => {
         const target = event.target;
         const pointerPosition = { x: event.clientX, y: event.clientY };
-        const hasEnteredTarget = (trigger == null ? void 0 : trigger.contains(target)) || (content == null ? void 0 : content.contains(target));
+        const hasEnteredTarget = trigger?.contains(target) || content?.contains(target);
         const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, pointerGraceArea);
         if (hasEnteredTarget) {
           handleRemoveGraceArea();
@@ -5429,7 +5386,7 @@ var TooltipContentImpl = React__namespace.forwardRef(
       if (context.trigger) {
         const handleScroll2 = (event) => {
           const target = event.target;
-          if (target == null ? void 0 : target.contains(context.trigger)) onClose();
+          if (target?.contains(context.trigger)) onClose();
         };
         window.addEventListener("scroll", handleScroll2, { capture: true });
         return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
@@ -5614,12 +5571,11 @@ function useLatestValue(value) {
 let handlers = [];
 let listenerBound = false;
 const handleKeyDown = (evt) => {
-  var _a2, _b2;
   if (evt.key === "Escape") {
     const [firstHandler] = handlers;
     if (firstHandler) {
       evt.preventDefault();
-      (_b2 = (_a2 = firstHandler.callback).current) == null ? void 0 : _b2.call(_a2);
+      firstHandler.callback.current?.();
     }
   }
 };
@@ -5653,11 +5609,11 @@ const useEscCloseStack = (listening, cb) => {
   }, [id, listening, latestCallback]);
 };
 const __vite_import_meta_env__ = { "DEV": false, "MODE": "production" };
-const META_ENV = typeof { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("simulator-url-D4tFBjeu.cjs", document.baseURI).href } !== "undefined" ? __vite_import_meta_env__ : void 0;
-const NODE_ENV = typeof process !== "undefined" && ((_a = process.env) == null ? void 0 : _a.NODE_ENV) ? (_b = process.env) == null ? void 0 : _b.NODE_ENV : "production";
-const isDev = NODE_ENV === "development" || !!(META_ENV == null ? void 0 : META_ENV.DEV);
+const META_ENV = typeof { url: typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("simulator-url-pSDp_VWO.cjs", document.baseURI).href } !== "undefined" ? __vite_import_meta_env__ : void 0;
+const NODE_ENV = typeof process !== "undefined" && process.env?.NODE_ENV ? process.env?.NODE_ENV : "production";
+const isDev = NODE_ENV === "development" || !!META_ENV?.DEV;
 const isJSDomLike = typeof navigator !== "undefined" && /(jsdom|happy-dom)/i.test(navigator.userAgent) || typeof globalThis.happyDOM === "object";
-const isTest = NODE_ENV === "test" || (META_ENV == null ? void 0 : META_ENV.MODE) === "test" || isJSDomLike;
+const isTest = NODE_ENV === "test" || META_ENV?.MODE === "test" || isJSDomLike;
 const hasWindow = typeof window !== "undefined";
 const hasDocument = typeof document !== "undefined";
 const canUseDOM = hasWindow && hasDocument;
@@ -5812,23 +5768,22 @@ const Input = (props) => {
   };
   const [focused, setFocused] = React.useState(false);
   React.useEffect(() => {
-    var _a2;
     if (autoSelect) {
-      (_a2 = inputRef.current) == null ? void 0 : _a2.select();
+      inputRef.current?.select();
     }
   }, [autoSelect]);
   const handleAnimationStart = (evt) => {
-    onAnimationStart == null ? void 0 : onAnimationStart(evt);
+    onAnimationStart?.(evt);
     if (evt.animationName === "native-autofill-in") {
-      onAutofill == null ? void 0 : onAutofill();
+      onAutofill?.();
     }
   };
   return jsxRuntime.jsxs("div", { className: clsx(s$9.Container, className), "data-variant": variant, "data-size": size2, "data-gutter-size": gutterSize, "data-focused": focused, "data-disabled": disabled ? "" : void 0, "data-readonly": readOnly ? "" : void 0, "data-invalid": invalid ? "" : void 0, "data-pill": pill ? "" : void 0, "data-optically-align": opticallyAlign, "data-has-start-adornment": StartAdornment ? "" : void 0, "data-has-end-adornment": EndAdornment ? "" : void 0, onMouseDown: handleMouseDown, children: [StartAdornment, jsxRuntime.jsx("input", { ...restProps, ref: o([ref, inputRef]), id: id || (allowAutofillExtensions ? void 0 : onePasswordPreventionId), className: s$9.Input, type, name, readOnly, disabled, onFocus: (evt) => {
     setFocused(true);
-    onFocus == null ? void 0 : onFocus(evt);
+    onFocus?.(evt);
   }, onBlur: (evt) => {
     setFocused(false);
-    onBlur == null ? void 0 : onBlur(evt);
+    onBlur?.(evt);
   }, onAnimationStart: handleAnimationStart, "data-lpignore": allowAutofillExtensions ? void 0 : true, "data-1p-ignore": allowAutofillExtensions ? void 0 : true }), EndAdornment] });
 };
 const flattenTextNodes = (children) => {
@@ -5877,9 +5832,140 @@ const wrapTextNodeSiblings = (children) => {
   });
 };
 React.createContext(null);
-var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-freeGlobal || freeSelf || Function("return this")();
+var lodash_debounce;
+var hasRequiredLodash_debounce;
+function requireLodash_debounce() {
+  if (hasRequiredLodash_debounce) return lodash_debounce;
+  hasRequiredLodash_debounce = 1;
+  var FUNC_ERROR_TEXT = "Expected a function";
+  var NAN = 0 / 0;
+  var symbolTag = "[object Symbol]";
+  var reTrim = /^\s+|\s+$/g;
+  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+  var reIsBinary = /^0b[01]+$/i;
+  var reIsOctal = /^0o[0-7]+$/i;
+  var freeParseInt = parseInt;
+  var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+  var root = freeGlobal || freeSelf || Function("return this")();
+  var objectProto = Object.prototype;
+  var objectToString = objectProto.toString;
+  var nativeMax = Math.max, nativeMin = Math.min;
+  var now = function() {
+    return root.Date.now();
+  };
+  function debounce(func, wait, options) {
+    var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+    if (typeof func != "function") {
+      throw new TypeError(FUNC_ERROR_TEXT);
+    }
+    wait = toNumber(wait) || 0;
+    if (isObject(options)) {
+      leading = !!options.leading;
+      maxing = "maxWait" in options;
+      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+      trailing = "trailing" in options ? !!options.trailing : trailing;
+    }
+    function invokeFunc(time) {
+      var args = lastArgs, thisArg = lastThis;
+      lastArgs = lastThis = void 0;
+      lastInvokeTime = time;
+      result = func.apply(thisArg, args);
+      return result;
+    }
+    function leadingEdge(time) {
+      lastInvokeTime = time;
+      timerId = setTimeout(timerExpired, wait);
+      return leading ? invokeFunc(time) : result;
+    }
+    function remainingWait(time) {
+      var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result2 = wait - timeSinceLastCall;
+      return maxing ? nativeMin(result2, maxWait - timeSinceLastInvoke) : result2;
+    }
+    function shouldInvoke(time) {
+      var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+      return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+    }
+    function timerExpired() {
+      var time = now();
+      if (shouldInvoke(time)) {
+        return trailingEdge(time);
+      }
+      timerId = setTimeout(timerExpired, remainingWait(time));
+    }
+    function trailingEdge(time) {
+      timerId = void 0;
+      if (trailing && lastArgs) {
+        return invokeFunc(time);
+      }
+      lastArgs = lastThis = void 0;
+      return result;
+    }
+    function cancel() {
+      if (timerId !== void 0) {
+        clearTimeout(timerId);
+      }
+      lastInvokeTime = 0;
+      lastArgs = lastCallTime = lastThis = timerId = void 0;
+    }
+    function flush() {
+      return timerId === void 0 ? result : trailingEdge(now());
+    }
+    function debounced() {
+      var time = now(), isInvoking = shouldInvoke(time);
+      lastArgs = arguments;
+      lastThis = this;
+      lastCallTime = time;
+      if (isInvoking) {
+        if (timerId === void 0) {
+          return leadingEdge(lastCallTime);
+        }
+        if (maxing) {
+          timerId = setTimeout(timerExpired, wait);
+          return invokeFunc(lastCallTime);
+        }
+      }
+      if (timerId === void 0) {
+        timerId = setTimeout(timerExpired, wait);
+      }
+      return result;
+    }
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    return debounced;
+  }
+  function isObject(value) {
+    var type = typeof value;
+    return !!value && (type == "object" || type == "function");
+  }
+  function isObjectLike(value) {
+    return !!value && typeof value == "object";
+  }
+  function isSymbol(value) {
+    return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
+  }
+  function toNumber(value) {
+    if (typeof value == "number") {
+      return value;
+    }
+    if (isSymbol(value)) {
+      return NAN;
+    }
+    if (isObject(value)) {
+      var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+      value = isObject(other) ? other + "" : other;
+    }
+    if (typeof value != "string") {
+      return value === 0 ? value : +value;
+    }
+    value = value.replace(reTrim, "");
+    var isBinary = reIsBinary.test(value);
+    return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+  }
+  lodash_debounce = debounce;
+  return lodash_debounce;
+}
+requireLodash_debounce();
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 function useIsMounted() {
   const isMounted = React.useRef(false);
@@ -6248,7 +6334,7 @@ const Button = (props) => {
     if (disabled) {
       return;
     }
-    onClick == null ? void 0 : onClick(e);
+    onClick?.(e);
   }, [onClick, disabled]);
   return jsxRuntime.jsxs("button", {
     type,
@@ -6303,8 +6389,8 @@ const SelectControl = ({ ref, onPointerDown, onKeyDown, onPointerEnter, onIntera
   const hasAnyTertiaryIndicator = showClearAction || loading || hasDropdownIcon;
   const isInteractive = !loading && !disabled;
   const handleKeyDown2 = (evt) => {
-    var _a2;
     switch (evt.key) {
+      // NOTE: "Enter" does not open selects, as it may be an attempt to submit a form
       case "ArrowDown":
       case "ArrowUp":
       case " ":
@@ -6313,7 +6399,7 @@ const SelectControl = ({ ref, onPointerDown, onKeyDown, onPointerEnter, onIntera
         if (onInteract) {
           onInteract();
         } else {
-          (_a2 = controlRef.current) == null ? void 0 : _a2.dispatchEvent(new PointerEvent("pointerdown", {
+          controlRef.current?.dispatchEvent(new PointerEvent("pointerdown", {
             bubbles: true,
             cancelable: true,
             pointerType: "mouse"
@@ -6324,11 +6410,10 @@ const SelectControl = ({ ref, onPointerDown, onKeyDown, onPointerEnter, onIntera
       case "Enter":
         break;
       default:
-        onKeyDown == null ? void 0 : onKeyDown(evt);
+        onKeyDown?.(evt);
     }
   };
   const handlePointerDown = (evt) => {
-    var _a2;
     if (evt.button === 2) {
       return;
     }
@@ -6337,8 +6422,8 @@ const SelectControl = ({ ref, onPointerDown, onKeyDown, onPointerEnter, onIntera
       evt.preventDefault();
       onInteract();
     } else {
-      onPointerDown == null ? void 0 : onPointerDown(evt);
-      (_a2 = restProps.onClick) == null ? void 0 : _a2.call(restProps, evt);
+      onPointerDown?.(evt);
+      restProps.onClick?.(evt);
     }
   };
   return (
@@ -6351,7 +6436,7 @@ const SelectControl = ({ ref, onPointerDown, onKeyDown, onPointerEnter, onIntera
       tabIndex: disabled ? -1 : 0,
       onPointerEnter: (evt) => {
         handlePressableMouseEnter(evt);
-        onPointerEnter == null ? void 0 : onPointerEnter(evt);
+        onPointerEnter?.(evt);
       },
       onPointerDown: isInteractive ? handlePointerDown : void 0,
       onKeyDown: isInteractive ? handleKeyDown2 : void 0,
@@ -6423,10 +6508,10 @@ const Tooltip = (props) => {
   };
   return jsxRuntime.jsxs(Root, { open, delayDuration: openDelay, onOpenChange: handleOpenChange, disableHoverableContent: !interactive, children: [jsxRuntime.jsx(Trigger$1, { asChild: true, children: jsxRuntime.jsx(Slot$1, { ...restProps, ref: forwardedRef, onPointerDown: (evt) => {
     maybePreventClickClose(evt);
-    onPointerDown == null ? void 0 : onPointerDown(evt);
+    onPointerDown?.(evt);
   }, onClick: (evt) => {
     maybePreventClickClose(evt);
-    onClick == null ? void 0 : onClick(evt);
+    onClick?.(evt);
   }, children }) }), jsxRuntime.jsx(Content, { maxWidth, compact, align, alignOffset, side, sideOffset, gutterSize, className: contentClassName, children: content })] });
 };
 const Root = ({ children, open, onOpenChange, ...restProps }) => {
@@ -6536,8 +6621,7 @@ const Select = (props) => {
   const propActionsRef = React.useRef(propActions);
   propActionsRef.current = propActions;
   const onActionSelect = React.useCallback((actionId) => {
-    var _a2;
-    (_a2 = propActionsRef.current.find((a) => a.id === actionId)) == null ? void 0 : _a2.onSelect(actionId);
+    propActionsRef.current.find((a) => a.id === actionId)?.onSelect(actionId);
   }, []);
   const optionsCount = React.useMemo(() => isOptionGroupArray(options) ? options.reduce((acc, group) => {
     return acc + group.options.length;
@@ -6685,7 +6769,7 @@ const SelectTrigger = (props) => {
   };
   const handleClearClick = () => {
     onSelectRef.current({ value: "", label: "" });
-    onOpenChange == null ? void 0 : onOpenChange(false);
+    onOpenChange?.(false);
   };
   return jsxRuntime.jsxs(SelectControl, { id: triggerId, className: triggerClassName, selected: !isPlaceholder, variant, pill, block, size: size2, disabled, loading, StartIcon: TriggerStartIcon, opticallyAlign, dropdownIconType, onClearClick: clearable ? handleClearClick : void 0, onInteract: onOpenChange, onKeyDown: handleKeyDown2, ...restProps, children: [multiple ? jsxRuntime.jsx(TriggerView, { ...multipleTriggerViewProps }) : jsxRuntime.jsx(TriggerView, { ...selectedItem }), (name || id) && jsxRuntime.jsx("input", {
     id,
@@ -6693,8 +6777,7 @@ const SelectTrigger = (props) => {
     value: firstValue,
     tabIndex: -1,
     onFocus: () => {
-      var _a2;
-      (_a2 = document.getElementById(triggerId)) == null ? void 0 : _a2.focus();
+      document.getElementById(triggerId)?.focus();
     },
     // keep react from complaining - don't make this readOnly because that
     // prevents the value from being required
@@ -6714,7 +6797,6 @@ const CustomSelect = () => {
     setOpen(nextState);
     if (!nextState) {
       setTimeout(() => {
-        var _a2;
         if (!selectContentRef.current) {
           return;
         }
@@ -6722,7 +6804,7 @@ const CustomSelect = () => {
         if (activeElement && !selectContentRef.current.contains(activeElement)) {
           return;
         }
-        (_a2 = document.getElementById(triggerId)) == null ? void 0 : _a2.focus();
+        document.getElementById(triggerId)?.focus();
       });
     }
   };
@@ -6773,9 +6855,8 @@ const CustomSelectMenu = ({ onOpenChange }) => {
   const searchInputRef = React.useRef(null);
   const [searchTerm, setSearchTerm] = React.useState("");
   const [highlightedValue, setHighlightedValue] = React.useState(() => {
-    var _a2;
     const selectedValue = multiple ? value[0] : value;
-    return (selectedValue || ((_a2 = getFirstValidOption(options)) == null ? void 0 : _a2.value)) ?? "";
+    return (selectedValue || getFirstValidOption(options)?.value) ?? "";
   });
   const typeahead = React.useMemo(() => createTypeahead(), []);
   const internalListId = React.useId();
@@ -6788,7 +6869,7 @@ const CustomSelectMenu = ({ onOpenChange }) => {
   const handleKeyDown2 = (evt) => {
     const key = evt.key;
     const firstValue = multiple ? value[0] : value;
-    const targetValue = highlightedValue || (firstOption == null ? void 0 : firstOption.value) || firstValue;
+    const targetValue = highlightedValue || firstOption?.value || firstValue;
     const isFocusedInSearch = document.activeElement === searchInputRef.current;
     const menuElement = menuRef.current;
     if (!menuElement) {
@@ -6801,7 +6882,7 @@ const CustomSelectMenu = ({ onOpenChange }) => {
         pointerType: "mouse"
       });
       const selectedOption = findOptionByValue(highlightedValue, menuElement);
-      selectedOption == null ? void 0 : selectedOption.dispatchEvent(pointerUpEvent);
+      selectedOption?.dispatchEvent(pointerUpEvent);
     };
     const highlightOption = (val, element) => {
       setHighlightedValue(val);
@@ -6832,7 +6913,7 @@ const CustomSelectMenu = ({ onOpenChange }) => {
           return;
         }
         const nextElement = findNextOption(highlightedValue, menuElement);
-        const nextValue = nextElement == null ? void 0 : nextElement.getAttribute("data-option-id");
+        const nextValue = nextElement?.getAttribute("data-option-id");
         if (nextElement && nextValue) {
           highlightOption(nextValue, nextElement);
         }
@@ -6845,7 +6926,7 @@ const CustomSelectMenu = ({ onOpenChange }) => {
           return;
         }
         const previousElement = findPreviousOption(targetValue, menuElement);
-        const previousValue = previousElement == null ? void 0 : previousElement.getAttribute("data-option-id");
+        const previousValue = previousElement?.getAttribute("data-option-id");
         if (previousElement && previousValue) {
           highlightOption(previousValue, previousElement);
         }
@@ -6896,10 +6977,10 @@ const CustomSelectMenu = ({ onOpenChange }) => {
         return;
       }
       const currentOption = findOptionByValue(highlightedValue, menuRef.current);
-      currentOption == null ? void 0 : currentOption.scrollIntoView({ block: "center" });
+      currentOption?.scrollIntoView({ block: "center" });
     });
     const autoFocusTarget = searchInputRef.current || menuRef.current;
-    autoFocusTarget == null ? void 0 : autoFocusTarget.focus({ preventScroll: true });
+    autoFocusTarget?.focus({ preventScroll: true });
     return () => {
       isMountStableRef.current = false;
     };
@@ -6998,12 +7079,11 @@ const CustomSelectOption = (option) => {
   const isSelected = multiple ? propsValue.includes(value) : value === currentValue;
   const isHighlighted = value === highlightedValue;
   const handlePointerUp = () => {
-    var _a2;
     if (multiple) {
       onSelectRef.current(option, isSelected);
     } else {
       onSelectRef.current(option);
-      (_a2 = requestCloseRef.current) == null ? void 0 : _a2.call(requestCloseRef);
+      requestCloseRef.current?.();
     }
   };
   const handlePointerMove = () => {
@@ -7060,9 +7140,8 @@ const CustomSelectAction = ({ id, label, Icon, className }) => {
     }
   };
   const handlePointerUp = () => {
-    var _a2;
     onActionSelect(id);
-    (_a2 = requestCloseRef.current) == null ? void 0 : _a2.call(requestCloseRef);
+    requestCloseRef.current?.();
   };
   return jsxRuntime.jsx("div", { className: s$3.Action, onPointerUp: handlePointerUp, onKeyDown: handleKeyDown2, tabIndex: 0, children: jsxRuntime.jsxs("div", { className: clsx(s$3.ActionInner, className), children: [Icon && jsxRuntime.jsx(Icon, { role: "presentation" }), label] }) });
 };
@@ -7151,7 +7230,7 @@ const findOptionByValue = (currentValue, container) => container.querySelector(`
 const isValidOptionNode = (node) => node.matches("[data-option-id]:not([data-disabled])");
 const findNextOption = (currentValue, container) => {
   const currentOption = findOptionByValue(currentValue, container);
-  let nextNode = currentOption == null ? void 0 : currentOption.nextElementSibling;
+  let nextNode = currentOption?.nextElementSibling;
   let maxSteps = 0;
   while (nextNode && maxSteps < MAX_DOM_CRAWLS) {
     if (isValidOptionNode(nextNode)) {
@@ -7163,7 +7242,7 @@ const findNextOption = (currentValue, container) => {
 };
 const findPreviousOption = (currentValue, container) => {
   const currentOption = findOptionByValue(currentValue, container);
-  let nextNode = currentOption == null ? void 0 : currentOption.previousElementSibling;
+  let nextNode = currentOption?.previousElementSibling;
   let maxSteps = 0;
   while (nextNode && maxSteps < MAX_DOM_CRAWLS) {
     if (isValidOptionNode(nextNode)) {
@@ -7284,15 +7363,14 @@ const Textarea = (props) => {
   const [focused, setFocused] = React.useState(false);
   const computedMaxRows = autoResize ? Math.max(maxRows ?? 10, rows) : rows;
   React.useEffect(() => {
-    var _a2;
     if (autoSelect) {
-      (_a2 = textAreaRef.current) == null ? void 0 : _a2.select();
+      textAreaRef.current?.select();
     }
   }, [autoSelect]);
   const handleAnimationStart = (evt) => {
-    onAnimationStart == null ? void 0 : onAnimationStart(evt);
+    onAnimationStart?.(evt);
     if (evt.animationName === "native-autofill-in") {
-      onAutofill == null ? void 0 : onAutofill();
+      onAutofill?.();
     }
   };
   const autosizeTextarea = React.useCallback(() => {
@@ -7309,14 +7387,14 @@ const Textarea = (props) => {
     "textarea-min-rows": `${rows}`,
     "textarea-max-rows": `${computedMaxRows}`
   }), children: jsxRuntime.jsx("textarea", { ...restProps, onChange: (evt) => {
-    onChange == null ? void 0 : onChange(evt);
+    onChange?.(evt);
     autosizeTextarea();
   }, ref: o([textAreaRef, ref]), id: id || (allowAutofillExtensions ? void 0 : onePasswordPreventionId), className: s$1.Textarea, name, readOnly, disabled, rows, onFocus: (evt) => {
     setFocused(true);
-    onFocus == null ? void 0 : onFocus(evt);
+    onFocus?.(evt);
   }, onBlur: (evt) => {
     setFocused(false);
-    onBlur == null ? void 0 : onBlur(evt);
+    onBlur?.(evt);
   }, onAnimationStart: handleAnimationStart, "data-lpignore": allowAutofillExtensions ? void 0 : true, "data-1p-ignore": allowAutofillExtensions ? void 0 : true }) });
 };
 const SegmentedControl$1 = "_SegmentedControl_1sl7d_1";
@@ -7336,7 +7414,7 @@ const SegmentedControl = ({ value, onChange, children, block, pill = true, size:
     if (!root || !thumb) {
       return;
     }
-    const activeNode = root == null ? void 0 : root.querySelector('[data-state="on"]');
+    const activeNode = root?.querySelector('[data-state="on"]');
     if (!activeNode) {
       return;
     }
@@ -7586,7 +7664,7 @@ function SidebarTextarea({
   maxRows = 8,
   error
 }) {
-  const contentRows = (value == null ? void 0 : value.split("\n").length) ?? 1;
+  const contentRows = value?.split("\n").length ?? 1;
   const rows = Math.min(contentRows, maxRows);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -7706,7 +7784,7 @@ function generateCSP(csp, scriptSrc) {
   if (scriptOrigin) {
     connectSources.add(scriptOrigin);
   }
-  if (csp == null ? void 0 : csp.connect_domains) {
+  if (csp?.connect_domains) {
     for (const domain of csp.connect_domains) {
       connectSources.add(domain);
     }
@@ -7716,7 +7794,7 @@ function generateCSP(csp, scriptSrc) {
   if (scriptOrigin) {
     resourceSources.add(scriptOrigin);
   }
-  if (csp == null ? void 0 : csp.resource_domains) {
+  if (csp?.resource_domains) {
     for (const domain of csp.resource_domains) {
       resourceSources.add(domain);
     }
@@ -8057,7 +8135,6 @@ function IframeResource({ scriptSrc, className, style, csp }) {
   }, [sendUpdate]);
   const handlePortMessage = React.useCallback(
     (event) => {
-      var _a2, _b2;
       if (!event.data || typeof event.data !== "object" || typeof event.data.type !== "string") {
         return;
       }
@@ -8078,7 +8155,7 @@ function IframeResource({ scriptSrc, className, style, csp }) {
             console.warn("[IframeResource] Invalid display mode:", mode);
             return;
           }
-          if (typeof window !== "undefined" && ((_a2 = window.openai) == null ? void 0 : _a2.requestDisplayMode)) {
+          if (typeof window !== "undefined" && window.openai?.requestDisplayMode) {
             window.openai.requestDisplayMode({ mode });
           }
           break;
@@ -8089,7 +8166,7 @@ function IframeResource({ scriptSrc, className, style, csp }) {
             console.warn("[IframeResource] Invalid widgetState payload");
             return;
           }
-          if (typeof window !== "undefined" && ((_b2 = window.openai) == null ? void 0 : _b2.setWidgetState)) {
+          if (typeof window !== "undefined" && window.openai?.setWidgetState) {
             window.openai.setWidgetState(payload);
           }
           break;
@@ -8136,7 +8213,7 @@ function IframeResource({ scriptSrc, className, style, csp }) {
         channel.port1.onmessage = handlePortMessage;
         channel.port1.start();
         const iframe = iframeRef.current;
-        if (iframe == null ? void 0 : iframe.contentWindow) {
+        if (iframe?.contentWindow) {
           iframe.contentWindow.postMessage({ type: "openai:handshake" }, "*", [channel.port2]);
         }
       }
@@ -8213,13 +8290,13 @@ function Conversation({
   const displayMode = useDisplayMode() ?? "inline";
   const api = useWidgetAPI();
   const userAgent = useUserAgent();
-  const isDesktop = (userAgent == null ? void 0 : userAgent.device.type) === "desktop";
+  const isDesktop = userAgent?.device.type === "desktop";
   const containerWidth = screenWidth === "full" ? "100%" : `${SCREEN_WIDTHS[screenWidth]}px`;
-  const widgetCSP = resourceMeta == null ? void 0 : resourceMeta["openai/widgetCSP"];
+  const widgetCSP = resourceMeta?.["openai/widgetCSP"];
   const content = iframeScriptSrc ? /* @__PURE__ */ jsxRuntime.jsx(IframeResource, { scriptSrc: iframeScriptSrc, className: "h-full w-full", csp: widgetCSP }) : children;
   if (displayMode === "fullscreen") {
     const handleClose = () => {
-      if (api == null ? void 0 : api.requestDisplayMode) {
+      if (api?.requestDisplayMode) {
         api.requestDisplayMode({ mode: "inline" });
       }
     };
@@ -8253,8 +8330,8 @@ function Conversation({
                     color: "primary",
                     className: "bg-token-bg-primary",
                     onClick: () => {
-                      const widgetDomain = resourceMeta == null ? void 0 : resourceMeta["openai/widgetDomain"];
-                      if ((api == null ? void 0 : api.openExternal) && widgetDomain) {
+                      const widgetDomain = resourceMeta?.["openai/widgetDomain"];
+                      if (api?.openExternal && widgetDomain) {
                         api.openExternal({ href: widgetDomain });
                       }
                     },
@@ -8346,7 +8423,7 @@ function Conversation({
                                     "button",
                                     {
                                       onClick: () => {
-                                        if (api == null ? void 0 : api.requestDisplayMode) {
+                                        if (api?.requestDisplayMode) {
                                           api.requestDisplayMode({ mode: "inline" });
                                         }
                                       },
@@ -8385,32 +8462,30 @@ function Conversation({
   );
 }
 class MockOpenAI {
-  constructor() {
-    __publicField(this, "theme", "light");
-    __publicField(this, "userAgent", {
-      device: { type: "desktop" },
-      capabilities: {
-        hover: true,
-        touch: false
-      }
-    });
-    __publicField(this, "locale", "en-US");
-    __publicField(this, "maxHeight");
-    __publicField(this, "displayMode", "inline");
-    __publicField(this, "safeArea", {
-      insets: {
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0
-      }
-    });
-    __publicField(this, "view", null);
-    __publicField(this, "toolInput", {});
-    __publicField(this, "toolOutput", null);
-    __publicField(this, "toolResponseMetadata", null);
-    __publicField(this, "widgetState", null);
-  }
+  theme = "light";
+  userAgent = {
+    device: { type: "desktop" },
+    capabilities: {
+      hover: true,
+      touch: false
+    }
+  };
+  locale = "en-US";
+  maxHeight = void 0;
+  displayMode = "inline";
+  safeArea = {
+    insets: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  };
+  view = null;
+  toolInput = {};
+  toolOutput = null;
+  toolResponseMetadata = null;
+  widgetState = null;
   async callTool(name, args) {
     console.log("Mock callTool:", name, args);
     return { result: JSON.stringify({ success: true }) };
@@ -8497,37 +8572,37 @@ class MockOpenAI {
 function initMockOpenAI(initialData) {
   if (typeof window !== "undefined") {
     const mock = new MockOpenAI();
-    if ((initialData == null ? void 0 : initialData.theme) !== void 0) {
+    if (initialData?.theme !== void 0) {
       mock.theme = initialData.theme;
     }
-    if ((initialData == null ? void 0 : initialData.userAgent) !== void 0) {
+    if (initialData?.userAgent !== void 0) {
       mock.userAgent = initialData.userAgent;
     }
-    if ((initialData == null ? void 0 : initialData.locale) !== void 0) {
+    if (initialData?.locale !== void 0) {
       mock.locale = initialData.locale;
     }
-    if ((initialData == null ? void 0 : initialData.maxHeight) !== void 0) {
+    if (initialData?.maxHeight !== void 0) {
       mock.maxHeight = initialData.maxHeight;
     }
-    if ((initialData == null ? void 0 : initialData.displayMode) !== void 0) {
+    if (initialData?.displayMode !== void 0) {
       mock.displayMode = initialData.displayMode;
     }
-    if ((initialData == null ? void 0 : initialData.safeArea) !== void 0) {
+    if (initialData?.safeArea !== void 0) {
       mock.safeArea = initialData.safeArea;
     }
-    if ((initialData == null ? void 0 : initialData.view) !== void 0) {
+    if (initialData?.view !== void 0) {
       mock.view = initialData.view;
     }
-    if ((initialData == null ? void 0 : initialData.toolInput) !== void 0) {
+    if (initialData?.toolInput !== void 0) {
       mock.toolInput = initialData.toolInput;
     }
-    if ((initialData == null ? void 0 : initialData.toolOutput) !== void 0) {
+    if (initialData?.toolOutput !== void 0) {
       mock.toolOutput = initialData.toolOutput;
     }
-    if ((initialData == null ? void 0 : initialData.toolResponseMetadata) !== void 0) {
+    if (initialData?.toolResponseMetadata !== void 0) {
       mock.toolResponseMetadata = initialData.toolResponseMetadata;
     }
-    if ((initialData == null ? void 0 : initialData.widgetState) !== void 0) {
+    if (initialData?.widgetState !== void 0) {
       mock.widgetState = initialData.widgetState;
     }
     window.openai = mock;
@@ -8633,7 +8708,7 @@ function ChatGPTSimulator({
   }, [urlParams.simulation, simulations, simulationNames]);
   const [selectedSimulationName, setSelectedSimulationName] = React__namespace.useState(initialSimulationName);
   const selectedSim = simulations[selectedSimulationName];
-  const userMessage = selectedSim == null ? void 0 : selectedSim.userMessage;
+  const userMessage = selectedSim?.userMessage;
   const mock = React.useMemo(
     () => initMockOpenAI({
       theme: urlParams.theme ?? DEFAULT_THEME,
@@ -8652,13 +8727,12 @@ function ChatGPTSimulator({
     resetProviderCache();
   }
   React.useEffect(() => {
-    var _a2, _b2;
     if (selectedSim) {
-      mock.toolInput = ((_a2 = selectedSim.callToolRequestParams) == null ? void 0 : _a2.arguments) ?? {};
+      mock.toolInput = selectedSim.callToolRequestParams?.arguments ?? {};
       if (selectedSim.widgetState !== void 0) {
         mock.setWidgetStateExternal(selectedSim.widgetState);
       }
-      mock.toolOutput = ((_b2 = selectedSim.callToolResult) == null ? void 0 : _b2.structuredContent) ?? null;
+      mock.toolOutput = selectedSim.callToolResult?.structuredContent ?? null;
     }
   }, [selectedSimulationName, selectedSim, mock]);
   const theme = useTheme() ?? DEFAULT_THEME;
@@ -8685,7 +8759,7 @@ function ChatGPTSimulator({
     () => JSON.stringify(widgetState ?? null, null, 2)
   );
   const [viewParamsJson, setViewParamsJson] = React.useState(
-    () => JSON.stringify((view == null ? void 0 : view.params) ?? {}, null, 2)
+    () => JSON.stringify(view?.params ?? {}, null, 2)
   );
   const [editingField, setEditingField] = React.useState(null);
   const [toolInputError, setToolInputError] = React.useState("");
@@ -8740,7 +8814,7 @@ function ChatGPTSimulator({
       setWidgetStateError("");
     }
     if (editingField !== "viewParams") {
-      setViewParamsJson(JSON.stringify((view == null ? void 0 : view.params) ?? {}, null, 2));
+      setViewParamsJson(JSON.stringify(view?.params ?? {}, null, 2));
       setViewParamsError("");
     }
   }, [
@@ -8749,7 +8823,7 @@ function ChatGPTSimulator({
     toolOutput,
     toolResponseMetadata,
     widgetState,
-    view == null ? void 0 : view.params,
+    view?.params,
     editingField
   ]);
   const validateJSON = (json, setJson, setError) => {
@@ -8774,8 +8848,8 @@ function ChatGPTSimulator({
       setEditingField(null);
     }
   };
-  const SelectedComponent = selectedSim == null ? void 0 : selectedSim.resourceComponent;
-  const iframeScriptSrc = !SelectedComponent ? selectedSim == null ? void 0 : selectedSim.resourceScript : void 0;
+  const SelectedComponent = selectedSim?.resourceComponent;
+  const iframeScriptSrc = !SelectedComponent ? selectedSim?.resourceScript : void 0;
   const content = SelectedComponent ? /* @__PURE__ */ jsxRuntime.jsx(SelectedComponent, {}) : children;
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(
     SimpleSidebar,
@@ -8787,7 +8861,7 @@ function ChatGPTSimulator({
             value: selectedSimulationName,
             onChange: (value) => {
               const newSim = simulations[value];
-              mock.setWidgetStateExternal((newSim == null ? void 0 : newSim.widgetState) ?? null);
+              mock.setWidgetStateExternal(newSim?.widgetState ?? null);
               setSelectedSimulationName(value);
             },
             options: simulationNames.map((name) => {
@@ -8872,7 +8946,7 @@ function ChatGPTSimulator({
           /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "User Agent - Device", children: /* @__PURE__ */ jsxRuntime.jsx(
             SidebarSelect,
             {
-              value: (userAgent == null ? void 0 : userAgent.device.type) ?? "desktop",
+              value: userAgent?.device.type ?? "desktop",
               onChange: (value) => {
                 const deviceType = value;
                 let capabilities;
@@ -8909,13 +8983,13 @@ function ChatGPTSimulator({
             /* @__PURE__ */ jsxRuntime.jsx(
               SidebarCheckbox,
               {
-                checked: (userAgent == null ? void 0 : userAgent.capabilities.hover) ?? true,
+                checked: userAgent?.capabilities.hover ?? true,
                 onChange: (checked) => mock.setUserAgent({
                   ...userAgent,
-                  device: (userAgent == null ? void 0 : userAgent.device) ?? { type: "desktop" },
+                  device: userAgent?.device ?? { type: "desktop" },
                   capabilities: {
                     hover: checked,
-                    touch: (userAgent == null ? void 0 : userAgent.capabilities.touch) ?? false
+                    touch: userAgent?.capabilities.touch ?? false
                   }
                 }),
                 label: "Hover"
@@ -8924,12 +8998,12 @@ function ChatGPTSimulator({
             /* @__PURE__ */ jsxRuntime.jsx(
               SidebarCheckbox,
               {
-                checked: (userAgent == null ? void 0 : userAgent.capabilities.touch) ?? false,
+                checked: userAgent?.capabilities.touch ?? false,
                 onChange: (checked) => mock.setUserAgent({
                   ...userAgent,
-                  device: (userAgent == null ? void 0 : userAgent.device) ?? { type: "desktop" },
+                  device: userAgent?.device ?? { type: "desktop" },
                   capabilities: {
-                    hover: (userAgent == null ? void 0 : userAgent.capabilities.hover) ?? true,
+                    hover: userAgent?.capabilities.hover ?? true,
                     touch: checked
                   }
                 }),
@@ -8944,14 +9018,14 @@ function ChatGPTSimulator({
                 SidebarInput,
                 {
                   type: "number",
-                  value: String((safeArea == null ? void 0 : safeArea.insets.top) ?? 0),
+                  value: String(safeArea?.insets.top ?? 0),
                   onChange: (value) => mock.setSafeArea({
                     insets: {
-                      ...safeArea == null ? void 0 : safeArea.insets,
+                      ...safeArea?.insets,
                       top: Number(value),
-                      bottom: (safeArea == null ? void 0 : safeArea.insets.bottom) ?? 0,
-                      left: (safeArea == null ? void 0 : safeArea.insets.left) ?? 0,
-                      right: (safeArea == null ? void 0 : safeArea.insets.right) ?? 0
+                      bottom: safeArea?.insets.bottom ?? 0,
+                      left: safeArea?.insets.left ?? 0,
+                      right: safeArea?.insets.right ?? 0
                     }
                   })
                 }
@@ -8963,14 +9037,14 @@ function ChatGPTSimulator({
                 SidebarInput,
                 {
                   type: "number",
-                  value: String((safeArea == null ? void 0 : safeArea.insets.bottom) ?? 0),
+                  value: String(safeArea?.insets.bottom ?? 0),
                   onChange: (value) => mock.setSafeArea({
                     insets: {
-                      ...safeArea == null ? void 0 : safeArea.insets,
-                      top: (safeArea == null ? void 0 : safeArea.insets.top) ?? 0,
+                      ...safeArea?.insets,
+                      top: safeArea?.insets.top ?? 0,
                       bottom: Number(value),
-                      left: (safeArea == null ? void 0 : safeArea.insets.left) ?? 0,
-                      right: (safeArea == null ? void 0 : safeArea.insets.right) ?? 0
+                      left: safeArea?.insets.left ?? 0,
+                      right: safeArea?.insets.right ?? 0
                     }
                   })
                 }
@@ -8982,14 +9056,14 @@ function ChatGPTSimulator({
                 SidebarInput,
                 {
                   type: "number",
-                  value: String((safeArea == null ? void 0 : safeArea.insets.left) ?? 0),
+                  value: String(safeArea?.insets.left ?? 0),
                   onChange: (value) => mock.setSafeArea({
                     insets: {
-                      ...safeArea == null ? void 0 : safeArea.insets,
-                      top: (safeArea == null ? void 0 : safeArea.insets.top) ?? 0,
-                      bottom: (safeArea == null ? void 0 : safeArea.insets.bottom) ?? 0,
+                      ...safeArea?.insets,
+                      top: safeArea?.insets.top ?? 0,
+                      bottom: safeArea?.insets.bottom ?? 0,
                       left: Number(value),
-                      right: (safeArea == null ? void 0 : safeArea.insets.right) ?? 0
+                      right: safeArea?.insets.right ?? 0
                     }
                   })
                 }
@@ -9001,13 +9075,13 @@ function ChatGPTSimulator({
                 SidebarInput,
                 {
                   type: "number",
-                  value: String((safeArea == null ? void 0 : safeArea.insets.right) ?? 0),
+                  value: String(safeArea?.insets.right ?? 0),
                   onChange: (value) => mock.setSafeArea({
                     insets: {
-                      ...safeArea == null ? void 0 : safeArea.insets,
-                      top: (safeArea == null ? void 0 : safeArea.insets.top) ?? 0,
-                      bottom: (safeArea == null ? void 0 : safeArea.insets.bottom) ?? 0,
-                      left: (safeArea == null ? void 0 : safeArea.insets.left) ?? 0,
+                      ...safeArea?.insets,
+                      top: safeArea?.insets.top ?? 0,
+                      bottom: safeArea?.insets.bottom ?? 0,
+                      left: safeArea?.insets.left ?? 0,
                       right: Number(value)
                     }
                   })
@@ -9018,11 +9092,11 @@ function ChatGPTSimulator({
           /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "View Mode", children: /* @__PURE__ */ jsxRuntime.jsx(
             SidebarSelect,
             {
-              value: (view == null ? void 0 : view.mode) ?? "default",
+              value: view?.mode ?? "default",
               onChange: (value) => mock.setView(
                 value === "default" ? null : {
                   mode: value,
-                  params: view == null ? void 0 : view.params
+                  params: view?.params
                 }
               ),
               options: [
@@ -9115,7 +9189,7 @@ function ChatGPTSimulator({
           appName,
           appIcon,
           userMessage,
-          resourceMeta: selectedSim == null ? void 0 : selectedSim.resource._meta,
+          resourceMeta: selectedSim?.resource._meta,
           iframeScriptSrc,
           children: content
         },
@@ -9195,4 +9269,4 @@ exports.useWidgetAPI = useWidgetAPI;
 exports.useWidgetGlobal = useWidgetGlobal;
 exports.useWidgetProps = useWidgetProps;
 exports.useWidgetState = useWidgetState;
-//# sourceMappingURL=simulator-url-D4tFBjeu.cjs.map
+//# sourceMappingURL=simulator-url-pSDp_VWO.cjs.map