@app-studio/web 0.9.25 → 0.9.27

package/dist/web.cjs.development.js

@@ -16,6 +16,10 @@ var appStudio = require('app-studio');
 require('core-js/modules/es.symbol.description.js');
 require('core-js/modules/es.parse-float.js');
 require('core-js/modules/es.string.trim-end.js');
+require('core-js/modules/es.parse-int.js');
+require('core-js/modules/es.regexp.exec.js');
+require('core-js/modules/es.string.pad-start.js');
+require('core-js/modules/es.string.replace.js');
 require('core-js/modules/es.array-buffer.constructor.js');
 require('core-js/modules/es.array-buffer.slice.js');
 require('core-js/modules/es.typed-array.uint8-array.js');
@@ -26,7 +30,6 @@ require('core-js/modules/es.typed-array.to-locale-string.js');
 require('core-js/modules/web.url.js');
 require('core-js/modules/web.url.to-json.js');
 require('core-js/modules/web.url-search-params.js');
-require('core-js/modules/es.parse-int.js');
 var reactRouterDom = require('react-router-dom');
 require('core-js/modules/es.string.ends-with.js');
 var contrast = _interopDefault(require('contrast'));
@@ -37,10 +40,9 @@ require('core-js/modules/es.string.starts-with.js');
 var format = _interopDefault(require('date-fns/format'));
 require('core-js/modules/es.string.trim.js');
 require('core-js/modules/es.regexp.constructor.js');
-require('core-js/modules/es.regexp.exec.js');
 var formik = require('formik');
-require('core-js/modules/es.string.replace.js');
 var zustand = require('zustand');
+require('core-js/modules/es.promise.finally.js');
 require('core-js/modules/es.string.match.js');
 require('core-js/modules/es.string.search.js');
 require('core-js/modules/es.array.flat-map.js');
@@ -534,8 +536,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
  */
@@ -650,6 +675,8 @@ var TextView = _ref3 => {
       isStriked = false,
       weight = 'normal',
       size = 'md',
+      backgroundColor,
+      color,
       views
     } = _ref3,
     props = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
@@ -663,6 +690,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__default.createElement(appStudio.Element
   // Apply typography styles according to design guidelines
   , Object.assign({
@@ -672,7 +700,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__default.createElement(TruncateText, {
     text: children,
     maxLines: maxLines
@@ -4634,11 +4663,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__default.createElement(appStudio.View, Object.assign({
       width: numericWidth,
       height: numericHeight,
       position: "relative",
-      backgroundColor: "black",
+      backgroundColor: containerBg,
       overflow: "hidden",
       borderRadius: ButtonShapes[shape],
       cursor: isDisabled ? 'default' : 'pointer',
@@ -4649,7 +4682,8 @@ var ButtonView = _ref => {
       style: {
         position: 'absolute',
         top: 0,
-        left: 0
+        left: 0,
+        zIndex: 1
       }
     }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
       id: "circleGradient",
@@ -4683,21 +4717,23 @@ var ButtonView = _ref => {
       path: path
     }))), /*#__PURE__*/React__default.createElement(appStudio.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__default.createElement(appStudio.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'
       }
@@ -18863,13 +18899,7 @@ var DropdownMenuContent = _ref3 => {
       item: item,
       views: views
     });
-  }),  (/*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: '10px',
-      opacity: 0.7,
-      padding: '4px'
-    }
-  }, "Placement: ", optimalPosition.placement, relation && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("br", null), "Space: ", relation.space.vertical, "-", relation.space.horizontal)))));
+  }));
 };
 // DropdownMenu Item component
 var DropdownMenuItem = _ref4 => {
@@ -22892,6 +22922,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__default.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__default.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__default.useState(false);
+  var isSupported = React__default.useMemo(() => canShareData(getNavigator(), shareData), [shareData]);
+  var handleShare = React__default.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__default.createElement(ShareButtonView, Object.assign({}, viewProps, {
+    isSupported: isSupported,
+    isSharing: isSharing,
+    onShare: handleShare
+  }));
+};
+var ShareButton = ShareButtonComponent;
+
 var getThemes$2 = themeMode => {
   return {
     default: {
@@ -22937,7 +23108,7 @@ var getThemes$2 = themeMode => {
   };
 };
 
-var _excluded$18 = ["label", "status", "views", "themeMode"];
+var _excluded$1a = ["label", "status", "views", "themeMode"];
 var StatusIndicatorView = _ref => {
   var {
       label,
@@ -22945,7 +23116,7 @@ var StatusIndicatorView = _ref => {
       views,
       themeMode: elementMode
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
   var {
     themeMode
   } = appStudio.useTheme();
@@ -23138,7 +23309,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"];
@@ -23171,7 +23342,7 @@ var SidebarHeader = _ref2 => {
       showToggleButton = true,
       views
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$19);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1b);
   var {
     isExpanded,
     toggleExpanded,
@@ -23326,7 +23497,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.
  */
@@ -23348,7 +23519,7 @@ var SidebarComponent = _ref => {
       breakpointBehavior = 'overlay',
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
   var {
     isExpanded,
     toggleExpanded,
@@ -23813,7 +23984,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
@@ -23858,7 +24029,7 @@ var ResizablePanel = _ref2 => {
       onCollapseChange,
       views
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1b);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1d);
   var {
     orientation,
     registerPanel,
@@ -24073,7 +24244,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.
  */
@@ -24093,7 +24264,7 @@ var ResizableComponent = _ref => {
       keyboardResizeBy = 10,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
   var {
     isResizing,
     setIsResizing,
@@ -24861,7 +25032,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"],
@@ -24893,7 +25064,7 @@ var CommandInput = _ref2 => {
       placeholder = 'Type a command or search...',
       views
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1d);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1f);
   var inputRef = React.useRef(null);
   // Focus input when component mounts
   React__default.useEffect(() => {
@@ -25076,7 +25247,7 @@ var CommandView = _ref7 => {
   })))), footer && (/*#__PURE__*/React__default.createElement(appStudio.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.
  */
@@ -25094,7 +25265,7 @@ var CommandComponent = _ref => {
       footer,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
   var {
     search,
     setSearch,
@@ -25322,7 +25493,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
@@ -25358,7 +25529,7 @@ var TooltipTrigger = _ref2 => {
       views,
       asChild = false
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1f);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1h);
   var {
     openTooltip,
     closeTooltip,
@@ -25539,16 +25710,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__default.createElement(appStudio.Text, Object.assign({}, views == null ? void 0 : views.text), content)) : content, showArrow && /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, arrowStyles, views == null ? void 0 : views.arrow)),  (/*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: '8px',
-      opacity: 0.7,
-      marginTop: '2px'
-    }
-  }, "Placement: ", optimalPosition.placement, relation && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.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__default.createElement(appStudio.Text, Object.assign({}, views == null ? void 0 : views.text), content)) : content, showArrow && /*#__PURE__*/React__default.createElement(appStudio.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.
@@ -25568,7 +25733,7 @@ var TooltipComponent = _ref => {
       isDisabled = false,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
   var tooltipState = useTooltipState({
     defaultOpen,
     openDelay,
@@ -26041,7 +26206,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"];
@@ -26077,7 +26242,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,
@@ -26357,7 +26522,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)
@@ -26426,7 +26591,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,
@@ -26999,7 +27164,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"];
@@ -27015,7 +27180,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);
@@ -27662,7 +27827,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.
  *
@@ -27719,7 +27884,7 @@ var FlowComponent = _ref => {
       onViewportChange,
       views
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
   var flowState = useFlowState({
     initialNodes: controlledNodes,
     initialEdges: controlledEdges,
@@ -28088,7 +28253,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',
@@ -28104,7 +28269,7 @@ var GradientView = _ref => {
       views,
       themeMode: elementMode
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
   var {
     getColor,
     themeMode
@@ -28180,7 +28345,7 @@ var Gradient = props => {
   return /*#__PURE__*/React__default.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"],
@@ -28201,7 +28366,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)'
@@ -29101,7 +29266,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
  *
@@ -29141,7 +29306,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
    */
@@ -30282,7 +30447,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
  *
@@ -30330,7 +30495,7 @@ var AgentSessionView = _ref => {
       fileInputRef,
       handleFileSelect
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
   /**
    * Handle session creation
    */
@@ -32169,7 +32334,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
  *
@@ -32210,7 +32375,7 @@ var AgentTraceView = _ref => {
       setCurrentVisualization,
       setError
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
   /**
    * Handle event selection
    */
@@ -33899,7 +34064,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
  *
@@ -33942,7 +34107,7 @@ var AgentEvalView = _ref => {
       setSearchQuery,
       setError
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
   var [activeTab, setActiveTab] = React__default.useState('evaluations');
   /**
    * Handle evaluation creation
@@ -34735,6 +34900,7 @@ exports.SendIcon = SendIcon;
 exports.Separator = Separator;
 exports.SettingsIcon = SettingsIcon;
 exports.ShapeIcon = ShapeIcon;
+exports.ShareButton = ShareButton;
 exports.ShareIcon = ShareIcon;
 exports.ShieldIcon = ShieldIcon;
 exports.Sidebar = Sidebar;