@app-studio/web 0.9.25 → 0.9.27

package/dist/web.esm.js

@@ -9,6 +9,10 @@ import { View, Horizontal, Vertical, Element, Text as Text$1, Center, useTheme,
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/es.parse-float.js';
 import 'core-js/modules/es.string.trim-end.js';
+import 'core-js/modules/es.parse-int.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.pad-start.js';
+import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.array-buffer.constructor.js';
 import 'core-js/modules/es.array-buffer.slice.js';
 import 'core-js/modules/es.typed-array.uint8-array.js';
@@ -19,7 +23,6 @@ import 'core-js/modules/es.typed-array.to-locale-string.js';
 import 'core-js/modules/web.url.js';
 import 'core-js/modules/web.url.to-json.js';
 import 'core-js/modules/web.url-search-params.js';
-import 'core-js/modules/es.parse-int.js';
 import { Link as Link$1 } from 'react-router-dom';
 import 'core-js/modules/es.string.ends-with.js';
 import contrast from 'contrast';
@@ -30,10 +33,9 @@ import 'core-js/modules/es.string.starts-with.js';
 import format from 'date-fns/format';
 import 'core-js/modules/es.string.trim.js';
 import 'core-js/modules/es.regexp.constructor.js';
-import 'core-js/modules/es.regexp.exec.js';
 import { useFormikContext, getIn } from 'formik';
-import 'core-js/modules/es.string.replace.js';
 import { create } from 'zustand';
+import 'core-js/modules/es.promise.finally.js';
 import 'core-js/modules/es.string.match.js';
 import 'core-js/modules/es.string.search.js';
 import 'core-js/modules/es.array.flat-map.js';
@@ -527,8 +529,31 @@ var FontWeights = {
   black: '900'
 };
 
+var getTextColorHex = backgroundColor => {
+  // Simple luminance calculation to determine text color contrast
+  var color = backgroundColor.replace('#', '');
+  var r = parseInt(color.substring(0, 2), 16);
+  var g = parseInt(color.substring(2, 4), 16);
+  var b = parseInt(color.substring(4, 6), 16);
+  var luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.4 ? 'black' : 'white';
+};
+var getTextColor = backgroundColor => {
+  // Use complementary color for better contrast and return as hex
+  var color = backgroundColor.replace('#', '');
+  var r = parseInt(color.substring(0, 2), 16);
+  var g = parseInt(color.substring(2, 4), 16);
+  var b = parseInt(color.substring(4, 6), 16);
+  // Calculate the complementary color
+  var complementR = (255 - r).toString(16).padStart(2, '0');
+  var complementG = (255 - g).toString(16).padStart(2, '0');
+  var complementB = (255 - b).toString(16).padStart(2, '0');
+  // Return the color in hex format
+  return getTextColorHex("#" + complementR + complementG + complementB);
+};
+
 var _excluded$2 = ["text", "maxLines", "views"],
-  _excluded2$1 = ["children", "heading", "maxLines", "isItalic", "isUnderlined", "isSub", "isSup", "isStriked", "weight", "size", "views"];
+  _excluded2$1 = ["children", "heading", "maxLines", "isItalic", "isUnderlined", "isSub", "isSup", "isStriked", "weight", "size", "backgroundColor", "color", "views"];
 /**
  * Renders text content with support for subscript and superscript
  */
@@ -643,6 +668,8 @@ var TextView = _ref3 => {
       isStriked = false,
       weight = 'normal',
       size = 'md',
+      backgroundColor,
+      color,
       views
     } = _ref3,
     props = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
@@ -656,6 +683,7 @@ var TextView = _ref3 => {
   var fontSize = FontSizes[size];
   var lineHeight = LineHeights[size];
   var fontWeight = FontWeights[weight];
+  var computedColor = color != null ? color : backgroundColor ? getTextColor(backgroundColor) : undefined;
   return /*#__PURE__*/React.createElement(Element
   // Apply typography styles according to design guidelines
   , Object.assign({
@@ -665,7 +693,8 @@ var TextView = _ref3 => {
     fontStyle: isItalic ? 'italic' : 'normal',
     fontWeight: fontWeight,
     letterSpacing: "-0.01em",
-    textDecoration: isStriked ? 'line-through' : isUnderlined ? 'underline' : 'none'
+    textDecoration: isStriked ? 'line-through' : isUnderlined ? 'underline' : 'none',
+    color: computedColor
   }, noLineBreak, headingStyles, props, views == null ? void 0 : views.container), maxLines && typeof children === 'string' ? (/*#__PURE__*/React.createElement(TruncateText, {
     text: children,
     maxLines: maxLines
@@ -4627,11 +4656,15 @@ var ButtonView = _ref => {
       return 50;
     })();
     var path = generateOffsetPath(numericWidth, numericHeight, numericBorderRadius);
+    // Determine background color from props or use mainTone
+    var containerBg = mainTone;
+    // Calculate text color with proper contrast
+    var borderMovingTextColor = tone === 'light' ? '#000000' : '#FFFFFF';
     return /*#__PURE__*/React.createElement(View, Object.assign({
       width: numericWidth,
       height: numericHeight,
       position: "relative",
-      backgroundColor: "black",
+      backgroundColor: containerBg,
       overflow: "hidden",
       borderRadius: ButtonShapes[shape],
       cursor: isDisabled ? 'default' : 'pointer',
@@ -4642,7 +4675,8 @@ var ButtonView = _ref => {
       style: {
         position: 'absolute',
         top: 0,
-        left: 0
+        left: 0,
+        zIndex: 1
       }
     }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
       id: "circleGradient",
@@ -4676,21 +4710,23 @@ var ButtonView = _ref => {
       path: path
     }))), /*#__PURE__*/React.createElement(View, {
       position: "absolute",
-      backgroundColor: "black",
+      backgroundColor: containerBg,
       borderRadius: Math.max(0, numericBorderRadius - 1),
       top: borderWidth,
       bottom: borderWidth,
       left: borderWidth,
-      right: borderWidth
+      right: borderWidth,
+      zIndex: 2
     }), /*#__PURE__*/React.createElement(View, {
+      position: "relative",
       width: "100%",
       height: "100%",
-      backgroundColor: "rgba(15, 23, 42, 0.2)",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: "white",
+      color: borderMovingTextColor,
       fontSize: 14,
+      zIndex: 3,
       style: {
         cursor: 'pointer'
       }
@@ -18856,13 +18892,7 @@ var DropdownMenuContent = _ref3 => {
       item: item,
       views: views
     });
-  }), process.env.NODE_ENV === 'development' && (/*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: '10px',
-      opacity: 0.7,
-      padding: '4px'
-    }
-  }, "Placement: ", optimalPosition.placement, relation && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), "Space: ", relation.space.vertical, "-", relation.space.horizontal)))));
+  }));
 };
 // DropdownMenu Item component
 var DropdownMenuItem = _ref4 => {
@@ -22885,6 +22915,147 @@ var SeparatorComponent = props => {
 var Separator = SeparatorComponent;
 var Divider = SeparatorComponent;
 
+var _excluded$18 = ["isSupported", "isSharing", "onShare", "label", "children", "icon", "size", "isDisabled", "isLoading", "iconPosition", "disableWhenUnsupported"];
+var ICON_SIZE_MAP = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20
+};
+var ShareButtonView = _ref => {
+  var _ref2;
+  var {
+      isSupported,
+      isSharing,
+      onShare,
+      label,
+      children,
+      icon,
+      size,
+      isDisabled,
+      isLoading,
+      iconPosition,
+      disableWhenUnsupported = true
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+  var resolvedSize = size != null ? size : 'md';
+  var resolvedIcon = icon != null ? icon : (/*#__PURE__*/React.createElement(ShareIcon, {
+    widthHeight: ICON_SIZE_MAP[resolvedSize],
+    strokeWidth: 1.5,
+    filled: false
+  }));
+  var shouldDisable = Boolean(isDisabled) || !isSupported && disableWhenUnsupported;
+  var shouldShowLoader = Boolean(isLoading) || isSharing;
+  return /*#__PURE__*/React.createElement(Button, Object.assign({}, rest, {
+    size: resolvedSize,
+    icon: resolvedIcon,
+    iconPosition: iconPosition != null ? iconPosition : 'left',
+    isDisabled: shouldDisable,
+    isLoading: shouldShowLoader,
+    onClick: onShare
+  }), (_ref2 = children != null ? children : label) != null ? _ref2 : 'Share');
+};
+
+var getNavigator = () => typeof navigator === 'undefined' ? undefined : navigator;
+var canShareData = (nav, data) => {
+  if (!nav || typeof nav.share !== 'function') {
+    return false;
+  }
+  if (typeof nav.canShare === 'function') {
+    try {
+      return nav.canShare(data);
+    } catch (_unused) {
+      return false;
+    }
+  }
+  return true;
+};
+var getErrorName = error => {
+  if (typeof error === 'object' && error !== null && 'name' in error) {
+    return String(error.name);
+  }
+  return undefined;
+};
+var useShareButton = props => {
+  var {
+    shareData,
+    onClick,
+    onUnsupported,
+    onShareStart,
+    onShareSuccess,
+    onShareCancel,
+    onShareError
+  } = props;
+  var [isSharing, setIsSharing] = React.useState(false);
+  var isSupported = React.useMemo(() => canShareData(getNavigator(), shareData), [shareData]);
+  var handleShare = React.useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    onClick == null || onClick(...args);
+    var nav = getNavigator();
+    if (!nav || typeof nav.share !== 'function') {
+      onUnsupported == null || onUnsupported();
+      return;
+    }
+    if (isSharing) {
+      return;
+    }
+    if (typeof nav.canShare === 'function') {
+      try {
+        if (!nav.canShare(shareData)) {
+          onUnsupported == null || onUnsupported();
+          return;
+        }
+      } catch (error) {
+        onShareError == null || onShareError(error);
+        return;
+      }
+    }
+    setIsSharing(true);
+    onShareStart == null || onShareStart();
+    try {
+      void nav.share(shareData).then(() => {
+        onShareSuccess == null || onShareSuccess();
+      }).catch(error => {
+        var errorName = getErrorName(error);
+        if (errorName === 'AbortError') {
+          onShareCancel == null || onShareCancel();
+          return;
+        }
+        onShareError == null || onShareError(error);
+      }).finally(() => {
+        setIsSharing(false);
+      });
+    } catch (error) {
+      setIsSharing(false);
+      onShareError == null || onShareError(error);
+    }
+  }, [isSharing, onClick, onShareCancel, onShareError, onShareStart, onShareSuccess, onUnsupported, shareData]);
+  return {
+    isSupported,
+    isSharing,
+    handleShare
+  };
+};
+
+var _excluded$19 = ["shareData", "onShareStart", "onShareSuccess", "onShareCancel", "onShareError", "onUnsupported", "onClick"];
+var ShareButtonComponent = props => {
+  var {
+    isSupported,
+    isSharing,
+    handleShare
+  } = useShareButton(props);
+  var viewProps = _objectWithoutPropertiesLoose(props, _excluded$19);
+  return /*#__PURE__*/React.createElement(ShareButtonView, Object.assign({}, viewProps, {
+    isSupported: isSupported,
+    isSharing: isSharing,
+    onShare: handleShare
+  }));
+};
+var ShareButton = ShareButtonComponent;
+
 var getThemes$2 = themeMode => {
   return {
     default: {
@@ -22930,7 +23101,7 @@ var getThemes$2 = themeMode => {
   };
 };
 
-var _excluded$18 = ["label", "status", "views", "themeMode"];
+var _excluded$1a = ["label", "status", "views", "themeMode"];
 var StatusIndicatorView = _ref => {
   var {
       label,
@@ -22938,7 +23109,7 @@ var StatusIndicatorView = _ref => {
       views,
       themeMode: elementMode
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   var {
     themeMode
   } = useTheme();
@@ -23131,7 +23302,7 @@ var SidebarTransitions = {
   bounce: 'width 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55)'
 };
 
-var _excluded$19 = ["children", "showToggleButton", "views"],
+var _excluded$1b = ["children", "showToggleButton", "views"],
   _excluded2$g = ["children", "views"],
   _excluded3$a = ["children", "views"],
   _excluded4$9 = ["children", "position", "size", "variant", "fixed", "hasBackdrop", "expandedWidth", "collapsedWidth", "breakpointBehavior", "elevation", "transitionPreset", "ariaLabel", "isExpanded", "isMobile", "collapse", "views", "themeMode"];
@@ -23164,7 +23335,7 @@ var SidebarHeader = _ref2 => {
       showToggleButton = true,
       views
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$19);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1b);
   var {
     isExpanded,
     toggleExpanded,
@@ -23319,7 +23490,7 @@ var SidebarView = _ref5 => {
   }))));
 };
 
-var _excluded$1a = ["children", "position", "size", "variant", "defaultExpanded", "expanded", "onExpandedChange", "fixed", "hasBackdrop", "showToggleButton", "expandedWidth", "collapsedWidth", "breakpoint", "breakpointBehavior", "views"];
+var _excluded$1c = ["children", "position", "size", "variant", "defaultExpanded", "expanded", "onExpandedChange", "fixed", "hasBackdrop", "showToggleButton", "expandedWidth", "collapsedWidth", "breakpoint", "breakpointBehavior", "views"];
 /**
  * Sidebar component for creating collapsible, themeable and customizable sidebars.
  */
@@ -23341,7 +23512,7 @@ var SidebarComponent = _ref => {
       breakpointBehavior = 'overlay',
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   var {
     isExpanded,
     toggleExpanded,
@@ -23806,7 +23977,7 @@ var HandleIconStyles = {
   }
 };
 
-var _excluded$1b = ["children", "id", "defaultSize", "minSize", "maxSize", "collapsible", "defaultCollapsed", "onCollapseChange", "views"],
+var _excluded$1d = ["children", "id", "defaultSize", "minSize", "maxSize", "collapsible", "defaultCollapsed", "onCollapseChange", "views"],
   _excluded2$h = ["id", "position", "disabled", "withVisualIndicator", "withCollapseButton", "collapseTarget", "views"],
   _excluded3$b = ["children", "orientation", "size", "variant", "defaultSizes", "minSize", "maxSize", "collapsible", "containerRef", "autoSaveId", "views"];
 // Create context for the Resizable component
@@ -23851,7 +24022,7 @@ var ResizablePanel = _ref2 => {
       onCollapseChange,
       views
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1b);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1d);
   var {
     orientation,
     registerPanel,
@@ -24066,7 +24237,7 @@ var ResizableView = _ref4 => {
   }, ResizableOrientations[orientation], views == null ? void 0 : views.container, props), children);
 };
 
-var _excluded$1c = ["children", "orientation", "size", "variant", "defaultSizes", "onSizesChange", "minSize", "maxSize", "collapsible", "autoSaveId", "storage", "keyboardResizeBy", "views"];
+var _excluded$1e = ["children", "orientation", "size", "variant", "defaultSizes", "onSizesChange", "minSize", "maxSize", "collapsible", "autoSaveId", "storage", "keyboardResizeBy", "views"];
 /**
  * Resizable component for creating resizable panel groups and layouts.
  */
@@ -24086,7 +24257,7 @@ var ResizableComponent = _ref => {
       keyboardResizeBy = 10,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   var {
     isResizing,
     setIsResizing,
@@ -24854,7 +25025,7 @@ var CommandFooterStyles = {
   color: 'color.gray.500'
 };
 
-var _excluded$1d = ["value", "onValueChange", "placeholder", "views"],
+var _excluded$1f = ["value", "onValueChange", "placeholder", "views"],
   _excluded2$i = ["children", "views"],
   _excluded3$c = ["heading", "children", "views"],
   _excluded4$a = ["item", "selected", "onSelect", "views"],
@@ -24886,7 +25057,7 @@ var CommandInput = _ref2 => {
       placeholder = 'Type a command or search...',
       views
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1d);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1f);
   var inputRef = useRef(null);
   // Focus input when component mounts
   React.useEffect(() => {
@@ -25069,7 +25240,7 @@ var CommandView = _ref7 => {
   })))), footer && (/*#__PURE__*/React.createElement(View, Object.assign({}, CommandFooterStyles, views == null ? void 0 : views.footer), footer)))));
 };
 
-var _excluded$1e = ["open", "onOpenChange", "groups", "commands", "placeholder", "size", "variant", "filter", "emptyState", "footer", "views"];
+var _excluded$1g = ["open", "onOpenChange", "groups", "commands", "placeholder", "size", "variant", "filter", "emptyState", "footer", "views"];
 /**
  * Command component for displaying a command palette with search functionality.
  */
@@ -25087,7 +25258,7 @@ var CommandComponent = _ref => {
       footer,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   var {
     search,
     setSearch,
@@ -25315,7 +25486,7 @@ var getArrowStyles = position => {
   }
 };
 
-var _excluded$1f = ["children", "views", "asChild"],
+var _excluded$1h = ["children", "views", "asChild"],
   _excluded2$j = ["children", "views"],
   _excluded3$d = ["content", "children", "position", "align", "size", "variant", "showArrow", "views", "themeMode"];
 // Create context for the Tooltip
@@ -25351,7 +25522,7 @@ var TooltipTrigger = _ref2 => {
       views,
       asChild = false
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1f);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1h);
   var {
     openTooltip,
     closeTooltip,
@@ -25532,16 +25703,10 @@ var TooltipView = _ref4 => {
     borderRadius: 4,
     boxShadow: "0px 2px 8px rgba(0, 0, 0, 0.15)",
     style: positionStyles
-  }, TooltipSizes[size], TooltipVariants[variant], views == null ? void 0 : views.content), typeof content === 'string' ? (/*#__PURE__*/React.createElement(Text$1, Object.assign({}, views == null ? void 0 : views.text), content)) : content, showArrow && /*#__PURE__*/React.createElement(View, Object.assign({}, arrowStyles, views == null ? void 0 : views.arrow)), process.env.NODE_ENV === 'development' && (/*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: '8px',
-      opacity: 0.7,
-      marginTop: '2px'
-    }
-  }, "Placement: ", optimalPosition.placement, relation && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), "Space: ", relation.space.vertical, "-", relation.space.horizontal)))))));
+  }, TooltipSizes[size], TooltipVariants[variant], views == null ? void 0 : views.content), typeof content === 'string' ? (/*#__PURE__*/React.createElement(Text$1, Object.assign({}, views == null ? void 0 : views.text), content)) : content, showArrow && /*#__PURE__*/React.createElement(View, Object.assign({}, arrowStyles, views == null ? void 0 : views.arrow)))));
 };
 
-var _excluded$1g = ["content", "children", "position", "align", "size", "variant", "openDelay", "closeDelay", "showArrow", "defaultOpen", "isDisabled", "views"];
+var _excluded$1i = ["content", "children", "position", "align", "size", "variant", "openDelay", "closeDelay", "showArrow", "defaultOpen", "isDisabled", "views"];
 /**
  * Tooltip component for displaying additional information when hovering over an element.
  * Supports configurable positions, delays, and styling.
@@ -25561,7 +25726,7 @@ var TooltipComponent = _ref => {
       isDisabled = false,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   var tooltipState = useTooltipState({
     defaultOpen,
     openDelay,
@@ -26034,7 +26199,7 @@ var TreeItemStates = {
   }
 };
 
-var _excluded$1h = ["children", "views", "baseId"],
+var _excluded$1j = ["children", "views", "baseId"],
   _excluded2$k = ["value", "disabled", "icon", "children", "views", "style", "draggable"],
   _excluded3$e = ["children", "onClick", "onToggleExpand", "hasChildren", "expanded", "icon", "disabled", "isSelected", "isDragging", "size", "variant", "views"],
   _excluded4$b = ["children", "views"];
@@ -26070,7 +26235,7 @@ var TreeView = _ref2 => {
       baseId
       // themeMode, // If 'app-studio' ViewProps supports themeMode
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1h);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1j);
   var {
     allowDragAndDrop,
     handleDrop,
@@ -26350,7 +26515,7 @@ var DataDrivenTreeView = _ref7 => {
   }))));
 };
 
-var _excluded$1i = ["children", "items", "size", "variant", "defaultExpandedItems", "expandedItems", "onExpandedItemsChange", "defaultSelectedItem", "selectedItem", "onItemSelect", "multiSelect", "allowDragAndDrop", "dragHandleIcon", "onItemsReorder", "onDragStart", "onDragEnd", "views"];
+var _excluded$1k = ["children", "items", "size", "variant", "defaultExpandedItems", "expandedItems", "onExpandedItemsChange", "defaultSelectedItem", "selectedItem", "onItemSelect", "multiSelect", "allowDragAndDrop", "dragHandleIcon", "onItemsReorder", "onDragStart", "onDragEnd", "views"];
 /**
  * Tree component for displaying hierarchical data.
  * Supports both compound component pattern (using Tree.Item, Tree.ItemLabel, Tree.ItemContent)
@@ -26419,7 +26584,7 @@ var TreeComponent = _ref => {
       views // Global views configuration
       // Remaining ViewProps for the root TreeView container
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
   var treeState = useTreeState({
     defaultExpandedItems,
     expandedItems,
@@ -26992,7 +27157,7 @@ var FlowNodeStates = {
   }
 };
 
-var _excluded$1j = ["node", "onSelect", "isSelected", "isDragging", "onDragStart", "onDrag", "onDragEnd", "size", "variant", "views"],
+var _excluded$1l = ["node", "onSelect", "isSelected", "isDragging", "onDragStart", "onDrag", "onDragEnd", "size", "variant", "views"],
   _excluded2$l = ["onZoomIn", "onZoomOut", "onReset", "views"],
   _excluded3$f = ["onClick", "views"],
   _excluded4$c = ["nodes", "edges", "selectedNodeId", "draggedNodeId", "onNodeSelect", "onAddNode", "onNodeDragStart", "onNodeDrag", "onNodeDragEnd", "size", "variant", "direction", "showControls", "allowAddingNodes", "allowDraggingNodes", "views", "baseId", "viewport", "onZoomIn", "onZoomOut", "onReset", "onViewportChange"];
@@ -27008,7 +27173,7 @@ var FlowNodeView = _ref => {
       variant = 'default',
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
   var handleClick = () => {
     if (onSelect) {
       onSelect(node.id);
@@ -27655,7 +27820,7 @@ var FlowView = _ref5 => {
   }, "Zoom: ", Math.round(viewport.zoom * 100), "%")));
 };
 
-var _excluded$1k = ["children", "nodes", "edges", "size", "variant", "direction", "showControls", "allowAddingNodes", "allowDraggingNodes", "onNodesChange", "onEdgesChange", "onNodeSelect", "onNodeAdd", "onNodeDragStart", "onNodeDrag", "onNodeDragEnd", "selectedNodeId", "initialViewport", "viewport", "onViewportChange", "views"];
+var _excluded$1m = ["children", "nodes", "edges", "size", "variant", "direction", "showControls", "allowAddingNodes", "allowDraggingNodes", "onNodesChange", "onEdgesChange", "onNodeSelect", "onNodeAdd", "onNodeDragStart", "onNodeDrag", "onNodeDragEnd", "selectedNodeId", "initialViewport", "viewport", "onViewportChange", "views"];
 /**
  * Flow component for creating workflow diagrams.
  *
@@ -27712,7 +27877,7 @@ var FlowComponent = _ref => {
       onViewportChange,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   var flowState = useFlowState({
     initialNodes: controlledNodes,
     initialEdges: controlledEdges,
@@ -28081,7 +28246,7 @@ var DefaultGradientStyles = {
   }
 };
 
-var _excluded$1l = ["type", "direction", "shape", "position", "from", "to", "colors", "animate", "animationDuration", "children", "views", "themeMode"];
+var _excluded$1n = ["type", "direction", "shape", "position", "from", "to", "colors", "animate", "animationDuration", "children", "views", "themeMode"];
 var GradientView = _ref => {
   var {
       type = 'linear',
@@ -28097,7 +28262,7 @@ var GradientView = _ref => {
       views,
       themeMode: elementMode
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   var {
     getColor,
     themeMode
@@ -28173,7 +28338,7 @@ var Gradient = props => {
   return /*#__PURE__*/React.createElement(GradientView, Object.assign({}, props));
 };
 
-var _excluded$1m = ["children", "showRadialGradient", "views", "themeMode"],
+var _excluded$1o = ["children", "showRadialGradient", "views", "themeMode"],
   _excluded2$m = ["number", "children"],
   _excluded3$g = ["rows", "cols", "squareSize"],
   _excluded4$d = ["count", "colors", "speed", "shapes"],
@@ -28194,7 +28359,7 @@ var AuroraBackground = _ref => {
       showRadialGradient = true,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
   var gradientColors = {
     white: 'rgba(255,255,255,1)',
     transparent: 'rgba(255,255,255,0)'
@@ -29094,7 +29259,7 @@ var AgentRunProgress = _ref => {
   }, step.label))))));
 };
 
-var _excluded$1n = ["placeholder", "showTimestamps", "showAvatars", "showTypingIndicator", "autoScroll", "enableFileUpload", "enableAudioRecording", "enableVideoRecording", "views", "containerProps", "colorScheme", "compact", "rounded", "ariaLabel", "ariaDescribedBy", "messages", "currentSession", "isLoading", "isTyping", "error", "inputValue", "selectedFiles", "sessionId", "sendMessage", "setInputValue", "handleFileSelect", "removeFile", "messagesEndRef", "setError", "setSelectedFiles"];
+var _excluded$1p = ["placeholder", "showTimestamps", "showAvatars", "showTypingIndicator", "autoScroll", "enableFileUpload", "enableAudioRecording", "enableVideoRecording", "views", "containerProps", "colorScheme", "compact", "rounded", "ariaLabel", "ariaDescribedBy", "messages", "currentSession", "isLoading", "isTyping", "error", "inputValue", "selectedFiles", "sessionId", "sendMessage", "setInputValue", "handleFileSelect", "removeFile", "messagesEndRef", "setError", "setSelectedFiles"];
 /**
  * AgentChat View Component
  *
@@ -29134,7 +29299,7 @@ var AgentChatView = _ref => {
       setError,
       setSelectedFiles
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
   /**
    * Auto-scroll to bottom when new messages arrive
    */
@@ -30275,7 +30440,7 @@ var SessionFilters = _ref => {
   }, "Clear all filters")))));
 };
 
-var _excluded$1o = ["showSessionHistory", "enableSessionImport", "enableSessionExport", "enableSessionDelete", "enableSessionSearch", "showSessionInfo", "showSessionActions", "showCreateButton", "showRefreshButton", "compactMode", "views", "containerProps", "colorScheme", "layout", "showPreviews", "ariaLabel", "ariaDescribedBy", "sessions", "selectedSession", "isLoading", "isCreating", "error", "searchQuery", "filters", "sortOptions", "fetchSessions", "createSession", "selectSession", "deleteSession", "exportSession", "handleFileImport", "setSearchQuery", "setFilters", "setSortOptions", "setError", "fileInputRef", "handleFileSelect"];
+var _excluded$1q = ["showSessionHistory", "enableSessionImport", "enableSessionExport", "enableSessionDelete", "enableSessionSearch", "showSessionInfo", "showSessionActions", "showCreateButton", "showRefreshButton", "compactMode", "views", "containerProps", "colorScheme", "layout", "showPreviews", "ariaLabel", "ariaDescribedBy", "sessions", "selectedSession", "isLoading", "isCreating", "error", "searchQuery", "filters", "sortOptions", "fetchSessions", "createSession", "selectSession", "deleteSession", "exportSession", "handleFileImport", "setSearchQuery", "setFilters", "setSortOptions", "setError", "fileInputRef", "handleFileSelect"];
 /**
  * AgentSession View Component
  *
@@ -30323,7 +30488,7 @@ var AgentSessionView = _ref => {
       fileInputRef,
       handleFileSelect
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   /**
    * Handle session creation
    */
@@ -32162,7 +32327,7 @@ var TraceVisualization = _ref => {
   }, renderVisualization())));
 };
 
-var _excluded$1p = ["showTimeline", "showMetrics", "showVisualization", "enableFiltering", "enableExport", "enableSearch", "showEventDetails", "showPerformanceMetrics", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "events", "spans", "selectedEvent", "selectedSpan", "metrics", "isLoading", "error", "filter", "searchQuery", "currentVisualization", "fetchTraceEvents", "selectEvent", "selectSpan", "updateFilter", "exportTrace", "setSearchQuery", "setCurrentVisualization", "setError"];
+var _excluded$1r = ["showTimeline", "showMetrics", "showVisualization", "enableFiltering", "enableExport", "enableSearch", "showEventDetails", "showPerformanceMetrics", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "events", "spans", "selectedEvent", "selectedSpan", "metrics", "isLoading", "error", "filter", "searchQuery", "currentVisualization", "fetchTraceEvents", "selectEvent", "selectSpan", "updateFilter", "exportTrace", "setSearchQuery", "setCurrentVisualization", "setError"];
 /**
  * AgentTrace View Component
  *
@@ -32203,7 +32368,7 @@ var AgentTraceView = _ref => {
       setCurrentVisualization,
       setError
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   /**
    * Handle event selection
    */
@@ -33892,7 +34057,7 @@ var EvaluationMetrics = _ref => {
   }, "Run some evaluations to see performance metrics")))));
 };
 
-var _excluded$1q = ["enableBatchEvaluation", "enableMetricsComparison", "enableResultExport", "enableTemplates", "showEvaluationHistory", "showMetricsPanel", "showTestCaseDetails", "showProgressIndicators", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "evaluations", "selectedEvaluation", "selectedResult", "isLoading", "isCreating", "error", "searchQuery", "templates", "runningEvaluationsCount", "canStartNewEvaluation", "fetchEvaluations", "createEvaluation", "startEvaluation", "cancelEvaluation", "deleteEvaluation", "selectEvaluation", "selectResult", "exportEvaluations", "setSearchQuery", "setError"];
+var _excluded$1s = ["enableBatchEvaluation", "enableMetricsComparison", "enableResultExport", "enableTemplates", "showEvaluationHistory", "showMetricsPanel", "showTestCaseDetails", "showProgressIndicators", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "evaluations", "selectedEvaluation", "selectedResult", "isLoading", "isCreating", "error", "searchQuery", "templates", "runningEvaluationsCount", "canStartNewEvaluation", "fetchEvaluations", "createEvaluation", "startEvaluation", "cancelEvaluation", "deleteEvaluation", "selectEvaluation", "selectResult", "exportEvaluations", "setSearchQuery", "setError"];
 /**
  * AgentEval View Component
  *
@@ -33935,7 +34100,7 @@ var AgentEvalView = _ref => {
       setSearchQuery,
       setError
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   var [activeTab, setActiveTab] = React.useState('evaluations');
   /**
    * Handle evaluation creation
@@ -34597,5 +34762,5 @@ var AgentEval = props => {
   return /*#__PURE__*/React.createElement(AgentEvalView, Object.assign({}, props, evalState));
 };
 
-export { Accordion, AgentChat, AgentEval, AgentSession, AgentTrace, Alert, ArrowIcon, AspectRatio, AttachmentIcon, AudioIcon, AudioInput, AudioWaveform, Avatar, Background, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Button, CalendarIcon, CameraIcon, Card, Carousel, Chart, ChartIcon, ChatInput, CheckIcon, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ColorInput, ColorPicker, ComboBox, Command, ContextMenu, CookieConsent, CopyIcon, CountryPicker, CropIcon, DatePicker, DeleteIcon, Divider, DocumentIcon, DownloadIcon, DragAndDrop, DragAndDropComponent, DragHandleIcon, DragHandleLinesIcon, DropdownMenu, DustBinIcon, EditIcon, EmojiPicker, ErrorIcon, ExternalLinkIcon, FacebookIcon, FileIcon, FileImage, FileSVG, FilterIcon, Flow, FolderIcon, FormikChatInput, FormikCheckbox, FormikColorInput, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikOTPInput, FormikPassword, FormikSelect, FormikSlider, FormikSwitch, FormikTagInput, FormikTextArea, FormikTextField, GiftIcon, HeartIcon, HelpIcon, HomeIcon, HoverCard, Icon, ImageIcon, InfoIcon, InstagramIcon, LikeIcon, Link, LinkedinIcon, Loader, LoadingSpinnerIcon, LocationIcon, LockIcon, LogoutIcon, MagicWandIcon, MediaPreview, MenuIcon, Menubar, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NavigationMenu, NotificationIcon, OTPInput, OpenEyeIcon, Pagination, PanelIcon, Password, PauseIcon, PlayIcon, PlusIcon, PowerOffIcon, PrintIcon, ProfileIcon, ProgressBar, RefreshIcon, Resizable, RotateIcon, SaveIcon, SearchIcon, Select, SendIcon, Separator, SettingsIcon, ShapeIcon, ShareIcon, ShieldIcon, Sidebar, Slider, SliderIcon, SpinnerIcon, StarIcon, StatusIndicator, StopIcon, SuccessIcon, Switch, Table, Tabs, TagInput, Text, TextArea, TextField, TextIcon, ThreadsIcon, TickIcon, Title, Toast, Toggle, ToggleGroup, Tooltip, TrashIcon, Tree, TwitchIcon, TwitterIcon, UnLikeIcon, UnlockIcon, UploadIcon, Uploader, UserIcon, VideoIcon, WarningIcon, WifiIcon, XIcon, YoutubeIcon, ZoomInIcon, ZoomOutIcon, hideMessage, hideModal, showMessage, showModal, showToast, useMessageStore, useModalStore, useToast$1 as useToast };
+export { Accordion, AgentChat, AgentEval, AgentSession, AgentTrace, Alert, ArrowIcon, AspectRatio, AttachmentIcon, AudioIcon, AudioInput, AudioWaveform, Avatar, Background, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Button, CalendarIcon, CameraIcon, Card, Carousel, Chart, ChartIcon, ChatInput, CheckIcon, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ColorInput, ColorPicker, ComboBox, Command, ContextMenu, CookieConsent, CopyIcon, CountryPicker, CropIcon, DatePicker, DeleteIcon, Divider, DocumentIcon, DownloadIcon, DragAndDrop, DragAndDropComponent, DragHandleIcon, DragHandleLinesIcon, DropdownMenu, DustBinIcon, EditIcon, EmojiPicker, ErrorIcon, ExternalLinkIcon, FacebookIcon, FileIcon, FileImage, FileSVG, FilterIcon, Flow, FolderIcon, FormikChatInput, FormikCheckbox, FormikColorInput, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikOTPInput, FormikPassword, FormikSelect, FormikSlider, FormikSwitch, FormikTagInput, FormikTextArea, FormikTextField, GiftIcon, HeartIcon, HelpIcon, HomeIcon, HoverCard, Icon, ImageIcon, InfoIcon, InstagramIcon, LikeIcon, Link, LinkedinIcon, Loader, LoadingSpinnerIcon, LocationIcon, LockIcon, LogoutIcon, MagicWandIcon, MediaPreview, MenuIcon, Menubar, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NavigationMenu, NotificationIcon, OTPInput, OpenEyeIcon, Pagination, PanelIcon, Password, PauseIcon, PlayIcon, PlusIcon, PowerOffIcon, PrintIcon, ProfileIcon, ProgressBar, RefreshIcon, Resizable, RotateIcon, SaveIcon, SearchIcon, Select, SendIcon, Separator, SettingsIcon, ShapeIcon, ShareButton, ShareIcon, ShieldIcon, Sidebar, Slider, SliderIcon, SpinnerIcon, StarIcon, StatusIndicator, StopIcon, SuccessIcon, Switch, Table, Tabs, TagInput, Text, TextArea, TextField, TextIcon, ThreadsIcon, TickIcon, Title, Toast, Toggle, ToggleGroup, Tooltip, TrashIcon, Tree, TwitchIcon, TwitterIcon, UnLikeIcon, UnlockIcon, UploadIcon, Uploader, UserIcon, VideoIcon, WarningIcon, WifiIcon, XIcon, YoutubeIcon, ZoomInIcon, ZoomOutIcon, hideMessage, hideModal, showMessage, showModal, showToast, useMessageStore, useModalStore, useToast$1 as useToast };
 //# sourceMappingURL=web.esm.js.map