pixel-priya 1.2.2 → 1.2.5

package/lib/index.cjs

@@ -1040,6 +1040,8 @@ const SvgEclipsePlugin = (props) => /* @__PURE__ */ React__namespace.createEleme
   maskType: "alpha"
 }, maskUnits: "userSpaceOnUse", x: 1, y: 0, width: 15, height: 15 }, /* @__PURE__ */ React__namespace.createElement("ellipse", { cx: 8.85851, cy: 7.4927, rx: 7.14146, ry: 7.10244, fill: "currentColor" })), /* @__PURE__ */ React__namespace.createElement("g", { mask: "url(#mask0_18014_12102)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.7026 9.52209C14.8245 12.4555 12.0936 14.5952 8.85889 14.5953C5.62407 14.5953 2.89333 12.4555 2.01514 9.52209H15.7026ZM1.82959 8.74182C1.87698 9.00738 1.93895 9.26762 2.01514 9.52209H1.48291V8.74182H1.82959ZM16.312 9.52209H15.7026C15.7788 9.2677 15.8398 9.00729 15.8872 8.74182H16.312V9.52209ZM15.9888 7.88342C15.9729 8.17471 15.9373 8.46091 15.8872 8.74182H1.82959C1.77946 8.46091 1.74391 8.17471 1.72803 7.88342H15.9888ZM1.72803 7.10217C1.72098 7.23146 1.71729 7.36176 1.71729 7.4928C1.71729 7.62387 1.72098 7.7541 1.72803 7.88342H1.48291V7.10217H1.72803ZM16.312 7.88342H15.9888C15.9958 7.75409 15.9995 7.62388 15.9995 7.4928C15.9995 7.36176 15.9958 7.23146 15.9888 7.10217H16.312V7.88342ZM15.8872 6.24377C15.9373 6.52469 15.9729 6.81088 15.9888 7.10217H1.72803C1.7439 6.81089 1.77947 6.52468 1.82959 6.24377H15.8872ZM2.01514 5.4635C1.93896 5.71798 1.87697 5.97822 1.82959 6.24377H1.48291V5.4635H2.01514ZM16.312 6.24377H15.8872C15.8398 5.9783 15.7788 5.7179 15.7026 5.4635H16.312V6.24377ZM8.85889 0.390259C12.0937 0.390427 14.8246 2.53 15.7026 5.4635H2.01514C2.89326 2.52999 5.62399 0.390259 8.85889 0.390259Z", fill: "currentColor" })), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15 10.7166L14.4279 10.1444L13.2834 11.2887L12.7113 10.7166L13.8556 9.57213L13.2834 9L12.139 10.1444L11.5668 9.57213L10.4221 10.7166C9.73015 11.4089 9.64444 12.477 10.1649 13.2626L9 14.4274L9.57224 15L10.7371 13.835C11.5228 14.3554 12.5911 14.2701 13.2835 13.5778L14.428 12.4335L13.8556 11.8613L15 10.7166Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.707 10.7168L14.5625 11.8613L15.1348 12.4336L13.6367 13.9316C12.8762 14.6918 11.7535 14.8634 10.8271 14.4512L9.57227 15.707L8.29297 14.4277L9.54785 13.1719C9.13614 12.2457 9.30874 11.1234 10.0684 10.3633L11.5664 8.86523L12.1387 9.4375L13.2832 8.29297L15.707 10.7168ZM12.1387 10.1445L11.5664 9.57227L10.4219 10.7168L10.2998 10.8506C9.72199 11.5412 9.6771 12.5262 10.165 13.2627L9 14.4277L9.57227 15L10.7373 13.835C11.4739 14.3228 12.4587 14.2782 13.1494 13.7002L13.2832 13.5781L14.4277 12.4336L13.8555 11.8613L15 10.7168L14.4277 10.1445L13.2832 11.2891L12.7109 10.7168L13.8555 9.57227L13.2832 9L12.1387 10.1445Z", fill: "white" }));
 
+const SvgAiToken = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M12 1.5C6.21 1.5 1.5 6.21 1.5 12C1.5 17.79 6.21 22.5 12 22.5C17.79 22.5 22.5 17.79 22.5 12C22.5 6.21 17.79 1.5 12 1.5ZM12 19.5C7.8645 19.5 4.5 16.1355 4.5 12C4.5 7.8645 7.8645 4.5 12 4.5C16.1355 4.5 19.5 7.8645 19.5 12C19.5 16.1355 16.1355 19.5 12 19.5Z", fill: "#FBC34E" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12 4.5C7.8645 4.5 4.5 7.8645 4.5 12C4.5 16.1355 7.8645 19.5 12 19.5C16.1355 19.5 19.5 16.1355 19.5 12C19.5 7.8645 16.1355 4.5 12 4.5ZM15.183 12.954L14.3205 13.4235C13.9425 13.6298 13.6327 13.9387 13.4257 14.316L12.9525 15.1755C12.7613 15.5235 12.3967 15.7388 12 15.7388C11.6033 15.7388 11.2387 15.5227 11.0475 15.1755L10.575 14.3153C10.3673 13.9373 10.0575 13.6283 9.67875 13.422L8.81775 12.9532C8.46675 12.7642 8.25 12.3983 8.25 12C8.25 11.6017 8.46675 11.2357 8.817 11.046L9.6795 10.5765C10.0575 10.3703 10.3672 10.0612 10.5743 9.684L11.0475 8.8245C11.2387 8.4765 11.6033 8.26125 12 8.26125C12.3967 8.26125 12.7613 8.47725 12.9525 8.8245L13.425 9.68475C13.6327 10.062 13.9425 10.371 14.3205 10.5772L15.1823 11.046C15.5332 11.2357 15.75 11.6017 15.75 12C15.75 12.3983 15.5332 12.7642 15.183 12.954Z", fill: "#E5A533" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.1823 11.0452L14.3205 10.5765C13.9425 10.3702 13.6327 10.0612 13.425 9.684L12.9525 8.82375C12.7613 8.4765 12.3967 8.2605 12 8.2605C11.6033 8.2605 11.2387 8.4765 11.0475 8.82375L10.575 9.68325C10.368 10.0612 10.0582 10.3702 9.68025 10.5757L8.81775 11.0452C8.46675 11.2357 8.25 11.6017 8.25 12C8.25 12.3982 8.46675 12.7642 8.81775 12.9547L9.67875 13.4235C10.0575 13.6297 10.3673 13.9387 10.575 14.3167L11.0475 15.177C11.2387 15.5242 11.6033 15.7402 12 15.7402C12.3967 15.7402 12.7613 15.5242 12.9525 15.177L13.4257 14.3175C13.6327 13.9395 13.9425 13.6305 14.3205 13.425L15.183 12.9555C15.5332 12.7642 15.75 12.3982 15.75 12C15.75 11.6017 15.5332 11.2357 15.1823 11.0452Z", fill: "#E4EDF2" }));
+
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['setting_icon'] = SvgSettingIcon;
@@ -1480,6 +1482,7 @@ Components['ai_approved'] = SvgAiApproved;
 Components['video_live_icon'] = SvgVideoRecording;
 Components['screen_capture_icon'] = SvgCaptureImage;
 Components['eclipse_plugin'] = SvgEclipsePlugin;
+Components['ai_token'] = SvgAiToken;
 
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -1983,8 +1986,11 @@ const Drawer = ({
   }, [isOpen]);
   React.useEffect(() => {
     const handleKeyDown = e => {
-      if (e.key === 'Enter' && isOpen && primaryButtonProps?.onClick) {
-        console.log('Enter key pressed — triggering primary button action');
+      if (e.key === 'Enter' && isOpen && primaryButtonProps?.onClick && !primaryButtonProps.disabled) {
+        const activeElement = document.activeElement;
+        if (activeElement && activeElement.tagName === 'INPUT') {
+          return;
+        }
         primaryButtonProps.onClick();
       }
     };
@@ -3680,6 +3686,17 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
     }
     onBlur?.(e);
   };
+  const handleWheel = e => {
+    if (type === 'number') {
+      const input = e.currentTarget;
+      const currentValue = parseFloat(input.value);
+      const isScrollDown = e.deltaY > 0;
+      if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
+        input.blur();
+        setTimeout(() => input.focus(), 0);
+      }
+    }
+  };
   return jsxRuntime.jsx("fieldset", {
     className: classNames('ff-input-fieldset', {
       'ff-input-fieldset--disabled': disabled
@@ -3740,6 +3757,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
         onClick: onClick,
         onKeyUp: onKeyUp,
         onKeyDown: handleKeyDown,
+        onWheel: handleWheel,
         ...props
       }), type === 'number' && jsxRuntime.jsxs("div", {
         className: classNames('arrow-container', {
@@ -4581,7 +4599,8 @@ const Textarea = ({
   ...props
 }) => {
   const labelClasses = classNames('ff-textarea-label ff-textarea-label--' + variant, {
-    'ff-textarea-label--danger': error
+    'ff-textarea-label--danger': error,
+    'ff-textarea-label--disabled': disabled
   });
   const textareaClasses = classNames(`ff-textarea ff-textarea--${variant}`, className, {
     'ff-textarea--danger': error,
@@ -10447,10 +10466,13 @@ const useFileDropzone = options => {
     invalidFileMessage,
     fileExistMessage,
     validateMIMEType = false,
-    isApiResponseError
+    isApiResponseError,
+    selectedFile,
+    setSelectedFile
   } = options;
+  const file = !selectedFile ? [] : [selectedFile];
   const [files, setFiles] = React.useState({
-    accepted: [],
+    accepted: file,
     rejected: []
   });
   const [isDragActive, setIsDragActive] = React.useState(false);
@@ -10499,6 +10521,9 @@ const useFileDropzone = options => {
     setFiles(prevFiles => {
       const updatedAccepted = prevFiles.accepted.filter(file => file.name !== fileToReplace.name);
       const updatedRejected = prevFiles.rejected.filter(rejection => rejection.file.name !== fileToReplace.name);
+      if (!checkEmpty(errors) && newFile && setSelectedFile) {
+        setSelectedFile([...updatedAccepted, newFile]);
+      }
       return {
         accepted: !checkEmpty(errors) ? updatedAccepted : [...updatedAccepted, newFile],
         rejected: !checkEmpty(errors) ? [...updatedRejected, {
@@ -11047,7 +11072,9 @@ const FileDropzone = ({
     invalidFileMessage,
     fileExistMessage,
     validateMIMEType,
-    isApiResponseError
+    isApiResponseError,
+    selectedFile,
+    setSelectedFile
     // onDrop: (accepted, rejected, event) => {}, //onDrop function to handle dropped or selected files explicitly.
   });
   React.useEffect(() => {
@@ -15772,6 +15799,16 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
   rightDropDownPositionZindex
 }, ref) => {
   const isValueFilled = !checkEmpty(value) || dropdownPosition === 'left';
+  const handleWheel = e => {
+    if (type !== 'number') return;
+    const input = e.currentTarget;
+    const currentValue = parseFloat(input.value);
+    const isScrollDown = e.deltaY > 0;
+    if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
+      input.blur();
+      setTimeout(() => input.focus(), 0);
+    }
+  };
   return jsxRuntime.jsxs("div", {
     className: classNames('ff-input-with-dropdown-container', {
       'ff-input-with-dropdown-container--filled': isValueFilled
@@ -15831,6 +15868,7 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
           onClick: onClick,
           onKeyUp: onKeyUp,
           onKeyDown: onKeyDown,
+          onWheel: handleWheel,
           onFocus: onFocus,
           className: classNames('ff-floating-input', {
             'ff-floating-input--filled': isValueFilled,
@@ -16651,8 +16689,9 @@ const EditLabel = ({
     setIsEditable && setIsEditable(null);
   };
   const handleKeyDown = event => {
-    if (event.key === 'Enter') {
+    if (event.key === 'Enter' && inputRef.current === document.activeElement) {
       handleConfirm();
+      event.stopPropagation();
     } else if (event.key === 'Escape') {
       handleCancel();
     }
@@ -17694,6 +17733,19 @@ const Search = ({
       onSearch(data);
     }
   };
+  React.useEffect(() => {
+    const handleKeyDown = e => {
+      if (e.key === 'Enter' && isExpand && inputRef.current === document.activeElement) {
+        if (searchValue.trim().length < minLength && showToaster) {
+          toast.info(helperText);
+        } else if (!checkEmpty(searchValue.trim())) {
+          onSearch(searchValue.trim());
+        }
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [isExpand, onClose, searchValue, minLength, showToaster, helperText, onSearch]);
   return jsxRuntime.jsx("div", {
     className: classNames('ff-gradient-border-container', {
       'ai-search-active': isAISearchClicked && isExpand
@@ -30375,7 +30427,7 @@ const AppHeader = ({
                         }));
                         return jsxRuntime.jsxs("div", {
                           className: classNames('ff-app-header-quickmenu-container', subMenuItem.quickMenuItems?.length ? 'visible' : ''),
-                          children: [!checkEmpty(quickMenuHiddenItemsArray) && jsxRuntime.jsx("div", {
+                          children: [!checkEmpty(quickMenuItemsArray) && jsxRuntime.jsx("div", {
                             children: jsxRuntime.jsx(Icon, {
                               name: "vertical_separator"
                             })
@@ -33421,6 +33473,9 @@ const NlpDropdown = ({
     } else if (nlpType === 'PROGRAM_ELEMENTS') {
       label = 'PE';
       className = 'ff-pe';
+    } else if (nlpType === 'WORKBENCH_REQUEST') {
+      label = 'WS';
+      className = 'ff-ws';
     } else {
       label = '--';
       className = 'nlp-default';
@@ -33456,13 +33511,7 @@ const NlpDropdown = ({
         });
       } else if (platform === 'Generic') {
         return jsxRuntime.jsx(Icon, {
-          name: "generic_nlp",
-          height: 10,
-          width: 10
-        });
-      } else if (platform === 'Webservice') {
-        return jsxRuntime.jsx(Icon, {
-          name: "web_service_icon",
+          name: "mobile_icon",
           height: 10,
           width: 10
         });
@@ -33473,9 +33522,16 @@ const NlpDropdown = ({
           width: 10
         });
       }
-    } else {
-      return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    } else if (nlpType === 'WORKBENCH_REQUEST') {
+      if (platform === 'Webservice') {
+        return jsxRuntime.jsx(Icon, {
+          name: "web_service_icon",
+          height: 8,
+          width: 8
+        });
+      }
     }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
   };
   useIntersectionObserver(['ff-nlp-dropdown-pagination'], {
     root: document.getElementById('ff-nlp-dropdown-options-wrapper'),
@@ -34191,7 +34247,6 @@ const IconRadioGroup = ({
 };
 
 const MachineInputField = ({
-  width = '',
   options = [],
   runCount = 0,
   className = '',
@@ -34226,7 +34281,7 @@ const MachineInputField = ({
   return jsxRuntime.jsxs("div", {
     id: modalId,
     style: {
-      width: width
+      width: '100%'
     },
     className: classNames('ff-machine-input-field-wrapper', className, {
       'cursor-event-none': runCount !== 1 && scriptType == 'Automation'
@@ -34349,9 +34404,9 @@ const Branches = ({
   const showMiddleArrow = index => machineInstances.length - 1 !== index && machineColumnCount > 1;
   const getGridTemplateColumnStyle = () => {
     if (machineColumnCount === 1) {
-      return `24px ${machineColumnWidth}px 24px`;
+      return `24px auto 24px`;
     }
-    return `24px ${machineColumnWidth}px repeat(${machineColumnCount - 1}, 40px ${machineColumnWidth}px) 24px`;
+    return `24px minmax(180px, auto) repeat(${machineColumnCount - 1}, 40px minmax(180px, auto)) 24px`;
   };
   const getMachineLabelOptionList = (type = '', machineInstance) => {
     const {
@@ -34955,7 +35010,7 @@ const AttachmentButton = ({
     }), fileError && jsxRuntime.jsx(Toaster, {
       isOpen: !!fileError,
       variant: "info",
-      toastTitle: "Error",
+      toastTitle: "Information",
       toastMessage: fileError,
       zIndex: 10000000
     }), showSelectedFiles && selectedFiles.map((file, index) => jsxRuntime.jsxs("div", {
@@ -37892,12 +37947,24 @@ function reducer(state, action) {
         updatedData.splice(selectedRow, 1);
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         let newSelectedRow = selectedRow > 0 ? selectedRow - 1 : 0;
-        let newSelectedColumn = !checkEmpty(selectedColumn) ? selectedColumn : 0;
+        const newSelectedColumn = selectedColumn !== null ? selectedColumn : 0;
+        const newActive = updatedData.length > 0 ? {
+          row: newSelectedRow,
+          column: newSelectedColumn
+        } : null;
+        const newSelected = updatedData.length > 0 ? new EntireRowsSelection(newSelectedRow, newSelectedRow) : new EmptySelection();
+        const {
+          [selectedRow]: _,
+          ...cleanedRowDimensions
+        } = state.rowDimensions;
         return {
           ...state,
           model: updatedModel,
           selectedRow: newSelectedRow,
-          selectedColumn: newSelectedColumn
+          selectedColumn: newSelectedColumn,
+          selected: newSelected,
+          active: newActive,
+          rowDimensions: cleanedRowDimensions
         };
       }
     case DELETE_COLUMN:
@@ -40381,9 +40448,14 @@ const ActiveCell = props => {
         if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
           const parsedFiles = !checkEmpty(cell.value) ? JSON.parse(cell.value) : [];
           for (const file of selected) {
-            const response = await props.attachmentAction?.addAttachment(file);
-            if (!checkEmpty(response)) {
-              parsedFiles.push(JSON.parse(response));
+            const isDuplicate = parsedFiles.some(existing => existing?.name.split('*')[0] === file?.name);
+            if (isDuplicate) {
+              toast.warning(`Duplicate attachments not allowed within the same row`);
+            } else {
+              const response = await props.attachmentAction?.addAttachment(file);
+              if (!checkEmpty(response)) {
+                parsedFiles.push(JSON.parse(response));
+              }
             }
           }
           handleChange({
@@ -41384,7 +41456,7 @@ const Spreadsheet = props => {
     resizeObserver.observe(table);
   };
   const removeSelection = () => {
-    if (!(state.selectedColumn !== null || state.selectedRow !== null)) {
+    if ((state.selectedColumn === null || state.selectedRow === null) && !state.autoFill.open) {
       removeSelect();
     }
   };
@@ -41580,7 +41652,9 @@ const ExcelContextMenu = ({
     className: "ff-excel-menu",
     style: {
       left: position.x,
-      top: position.y
+      top: position.y,
+      position: 'absolute',
+      zIndex: 9999999999
     },
     children: contextMenu.options.map(option => {
       if (!option.disable && (!checkDelete(option.label) || !disableDeleteOption)) {
@@ -42013,10 +42087,28 @@ const ExcelFile = ({
     const rect = sheetRef.current?.parentElement?.getBoundingClientRect();
     const xOffset = window.scrollX;
     const yOffset = window.scrollY;
-    let sheetRefX = event.clientX - (rect?.left || 0) + xOffset + 10;
-    let sheetRefY = event.clientY - (rect?.top || 0) + yOffset - 5;
+    let sheetRefX = event.clientX - (rect?.left || 0) + xOffset;
+    let sheetRefY = event.clientY - (rect?.top || 0) + yOffset;
     const menuWidth = 300;
-    let menuHeight = 200;
+    const menuHeight = 200;
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    const spaceOnRight = windowWidth - event.clientX;
+    const spaceOnLeft = event.clientX;
+    const spaceBelow = windowHeight - event.clientY;
+    const spaceAbove = event.clientY;
+    // Horizontal positioning: left if no space on right
+    if (spaceOnRight < menuWidth && spaceOnLeft >= menuWidth) {
+      sheetRefX = event.clientX - (rect?.left || 0) + xOffset - 150;
+    } else {
+      sheetRefX += 2;
+    }
+    // Vertical positioning: above if no space below
+    if (spaceBelow < menuHeight && spaceAbove >= menuHeight) {
+      sheetRefY = event.clientY - (rect?.top || 0) + yOffset - 20;
+    } else {
+      sheetRefY += 2;
+    }
     if (event.target.classList.contains('ff-excel-tab-list')) {
       setPosition({
         x: sheetRefX,
@@ -42024,13 +42116,12 @@ const ExcelFile = ({
       });
       return;
     }
-    const windowWidth = window.innerWidth;
-    const windowHeight = window.innerHeight;
+    // Ensure menu stays within window bounds
     if (sheetRefX + menuWidth > windowWidth) {
-      sheetRefX = windowWidth - menuWidth - 100;
+      sheetRefX = windowWidth - menuWidth - 2;
     }
-    if (sheetRefY + menuHeight > windowHeight) {
-      sheetRefY = windowHeight - menuHeight - 100;
+    if (sheetRefX < 0) {
+      sheetRefX = 2; // Prevent clipping off left edge
     }
     setPosition({
       x: sheetRefX + contextWidthPositioning,
@@ -43853,15 +43944,15 @@ const ProgressBar = ({
           children: `${Math.round(validProgress)}%`
         })
       })
-    }), computedLabel && jsxRuntime.jsxs(Typography, {
+    }), computedLabel && jsxRuntime.jsx(Typography, {
       as: "div",
       className: "ff-progress-bar-label",
       fontSize: labelFontSize,
       color: labelTextColor,
-      children: [jsxRuntime.jsx(Tooltip, {
+      children: jsxRuntime.jsx(Tooltip, {
         title: isTextTruncated(computedLabel, 10, 'count') ? computedLabel : '',
         children: truncateText(computedLabel, 10, 'count')
-      }), computedLabel]
+      })
     })]
   });
 };
@@ -45243,7 +45334,13 @@ const MediaViewerModal = ({
   src,
   headerTitle,
   onDownload,
-  onExpand
+  onExpand,
+  showHeader = true,
+  showDownload = true,
+  showExpand = true,
+  width = '800px',
+  height = '432px',
+  showControls = true
 }) => {
   const videoRef = React.useRef(null);
   const [currentTime, setCurrentTime] = React.useState(0);
@@ -45291,7 +45388,7 @@ const MediaViewerModal = ({
     isOpen: isOpen,
     onClose: onClose,
     isMaximized: false,
-    showHeader: true,
+    showHeader: showHeader,
     downloadHandler: () => console.log('Download clicked'),
     header: jsxRuntime.jsxs("div", {
       className: "ff-header-content",
@@ -45312,8 +45409,8 @@ const MediaViewerModal = ({
       name: "close",
       onClick: onClose
     }),
-    width: "620px",
-    height: "336px",
+    width: width,
+    height: height,
     zIndex: 999,
     children: jsxRuntime.jsxs("div", {
       className: "ff-video-wrapper",
@@ -45330,20 +45427,20 @@ const MediaViewerModal = ({
         className: "ff-media-image"
       }), jsxRuntime.jsxs("div", {
         className: "ff-top-right-icons",
-        children: [jsxRuntime.jsx(Icon, {
+        children: [showDownload && jsxRuntime.jsx(Icon, {
           width: 20,
           height: 23,
           name: "download_file",
           color: "white",
           onClick: onDownload
-        }), jsxRuntime.jsx(Icon, {
+        }), showExpand && jsxRuntime.jsx(Icon, {
           width: 20,
           height: 23,
           name: "expand_icon",
           color: "white",
           onClick: onExpand
         })]
-      }), mediaType === 'video' && jsxRuntime.jsxs("div", {
+      }), mediaType === 'video' && showControls && jsxRuntime.jsxs("div", {
         className: "ff-media-controls",
         children: [jsxRuntime.jsx("button", {
           onClick: onTogglePlay,
@@ -59285,7 +59382,7 @@ const ChildComment = ({
     if (mentionNameMatch) {
       const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] || '');
       const remainder = input.slice(caretPosition);
-      const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+      const mentionedUserName = `@${name.replace(/\s+/g, '')} `;
       const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainder;
       setInput(newText);
       setHasAtSymbol(false);
@@ -59789,7 +59886,7 @@ const Comments = ({
     if (mentionNameMatch) {
       const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] ?? '');
       const remainingText = input.slice(caretPosition);
-      const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+      const mentionedUserName = `@${name.replace(/\s+/g, '')} `;
       const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainingText;
       setInput(newText);
       setHasAtSymbol(false);
@@ -108811,7 +108908,7 @@ const NoDataContent = ({
     }), jsxRuntime.jsx(Typography, {
       fontSize: textFontSize,
       lineHeight: "36px",
-      fontWeight: "bold",
+      fontWeight: "semi-bold",
       children: text
     })]
   });
@@ -108980,11 +109077,12 @@ const handleTreeExpandAllCollapseAll = (data, key, rootNode, isExpanded, treeAct
   };
 };
 
-function togglePrePostConditions(data, isHide) {
+function togglePrePostConditions(data, isHide, isScript) {
   if (!Array.isArray(data)) {
     throw new Error('Input data must be an array of TreeNode objects.');
   }
-  return data.map(node => ['PRE', 'POST'].includes(node.entityType ?? '') ? {
+  const hideTypeArray = isScript ? ['Script'] : ['PRE', 'POST'];
+  return data.map(node => hideTypeArray.includes(node.entityType ?? '') ? {
     ...node,
     hide: isHide
   } : node);