pixel-react-excel-sheet 1.1.22 → 1.1.24

package/lib/index.cjs

@@ -636,7 +636,7 @@ const SvgQuickRunSettingIcon = (props) => /* @__PURE__ */ React__namespace.creat
 
 const SvgRunManualTestcaseIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.10873 11.1962C6.14603 11.2244 6.19148 11.2396 6.23821 11.2396C6.27942 11.2395 6.31977 11.2278 6.3546 11.2057L11.1213 8.17235C11.1521 8.15278 11.1774 8.12577 11.195 8.09381C11.2125 8.06185 11.2217 8.02599 11.2217 7.98953C11.2217 7.95307 11.2125 7.9172 11.195 7.88524C11.1774 7.85328 11.1521 7.82627 11.1213 7.8067L6.3546 4.77334C6.31747 4.74972 6.27403 4.73795 6.23006 4.73959C6.18608 4.74124 6.14364 4.75622 6.10838 4.78255C6.07312 4.80888 6.0467 4.84531 6.03263 4.88701C6.01856 4.9287 6.0175 4.97369 6.0296 5.016L6.87955 7.98953L6.02977 10.9632C6.01775 11.0055 6.01887 11.0504 6.03297 11.092C6.04707 11.1336 6.07349 11.17 6.10873 11.1962Z", fill: "#10B660" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.8751 9.40825C15.7855 9.90928 15.2659 10.1853 14.7785 10.0387C14.2911 9.89211 14.0222 9.378 14.0945 8.87419C14.2422 7.84415 14.1271 6.7881 13.7528 5.80646C13.2685 4.53625 12.3774 3.46205 11.2185 2.7514C10.0596 2.04076 8.69815 1.73365 7.34641 1.87796C5.99468 2.02227 4.72871 2.60989 3.74598 3.54917C2.76324 4.48845 2.11901 5.72657 1.91375 7.0704C1.7085 8.41423 1.95377 9.78821 2.61131 10.978C3.26885 12.1678 4.30169 13.1066 5.54871 13.6478C6.51243 14.0661 7.5622 14.2288 8.59786 14.1277C9.10443 14.0783 9.60586 14.3701 9.73028 14.8637C9.85469 15.3572 9.55547 15.8638 9.05091 15.9307C7.61706 16.1207 6.15221 15.919 4.81487 15.3386C3.19453 14.6353 1.8525 13.4155 0.998111 11.8695C0.143724 10.3235 -0.174975 8.53824 0.091725 6.79211C0.358425 5.04598 1.19553 3.43721 2.47246 2.21674C3.74939 0.996269 5.39435 0.232729 7.15075 0.0452152C8.90715 -0.142298 10.6762 0.25676 12.182 1.18014C13.6878 2.10353 14.8457 3.49931 15.475 5.14979C15.9944 6.51198 16.1297 7.98445 15.8751 9.40825ZM14.3475 10.7439C14.3475 10.6747 14.3455 10.6238 14.3414 10.5912C13.926 10.583 13.6429 10.5729 13.4922 10.5606C13.3863 11.1064 13.0217 11.9882 12.3986 13.2061C11.645 11.8172 11.2337 10.9354 11.1644 10.5606C10.9934 10.5729 10.7408 10.583 10.4068 10.5912C10.4028 10.6238 10.4007 10.6747 10.4007 10.7439C10.4007 10.8132 10.4068 10.8763 10.4191 10.9333L10.6451 10.9516C10.6573 11.1227 10.6634 11.306 10.6634 11.5015C10.6634 12.5157 10.6207 13.3934 10.5351 14.1347L10.3213 14.1531C10.3132 14.2264 10.3091 14.2875 10.3091 14.3363C10.3091 14.3812 10.3152 14.4341 10.3274 14.4952C10.4537 14.4911 10.6023 14.4891 10.7734 14.4891C10.9445 14.4891 11.0952 14.4911 11.2255 14.4952C11.2377 14.426 11.2439 14.3689 11.2439 14.3241C11.2439 14.2753 11.2398 14.2182 11.2316 14.1531L11.0056 14.1347C10.9974 13.8985 10.9934 13.5808 10.9934 13.1816C10.9934 12.7784 11.0097 12.2876 11.0422 11.7092C11.0911 11.7988 11.2459 12.088 11.5066 12.5768C11.7713 13.0615 11.975 13.4749 12.1175 13.817C12.1501 13.8211 12.2112 13.8231 12.3008 13.8231C12.3945 13.8231 12.4821 13.8069 12.5635 13.7743C12.6979 13.4321 12.9464 12.9006 13.3089 12.1797C13.4718 11.8498 13.5736 11.642 13.6144 11.5565C13.651 12.2285 13.6694 12.754 13.6694 13.1328C13.6694 13.5075 13.6653 13.8415 13.6571 14.1347L13.4555 14.1531C13.4474 14.2264 13.4433 14.2875 13.4433 14.3363C13.4433 14.3812 13.4494 14.4341 13.4616 14.4952C13.6001 14.4911 13.763 14.4891 13.9504 14.4891C14.1378 14.4891 14.3027 14.4911 14.4453 14.4952C14.4575 14.426 14.4636 14.3689 14.4636 14.3241C14.4636 14.2753 14.4595 14.2182 14.4514 14.1531L14.2253 14.1347C14.1357 13.3486 14.0909 12.4566 14.0909 11.4587C14.0909 11.2347 14.0929 11.0657 14.097 10.9516L14.3292 10.9333C14.3414 10.8763 14.3475 10.8132 14.3475 10.7439Z", fill: "currentColor" }));
 
-const SvgRunAutomationScriptsIcon = (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: "M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z", fill: "url(#paint0_linear_13239_24129)" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.9993 12.106C19.9926 12.6149 19.5249 12.9719 19.0201 12.9067C18.5153 12.8415 18.1663 12.3781 18.1555 11.8693C18.134 10.8599 17.8645 9.86627 17.3644 8.97844C16.7128 7.82156 15.7046 6.90633 14.4903 6.36928C13.276 5.83222 11.9206 5.70212 10.6263 5.99837C9.33198 6.29462 8.16813 7.00136 7.30833 8.01316C6.44854 9.02496 5.93887 10.2876 5.85535 11.6127C5.77184 12.9379 6.11895 14.2545 6.84492 15.3663C7.57089 16.478 8.6368 17.3253 9.88367 17.7817C10.8406 18.1319 11.8647 18.2376 12.8643 18.0959C13.3682 18.0244 13.8819 18.2941 14.0277 18.7818C14.1735 19.2694 13.8966 19.7886 13.3954 19.8774C12.011 20.1226 10.5806 19.9995 9.25011 19.5125C7.62997 18.9195 6.24495 17.8186 5.30166 16.374C4.35836 14.9295 3.90733 13.2187 4.01585 11.4968C4.12436 9.77496 4.78661 8.13433 5.9038 6.81963C7.02099 5.50493 8.53326 4.58662 10.215 4.20168C11.8968 3.81674 13.658 3.98579 15.2358 4.68362C16.8137 5.38145 18.1236 6.57067 18.9703 8.07388C19.6656 9.30832 20.0179 10.7002 19.9993 12.106ZM16.2062 14.3323C16.2062 14.4492 16.2154 14.5446 16.2339 14.6184L16.6031 14.6461C16.3692 15.8277 15.8831 17.4308 15.1446 19.4554L14.8215 19.4831C14.8092 19.5692 14.8031 19.6554 14.8031 19.7415C14.8031 19.8215 14.8123 19.9077 14.8308 20C14.9662 19.9938 15.2 19.9908 15.5323 19.9908C15.8708 19.9908 16.1139 19.9938 16.2615 20C16.28 19.8954 16.2892 19.8184 16.2892 19.7692C16.2892 19.7138 16.2831 19.6184 16.2708 19.4831L15.92 19.4554L16.1785 18.3569C16.5354 18.3323 16.9169 18.32 17.3231 18.32C17.7354 18.32 18.1169 18.3292 18.4677 18.3477C18.4739 18.3784 18.5108 18.5354 18.5785 18.8184C18.6462 19.0954 18.6954 19.3077 18.7262 19.4554L18.4031 19.4831C18.3908 19.5692 18.3846 19.6554 18.3846 19.7415C18.3846 19.8215 18.3939 19.9077 18.4123 20C18.5539 19.9938 18.8062 19.9908 19.1692 19.9908C19.5323 19.9908 19.8 19.9938 19.9723 20C19.9908 19.8954 20 19.8184 20 19.7692C20 19.7138 19.9939 19.6184 19.9815 19.4831L19.64 19.4554C18.76 17.0369 18.2462 15.2492 18.0985 14.0923C17.9139 14.0308 17.6892 14 17.4246 14C17.16 14 16.7569 14.0338 16.2154 14.1015C16.2092 14.1384 16.2062 14.2154 16.2062 14.3323ZM17.2862 17.72C16.8677 17.72 16.5539 17.7169 16.3446 17.7108C16.64 16.5538 16.9692 15.5354 17.3323 14.6554H17.3877C17.7077 15.5846 18.0123 16.5969 18.3015 17.6923C18.0431 17.7108 17.7046 17.72 17.2862 17.72Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.0875 15.2067C10.1248 15.2349 10.1702 15.2501 10.217 15.2501C10.2582 15.25 10.2985 15.2382 10.3334 15.2162L15.1001 12.1828C15.1308 12.1633 15.1562 12.1363 15.1737 12.1043C15.1913 12.0724 15.2005 12.0365 15.2005 12C15.2005 11.9636 15.1913 11.9277 15.1737 11.8957C15.1562 11.8638 15.1308 11.8368 15.1001 11.8172L10.3334 8.78383C10.2962 8.76021 10.2528 8.74845 10.2088 8.75009C10.1648 8.75174 10.1224 8.76672 10.0871 8.79305C10.0519 8.81938 10.0255 8.85581 10.0114 8.8975C9.99732 8.9392 9.99626 8.98419 10.0084 9.0265L10.8583 12L10.0085 14.9737C9.99651 15.016 9.99763 15.0609 10.0117 15.1025C10.0258 15.1441 10.0523 15.1805 10.0875 15.2067Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_13239_24129", x1: 1.72771, y1: 2.34599, x2: 24, y2: 24, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#2A6F09" }), /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#44B002" }))));
+const SvgRunAutomationScriptsIcon = (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: "M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z", fill: "#2A6F09" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.9993 12.106C19.9926 12.6149 19.5249 12.9719 19.0201 12.9067C18.5153 12.8415 18.1663 12.3781 18.1555 11.8693C18.134 10.8599 17.8645 9.86627 17.3644 8.97844C16.7128 7.82156 15.7046 6.90633 14.4903 6.36928C13.276 5.83222 11.9206 5.70212 10.6263 5.99837C9.33198 6.29462 8.16813 7.00136 7.30833 8.01316C6.44854 9.02496 5.93887 10.2876 5.85535 11.6127C5.77184 12.9379 6.11895 14.2545 6.84492 15.3663C7.57089 16.478 8.6368 17.3253 9.88367 17.7817C10.8406 18.1319 11.8647 18.2376 12.8643 18.0959C13.3682 18.0244 13.8819 18.2941 14.0277 18.7818C14.1735 19.2694 13.8966 19.7886 13.3954 19.8774C12.011 20.1226 10.5806 19.9995 9.25011 19.5125C7.62997 18.9195 6.24495 17.8186 5.30166 16.374C4.35836 14.9295 3.90733 13.2187 4.01585 11.4968C4.12436 9.77496 4.78661 8.13433 5.9038 6.81963C7.02099 5.50493 8.53326 4.58662 10.215 4.20168C11.8968 3.81674 13.658 3.98579 15.2358 4.68362C16.8137 5.38145 18.1236 6.57067 18.9703 8.07388C19.6656 9.30832 20.0179 10.7002 19.9993 12.106ZM16.2062 14.3323C16.2062 14.4492 16.2154 14.5446 16.2339 14.6184L16.6031 14.6461C16.3692 15.8277 15.8831 17.4308 15.1446 19.4554L14.8215 19.4831C14.8092 19.5692 14.8031 19.6554 14.8031 19.7415C14.8031 19.8215 14.8123 19.9077 14.8308 20C14.9662 19.9938 15.2 19.9908 15.5323 19.9908C15.8708 19.9908 16.1139 19.9938 16.2615 20C16.28 19.8954 16.2892 19.8184 16.2892 19.7692C16.2892 19.7138 16.2831 19.6184 16.2708 19.4831L15.92 19.4554L16.1785 18.3569C16.5354 18.3323 16.9169 18.32 17.3231 18.32C17.7354 18.32 18.1169 18.3292 18.4677 18.3477C18.4739 18.3784 18.5108 18.5354 18.5785 18.8184C18.6462 19.0954 18.6954 19.3077 18.7262 19.4554L18.4031 19.4831C18.3908 19.5692 18.3846 19.6554 18.3846 19.7415C18.3846 19.8215 18.3939 19.9077 18.4123 20C18.5539 19.9938 18.8062 19.9908 19.1692 19.9908C19.5323 19.9908 19.8 19.9938 19.9723 20C19.9908 19.8954 20 19.8184 20 19.7692C20 19.7138 19.9939 19.6184 19.9815 19.4831L19.64 19.4554C18.76 17.0369 18.2462 15.2492 18.0985 14.0923C17.9139 14.0308 17.6892 14 17.4246 14C17.16 14 16.7569 14.0338 16.2154 14.1015C16.2092 14.1384 16.2062 14.2154 16.2062 14.3323ZM17.2862 17.72C16.8677 17.72 16.5539 17.7169 16.3446 17.7108C16.64 16.5538 16.9692 15.5354 17.3323 14.6554H17.3877C17.7077 15.5846 18.0123 16.5969 18.3015 17.6923C18.0431 17.7108 17.7046 17.72 17.2862 17.72Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.0875 15.2067C10.1248 15.2349 10.1702 15.2501 10.217 15.2501C10.2582 15.25 10.2985 15.2382 10.3334 15.2162L15.1001 12.1828C15.1308 12.1633 15.1562 12.1363 15.1737 12.1043C15.1913 12.0724 15.2005 12.0365 15.2005 12C15.2005 11.9636 15.1913 11.9277 15.1737 11.8957C15.1562 11.8638 15.1308 11.8368 15.1001 11.8172L10.3334 8.78383C10.2962 8.76021 10.2528 8.74845 10.2088 8.75009C10.1648 8.75174 10.1224 8.76672 10.0871 8.79305C10.0519 8.81938 10.0255 8.85581 10.0114 8.8975C9.99732 8.9392 9.99626 8.98419 10.0084 9.0265L10.8583 12L10.0085 14.9737C9.99651 15.016 9.99763 15.0609 10.0117 15.1025C10.0258 15.1441 10.0523 15.1805 10.0875 15.2067Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("defs", null));
 
 const SvgEyeOpenIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8985 6.29701C13.5046 8.80023 10.861 10.3552 8.00093 10.3552C5.13896 10.3552 2.49546 8.80023 1.10149 6.29701C0.994127 6.10264 0.994127 5.89717 1.10149 5.70297C2.49546 3.19978 5.13896 1.64494 8.00093 1.64494C10.861 1.64494 13.5045 3.19978 14.8985 5.70297C15.0078 5.89717 15.0078 6.10264 14.8985 6.29701ZM15.789 5.20666C14.2154 2.38043 11.2313 0.624939 8.00093 0.624939C4.76871 0.624939 1.78457 2.38043 0.211039 5.20666C-0.0703464 5.71093 -0.0703464 6.28905 0.211039 6.79295C1.78457 9.61918 4.76871 11.375 8.00093 11.375C11.2313 11.375 14.2154 9.61918 15.789 6.79295C16.0703 6.28909 16.0703 5.71093 15.789 5.20666ZM8.00093 8.09231C9.15424 8.09231 10.0928 7.15375 10.0928 5.99991C10.0928 4.84606 9.15424 3.9075 8.00093 3.9075C6.84576 3.9075 5.9072 4.84606 5.9072 5.99991C5.9072 7.15375 6.8458 8.09231 8.00093 8.09231ZM8.00093 2.88749C6.28299 2.88749 4.8872 4.28386 4.8872 5.99994C4.8872 7.71639 6.28303 9.11218 8.00093 9.11218C9.71701 9.11218 11.1128 7.71636 11.1128 5.99994C11.1128 4.28386 9.71701 2.88749 8.00093 2.88749Z", fill: "currentColor" }));
 
@@ -1030,6 +1030,8 @@ const SvgVideoRecordIcon = (props) => /* @__PURE__ */ React__namespace.createEle
 
 const SvgDeleteIcon = (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("g", { clipPath: "url(#clip0_264_41275)" }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.4889 5.70971C10.461 5.80125 10.4406 5.91361 10.4093 6.09629L10.3364 6.52397C10.6418 6.51771 10.9471 6.51458 11.2525 6.51458C12.0578 6.51458 12.8638 6.52769 13.6697 6.55365L13.5917 6.0997C13.5626 5.92423 13.5429 5.81412 13.5156 5.72387C13.5032 5.68311 13.4922 5.65716 13.484 5.64112C13.4801 5.63336 13.477 5.62836 13.475 5.62546C13.4738 5.6236 13.4725 5.6219 13.4725 5.6219L13.4708 5.6208C13.4673 5.61857 13.4531 5.61003 13.4209 5.59939C13.352 5.5766 13.2136 5.54839 12.962 5.54839H11.0397C10.6886 5.54839 10.5604 5.59822 10.5262 5.61748C10.5205 5.62644 10.5064 5.65232 10.4889 5.70971ZM10.5158 5.62494C10.5158 5.62494 10.5178 5.62238 10.5241 5.61867C10.5193 5.62332 10.5158 5.62494 10.5158 5.62494ZM15.3543 6.62657C16.4678 6.68706 17.5802 6.77177 18.6894 6.88003C19.1428 6.92428 19.4721 7.30491 19.4249 7.73019C19.3777 8.15547 18.9719 8.46435 18.5185 8.4201C16.103 8.18434 13.6736 8.06296 11.2525 8.06296C9.82904 8.06296 8.40541 8.13377 6.98148 8.27542L6.97895 8.27567L5.48224 8.42019C5.02879 8.46397 4.62335 8.15467 4.57667 7.72934C4.52999 7.30401 4.85975 6.92372 5.3132 6.87994L6.80737 6.73567L6.80861 6.73555C7.42348 6.6744 8.0384 6.62593 8.65336 6.59016L8.77934 5.85141C8.78245 5.83322 8.7857 5.81359 8.78907 5.79332C8.83757 5.5009 8.92023 5.00259 9.26405 4.61861C9.68718 4.14605 10.3225 4 11.0397 4H12.962C13.6921 4 14.3254 4.15931 14.7446 4.63506C15.0877 5.02449 15.1681 5.52276 15.2146 5.81076C15.2173 5.8279 15.22 5.8443 15.2226 5.85988L15.2229 5.86211L15.3543 6.62657ZM6.92449 9.16068C7.37948 9.13445 7.77099 9.45915 7.79897 9.88592L8.27558 17.1583L8.27572 17.1603C8.29662 17.454 8.31352 17.6714 8.35159 17.8576C8.38841 18.0376 8.43507 18.1315 8.4777 18.1861C8.52675 18.249 8.71729 18.4516 9.64572 18.4516H14.3559C15.2844 18.4516 15.4749 18.249 15.524 18.1861C15.5666 18.1315 15.6133 18.0376 15.6501 17.8576C15.6882 17.6713 15.7051 17.4539 15.726 17.1602L15.7261 17.1583L16.2027 9.88592C16.2307 9.45915 16.6222 9.13445 17.0772 9.16068C17.5322 9.18692 17.8783 9.55415 17.8504 9.98092L17.3732 17.2614L17.3719 17.2803C17.3528 17.5485 17.3308 17.8584 17.2713 18.1492C17.2091 18.4536 17.0962 18.7928 16.8563 19.1003C16.3404 19.7618 15.4745 20 14.3559 20H9.64572C8.5272 20 7.66123 19.7618 7.14535 19.1003C6.90551 18.7928 6.7926 18.4536 6.73037 18.1492C6.67089 17.8584 6.64887 17.5485 6.62981 17.2803L6.62846 17.2614L6.62819 17.2573L6.1513 9.98092C6.12333 9.55415 6.46949 9.18692 6.92449 9.16068ZM9.34125 12.3613C9.34125 11.9337 9.71079 11.5871 10.1666 11.5871H13.835C14.2909 11.5871 14.6604 11.9337 14.6604 12.3613C14.6604 12.7889 14.2909 13.1355 13.835 13.1355H10.1666C9.71079 13.1355 9.34125 12.7889 9.34125 12.3613ZM9.9502 15.2516C9.9502 14.824 10.3197 14.4774 10.7756 14.4774H13.2187C13.6746 14.4774 14.0441 14.824 14.0441 15.2516C14.0441 15.6792 13.6746 16.0258 13.2187 16.0258H10.7756C10.3197 16.0258 9.9502 15.6792 9.9502 15.2516Z", fill: "#A91224" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_264_41275" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z", fill: "white" }))));
 
+const SvgAiApproved = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.91407 0.00195312C7.44004 0.0019749 7.95329 0.216769 8.32227 0.59375L15.4395 7.86133C16.191 8.62936 16.1847 9.87295 15.4248 10.6328L10.6328 15.4248C9.87181 16.1838 8.62835 16.1895 7.86035 15.4375L0.592776 8.32129C0.215831 7.95234 4.19307e-05 7.4371 0.000979606 6.90918L0.0146515 1.33105C0.0176515 0.607055 0.607081 0.017625 1.33008 0.015625L6.90821 0.00195312H6.91407ZM10.6631 7.82812C10.4682 7.63321 10.1511 7.63337 9.95606 7.82812L7.83496 9.94922C7.6402 10.1442 7.64005 10.4613 7.83496 10.6562C8.02991 10.8519 8.34606 10.8519 8.542 10.6562L10.6631 8.53516C10.8578 8.34022 10.8578 8.02306 10.6631 7.82812ZM8.42481 5.58789C7.90589 5.06797 7.05909 5.06813 6.53907 5.58789L5.00782 7.12012C4.81282 7.31512 4.81282 7.63215 5.00782 7.82715C5.20276 8.02149 5.51903 8.02165 5.71387 7.82715L6.06641 7.47363L6.53809 7.94531L6.18555 8.29883C5.99055 8.49383 5.99055 8.81086 6.18555 9.00586C6.38057 9.20158 6.69767 9.20177 6.89258 9.00586L7.59375 8.30371C7.59537 8.30233 7.59812 8.30128 7.59961 8.2998C7.60109 8.29817 7.60199 8.29552 7.60352 8.29395L8.42481 7.47363C8.94401 6.95372 8.94416 6.10771 8.42481 5.58789ZM7.2461 6.29492C7.37612 6.16516 7.58786 6.165 7.71778 6.29492C7.84714 6.42573 7.84698 6.63669 7.71778 6.7666L7.24512 7.23828L6.77344 6.7666L7.2461 6.29492ZM3.35254 2.00098C2.61754 2.00098 2.01953 2.59898 2.01953 3.33398C2.01954 4.06898 2.61754 4.66699 3.35254 4.66699C4.08731 4.66673 4.68555 4.06882 4.68555 3.33398C4.68555 2.59915 4.08732 2.00124 3.35254 2.00098Z", fill: "#71347B" }));
+
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['setting_icon'] = SvgSettingIcon;
@@ -1466,6 +1468,7 @@ Components['video_record_icon'] = SvgVideoRecordIcon;
 Components['delete_icon'] = SvgDeleteIcon;
 Components['enable_filled'] = SvgEnableIconFilled;
 Components['disable_filled'] = SvgDisableIconFilled;
+Components['ai_approved'] = SvgAiApproved;
 
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -2441,9 +2444,11 @@ const UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-
 // HTML Tags Validation
 const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
 // Whitespace Validation (Leading or Trailing)
-const WHITESPACE_REGEX = /^\s+|\s+$/g;
+const WHITESPACE_REGEX = /^\s|\s$/;
 // US ZIP Code Validation (5 or 9 digits)
 const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
+// start and end whitespace is valid one.
+const BIG_END_WHITESPACE = /^\s|\s$/;
 // Username Validation (Alphanumeric, underscores, 3-16 characters)
 const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
 // Indian Specific Validations
@@ -2506,6 +2511,7 @@ const FILE_NAME_REGEX = /\.([^.@]+)$/;
 const ELEMENTS_TRAILING_SPACE_REGEX = /^\S.*\S$/;
 const ELEMENTS_WHITE_SPACE_REGEX = /.*\S.*/;
 const PARAMETER_ALPHANUMERIC_REGEX = /^[-_A-Za-z0-9 ]*$|^[-_A-Za-z0-9 ][A-Za-z0-9 ]*[-_A-Za-z-_]$/;
+const ALPHANUMERIC_PARENTHESIS_REGEX = /^[-_A-Za-z0-9 ()]*$|^[-_A-Za-z0-9 ()][A-Za-z0-9 ()]*[-_A-Za-z-()]$/;
 const STRIP_NEW_LINES_REGEX = /\n/g;
 //Regular expression to convert lower camel case by excluding spaces
 const CAMEL_CASE_REGEX = /(?:^\w|[A-Z]|\b\w|\s+)/g;
@@ -2552,7 +2558,11 @@ const LINK_VALIDATION_REGEX = /^(https?:\/\/)?((?!.*\.\.)[\da-z.-]+)\.([\da-z.-]
 // Alphanumeric Validation with specific Order including special characters (- , _ , ( , ) )
 const ALPHA_NUM_EXTENDED_REGEX = /^[a-zA-Z0-9 _\-()]+$/;
 // Alphanumeric string allowing only dot(.) as special character
+const ALPHANUMERIC_WITH_DOT_REGEX = /^[A-Za-z0-9.]+$/;
+// Alphanumeric string allowing only dot(.) as special character
 const EXCEL_SPACING_REGEX = /[\n\t"]/;
+//Alphabet validation along with spaces
+const ALPHABET_WITH_SPACES_ONLY_REGEX = /^[a-zA-Z ]*$/;
 
 const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
   options,
@@ -2989,6 +2999,9 @@ const MultiSelect = ({
     }
     return document.documentElement;
   };
+  React.useEffect(() => {
+    calculatePosition();
+  }, [searchedKeyword]);
   React.useEffect(() => {
     if (!selectWrapper.current) return;
     const scrollableParent = getScrollableParent(selectWrapper.current);
@@ -3473,7 +3486,7 @@ const Chip = ({
   fullText = '',
   variant = 'primary',
   labelWidth = 36,
-  fullTextWidth = 86,
+  fullTextWidth = 800,
   onClick = () => {}
 }) => {
   const [isHovered, setIsHovered] = React.useState(false);
@@ -3482,7 +3495,7 @@ const Chip = ({
   const handleOnMouseLeave = () => setIsHovered(false);
   const dynamicStyle = isHovered ? {
     maxWidth: `${fullTextWidth}px`,
-    transition: 'transform 0.3s ease-in-out,max-width 0.5s ease-in-out',
+    transition: 'transform 0.3s ease-in-out,max-width 1.5s ease-in-out',
     overflow: 'hidden'
   } : {
     maxWidth: `${labelWidth}px`,
@@ -3586,7 +3599,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
   };
   const handleKeyDown = e => {
     if (type === 'number') {
-      const invalidKeys = ['e', 'E', '+'];
+      const invalidKeys = ['e', 'E', '+', '-'];
       if (invalidKeys.includes(e.key)) {
         e.preventDefault();
       }
@@ -4314,13 +4327,13 @@ const Select$1 = ({
       fromBottom: 0,
       width: 0
     });
-    setSearchedOption({
-      searchedText: getValue$1(selectedOption, valueAccessor) || '',
-      searchedIcon: selectedOption.iconName || ''
-    });
+    setSelectOptionList(optionsList);
     if (inputRef?.current === document.activeElement) {
       inputRef?.current?.blur();
-      setSelectOptionList(optionsList);
+      setSearchedOption({
+        searchedText: getValue$1(selectedOption, valueAccessor) || '',
+        searchedIcon: selectedOption.iconName || ''
+      });
       setCustomRecurrence(false);
       onBlur();
     }
@@ -4345,27 +4358,31 @@ const Select$1 = ({
     if (!element) return null;
     let parent = element.parentElement;
     while (parent) {
-      const overflowY = window.getComputedStyle(parent).overflowY;
-      if (overflowY === 'auto' || overflowY === 'scroll') {
+      const tagName = parent.tagName.toLowerCase();
+      // Skip tbody and similar non-scrollable semantic containers
+      if (tagName === 'tbody') {
+        parent = parent.parentElement;
+        continue;
+      }
+      const style = window.getComputedStyle(parent);
+      const overflowY = style.overflowY;
+      const isScrollable = (overflowY === 'auto' || overflowY === 'scroll') && parent.scrollHeight > parent.clientHeight;
+      if (isScrollable) {
         return parent;
       }
       parent = parent.parentElement;
     }
     return document.body;
   };
-  const hideShowScrollbar = () => {
-    if (disabled) return;
-    if (showDropdownOptions && optionsRequired) {
-      onSelectToggleScroll(!showDropdownOptions);
+  React.useEffect(() => {
+    if (!showDropdownOptions || disabled) return;
+    if (optionsRequired) {
+      onSelectToggleScroll(false);
     }
     onSelectUpdatePosition();
     const scrollableParent = getScrollParent(inputRef.current);
     window.addEventListener('resize', handleResizeOrScroll);
     scrollableParent?.addEventListener('scroll', onSelectBlur);
-  };
-  React.useEffect(() => {
-    hideShowScrollbar();
-    const scrollableParent = getScrollParent(inputRef.current);
     return () => {
       onSelectToggleScroll(true);
       window.removeEventListener('resize', handleResizeOrScroll);
@@ -4949,7 +4966,7 @@ const MenuOption = ({
           children: labelName
         })]
       })
-    }), isClicked && displayCard && jsxRuntime.jsx(OptionCard, {
+    }), isClicked && displayCard && !checkEmpty(options) && jsxRuntime.jsx(OptionCard, {
       options: options,
       onClick: handleOptionClick,
       menuPosition: menuPosition,
@@ -9858,7 +9875,8 @@ const Table$1 = ({
   columnSticky = false,
   tableRef = null,
   isRowCheckBoxDisable,
-  isRowDisabled = true
+  isRowDisabled = true,
+  tableHeaderZindex = 99
 }) => {
   const observerRef = React.useRef(null);
   React.useEffect(() => {
@@ -9941,6 +9959,9 @@ const Table$1 = ({
             className: classNames({
               'ff-fixed-header': withFixedHeader
             }, tableHeadClass),
+            style: {
+              zIndex: tableHeaderZindex
+            },
             children: jsxRuntime.jsx("tr", {
               children: columns.map((column, index) => jsxRuntime.jsxs("th", {
                 className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`, {
@@ -10345,7 +10366,7 @@ const DonutChart = ({
             y: "5",
             textAnchor: "middle",
             fill: colorMapping.skipped,
-            children: hoveredStatus ? `${resultStats?.find(statusValue => statusValue?.status?.toLowerCase() === hoveredStatus)?.count} ${legendDetailsType}` : `${totalCount} ${legendDetailsType}`
+            children: hoveredStatus ? `${resultStats?.find(statusValue => statusValue?.status?.toLowerCase() === hoveredStatus)?.count ?? 0} ${legendDetailsType}` : `${totalCount} ${legendDetailsType}`
           }), jsxRuntime.jsx("rect", {
             x: -17,
             y: 14,
@@ -10833,8 +10854,22 @@ const FilePreview = ({
   onUploadFile,
   isUploadIcon,
   isRemoveDisabled = false,
-  isError = false
+  isError = false,
+  isIndependentPreview = false
 }) => {
+  const fileInputRef = React.useRef(null);
+  const handleReplaceClick = () => {
+    if (fileInputRef.current) {
+      fileInputRef.current.click();
+    }
+  };
+  const handleFileChange = event => {
+    const selectedFile = event.target.files?.[0];
+    if (selectedFile) {
+      onReplaceClick(selectedFile);
+    }
+    event.target.value = '';
+  };
   return jsxRuntime.jsxs("div", {
     className: "ff-file-details__item",
     children: [jsxRuntime.jsxs("div", {
@@ -10878,7 +10913,13 @@ const FilePreview = ({
             height: 16,
             width: 16,
             hoverEffect: true,
-            onClick: () => onReplaceClick(file)
+            onClick: () => {
+              if (isIndependentPreview) {
+                handleReplaceClick();
+              } else {
+                onReplaceClick(file);
+              }
+            }
           })
         })
       }), jsxRuntime.jsx("div", {
@@ -10911,6 +10952,15 @@ const FilePreview = ({
           })
         })
       })]
+    }), isIndependentPreview && jsxRuntime.jsx("input", {
+      type: "file",
+      ref: fileInputRef,
+      className: "ff-input-ref",
+      onChange: handleFileChange,
+      accept: file.type,
+      style: {
+        display: 'none'
+      }
     })]
   }, file.name);
 };
@@ -16325,7 +16375,7 @@ const TableHead = /*#__PURE__*/React.memo(({
   return jsxRuntime.jsxs("thead", {
     className: "ff-table-tree-head",
     children: [jsxRuntime.jsx("tr", {
-      className: "ff-table-tree-row",
+      className: "ff-table-tree-row no-hover",
       children: columnsData.map(({
         name,
         width
@@ -16522,6 +16572,7 @@ const EditLabel = ({
     error: false
   });
   const [currentSelectedOption, setCurrentSelectedOption] = React.useState(selectedOption);
+  const [shouldShowToast, setShouldShowToast] = React.useState(false);
   const containerRef = React.useRef(null);
   const cancelRef = React.useRef(null);
   const confirmRef = React.useRef(null);
@@ -16578,6 +16629,7 @@ const EditLabel = ({
     if (isDisable.confirm) return;
     const errorMessage = handleCustomError ? handleCustomError(text) : '';
     if (errorMessage) {
+      setShouldShowToast(true);
       handleToastToggle('error');
       setShowError(errorMessage);
     } else {
@@ -16604,6 +16656,7 @@ const EditLabel = ({
   useClickOutside(containerRef, handleOutsideClick, [confirmRef, cancelRef, dropdownRef]);
   const handleCancel = () => {
     if (isDisable.cancel) return;
+    setShouldShowToast(false);
     if (required && !value) {
       handleToastToggle('error');
       setShowError('Text is required.');
@@ -16640,6 +16693,31 @@ const EditLabel = ({
       return '';
     }
   };
+  const getScrollableParent = element => {
+    if (!element) return window;
+    let parent = element.parentElement;
+    while (parent) {
+      const overflowY = window.getComputedStyle(parent).overflowY;
+      if (overflowY === 'auto' || overflowY === 'scroll') {
+        return parent;
+      }
+      parent = parent.parentElement;
+    }
+    return window;
+  };
+  React.useEffect(() => {
+    if (!containerRef.current) return;
+    const scrollableParent = getScrollableParent(containerRef.current);
+    const handleScroll = () => {
+      handleCancel();
+    };
+    scrollableParent.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return () => {
+      scrollableParent.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
   React.useEffect(() => {
     if (value) {
       setText(value);
@@ -16772,7 +16850,7 @@ const EditLabel = ({
       fontSize: 8,
       className: "error-text",
       children: showError
-    }), !inlineValidationError && jsxRuntime.jsx(Toaster, {
+    }), !inlineValidationError && shouldShowToast && jsxRuntime.jsx(Toaster, {
       isOpen: toasts.error,
       variant: "info",
       toastTitle: "Info!",
@@ -17090,9 +17168,14 @@ const TreeTable = /*#__PURE__*/React.forwardRef(({
   const containerRef = React.useRef(null); // Reference for scroll container
   const [prevScrollTop, setPrevScrollTop] = React.useState(null);
   const previousTreeDataRef = React.useRef([]);
+  const loadMoreAboveRef = React.useRef(false);
   // Handle load more data for pagination
   const loadMoreAbove = () => {
     if (loading || isLoading === 'above') return;
+    if (!loadMoreAboveRef.current) {
+      loadMoreAboveRef.current = true;
+      return;
+    }
     setIsLoading('above');
     setPrevScrollTop(containerRef.current?.scrollTop ?? null);
     // Trigger the loadMore callback for data loading from above
@@ -17121,7 +17204,7 @@ const TreeTable = /*#__PURE__*/React.forwardRef(({
           }
         }
         // Calculate the total height of the newly added rows
-        const totalAddedHeight = treeData.slice(0, addedRowsCount - (currentScrollTop > 5 ? 0 : 2)).reduce((heightSum, _, index) => {
+        const totalAddedHeight = treeData.slice(0, addedRowsCount - (currentScrollTop > 5 ? 2 : 0)).reduce((heightSum, _, index) => {
           const rowHeight = allRows[index]?.getBoundingClientRect().height || 0;
           return heightSum + rowHeight;
         }, 0);
@@ -17484,7 +17567,6 @@ const Toastify = () => {
       title = formatMessage(arg1);
       message = '';
     }
-    const formattedTitle = title.charAt(0).toUpperCase() + title.slice(1);
     // Close the existing toast if open, and then immediately show the new one
     setToastProps(prev => ({
       ...prev,
@@ -17497,7 +17579,7 @@ const Toastify = () => {
       setToastProps({
         isOpen: true,
         variant,
-        toastTitle: formattedTitle,
+        toastTitle: title,
         toastMessage: message
       });
       timeoutRef.current = setTimeout(() => {
@@ -17553,7 +17635,7 @@ const Search = ({
   onClose,
   onExpand,
   showClose = true,
-  helperText = 'Minimum 3 characters are required',
+  helperText = 'Minimum 3 characters required',
   showToaster = true,
   minLength = 3,
   isAISearch = false,
@@ -17676,7 +17758,7 @@ const Search = ({
           }),
           name: "input",
           style: {
-            width: isExpand ? `${width}px` : '0px'
+            width: isExpand ? width <= 135 ? `${width - 8}px` : `${width}px` : '0px'
           },
           placeholder: placeholder,
           type: "text",
@@ -30880,9 +30962,7 @@ const AppHeader = ({
     }
   };
   return jsxRuntime.jsx("div", {
-    className: classNames('ff-app-header-main', {
-      'ff-app-header-disabled': disabled
-    }),
+    className: classNames('ff-app-header-main'),
     children: jsxRuntime.jsxs("div", {
       className: "ff-app-header",
       style: {
@@ -30929,7 +31009,7 @@ const AppHeader = ({
               ref: element => menuItemsRef.current[index] = element,
               className: classNames('ff-app-header-nav-bar-item', {
                 ['ff-app-header-nav-bar-item--selected']: menuItem.label === selectedMenuItem,
-                'ff-app-header-nav-bar-item--disabled': disabled
+                'ff-app-header-nav-bar-item--disabled': disabled && menuItem.label !== selectedMenuItem
               }),
               children: [jsxRuntime.jsx(Typography, {
                 as: "div",
@@ -34049,6 +34129,12 @@ const NlpDropdown = ({
           height: 10,
           width: 10
         });
+      } else if (platform === 'Webservice') {
+        return jsxRuntime.jsx(Icon, {
+          name: "web_service_icon",
+          height: 10,
+          width: 10
+        });
       } else {
         return jsxRuntime.jsx(Icon, {
           name: "common_nlp",
@@ -34619,7 +34705,7 @@ const NlpInput = ({
           },
           onFocus: () => handleSelectAction('FOCUS_INPUT'),
           onChange: onSelectInputChange,
-          value: truncateText(value, 70),
+          value: value,
           disabled: disabled,
           autoComplete: "off",
           spellCheck: "false",
@@ -34787,8 +34873,8 @@ const MachineInputField = ({
   const getIcon = {
     local: 'local',
     browserstack: 'browserstack_icon',
-    sauceLabs: 'sause_lab',
-    lambdaTest: 'lambda_icon',
+    saucelabs: 'sause_lab',
+    lambdatest: 'lambda_icon',
     mac: 'mac_icon',
     mac_icon: 'mac_icon',
     android: 'android_icon',
@@ -34943,7 +35029,9 @@ const Branches = ({
       browserVersion,
       machineInfo: {
         osVersion,
-        iconName
+        iconName,
+        osName,
+        hostName
       },
       deviceInfo
     } = machineInstance;
@@ -34958,10 +35046,16 @@ const Branches = ({
       label: executionEnv,
       type: getEnvironment(executionEnv)
     }];
+    if (scriptType.toLowerCase() === 'manual') {
+      baseOptions.push({
+        label: hostName || '',
+        type: 'local'
+      });
+    }
     // Web-specific options
     const webOptions = [{
       label: osVersion,
-      type: iconName
+      type: iconName || osName
     }, {
       label: browserVersion,
       type: browserName
@@ -35250,7 +35344,8 @@ const SequentialConnectingBranch = ({
   readOnly = false,
   zIndex = 99999,
   maxRunCount = 35,
-  environmentVariableMaps
+  environmentVariableMaps,
+  isRequired = false
 }) => {
   const [selectedMachineInstance, setSelectedMachineInstance] = React.useState({});
   const selectButtonRef = React.useRef(null);
@@ -35295,7 +35390,7 @@ const SequentialConnectingBranch = ({
             onChange: onHandleSelect,
             optionsList: machineOptionsList,
             label: placeholder,
-            required: false,
+            required: isRequired,
             showLabel: true,
             className: "ff-sequential-select-branch",
             width: '240px',
@@ -37161,8 +37256,9 @@ const fontFamilyList = [{
   value: 'monospace'
 }];
 const fontSizeList = [5, 6, 8, 9, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 32, 36, 40, 48, 56, 72];
-const allowTextType = inputType => {
-  return inputType !== 'dropDown' && inputType !== 'file';
+const isPasteAllowed = currentCell => {
+  const inputType = currentCell?.inputType?.type ?? 'text';
+  return !['dropDown', 'file'].includes(inputType) && !currentCell?.readOnly;
 };
 
 const FORMULA_VALUE_PREFIX = '=';
@@ -37979,8 +38075,9 @@ function dragEndAutoFill(currentData, selectedRange, cellValue, activeCell) {
         row,
         column: col
       }, updatedData);
-      if (!currentCell) continue;
-      if (currentCell.readOnly) continue;
+      if (!currentCell || currentCell.readOnly || ['file', 'dropDown'].includes(currentCell?.inputType?.type || '')) {
+        continue;
+      }
       const updatedCell = {
         ...currentCell,
         style: cellValue.style,
@@ -38006,7 +38103,7 @@ function edit$1(state) {
 }
 const canClearCell = cell => cell && !cell.readOnly;
 const clearCell = cell => {
-  if (!canClearCell(cell)) {
+  if (!canClearCell(cell) || cell?.inputType?.type === 'file') {
     return cell;
   }
   return {
@@ -38152,7 +38249,9 @@ const keyDownHandlers = {
 const editKeyDownHandlers = {
   Escape: view,
   Tab: keyDownHandlers.Tab,
-  Enter: keyDownHandlers.ArrowDown
+  Enter: keyDownHandlers.ArrowDown,
+  Backspace: clearEditMode,
+  Delete: clear
 };
 const editShiftKeyDownHandlers = {
   Tab: go(0, -1)
@@ -38815,7 +38914,7 @@ function reducer(state, action) {
           let newData = state.cut && state.copied ? unset(state.copied.start, state.model.data) : state.model.data;
           const commit = [];
           for (const point of selectedRange || []) {
-            const currentCell = get$1(point, state.model.data);
+            const currentCell = get$1(point, state.model.data) || null;
             const updateWithStyle = {
               ...currentCell,
               value: cell?.value
@@ -38824,8 +38923,7 @@ function reducer(state, action) {
               prevCell: currentCell || EmptyCell,
               nextCell: EmptyCell
             });
-            const inputType = currentCell?.inputType?.type ?? 'text';
-            if (allowTextType(inputType)) {
+            if (isPasteAllowed(currentCell)) {
               newData = set$1(point, updateWithStyle, newData);
             }
           }
@@ -38879,8 +38977,7 @@ function reducer(state, action) {
             prevCell: currentCell,
             nextCell: cell || null
           }];
-          const inputType = currentCell?.inputType?.type ?? 'text';
-          if (allowTextType(inputType)) {
+          if (isPasteAllowed(currentCell)) {
             acc.data = set$1(nextPoint, {
               ...currentCell,
               value: cell?.value ?? ''
@@ -41137,7 +41234,7 @@ const ActiveCell = props => {
       },
       value: cell?.value,
       disabled: false
-    }), jsxRuntime.jsx("div", {
+    }), !['file', 'dropDown'].includes(cell?.inputType?.type ?? '') && jsxRuntime.jsx("div", {
       onMouseDown: handleMouseDown,
       className: "select_dot"
     })]
@@ -41718,7 +41815,8 @@ const Spreadsheet = props => {
     contextOption,
     attachmentAction,
     workRef,
-    minimumColumnWidth
+    minimumColumnWidth,
+    setContextMenu
   } = props;
   const [sheetChange, setSheetChange] = React__namespace.useState(false);
   const [maxWidth, setMaxWidth] = React__namespace.useState(0);
@@ -42120,6 +42218,16 @@ const Spreadsheet = props => {
       onMouseMove: handleMouseMove,
       onScroll: e => {
         scrollOption && handleScroll(e);
+        setContextMenu({
+          open: false,
+          options: [{
+            label: '',
+            value: '',
+            iconName: '',
+            action: () => {},
+            disable: false
+          }]
+        });
       },
       children: [tableNode, activeCellNode, jsxRuntime.jsx(Selected, {}), jsxRuntime.jsx(Copied, {})]
     })]
@@ -42212,6 +42320,7 @@ const ExcelFile = ({
   scroller = false,
   columnContextEnable = true,
   rowContextEnable = true,
+  sheetBarContextEnable = true,
   minimumColumnWidth = 100,
   disableDeleteOption = false
 }) => {
@@ -42644,7 +42753,7 @@ const ExcelFile = ({
         })
       }), sheetBar === 'show' && jsxRuntime.jsxs("div", {
         className: "ff-excel-sheet-bar",
-        children: [jsxRuntime.jsx("div", {
+        children: [sheetBarContextEnable && jsxRuntime.jsx("div", {
           className: "ff-excel-add-sheet-set",
           children: jsxRuntime.jsx(Tooltip, {
             title: "Add Sheet",
@@ -42666,7 +42775,9 @@ const ExcelFile = ({
             children: jsxRuntime.jsx("div", {
               onContextMenu: event => {
                 handleSheetChange(name, index);
-                contextClick(event, name, index);
+                if (sheetBarContextEnable) {
+                  contextClick(event, name, index);
+                }
               },
               className: classNames('ff-excel-tab-list', {
                 active: name === selectedSheet.name
@@ -42796,6 +42907,7 @@ const IconRadialChart = ({
     y: 0
   });
   const [showTooltip, setShowTooltip] = React.useState(false);
+  const containerRef = React.useRef(null);
   let currentAngle = -Math.PI / 2;
   const svgSize = 2 * (radius + lineWidth);
   const {
@@ -42813,17 +42925,21 @@ const IconRadialChart = ({
     setShowTooltip(false);
   };
   const handleMouseMove = event => {
-    setTooltipPosition({
-      x: event.clientX + 10,
-      y: event.clientY + 10
-    });
+    if (containerRef.current) {
+      const rect = containerRef.current.getBoundingClientRect();
+      setTooltipPosition({
+        x: event.clientX - rect.left,
+        y: event.clientY - rect.top
+      });
+    }
   };
   const renderTooltip = () => {
     return jsxRuntime.jsxs("div", {
       className: "ff-icon-radial-chart-tooltip",
       style: {
-        left: tooltipPosition.x,
-        top: tooltipPosition.y
+        position: 'absolute',
+        left: `${tooltipPosition.x + 15}px`,
+        top: `${tooltipPosition.y - 5}px`
       },
       children: [jsxRuntime.jsx(Typography, {
         children: `${label} : `
@@ -42833,6 +42949,7 @@ const IconRadialChart = ({
     });
   };
   return jsxRuntime.jsxs("div", {
+    ref: containerRef,
     className: "ff-icon-radial-chart-container",
     style: {
       '--fontSize': `${fontSize}px`
@@ -43782,6 +43899,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
   symbol = '$',
   type = 'text',
   clearIcon = true,
+  inputTitle = '',
   ...props
 }, ref) => {
   const [showDropdown, setShowDropdown] = React.useState(false);
@@ -43938,28 +44056,34 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
     children: [jsxRuntime.jsxs("div", {
       className: "ff-add-variable-input",
       ref: containerRef,
-      children: [jsxRuntime.jsx(Input$1, {
-        ...props,
-        name: "add_variable",
-        ref: inputRef,
-        type: type,
-        value: value,
-        onChange: onChange,
-        onPaste: () => {
-          setShowCreateVariableIcon(true);
+      children: [jsxRuntime.jsx(Tooltip, {
+        title: inputTitle,
+        style: {
+          width: '100%'
         },
-        variant: "primary",
-        label: label,
-        placeholder: placeholder,
-        onClick: handleClick,
-        onKeyUp: handleKeyUp,
-        onFocus: () => setIsFocused(true),
-        onBlur: e => handleBlur(e),
-        autoComplete: autoComplete,
-        helperText: helperText,
-        error: error,
-        required: required,
-        ...formProps
+        children: jsxRuntime.jsx(Input$1, {
+          ...props,
+          name: "add_variable",
+          ref: inputRef,
+          type: type,
+          value: value,
+          onChange: onChange,
+          onPaste: () => {
+            setShowCreateVariableIcon(true);
+          },
+          variant: "primary",
+          label: label,
+          placeholder: placeholder,
+          onClick: handleClick,
+          onKeyUp: handleKeyUp,
+          onFocus: () => setIsFocused(true),
+          onBlur: e => handleBlur(e),
+          autoComplete: autoComplete,
+          helperText: helperText,
+          error: error,
+          required: required,
+          ...formProps
+        })
       }), !checkEmpty(value) && !isOnlyHash && jsxRuntime.jsxs("div", {
         className: "ff-variable-icon-container",
         children: [clearIcon && jsxRuntime.jsx(Tooltip, {
@@ -44028,6 +44152,18 @@ const CreateVariableSlider = ({
   const [helperText, setHelperText] = React.useState('');
   const [hashInputValue, setHashInputValue] = React.useState();
   const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const [initialValues, setInitialValues] = React.useState({
+    name: '',
+    value: ''
+  });
+  React.useEffect(() => {
+    if (isOpen && mode === 'edit') {
+      setInitialValues({
+        name: variableName,
+        value: variableValue
+      });
+    }
+  }, []);
   const getVariableNameError = value => {
     if (!value || value.length === 0) {
       return 'Variable Name is required';
@@ -44065,6 +44201,10 @@ const CreateVariableSlider = ({
     const isValid = isNonEmpty && matchesPattern && noWhitespaceEdges && lengthValid;
     return isValid;
   }
+  const hasChanges = React.useMemo(() => {
+    if (mode !== 'edit') return true;
+    return variableName !== initialValues.name || variableValue !== initialValues.value;
+  }, [mode, variableName, variableValue, initialValues]);
   const FooterContent = () => {
     return jsxRuntime.jsxs("div", {
       className: "ff-create-slider-footer",
@@ -44082,7 +44222,7 @@ const CreateVariableSlider = ({
             handleSubmit();
           }
         },
-        disabled: !isVariableNameValid(variableName) || isSubmitting
+        disabled: !isVariableNameValid(variableName) || isSubmitting || mode === 'edit' && !hasChanges
       })]
     });
   };
@@ -44323,7 +44463,8 @@ const ProgressBar = ({
   labelTextColor = 'var(--ff-card-status-text-color)',
   showPercentage = false,
   percentageFontSize = 10,
-  percentageTextColor = 'var(--tooltip-text-color)'
+  percentageTextColor = 'var(--tooltip-text-color)',
+  progressBarWidth = '200px'
 }) => {
   const convertMemoryToMB = memory => {
     const trimmed = memory.trim().toLowerCase();
@@ -44368,8 +44509,12 @@ const ProgressBar = ({
     backgroundColor: trackColor,
     height: `${height}px`
   };
+  const containerStyle = {
+    width: progressBarWidth
+  };
   return jsxRuntime.jsxs("div", {
     className: `ff-progress-bar-container ${computedLabel ? 'ff-has-label' : ''}`,
+    style: containerStyle,
     children: [jsxRuntime.jsx("div", {
       className: "ff-progress-bar-track",
       style: trackStyle,
@@ -44504,6 +44649,7 @@ const MediaPreview = ({
   isDisabled = false
 }) => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const videoRef = React.useRef(null);
   const handleExpand = () => {
     setIsModalOpen(true);
     onExpandClick && onExpandClick(fileId);
@@ -44520,6 +44666,20 @@ const MediaPreview = ({
       setIsModalOpen(true);
     }
   }, [previewOnly]);
+  React.useEffect(() => {
+    if (isModalOpen) {
+      setTimeout(() => {
+        if (videoRef.current) {
+          const playPromise = videoRef.current.play();
+          if (playPromise !== undefined) {
+            playPromise.catch(error => {
+              console.error('Autoplay failed:', error);
+            });
+          }
+        }
+      }, 300);
+    }
+  }, [isModalOpen]);
   return jsxRuntime.jsxs("div", {
     children: [!previewOnly && (isMediaIcon ? jsxRuntime.jsx(Icon, {
       name: iconName,
@@ -44548,16 +44708,30 @@ const MediaPreview = ({
         className: "media-wrapper",
         children: [jsxRuntime.jsxs("div", {
           className: "ff-expand-icons",
-          children: [jsxRuntime.jsx(Icon, {
-            name: "download_file_icon",
-            onClick: handleDownload,
-            color: "var(--icons-default-color)",
-            className: "header-icons"
-          }), jsxRuntime.jsx(Icon, {
-            name: "close",
-            onClick: handleClose,
-            color: "var(--icons-default-color)",
-            className: "header-icons"
+          children: [jsxRuntime.jsx(Tooltip, {
+            title: "Download File",
+            children: jsxRuntime.jsx(Icon, {
+              name: "download_file_icon",
+              onClick: handleDownload,
+              color: "var(--icons-default-color)",
+              className: "header-icons"
+            })
+          }), jsxRuntime.jsx(Tooltip, {
+            title: "Expand",
+            children: jsxRuntime.jsx(Icon, {
+              name: "expand",
+              onClick: handleExpand,
+              color: "var(--icons-default-color)",
+              className: "header-icons"
+            })
+          }), jsxRuntime.jsx(Tooltip, {
+            title: "close",
+            children: jsxRuntime.jsx(Icon, {
+              name: "close",
+              onClick: handleClose,
+              color: "var(--icons-default-color)",
+              className: "header-icons"
+            })
           })]
         }), mediaType === 'image' && jsxRuntime.jsx("img", {
           src: MediaSrc,
@@ -44568,7 +44742,8 @@ const MediaPreview = ({
           src: MediaSrc,
           controls: true,
           controlsList: "nodownload",
-          className: "ff-video-preview"
+          className: "ff-video-preview",
+          ref: videoRef
         })]
       })
     })]
@@ -45056,7 +45231,8 @@ const PromptContainer = ({
   onPreviousClick,
   disabled,
   isEditAccess,
-  versionsLength
+  versionsLength,
+  count
 }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
   const [showReadMore, setShowReadMore] = React.useState(false);
@@ -45166,7 +45342,7 @@ const PromptContainer = ({
       }), jsxRuntime.jsxs("div", {
         className: "ff-prompt-icons-rightside",
         children: [jsxRuntime.jsx(Icon, {
-          disabled: disabled,
+          disabled: count === 1,
           className: "ff-prompt-icons-style",
           name: "arrow_left_accordian",
           color: "var(--table-column-text-color)",
@@ -45174,7 +45350,7 @@ const PromptContainer = ({
           height: 18,
           onClick: e => handleNavigationClick(e, onPreviousClick)
         }), numberChildren, jsxRuntime.jsx(Icon, {
-          disabled: disabled,
+          disabled: count === versionsLength,
           className: "ff-prompt-icons-style",
           name: "arrow_right_icon",
           color: "var(--table-column-text-color)",
@@ -51657,7 +51833,7 @@ const BarChart = ({
         }), normalizedData.map((item, index) => {
           const computedBarHeight = item.normalizedValue / maxValue * height;
           const minBarHeight = 2;
-          const barHeight = item.normalizedValue === 0 ? minBarHeight : computedBarHeight;
+          const barHeight = item.normalizedValue < 1 ? minBarHeight : computedBarHeight;
           const barX = index * (barWidth + barGap) + leftPadding + padding;
           const barY = height - barHeight + topPadding;
           const iconWidth = iconSize || 20;
@@ -51808,9 +51984,26 @@ const MultiRadialChart = ({
     visible: false,
     x: 0,
     y: 0,
-    content: ''
+    content: '',
+    isArc: false
   });
   const [hoveredLegend, setHoveredLegend] = React.useState(null);
+  const renderGradients = () => jsxRuntime.jsx("defs", {
+    children: barValues.map((bar, i) => Array.isArray(bar.arcColor) ? jsxRuntime.jsx("linearGradient", {
+      id: `gradient-${i}`,
+      x1: "0%",
+      y1: "0%",
+      x2: "100%",
+      y2: "0%",
+      gradientTransform: "rotate(90)",
+      children: bar.arcColor.map((color, idx) => jsxRuntime.jsx("stop", {
+        offset: `${idx / (bar.arcColor.length - 1) * 100}%`,
+        stopColor: color
+      }, idx))
+    }, `gradient-${i}`) : null)
+  });
+  const getArcColor = (bar, index) => Array.isArray(bar.arcColor) ? `url(#gradient-${index})` : bar.arcColor;
+  const getLegendColor = bar => Array.isArray(bar.arcColor) ? bar.arcColor[0] : bar.arcColor;
   const parseValueToMB = value => {
     if (typeof value === 'string') {
       const match = value.trim().match(/^([\d.]+)\s*([a-zA-Z%]*)$/);
@@ -51869,17 +52062,18 @@ const MultiRadialChart = ({
             className: "ff-legend-item",
             onMouseEnter: e => {
               setHoveredLegend(item.barLabel || item.label);
-              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`);
+              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`, false);
             },
+            onMouseMove: handleMouseMove,
             onMouseLeave: () => {
               setHoveredLegend(null);
-              handleMouseLeave?.();
+              handleMouseLeave();
             },
             children: [jsxRuntime.jsx(Typography, {
               fontSize: 20,
               fontWeight: "semi-bold",
               className: "ff-legend-value",
-              color: item.arcColor,
+              color: getLegendColor(item),
               children: item.key.padStart(2, '0')
             }), jsxRuntime.jsx(Typography, {
               fontSize: 10,
@@ -51899,16 +52093,17 @@ const MultiRadialChart = ({
             className: "ff-legend-item",
             onMouseEnter: e => {
               setHoveredLegend(item.barLabel || item.label);
-              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`);
+              handleMouseEnter(e, `${item.barLabel || 'Data'}: ${item.value}`, false);
             },
+            onMouseMove: handleMouseMove,
             onMouseLeave: () => {
               setHoveredLegend(null);
-              handleMouseLeave?.();
+              handleMouseLeave();
             },
             children: [jsxRuntime.jsx("span", {
               className: "ff-legend-capsule",
               style: {
-                backgroundColor: item.arcColor
+                backgroundColor: getLegendColor(item)
               },
               children: jsxRuntime.jsx(Typography, {
                 fontSize: 10,
@@ -51926,17 +52121,17 @@ const MultiRadialChart = ({
         return null;
     }
   };
-  const handleMouseEnter = (e, content) => {
+  const handleMouseEnter = (e, content, isArc) => {
     const {
       clientX,
       clientY
     } = e;
-    const container = e.currentTarget.getBoundingClientRect();
     setTooltip({
       visible: true,
-      x: clientX - container.left,
-      y: clientY - container.top,
-      content: content
+      x: clientX,
+      y: clientY,
+      content: content,
+      isArc
     });
   };
   const handleMouseMove = e => {
@@ -51944,11 +52139,10 @@ const MultiRadialChart = ({
       clientX,
       clientY
     } = e;
-    const container = e.currentTarget.getBoundingClientRect();
     setTooltip(prev => ({
       ...prev,
-      x: clientX - container.left,
-      y: clientY - container.top
+      x: clientX,
+      y: clientY
     }));
   };
   const handleMouseLeave = () => {
@@ -51956,7 +52150,8 @@ const MultiRadialChart = ({
       visible: false,
       x: 0,
       y: 0,
-      content: ''
+      content: '',
+      isArc: false
     });
   };
   const textData = (text, maxLength) => {
@@ -51967,25 +52162,32 @@ const MultiRadialChart = ({
     const valueString = tooltip.content.split(':')[0]?.trim();
     if (valueString === undefined) return '';
     const matchingBar = normalizedBarValues.find(val => val.barLabel === valueString);
-    return matchingBar?.arcColor || '';
+    if (!matchingBar) return '';
+    const chartItem = {
+      ...matchingBar,
+      label: matchingBar.barLabel,
+      key: matchingBar.labelValue?.toString() ?? ''
+    };
+    return getLegendColor(chartItem);
   };
+  const DEFAULT_LINE_HEIGHT = 18;
   return jsxRuntime.jsxs("div", {
     className: `ff-multi-radial-chart-container ${legendType === 'numberLegend' ? 'ff-multi-radial-chart-number' : 'ff-multi-radial-chart-pill'}`,
     style: {
       gap: chartToLegendGap
     },
-    children: [jsxRuntime.jsxs("div", {
+    children: [jsxRuntime.jsx("div", {
       className: "relative",
       style: {
         width: svgSize,
         height: svgSize
       },
-      children: [jsxRuntime.jsx("svg", {
+      children: jsxRuntime.jsxs("svg", {
         width: svgSize,
         height: svgSize,
         viewBox: `0 0 ${svgSize} ${svgSize}`,
         className: "absolute top-0 left-0",
-        children: jsxRuntime.jsxs("g", {
+        children: [renderGradients(), jsxRuntime.jsxs("g", {
           transform: `translate(${svgSize / 2 + 1}, ${svgSize / 2 + 1})`,
           children: [reversedBarValues.map((values, i) => {
             const originalIndex = normalizedBarValues.length - 1 - i;
@@ -52019,8 +52221,12 @@ const MultiRadialChart = ({
                   cx: dotX,
                   cy: dotY,
                   r: lineWidth + 1,
-                  fill: values.arcColor,
-                  onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`),
+                  fill: getArcColor({
+                    ...values,
+                    label: values.barLabel || '',
+                    key: values.labelValue?.toString() || ''
+                  }, originalIndex),
+                  onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`, true),
                   onMouseMove: handleMouseMove,
                   onMouseLeave: handleMouseLeave,
                   style: arcStyle
@@ -52039,10 +52245,14 @@ const MultiRadialChart = ({
               }), jsxRuntime.jsx("path", {
                 d: foregroundArcPath,
                 fill: "none",
-                stroke: values.arcColor,
+                stroke: getArcColor({
+                  ...values,
+                  label: values.barLabel || '',
+                  key: values.labelValue?.toString() || ''
+                }, originalIndex),
                 strokeWidth: lineWidth,
                 strokeLinecap: lineCap === 'square' ? 'butt' : 'round',
-                onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`),
+                onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`, true),
                 onMouseMove: handleMouseMove,
                 onMouseLeave: handleMouseLeave,
                 style: {
@@ -52084,7 +52294,7 @@ const MultiRadialChart = ({
                       children: firstWord
                     }), jsxRuntime.jsx("tspan", {
                       x: "0",
-                      dy: 18,
+                      dy: DEFAULT_LINE_HEIGHT,
                       style: {
                         fontSize: `${subLabelFontSize}px`
                       },
@@ -52095,7 +52305,7 @@ const MultiRadialChart = ({
                 }
                 return jsxRuntime.jsx("tspan", {
                   x: "0",
-                  dy: index === 0 ? 0 : 18,
+                  dy: index === 0 ? 0 : DEFAULT_LINE_HEIGHT,
                   className: "ff-center-text",
                   style: {
                     fontSize: `${subLabelFontSize}px`
@@ -52105,16 +52315,19 @@ const MultiRadialChart = ({
               })
             })
           })]
-        })
-      }), tooltip.visible && jsxRuntime.jsx("div", {
-        className: "ff-multi-radial-tooltip",
-        style: {
-          top: tooltip.y + 10,
-          left: tooltip.x + 100,
-          zIndex: 1000
-        },
-        children: tooltip.content
-      })]
+        })]
+      })
+    }), tooltip.visible && jsxRuntime.jsx("div", {
+      className: "ff-multi-radial-tooltip",
+      style: {
+        position: 'fixed',
+        top: `${tooltip.y - (tooltip.isArc ? 5 : -10)}px`,
+        left: `${tooltip.x + (tooltip.isArc ? 60 : 15)}px`,
+        zIndex: 1000,
+        transform: tooltip.isArc ? 'translateX(-50%)' : 'none',
+        pointerEvents: 'none'
+      },
+      children: tooltip.content
     }), isLegendDetails && renderLegend(normalizedBarValues.map(value => ({
       ...value,
       label: value?.barLabel,
@@ -59241,8 +59454,8 @@ const MachineInstances = ({
                   parentNodeIndex
                 })
               })]
-            }, ffid())
-          }, runLevelExecutionDataSet?.runLevelExecutionDataSetId + ffid()))
+            })
+          }, runLevelExecutionDataSet?.runLevelExecutionDataSetId))
         }), childNodeIndex === parentNodeData.machineInstances.length - 1 && jsxRuntime.jsx(jsxRuntime.Fragment, {
           children: !isReadOnlyMode && jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [jsxRuntime.jsx("div", {
@@ -59266,7 +59479,7 @@ const MachineInstances = ({
             })]
           })
         })]
-      }, ffid());
+      });
     })
   });
 };
@@ -59385,7 +59598,7 @@ const ConnectingBranch = ({
                       parentNodeData,
                       parentNodeIndex
                     })
-                  }, ffid()), getParentNodeComponentActionItems({
+                  }), getParentNodeComponentActionItems({
                     parentNodeData,
                     parentNodeIndex
                   })]
@@ -59402,7 +59615,7 @@ const ConnectingBranch = ({
                 isReadOnlyMode: isReadOnlyMode
               })]
             })
-          }, ffid());
+          });
         }), !isReadOnlyMode && jsxRuntime.jsx("div", {
           className: "ff-select-machine-input",
           style: {
@@ -59456,12 +59669,10 @@ const saveFileFromBlob = (blob, filename) => {
 
 const MentionUser = ({
   hasAtSymbol,
-  mentionPosition,
   usersObj,
   optionClicked,
   charsAfterAt
 }) => {
-  const selectSectionRef = React.useRef(null);
   const [hoveredIndex, setHoveredIndex] = React.useState(0);
   const itemRefs = React.useRef([]);
   if (!hasAtSymbol) return null;
@@ -59503,11 +59714,6 @@ const MentionUser = ({
   }, [handleKeyDown]);
   return jsxRuntime.jsx("div", {
     className: "select-section",
-    ref: selectSectionRef,
-    style: {
-      '--top': `${mentionPosition?.top}px`,
-      '--left': `${mentionPosition?.left + 5}px`
-    },
     onMouseDown: e => e.preventDefault(),
     children: jsxRuntime.jsx("div", {
       className: "select-group",
@@ -59577,6 +59783,7 @@ const ChildComment = ({
   const textAreaRef = React.useRef(null);
   const mentionRef = React.useRef(null);
   const mentionReplyRef = React.useRef(null);
+  const inputRef = React.useRef(null);
   React.useEffect(() => {
     if (editMode && comment?.description) {
       setInput(comment?.description);
@@ -59676,24 +59883,24 @@ const ChildComment = ({
       left: spanRect.left
     };
   };
-  const updateMentionPosition = React.useCallback(() => {
+  const updateMentionPosition = () => {
     if (!textAreaRef.current) return;
+    const textareaEl = textAreaRef?.current;
+    const dropdownEl = mentionRef?.current && mentionReplyRef?.current;
+    const inputEl = inputRef?.current;
     const caretPosition = textAreaRef.current.selectionStart;
-    const caretCoords = getCaretCoordinates(textAreaRef.current, caretPosition);
+    const caretCoords = getCaretCoordinates(textareaEl, caretPosition);
+    const dropdownHeight = dropdownEl?.getBoundingClientRect().height || 370;
+    const inputRect = inputEl?.getBoundingClientRect();
+    if (!inputRect) return;
+    const spaceBelow = window.innerHeight - inputRect.bottom;
+    const spaceAbove = inputRect.top;
+    const showAbove = spaceBelow < dropdownHeight && spaceAbove > dropdownHeight;
     setMentionPosition({
-      top: caretCoords.top + window.scrollY - 625,
-      left: window.scrollX + caretCoords.left + 10
+      top: showAbove ? caretCoords.top - dropdownHeight - 508 : caretCoords.top - 588,
+      left: caretCoords.left + 10
     });
-  }, [input]);
-  React.useEffect(() => {
-    const handleScroll = () => {
-      updateMentionPosition();
-    };
-    window.addEventListener('scroll', handleScroll, true);
-    return () => {
-      window.removeEventListener('scroll', handleScroll, true);
-    };
-  }, [updateMentionPosition]);
+  };
   const textAreaInputChange = e => {
     const textAreaValue = e.target.value;
     setInput(textAreaValue);
@@ -59794,6 +60001,7 @@ const ChildComment = ({
               }, index) : part)
             }), editMode && jsxRuntime.jsxs("div", {
               className: "inputContainer",
+              ref: inputRef,
               children: [jsxRuntime.jsx("textarea", {
                 rows: input.length < rowBreakCharCount ? 1 : 3,
                 className: "inputContainer_input first_input",
@@ -59805,11 +60013,16 @@ const ChildComment = ({
                 onKeyDown: handleKeyDown
               }), hasAtSymbol && jsxRuntime.jsx("div", {
                 ref: mentionRef,
+                id: "mention-user",
+                style: {
+                  position: 'absolute',
+                  top: `${mentionPosition.top}px`,
+                  left: `${mentionPosition.left}px`
+                },
                 children: jsxRuntime.jsx(MentionUser, {
                   hasAtSymbol: hasAtSymbol,
                   usersObj: usersObj,
                   optionClicked: optionClicked,
-                  mentionPosition: mentionPosition,
                   charsAfterAt: textAfterAt
                 })
               }), jsxRuntime.jsxs("div", {
@@ -59891,12 +60104,15 @@ const ChildComment = ({
                   })
                 }), isEditDeleteActionAllowed && deleteEnable && jsxRuntime.jsx("div", {
                   className: "action-icon",
-                  onClick: () => handleDeleteNode(comment.id),
                   children: jsxRuntime.jsx(Tooltip, {
                     title: "Delete",
                     children: jsxRuntime.jsx(Icon, {
                       name: "delete",
                       color: "var(--ff-delete-button-attachment)",
+                      onClick: () => {
+                        if (showInput) return;
+                        handleDeleteNode(comment.id);
+                      },
                       disabled: editMode || showInput || isDisable,
                       hoverEffect: true
                     })
@@ -59910,6 +60126,7 @@ const ChildComment = ({
         className: "comment-reply-container",
         children: showInput && jsxRuntime.jsxs("div", {
           className: "inputContainer",
+          ref: inputRef,
           children: [jsxRuntime.jsx("textarea", {
             rows: input.length < rowBreakCharCount ? 1 : 3,
             className: "inputContainer_input first_input",
@@ -59921,11 +60138,16 @@ const ChildComment = ({
             onKeyDown: handleKeyDown
           }), hasAtSymbol && jsxRuntime.jsx("div", {
             ref: mentionReplyRef,
+            id: "mention-user",
+            style: {
+              position: 'absolute',
+              top: `${mentionPosition.top}px`,
+              left: `${mentionPosition.left}px`
+            },
             children: jsxRuntime.jsx(MentionUser, {
               hasAtSymbol: hasAtSymbol,
               usersObj: usersObj,
               optionClicked: optionClicked,
-              mentionPosition: mentionPosition,
               charsAfterAt: textAfterAt
             })
           }), jsxRuntime.jsxs("div", {
@@ -60044,7 +60266,8 @@ const Comments = ({
   rowBreakCharCount = 83,
   isVewMode = false,
   deleteEnable = true,
-  showTextarea = false
+  showTextarea = false,
+  autoFocus = false
 }) => {
   const [input, setInput] = React.useState('');
   const [commentData, setCommentsData] = React.useState([]);
@@ -60054,8 +60277,8 @@ const Comments = ({
     top: 0,
     left: 0
   });
-  const [scrollY, setScrollY] = React.useState(0);
   const [textAfterAt, setTextAfterAt] = React.useState('');
+  const inputRef = React.useRef(null);
   const textareaRef = React.useRef(null);
   const selectSectionRef = React.useRef(null);
   React.useEffect(() => {
@@ -60194,28 +60417,24 @@ const Comments = ({
       left: spanRect.left
     };
   };
-  const updateMentionPosition = React.useCallback(() => {
+  const updateMentionPosition = () => {
     if (!textareaRef.current) return;
+    const textareaEl = textareaRef?.current;
+    const dropdownEl = selectSectionRef?.current;
+    const inputEl = inputRef?.current;
     const caretPosition = textareaRef.current.selectionStart;
-    const textBeforeCaret = input.slice(0, caretPosition);
-    const hasCaretSymbol = textBeforeCaret.match(DETECT_MENTIONED_USERNAME_AFTER_SPACE);
-    setHasAtSymbol(!!hasCaretSymbol);
-    const caretCoords = getCaretCoordinates(textareaRef.current, caretPosition);
-    const topAdjustment = scrollY > 10 ? 75 : 0;
+    const caretCoords = getCaretCoordinates(textareaEl, caretPosition);
+    const dropdownHeight = dropdownEl?.getBoundingClientRect().height || 370;
+    const inputRect = inputEl?.getBoundingClientRect();
+    if (!inputRect) return;
+    const spaceBelow = window.innerHeight - inputRect.bottom;
+    const spaceAbove = inputRect.top;
+    const showAbove = spaceBelow < dropdownHeight && spaceAbove > dropdownHeight;
     setMentionPosition({
-      top: caretCoords.top + window.scrollY - 625 - topAdjustment,
-      left: window.scrollX + caretCoords.left + 10
+      top: showAbove ? caretCoords.top - dropdownHeight - 528 : caretCoords.top - 606,
+      left: caretCoords.left + 10
     });
-  }, [input]);
-  React.useEffect(() => {
-    const handleScroll = () => {
-      updateMentionPosition();
-    };
-    window.addEventListener('scroll', handleScroll, true);
-    return () => {
-      window.removeEventListener('scroll', handleScroll, true);
-    };
-  }, [updateMentionPosition]);
+  };
   const textAreaInputChange = e => {
     const textAreaValue = e.target.value;
     setInput(textAreaValue);
@@ -60270,11 +60489,6 @@ const Comments = ({
       }
     }
   };
-  const handleScroll = () => {
-    if (textareaRef.current) {
-      setScrollY(textareaRef.current.scrollTop);
-    }
-  };
   return jsxRuntime.jsxs("div", {
     className: "ff-comments-container-box",
     children: [!isVewMode && jsxRuntime.jsxs("div", {
@@ -60285,25 +60499,29 @@ const Comments = ({
         children: "Comments"
       }), !showTextarea && jsxRuntime.jsxs("div", {
         className: "input-wrapper",
+        ref: inputRef,
         children: [jsxRuntime.jsx("textarea", {
           className: "inputContainer_input first_input",
           rows: input.length < rowBreakCharCount ? 1 : 3,
-          autoFocus: true,
+          autoFocus: autoFocus,
           value: input,
           onChange: e => textAreaInputChange(e),
           placeholder: "Add a comment",
           disabled: isDisable,
           ref: textareaRef,
-          onKeyDown: handleKeyDown,
-          onScroll: handleScroll
+          onKeyDown: handleKeyDown
         }), hasAtSymbol && jsxRuntime.jsx("div", {
-          ref: selectSectionRef,
           id: "mention-user",
+          ref: selectSectionRef,
+          style: {
+            position: 'absolute',
+            top: `${mentionPosition.top}px`,
+            left: `${mentionPosition.left}px`
+          },
           children: jsxRuntime.jsx(MentionUser, {
             hasAtSymbol: hasAtSymbol,
             usersObj: usersObj,
             optionClicked: optionClicked,
-            mentionPosition: mentionPosition,
             charsAfterAt: textAfterAt
           })
         }), jsxRuntime.jsx("span", {
@@ -60335,6 +60553,22 @@ const Comments = ({
   });
 };
 
+const useTriggerControl = () => {
+  const canTriggerRef = React.useRef(true);
+  const canTrigger = () => canTriggerRef.current;
+  const setTriggered = () => {
+    canTriggerRef.current = false;
+  };
+  const resetTrigger = () => {
+    canTriggerRef.current = true;
+  };
+  return {
+    canTrigger,
+    setTriggered,
+    resetTrigger
+  };
+};
+
 const PopUpModal = ({
   isOpen,
   onClose,
@@ -60684,8 +60918,10 @@ const ConditionalDropdown = /*#__PURE__*/React.forwardRef(({
         onClick: handleClick,
         onKeyUp: handleKeyUp,
         onFocus: e => {
-          setIsFocused(true);
-          onFocus?.(e);
+          setTimeout(() => {
+            setIsFocused(true);
+            onFocus?.(e);
+          }, 500);
         },
         onBlur: e => {
           handleBlur(e);
@@ -73369,6 +73605,7 @@ const PhoneInputField = ({
   const [phone, setPhone] = React.useState(initialValue);
   const [isFocused, setIsFocused] = React.useState(false);
   const [isValid, setIsValid] = React.useState(initialIsValid);
+  const [selectedCountry, setSelectedCountry] = React.useState(country);
   React.useEffect(() => {
     if (initialValue) {
       let formattedPhone = initialValue;
@@ -73378,12 +73615,25 @@ const PhoneInputField = ({
       setPhone(formattedPhone);
     }
   }, [initialValue]);
-  const handlePhoneChange = phone => {
+  const handlePhoneChange = (phone, countryData) => {
+    const newCountryCode = countryData?.countryCode?.toLowerCase();
     const cleanedPhone = phone.replace(/[^0-9+]/g, '');
-    setPhone(cleanedPhone);
-    onChange(cleanedPhone);
-    const isPhoneValid = isValidPhoneNumber(cleanedPhone);
-    setIsValid(isPhoneValid);
+    if (selectedCountry?.toLowerCase() !== newCountryCode) {
+      setPhone(countryData?.dialCode);
+      onChange(countryData?.dialCode);
+      setSelectedCountry(newCountryCode);
+      setIsValid(true);
+      return;
+    }
+    let formattedPhone = cleanedPhone;
+    if (!formattedPhone.startsWith('+')) {
+      formattedPhone = `+${formattedPhone}`;
+    }
+    setPhone(formattedPhone);
+    onChange(formattedPhone);
+    const isPhoneValid = isValidPhoneNumber(formattedPhone);
+    const isOnlyCountryCode = phone && phone.replace(/[^\d]/g, '').length <= 3;
+    setIsValid(isPhoneValid || isOnlyCountryCode);
   };
   const handleFocus = event => {
     setIsFocused(true);
@@ -73392,8 +73642,9 @@ const PhoneInputField = ({
   const handleBlur = event => {
     setIsFocused(false);
     if (onBlur) onBlur(event);
+    const isOnlyCountryCode = phone && phone.replace(/[^\d]/g, '').length <= 3;
     const isPhoneValid = isValidPhoneNumber(phone);
-    setIsValid(isPhoneValid);
+    setIsValid(isPhoneValid || isOnlyCountryCode);
   };
   return jsxRuntime.jsxs("div", {
     id: id,
@@ -74393,7 +74644,10 @@ const StepGroupAccordions = /*#__PURE__*/React.memo(({
                 style: {
                   padding: '4px 18px'
                 }
-              }), prepareData(item, col)]
+              }), prepareData({
+                ...item,
+                marginLeft: indent
+              }, col)]
             }), idx === 0 && ['Group', 'PRE', 'POST', 'Script'].includes(item.type) && jsxRuntime.jsx("div", {
               className: `ff-accordion-arrow ${isStepGroupExpanded?.(item.stepId) ? 'expanded' : ''}`,
               children: jsxRuntime.jsx(Icon, {
@@ -74972,19 +75226,21 @@ function getUpdatedPartialSelect(tableData, prevPartialSelect) {
   return new Set([...prevPartialSelect].filter(id => allCurrentIds.has(id)));
 }
 function getUpdatedExpandedRows(tableData, prevExpandedRows, defaultExpanded) {
-  const needToExpand = {
+  const sectionTitlesToExpand = {
     Steps: 'Steps',
-    Depends: 'Depends on Script',
-    PRE: "Pre conditions",
-    POST: "Post conditions"
+    Depends: 'Depends on Scripts',
+    PRE: 'Pre Conditions',
+    POST: 'Post Conditions'
   };
   const newExpandedRows = {};
   tableData.forEach(section => {
-    newExpandedRows[section.title] = section.title in prevExpandedRows ? prevExpandedRows[section.title] ?? false : section.title === needToExpand[defaultExpanded];
+    const title = section.title;
+    const wasPreviouslyExpanded = title in prevExpandedRows;
+    const shouldExpandByDefault = defaultExpanded === 'All' ? Object.values(sectionTitlesToExpand).includes(title) : title === sectionTitlesToExpand[defaultExpanded];
+    newExpandedRows[title] = wasPreviouslyExpanded ? prevExpandedRows[title] ?? false : shouldExpandByDefault;
   });
   return newExpandedRows;
 }
-//?
 const gettingBlockMap = (tableData, selectedRows, stepPartialSelect) => {
   let dynamicUpdate = getBlockMap(tableData);
   const updatedSelectedRows = new Set(selectedRows.Steps);
@@ -75312,7 +75568,11 @@ const StepLandingTable = /*#__PURE__*/React.forwardRef(({
       return Object.values(rows).some(set => set.size > 0);
     };
     if (hasSelectedIds(selectedRows)) {
-      onSelectClick?.(selectedRows);
+      const updatedSelection = {
+        ...selectedRows,
+        partialSelected: stepPartialSelect
+      };
+      onSelectClick?.(updatedSelection);
     } else {
       onSelectClick?.(null);
     }
@@ -109147,8 +109407,9 @@ const TextEditor = ({
   };
   const EditorComponent = reactDraftWysiwygExports.Editor;
   return jsxRuntime.jsxs("div", {
+    className: "ff-textEditor-container",
     children: [jsxRuntime.jsxs("div", {
-      className: "ff-texteditor-label-asterisk-container",
+      className: "ff-textEditor-label-asterisk-container",
       children: [required && jsxRuntime.jsx(Typography, {
         className: "required-asterisk",
         children: "* "
@@ -109419,6 +109680,137 @@ function getTopVisibleNodeKey(scrollContainerWrapper, treeData) {
 
 const nlpInputDelay = ms => new Promise(resolve => setTimeout(resolve, ms));
 
+const getNavigateToKey = (currentNode, treeData, action) => {
+  // this function will find all the children nodes of the current node
+  const getAllChildrenNodesUsingSearchKey = (treeData, searchKey) => {
+    return treeData.filter(node => node.searchKey && node.searchKey.startsWith(searchKey + '/'));
+  };
+  // this function will find the last child of the current node
+  const findLastChild = (treeData, currentNode) => {
+    // Get all children of the current node using searchKey
+    const children = treeData.filter(node => node.searchKey && node.searchKey.startsWith(currentNode.searchKey + '/'));
+    if (children.length === 0) {
+      // If no children will return the current node's key
+      return currentNode.key;
+    }
+    // it will  Find the last child
+    const lastChild = children[children.length - 1];
+    // If the last child is a container (nested), recursively find the last child
+    if (lastChild?.container) {
+      return findLastChild(treeData, lastChild);
+    } else {
+      // If the last child is not a container, return its key
+      return lastChild?.key;
+    }
+  };
+  // this function will analyze the hierarchy of the treeData based on the searchKey it hel to find the pre and post node in the parent node
+  const analyzeHierarchy = (treeData, searchKey) => {
+    // Split the searchKey into its hierarchy parts
+    const hierarchyParts = searchKey.split('/').filter(part => part !== '');
+    const hierarchyMap = {};
+    // Find each level in the treeData
+    hierarchyParts.forEach((_, index) => {
+      const currentPath = '/' + hierarchyParts.slice(0, index + 1).join('/');
+      // Find the node that matches this exact searchKey path
+      const node = treeData.find(n => n.searchKey === currentPath);
+      if (node) {
+        hierarchyMap[index] = {
+          key: node.key,
+          name: node.name ?? '',
+          type: node.entityType ?? '',
+          searchKey: node.searchKey ?? '',
+          hierarchy: node.hierarchy,
+          isContainer: node.container ?? false,
+          hasPrePost: false
+        };
+        // Check if this node has PRE/POST children
+        const children = treeData.filter(n => n?.searchKey?.startsWith(currentPath + '/') && n?.searchKey?.split('/').length === currentPath?.split('/').length + 1);
+        hierarchyMap[index].hasPrePost = children.some(child => child.entityType === 'PRE' || child.entityType === 'POST');
+      }
+    });
+    return hierarchyMap;
+  };
+  const getRootChildren = (treeData, rootNode) => {
+    return treeData.filter(node => node.parentId === rootNode.key && node.entityType !== 'POST' && node.entityType !== 'PRE');
+  };
+  {
+    // Handle root node case
+    if (currentNode.path === '/Root') {
+      const childrenOfRoot = getRootChildren(treeData, currentNode);
+      if (childrenOfRoot.length > 0) {
+        const lastChildOfRoot = childrenOfRoot[childrenOfRoot.length - 1];
+        if (lastChildOfRoot?.expanded === false) {
+          return {
+            navigateTo: lastChildOfRoot?.key
+          };
+        }
+        if (lastChildOfRoot?.expanded === true) {
+          const lastChildExpand = getAllChildrenNodesUsingSearchKey(treeData, lastChildOfRoot?.searchKey);
+          return {
+            navigateTo: lastChildExpand[lastChildExpand.length - 1]?.key
+          };
+        }
+      }
+    } else {
+      // Handle non-root node case
+      const lastChild = findLastChild(treeData, currentNode);
+      const currentNodeAllChildren = getAllChildrenNodesUsingSearchKey(treeData, currentNode?.searchKey);
+      const hierarchyInfo = analyzeHierarchy(treeData, currentNode?.searchKey);
+      const currentNodeHierarchyInfo = Object.values(hierarchyInfo).find(obj => obj.key === currentNode.key);
+      if (currentNodeAllChildren.length > 0) {
+        const nonPostPreChildren = currentNodeAllChildren.filter(node => node.entityType !== 'POST' && node.entityType !== 'PRE');
+        if (nonPostPreChildren.length > 0) {
+          return {
+            navigateTo: currentNodeHierarchyInfo?.hasPrePost ? nonPostPreChildren[nonPostPreChildren.length - 1]?.key : lastChild
+          };
+        } else {
+          return {
+            navigateTo: currentNodeAllChildren[currentNodeAllChildren.length - 1]?.key
+          };
+        }
+      } else {
+        return {
+          navigateTo: currentNode?.key
+        };
+      }
+    }
+  }
+  return {
+    navigateTo: currentNode?.key
+  };
+};
+
+const checkMicrophoneAccess = async (handleMicToggle, {
+  requestDeniedMsg,
+  notSupportedMsg,
+  micAccessDeniedMsg
+}) => {
+  try {
+    const permissionStatus = await navigator?.permissions.query({
+      name: 'microphone'
+    });
+    if (permissionStatus?.state === 'granted') {
+      handleMicToggle();
+    } else if (permissionStatus?.state === 'prompt') {
+      try {
+        const stream = await navigator?.mediaDevices?.getUserMedia({
+          audio: true
+        });
+        stream?.getTracks()?.forEach(track => track?.stop());
+        handleMicToggle();
+      } catch (err) {
+        toast.error(requestDeniedMsg);
+        console.error('getUserMedia error:', err);
+      }
+    } else if (permissionStatus?.state === 'denied') {
+      toast.error(micAccessDeniedMsg);
+    }
+  } catch (err) {
+    toast.error(notSupportedMsg);
+    console.error('Permission query error:', err);
+  }
+};
+
 /*
 	The MIT License (MIT)
 
@@ -115726,7 +116118,10 @@ const ScriptGenerationLoader = ({
 
 exports.AADHAAR_REGEX = AADHAAR_REGEX;
 exports.ALPHABET_ONLY_REGEX = ALPHABET_ONLY_REGEX;
+exports.ALPHABET_WITH_SPACES_ONLY_REGEX = ALPHABET_WITH_SPACES_ONLY_REGEX;
+exports.ALPHANUMERIC_PARENTHESIS_REGEX = ALPHANUMERIC_PARENTHESIS_REGEX;
 exports.ALPHANUMERIC_REGEX = ALPHANUMERIC_REGEX;
+exports.ALPHANUMERIC_WITH_DOT_REGEX = ALPHANUMERIC_WITH_DOT_REGEX;
 exports.ALPHANUMERIC_WITH_ROUND_BRACES_REGEX = ALPHANUMERIC_WITH_ROUND_BRACES_REGEX;
 exports.ALPHA_NUM_EXTENDED_REGEX = ALPHA_NUM_EXTENDED_REGEX;
 exports.ALPHA_NUM_REGEX = ALPHA_NUM_REGEX;
@@ -115741,6 +116136,7 @@ exports.AttachMedia = AttachMedia;
 exports.AttachmentButton = AttachmentButton;
 exports.Avatar = Avatar;
 exports.BASE64_REGEX = BASE64_REGEX;
+exports.BIG_END_WHITESPACE = BIG_END_WHITESPACE;
 exports.BINARY_NUMBER_REGEX = BINARY_NUMBER_REGEX;
 exports.BODY_TAG_TYPE_VALIDATION = BODY_TAG_TYPE_VALIDATION;
 exports.BarChart = BarChart;
@@ -115921,6 +116317,7 @@ exports.addStepGroup = addStepGroup;
 exports.autoScrollToTableLastRow = autoScrollToTableLastRow;
 exports.capitalize = capitalize;
 exports.checkEmpty = checkEmpty;
+exports.checkMicrophoneAccess = checkMicrophoneAccess;
 exports.clearStore = clearStore;
 exports.compareArrays = compareArrays;
 exports.compareObjects = compareObjects;
@@ -115937,6 +116334,7 @@ exports.formatResponseDate = formatResponseDate;
 exports.getEncryptedData = getEncryptedData;
 exports.getExtension = getExtension;
 exports.getExtensionWithPeriod = getExtensionWithPeriod;
+exports.getNavigateToKey = getNavigateToKey;
 exports.getSequentialPayload = getSequentialPayload;
 exports.getStoreValue = getStoreValue;
 exports.getTopVisibleNodeKey = getTopVisibleNodeKey;
@@ -115965,4 +116363,5 @@ exports.useClickOutside = useClickOutside;
 exports.useFileDropzone = useFileDropzone;
 exports.useKeyboardActions = useKeyboardActions;
 exports.useTheme = useTheme;
+exports.useTriggerControl = useTriggerControl;
 //# sourceMappingURL=index.cjs.map