From 011e8a72d90c0c4418e139775813d4f4af9dba05 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 16 Dec 2025 16:52:44 +0530
Subject: [PATCH 01/12] fix: bound movement of draggable to screen

---
 .../DraggableWrapper/DraggableWrapper.tsx     | 66 +++++++------------
 1 file changed, 23 insertions(+), 43 deletions(-)

diff --git a/src/Common/DraggableWrapper/DraggableWrapper.tsx b/src/Common/DraggableWrapper/DraggableWrapper.tsx
index e1c89467a..d545bc039 100644
--- a/src/Common/DraggableWrapper/DraggableWrapper.tsx
+++ b/src/Common/DraggableWrapper/DraggableWrapper.tsx
@@ -38,11 +38,9 @@ export default function DraggableWrapper({
 }: DraggableWrapperProps) {
     const windowSize = useWindowSize()
     const nodeRef = useRef<HTMLDivElement>(null)
-
-    const [position, setPosition] = useState<ControlPosition>({
-        x: 0,
-        y: 0,
-    })
+    
+    // letting the dom render the element without displaying it so that we know it's dimensions
+    const [initialRenderDone, setInitialRenderDone] = useState(false)
 
     const getDefaultPosition = (positionVariant: DraggablePositionVariant): ControlPosition => {
         // if this return x: 0, y: 0 then it will be top left corner of parentDiv
@@ -60,73 +58,55 @@ export default function DraggableWrapper({
 
         switch (positionVariant) {
             case DraggablePositionVariant.PARENT_BOTTOM_CENTER: {
-                // currently at parentRect.x and need to start to the center of its width and half of node should lie on left of center and other half on right
-                const x = (parentRect.width - nodeRefWidth) / 2
+                // center div to middle of the parent rect and then add the left offset of the parent rect
+                const x = (parentRect.width - nodeRefWidth) / 2 + parentRect.left
                 // TODO (v3): Temp fix. Revisit
                 const parentRectTop = parentRect.top > 0 ? parentRect.top : layoutFixDelta
                 // currently at parentRect.y now parent height can be greater than windowSize.height so taking min
                 // subtracting parentRect.top since window height already contains that
-                const baseY =
-                    parentRect.height > windowSize.height ? windowSize.height - parentRectTop : parentRect.height
-                const y = baseY - nodeRefHeight - boundaryGap
+                if (parentRect.height > windowSize.height) {
+                    return { x, y: windowSize.height - boundaryGap - nodeRefHeight }
+                }
+                const y = parentRect.bottom - nodeRefHeight - boundaryGap
                 return { x, y }
             }
             case DraggablePositionVariant.SCREEN_BOTTOM_RIGHT: {
-                const x = windowSize.width - parentRect.left - nodeRefWidth - boundaryGap
-                const y = windowSize.height - parentRect.top - nodeRefHeight - boundaryGap
+                const x = windowSize.width - nodeRefWidth - boundaryGap
+                const y = windowSize.height - nodeRefHeight - boundaryGap
 
                 return { x, y }
             }
             // Add more cases for other variants if needed
             default: {
                 // Since need node to be in center of screen so subtracting width/2 by left of parentRect it will start the node from center but want node's midpoint at center so subtracting node's width from it.
-                const x = windowSize.width / 2 - parentRect.left - nodeRefWidth / 2
+                const x = (windowSize.width - nodeRefWidth) / 2
                 // subtracting top since windowSize already contains that
-                const y = windowSize.height - parentRect.top - nodeRefHeight - boundaryGap
+                const y = windowSize.height - nodeRefHeight - boundaryGap
 
                 return { x, y }
             }
         }
     }
 
-    // On change of windowSize we will reset the position to default
     useEffect(() => {
-        const defaultPosition = getDefaultPosition(positionVariant)
-        setPosition(defaultPosition)
-    }, [nodeRef, positionVariant, windowSize])
-
-    // Would be called on drag and will not update the state if the new position is out of window screen
-    function handlePositionChange(e, data: DraggableData) {
-        const offsetX = parentRef?.current?.getBoundingClientRect().left ?? 0
-        const offsetY = parentRef?.current?.getBoundingClientRect().top ?? 0
-
-        const nodeRefHeight = nodeRef.current?.getBoundingClientRect().height ?? 0
-        const nodeRefWidth = nodeRef.current?.getBoundingClientRect().width ?? 0
-
-        if (
-            offsetX + data.x + nodeRefWidth + boundaryGap > windowSize.width ||
-            offsetY + data.y + nodeRefHeight + boundaryGap > windowSize.height ||
-            offsetX + data.x < 0 ||
-            offsetY + data.y < 0
-        ) {
-            return
-        }
-
-        setPosition({
-            x: data.x,
-            y: data.y,
-        })
-    }
+        // make the element visible after the initial render
+        setInitialRenderDone(true)
+    }, [])
 
     return (
         // Since we are using position fixed so we need to disable click on the div so that it does not interfere with the click of other elements
         <div
-            className="dc__position-fixed dc__disable-click"
+            className={`dc__position-fixed dc__disable-click dc__top-0 dc__left-0 ${initialRenderDone ? '' : 'dc__visibility-hidden'}`}
             style={{
                 zIndex,
             }}
         >
-            <Draggable handle={dragSelector} nodeRef={nodeRef} position={position} onDrag={handlePositionChange}>
+            <Draggable
+                key={`${JSON.stringify(windowSize)} ${initialRenderDone}`}
+                handle={dragSelector}
+                defaultPosition={getDefaultPosition(positionVariant)}
+                bounds="#devtron-base-main-identifier"
+                nodeRef={nodeRef}>
                 <div
                     ref={nodeRef}
                     {...childDivProps}

From 2d2a0773a443d3aa7f75669ff6a906da324167e9 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 16 Dec 2025 17:04:12 +0530
Subject: [PATCH 02/12] chore: rm file from eslintignore

---
 .eslintignore                                 |  1 -
 .../DraggableWrapper/DraggableWrapper.tsx     | 27 +++++++++----------
 src/Common/DraggableWrapper/types.ts          |  5 ----
 3 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index ffd57a46d..82e735037 100755
--- a/.eslintignore
+++ b/.eslintignore
@@ -23,7 +23,6 @@ src/Common/DebouncedSearch/__tests__/DebouncedSearch.test.tsx
 src/Common/DevtronProgressing/DevtronProgressing.tsx
 src/Common/Dialogs/DialogForm.tsx
 src/Common/DraggableWrapper/DraggableButton.tsx
-src/Common/DraggableWrapper/DraggableWrapper.tsx
 src/Common/Drawer/Drawer.tsx
 src/Common/Grid/Grid.tsx
 src/Common/Helper.tsx
diff --git a/src/Common/DraggableWrapper/DraggableWrapper.tsx b/src/Common/DraggableWrapper/DraggableWrapper.tsx
index d545bc039..ea79181ae 100644
--- a/src/Common/DraggableWrapper/DraggableWrapper.tsx
+++ b/src/Common/DraggableWrapper/DraggableWrapper.tsx
@@ -15,10 +15,11 @@
  */
 
 import { useEffect, useRef, useState } from 'react'
-import Draggable, { ControlPosition, DraggableData } from 'react-draggable'
-import { DraggableWrapperProps, DraggablePositionVariant } from './types'
-import { useWindowSize } from '../Hooks'
+import Draggable, { ControlPosition } from 'react-draggable'
+
 import { MAX_Z_INDEX } from '../Constants'
+import { useWindowSize } from '../Hooks'
+import { DraggablePositionVariant, DraggableWrapperProps } from './types'
 
 /**
  * TODO: import it as lazy, after it is supported in common
@@ -26,7 +27,7 @@ import { MAX_Z_INDEX } from '../Constants'
  * 2. dragSelector will be used to identify the grabbable button that will grab the div to drag
  * 3. parentRef is the reference point from which we will derive the base top:0 ,left: 0 position
  */
-export default function DraggableWrapper({
+const DraggableWrapper = ({
     children,
     zIndex = MAX_Z_INDEX,
     positionVariant,
@@ -34,15 +35,14 @@ export default function DraggableWrapper({
     parentRef,
     boundaryGap = 16,
     childDivProps = {},
-    layoutFixDelta = 0,
-}: DraggableWrapperProps) {
+}: DraggableWrapperProps) => {
     const windowSize = useWindowSize()
     const nodeRef = useRef<HTMLDivElement>(null)
-    
+
     // letting the dom render the element without displaying it so that we know it's dimensions
     const [initialRenderDone, setInitialRenderDone] = useState(false)
 
-    const getDefaultPosition = (positionVariant: DraggablePositionVariant): ControlPosition => {
+    const getDefaultPosition = (): ControlPosition => {
         // if this return x: 0, y: 0 then it will be top left corner of parentDiv
         const parentRect =
             parentRef?.current?.getBoundingClientRect() ??
@@ -60,10 +60,6 @@ export default function DraggableWrapper({
             case DraggablePositionVariant.PARENT_BOTTOM_CENTER: {
                 // center div to middle of the parent rect and then add the left offset of the parent rect
                 const x = (parentRect.width - nodeRefWidth) / 2 + parentRect.left
-                // TODO (v3): Temp fix. Revisit
-                const parentRectTop = parentRect.top > 0 ? parentRect.top : layoutFixDelta
-                // currently at parentRect.y now parent height can be greater than windowSize.height so taking min
-                // subtracting parentRect.top since window height already contains that
                 if (parentRect.height > windowSize.height) {
                     return { x, y: windowSize.height - boundaryGap - nodeRefHeight }
                 }
@@ -104,9 +100,10 @@ export default function DraggableWrapper({
             <Draggable
                 key={`${JSON.stringify(windowSize)} ${initialRenderDone}`}
                 handle={dragSelector}
-                defaultPosition={getDefaultPosition(positionVariant)}
+                defaultPosition={getDefaultPosition()}
                 bounds="#devtron-base-main-identifier"
-                nodeRef={nodeRef}>
+                nodeRef={nodeRef}
+            >
                 <div
                     ref={nodeRef}
                     {...childDivProps}
@@ -121,3 +118,5 @@ export default function DraggableWrapper({
         </div>
     )
 }
+
+export default DraggableWrapper
diff --git a/src/Common/DraggableWrapper/types.ts b/src/Common/DraggableWrapper/types.ts
index 91b9f5f82..4cfe66326 100644
--- a/src/Common/DraggableWrapper/types.ts
+++ b/src/Common/DraggableWrapper/types.ts
@@ -37,11 +37,6 @@ export interface DraggableWrapperProps {
     parentRef?: RefObject<HTMLDivElement>
     boundaryGap?: number
     childDivProps?: HTMLAttributes<HTMLDivElement>
-    /**
-     * Delta for fixing the scrollable layout positioning
-     * @deprecated
-     */
-    layoutFixDelta?: number
 }
 
 /**

From 30ee20cd6411dcb9a493fe6d235c6d7a5da92ffa Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Mon, 22 Dec 2025 14:50:16 +0530
Subject: [PATCH 03/12] fix: review comments

---
 src/Common/DraggableWrapper/DraggableWrapper.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/Common/DraggableWrapper/DraggableWrapper.tsx b/src/Common/DraggableWrapper/DraggableWrapper.tsx
index ea79181ae..818134ad4 100644
--- a/src/Common/DraggableWrapper/DraggableWrapper.tsx
+++ b/src/Common/DraggableWrapper/DraggableWrapper.tsx
@@ -17,6 +17,8 @@
 import { useEffect, useRef, useState } from 'react'
 import Draggable, { ControlPosition } from 'react-draggable'
 
+import { DEVTRON_BASE_MAIN_ID } from '@Shared/constants'
+
 import { MAX_Z_INDEX } from '../Constants'
 import { useWindowSize } from '../Hooks'
 import { DraggablePositionVariant, DraggableWrapperProps } from './types'
@@ -25,7 +27,8 @@ import { DraggablePositionVariant, DraggableWrapperProps } from './types'
  * TODO: import it as lazy, after it is supported in common
  * 1. If using react select please use menuPlacement='auto'
  * 2. dragSelector will be used to identify the grabbable button that will grab the div to drag
- * 3. parentRef is the reference point from which we will derive the base top:0 ,left: 0 position
+ * 3. The wrapper is positioned at the viewport's top-left (top: 0, left: 0) using fixed positioning; parentRef is an optional
+ *    reference that may be used for position calculations but is not the base origin for the coordinate system.
  */
 const DraggableWrapper = ({
     children,
@@ -74,9 +77,7 @@ const DraggableWrapper = ({
             }
             // Add more cases for other variants if needed
             default: {
-                // Since need node to be in center of screen so subtracting width/2 by left of parentRect it will start the node from center but want node's midpoint at center so subtracting node's width from it.
                 const x = (windowSize.width - nodeRefWidth) / 2
-                // subtracting top since windowSize already contains that
                 const y = windowSize.height - nodeRefHeight - boundaryGap
 
                 return { x, y }
@@ -98,10 +99,10 @@ const DraggableWrapper = ({
             }}
         >
             <Draggable
-                key={`${JSON.stringify(windowSize)} ${initialRenderDone}`}
+                key={`${windowSize.height}-${windowSize.width}-${initialRenderDone}`}
                 handle={dragSelector}
                 defaultPosition={getDefaultPosition()}
-                bounds="#devtron-base-main-identifier"
+                bounds={`#${DEVTRON_BASE_MAIN_ID}`}
                 nodeRef={nodeRef}
             >
                 <div

From f405945642c34548655f51a5408dc5e6da31b7d4 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 11:03:05 +0530
Subject: [PATCH 04/12] refactor: use DraggableWrapper in
 FloatingVariableSuggestions

---
 .../DraggableWrapper/DraggableWrapper.tsx     |  12 +-
 src/Common/DraggableWrapper/types.ts          |   3 +-
 .../FloatingVariablesSuggestions.tsx          | 230 +++++-------------
 .../FloatingVariablesSuggestions/types.ts     |   3 -
 4 files changed, 70 insertions(+), 178 deletions(-)

diff --git a/src/Common/DraggableWrapper/DraggableWrapper.tsx b/src/Common/DraggableWrapper/DraggableWrapper.tsx
index 818134ad4..15bd64b9d 100644
--- a/src/Common/DraggableWrapper/DraggableWrapper.tsx
+++ b/src/Common/DraggableWrapper/DraggableWrapper.tsx
@@ -36,7 +36,7 @@ const DraggableWrapper = ({
     positionVariant,
     dragSelector,
     parentRef,
-    boundaryGap = 16,
+    boundaryGap = { x: 16, y: 16 },
     childDivProps = {},
 }: DraggableWrapperProps) => {
     const windowSize = useWindowSize()
@@ -64,21 +64,21 @@ const DraggableWrapper = ({
                 // center div to middle of the parent rect and then add the left offset of the parent rect
                 const x = (parentRect.width - nodeRefWidth) / 2 + parentRect.left
                 if (parentRect.height > windowSize.height) {
-                    return { x, y: windowSize.height - boundaryGap - nodeRefHeight }
+                    return { x, y: windowSize.height - boundaryGap.y - nodeRefHeight }
                 }
-                const y = parentRect.bottom - nodeRefHeight - boundaryGap
+                const y = parentRect.bottom - nodeRefHeight - boundaryGap.y
                 return { x, y }
             }
             case DraggablePositionVariant.SCREEN_BOTTOM_RIGHT: {
-                const x = windowSize.width - nodeRefWidth - boundaryGap
-                const y = windowSize.height - nodeRefHeight - boundaryGap
+                const x = windowSize.width - nodeRefWidth - boundaryGap.x
+                const y = windowSize.height - nodeRefHeight - boundaryGap.y
 
                 return { x, y }
             }
             // Add more cases for other variants if needed
             default: {
                 const x = (windowSize.width - nodeRefWidth) / 2
-                const y = windowSize.height - nodeRefHeight - boundaryGap
+                const y = windowSize.height - nodeRefHeight - boundaryGap.y
 
                 return { x, y }
             }
diff --git a/src/Common/DraggableWrapper/types.ts b/src/Common/DraggableWrapper/types.ts
index 4cfe66326..f1a7d5b9f 100644
--- a/src/Common/DraggableWrapper/types.ts
+++ b/src/Common/DraggableWrapper/types.ts
@@ -18,6 +18,7 @@ import { HTMLAttributes, ReactNode, RefObject } from 'react'
 
 export enum DraggablePositionVariant {
     PARENT_BOTTOM_CENTER = 'PARENT_BOTTOM_CENTER',
+    PARENT_BOTTOM_RIGHT = 'PARENT_BOTTOM_RIGHT',
     SCREEN_BOTTOM_CENTER = 'SCREEN_BOTTOM_CENTER',
     SCREEN_BOTTOM_RIGHT = 'SCREEN_BOTTOM_RIGHT',
     // Can add more based on requirement
@@ -35,7 +36,7 @@ export interface DraggableWrapperProps {
      */
     dragSelector: string
     parentRef?: RefObject<HTMLDivElement>
-    boundaryGap?: number
+    boundaryGap?: Record<'x' | 'y', number>
     childDivProps?: HTMLAttributes<HTMLDivElement>
 }
 
diff --git a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
index f685c4a07..57d1428b9 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
+++ b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
@@ -14,17 +14,15 @@
  * limitations under the License.
  */
 
-import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import Draggable from 'react-draggable'
+import React, { memo, useCallback, useState } from 'react'
 import Tippy from '@tippyjs/react'
 
 import { ReactComponent as ICDrag } from '@Icons/ic-drag.svg'
+import { DraggablePositionVariant, DraggableWrapper } from '@Common/DraggableWrapper'
 import { useAsync } from '@Common/Helper'
-import { useWindowSize } from '@Common/Hooks'
 import { ALLOW_ACTION_OUTSIDE_FOCUS_TRAP } from '@Shared/constants'
 
 import { Icon } from '../Icon'
-import { SUGGESTIONS_SIZE } from './constants'
 import { getScopedVariables } from './service'
 import Suggestions from './Suggestions'
 import { FloatingVariablesSuggestionsProps } from './types'
@@ -35,7 +33,6 @@ import { FloatingVariablesSuggestionsProps } from './types'
  * @param appId -  To fetch the scoped variables
  * @param envId - (Optional)
  * @param clusterId - (Optional)
- * @param bounds - (Optional) To set the bounds of the suggestions
  * @param hideObjectVariables - (Optional) To hide the object/array variables, default is true
  * @returns
  */
@@ -44,89 +41,18 @@ const FloatingVariablesSuggestions = ({
     appId,
     envId,
     clusterId,
-    bounds,
     hideObjectVariables = true,
     showValueOnHover = true,
     isTemplateView,
 }: FloatingVariablesSuggestionsProps) => {
     const [isActive, setIsActive] = useState<boolean>(false)
-    const [collapsedPosition, setCollapsedPosition] = useState<{ x: number; y: number }>({ x: 0, y: 0 })
-    const [expandedPosition, setExpandedPosition] = useState<{ x: number; y: number }>({ x: 0, y: 0 })
 
     const [loadingScopedVariables, variablesData, error, reloadScopedVariables] = useAsync(
         () => getScopedVariables(appId, envId, clusterId, { hideObjectVariables, isTemplateView }),
         [appId, envId, clusterId],
     )
 
-    const windowSize = useWindowSize()
-    // In case of StrictMode, we get error findDOMNode is deprecated in StrictMode
-    // So we use useRef to get the DOM node
-    const nodeRef = useRef(null)
-
-    // nodeRef.current is dependency even though its a ref as initially its null and we need to get the
-    // first value that it gets and after that is not going to trigger again
-    const initialPosition = useMemo(() => {
-        const initialPositionData = nodeRef.current?.getBoundingClientRect() || {
-            x: 0,
-            y: 0,
-        }
-        return { x: initialPositionData.x, y: initialPositionData.y }
-    }, [nodeRef.current])
-
-    // The size of the active state can expand say in case user expands SuggestionsInfo and the widget is at bottom of screen
-    useEffect(() => {
-        const resizeObserver = new ResizeObserver((entries) => {
-            if (entries?.length > 0 && isActive) {
-                const { height } = entries[0].contentRect
-                if (initialPosition.y + expandedPosition.y + height > windowSize.height) {
-                    setExpandedPosition({
-                        x: expandedPosition.x,
-                        y: windowSize.height - height - initialPosition.y,
-                    })
-                }
-            }
-        })
-        resizeObserver.observe(nodeRef.current)
-        return () => {
-            resizeObserver.disconnect()
-        }
-    }, [isActive, expandedPosition, windowSize, initialPosition])
-
     const handleActivation = () => {
-        const currentPosInScreen = {
-            x: initialPosition.x + collapsedPosition.x,
-            y: initialPosition.y + collapsedPosition.y,
-        }
-
-        setExpandedPosition({
-            x: collapsedPosition.x,
-            y: collapsedPosition.y,
-        })
-
-        if (currentPosInScreen.y > windowSize.height - SUGGESTIONS_SIZE.height) {
-            setExpandedPosition({
-                x: collapsedPosition.x,
-                y: windowSize.height - SUGGESTIONS_SIZE.height - initialPosition.y,
-            })
-        }
-
-        if (currentPosInScreen.x > windowSize.width - SUGGESTIONS_SIZE.width) {
-            setExpandedPosition({
-                x: windowSize.width - SUGGESTIONS_SIZE.width - initialPosition.x,
-                y: collapsedPosition.y,
-            })
-        }
-
-        if (
-            currentPosInScreen.x > windowSize.width - SUGGESTIONS_SIZE.width &&
-            currentPosInScreen.y > windowSize.height - SUGGESTIONS_SIZE.height
-        ) {
-            setExpandedPosition({
-                x: windowSize.width - SUGGESTIONS_SIZE.width - initialPosition.x,
-                y: windowSize.height - SUGGESTIONS_SIZE.height - initialPosition.y,
-            })
-        }
-
         setIsActive(true)
     }
 
@@ -136,103 +62,71 @@ const FloatingVariablesSuggestions = ({
         setIsActive(false)
     }, [])
 
-    // e will be unused, but we need to pass it as a parameter since Draggable expects it
-    const handleCollapsedDrag = (e, data: { x: number; y: number }) => {
-        const currentPosInScreen = {
-            x: initialPosition.x + data.x,
-            y: initialPosition.y + data.y,
-        }
-        if (
-            currentPosInScreen.y < 0 ||
-            currentPosInScreen.x < 0 ||
-            currentPosInScreen.x + (nodeRef.current?.getBoundingClientRect().width || 0) > windowSize.width ||
-            currentPosInScreen.y + (nodeRef.current?.getBoundingClientRect().height || 0) > windowSize.height
-        ) {
-            return
-        }
-
-        setCollapsedPosition(data)
-    }
+    const boundaryGap = { x: 32, y: 90 }
 
-    const handleExpandedDrag = (e, data: { x: number; y: number }) => {
-        const currentPosInScreen = {
-            x: initialPosition.x + data.x,
-            y: initialPosition.y + data.y,
-        }
-        if (
-            currentPosInScreen.y < 0 ||
-            currentPosInScreen.x < 0 ||
-            currentPosInScreen.x + (nodeRef.current?.getBoundingClientRect().width || 0) > windowSize.width ||
-            currentPosInScreen.y + (nodeRef.current?.getBoundingClientRect().height || 0) > windowSize.height
-        ) {
-            return
-        }
-        setExpandedPosition(data)
-        // Only Need to retain the collapsed position if the user has not dragged the suggestions, so need to update
-        setCollapsedPosition(data)
-    }
-
-    if (!isActive) {
-        return (
-            <Draggable
-                bounds={bounds}
-                handle=".handle-drag"
-                nodeRef={nodeRef}
-                position={collapsedPosition}
-                onDrag={handleCollapsedDrag}
-            >
-                <div
-                    className="bcn-7 dc__outline-none-imp dc__border-n0 br-48 flex h-40 pt-8 pb-8 pl-12 pr-12 dc__gap-8 dc__no-shrink dc__position-abs"
-                    style={{ zIndex, boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.20)' }}
-                    ref={nodeRef}
-                    data-testid="collapsed-state"
+    return (
+        <>
+            <div className={`${isActive ? 'dc__visibility-hidden dc__disable-click' : ''} `}>
+                <DraggableWrapper
+                    key="collapsed"
+                    zIndex={zIndex}
+                    positionVariant={DraggablePositionVariant.SCREEN_BOTTOM_RIGHT}
+                    dragSelector=".handle-drag"
+                    boundaryGap={boundaryGap}
+                    parentRef={null}
                 >
-                    <button type="button" className="dc__outline-none-imp dc__no-border p-0 bcn-7 h-24">
-                        <ICDrag className="handle-drag dc__grabbable icon-dim-24 fcn-2" />
-                    </button>
-
-                    <Tippy content="Scoped variables" placement="top" className="default-tt" arrow={false}>
-                        <button
-                            className={`dc__outline-none-imp dc__no-border p-0 bcn-7 h-20 ${ALLOW_ACTION_OUTSIDE_FOCUS_TRAP}`}
-                            type="button"
-                            onClick={handleActivation}
-                            data-testid="activate-suggestions"
-                            aria-label="Activate suggestions"
-                        >
-                            <Icon name="ic-view-variable-toggle" color="N0" size={20} />
+                    <div
+                        className="bcn-7 dc__outline-none-imp dc__border-n0 br-48 flex h-40 pt-8 pb-8 pl-12 pr-12 dc__gap-8 dc__no-shrink"
+                        style={{ zIndex, boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.20)' }}
+                        data-testid="collapsed-state"
+                    >
+                        <button type="button" className="dc__outline-none-imp dc__no-border p-0 bcn-7 h-24">
+                            <ICDrag className="handle-drag dc__grabbable icon-dim-24 fcn-2" />
                         </button>
-                    </Tippy>
-                </div>
-            </Draggable>
-        )
-    }
 
-    return (
-        <Draggable
-            bounds={bounds}
-            handle=".handle-drag"
-            nodeRef={nodeRef}
-            position={expandedPosition}
-            onDrag={handleExpandedDrag}
-        >
-            <div
-                className={`flex column dc__no-shrink w-356 dc__content-space dc__border-radius-8-imp dc__border dc__overflow-hidden dc__position-abs mxh-504 bg__overlay--primary ${ALLOW_ACTION_OUTSIDE_FOCUS_TRAP}`}
-                style={{
-                    zIndex,
-                    boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.25)',
-                }}
-                ref={nodeRef}
-            >
-                <Suggestions
-                    handleDeActivation={handleDeActivation}
-                    loading={loadingScopedVariables}
-                    variables={variablesData ?? []}
-                    reloadVariables={reloadScopedVariables}
-                    error={error}
-                    showValueOnHover={showValueOnHover}
-                />
+                        <Tippy content="Scoped variables" placement="top" className="default-tt" arrow={false}>
+                            <button
+                                className={`dc__outline-none-imp dc__no-border p-0 bcn-7 h-20 ${ALLOW_ACTION_OUTSIDE_FOCUS_TRAP}`}
+                                type="button"
+                                onClick={handleActivation}
+                                data-testid="activate-suggestions"
+                                aria-label="Activate suggestions"
+                            >
+                                <Icon name="ic-view-variable-toggle" color="N0" size={20} />
+                            </button>
+                        </Tippy>
+                    </div>
+                </DraggableWrapper>
+            </div>
+
+            <div className={`${!isActive ? 'dc__visibility-hidden dc__disable-click' : ''}`}>
+                <DraggableWrapper
+                    key={`expanded-${loadingScopedVariables}`}
+                    zIndex={zIndex}
+                    positionVariant={DraggablePositionVariant.SCREEN_BOTTOM_RIGHT}
+                    dragSelector=".handle-drag"
+                    boundaryGap={boundaryGap}
+                    parentRef={null}
+                >
+                    <div
+                        className={`flex column dc__no-shrink w-356 dc__content-space dc__border-radius-8-imp dc__border dc__overflow-hidden mxh-504 bg__overlay--primary ${ALLOW_ACTION_OUTSIDE_FOCUS_TRAP}`}
+                        style={{
+                            zIndex,
+                            boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.25)',
+                        }}
+                    >
+                        <Suggestions
+                            handleDeActivation={handleDeActivation}
+                            loading={loadingScopedVariables}
+                            variables={variablesData ?? []}
+                            reloadVariables={reloadScopedVariables}
+                            error={error}
+                            showValueOnHover={showValueOnHover}
+                        />
+                    </div>
+                </DraggableWrapper>
             </div>
-        </Draggable>
+        </>
     )
 }
 
diff --git a/src/Shared/Components/FloatingVariablesSuggestions/types.ts b/src/Shared/Components/FloatingVariablesSuggestions/types.ts
index 1c5230fd3..9e2113a15 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/types.ts
+++ b/src/Shared/Components/FloatingVariablesSuggestions/types.ts
@@ -14,8 +14,6 @@
  * limitations under the License.
  */
 
-import { DraggableBounds } from 'react-draggable'
-
 import { AppConfigProps } from '@Pages/index'
 
 export interface ScopedVariableType {
@@ -32,7 +30,6 @@ export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConf
     appId?: string
     envId?: string
     clusterId?: string
-    bounds?: DraggableBounds | string | false
     /**
      * This will hide the variables with object/array values if set to true
      * @default true

From abae49ef300f88059941535dd208f59186a5bfb4 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 11:04:29 +0530
Subject: [PATCH 05/12] chore: bump version

---
 package-lock.json | 157 ++++++++++++++++++----------------------------
 package.json      |   2 +-
 2 files changed, 63 insertions(+), 96 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index de97d1a0e..b78ce8887 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.0-pre-0",
+    "version": "1.22.0-alpha-10",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@devtron-labs/devtron-fe-common-lib",
-            "version": "1.22.0-pre-0",
+            "version": "1.22.0-alpha-10",
             "hasInstallScript": true,
             "license": "ISC",
             "dependencies": {
@@ -308,6 +308,7 @@
             "integrity": "sha512-bXYxrXFubeYdvB0NhD/NBB3Qi6aZeV20GOWVI47t2dkecCEoneR4NPVcb7abpXDEvejgrUfFtG6vG/zxAKmg+g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@ampproject/remapping": "^2.2.0",
                 "@babel/code-frame": "^7.27.1",
@@ -519,6 +520,7 @@
             "version": "7.25.7",
             "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz",
             "integrity": "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==",
+            "peer": true,
             "dependencies": {
                 "regenerator-runtime": "^0.14.0"
             },
@@ -576,6 +578,7 @@
             "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz",
             "integrity": "sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@codemirror/language": "^6.0.0",
                 "@codemirror/state": "^6.0.0",
@@ -587,6 +590,7 @@
             "version": "6.8.0",
             "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.0.tgz",
             "integrity": "sha512-q8VPEFaEP4ikSlt6ZxjB3zW72+7osfAYW9i8Zu943uqbKuz6utc1+F170hyLUCUltXORjQXRyYQNfkckzA/bPQ==",
+            "peer": true,
             "dependencies": {
                 "@codemirror/language": "^6.0.0",
                 "@codemirror/state": "^6.4.0",
@@ -621,6 +625,7 @@
             "version": "6.10.8",
             "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.10.8.tgz",
             "integrity": "sha512-wcP8XPPhDH2vTqf181U8MbZnW+tDyPYy0UzVOa+oHORjyT+mhhom9vBd7dApJwoDz9Nb/a8kHjJIsuA/t8vNFw==",
+            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.0.0",
                 "@codemirror/view": "^6.23.0",
@@ -642,6 +647,7 @@
             "version": "6.8.4",
             "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.4.tgz",
             "integrity": "sha512-u4q7PnZlJUojeRe8FJa/njJcMctISGgPQ4PnWsd9268R4ZTtU+tfFYmwkBvgcrK2+QQ8tYFVALVb5fVJykKc5A==",
+            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.0.0",
                 "@codemirror/view": "^6.35.0",
@@ -664,6 +670,7 @@
             "version": "6.5.8",
             "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.8.tgz",
             "integrity": "sha512-PoWtZvo7c1XFeZWmmyaOp2G0XVbOnm+fJzvghqGAktBW3cufwJUWvSCcNG0ppXiBEM05mZu6RhMtXPv2hpllig==",
+            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.0.0",
                 "@codemirror/view": "^6.0.0",
@@ -674,6 +681,7 @@
             "version": "6.5.1",
             "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.1.tgz",
             "integrity": "sha512-3rA9lcwciEB47ZevqvD8qgbzhM9qMb8vCcQCNmDfVRPQG4JT9mSb0Jg8H7YjKGGQcFnLN323fj9jdnG59Kx6bg==",
+            "peer": true,
             "dependencies": {
                 "@marijn/find-cluster-break": "^1.0.0"
             }
@@ -693,6 +701,7 @@
             "version": "6.36.2",
             "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.36.2.tgz",
             "integrity": "sha512-DZ6ONbs8qdJK0fdN7AB82CgI6tYXf4HWk1wSVa0+9bhVznCuuvhQtX8bFBoy3dv8rZSQqUd8GvhVAcielcidrA==",
+            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.5.0",
                 "style-mod": "^4.1.0",
@@ -720,7 +729,6 @@
             "version": "11.12.0",
             "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.12.0.tgz",
             "integrity": "sha512-y2WQb+oP8Jqvvclh8Q55gLUyb7UFvgv7eJfsj7td5TToBrIUtPay2kMrZi4xjq9qw2vD0ZR5fSho0yqoFgX7Rw==",
-            "peer": true,
             "dependencies": {
                 "@babel/helper-module-imports": "^7.16.7",
                 "@babel/runtime": "^7.18.3",
@@ -738,14 +746,12 @@
         "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": {
             "version": "1.9.0",
             "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-            "peer": true
+            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
         },
         "node_modules/@emotion/cache": {
             "version": "11.13.1",
             "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.1.tgz",
             "integrity": "sha512-iqouYkuEblRcXmylXIwwOodiEK5Ifl7JcX7o6V4jI3iW4mLXX3dmt5xwBtIkJiQEXFAI+pC8X0i67yiPkH9Ucw==",
-            "peer": true,
             "dependencies": {
                 "@emotion/memoize": "^0.9.0",
                 "@emotion/sheet": "^1.4.0",
@@ -757,8 +763,7 @@
         "node_modules/@emotion/hash": {
             "version": "0.9.2",
             "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
-            "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
-            "peer": true
+            "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g=="
         },
         "node_modules/@emotion/is-prop-valid": {
             "version": "0.8.8",
@@ -780,14 +785,12 @@
         "node_modules/@emotion/memoize": {
             "version": "0.9.0",
             "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
-            "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
-            "peer": true
+            "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ=="
         },
         "node_modules/@emotion/react": {
             "version": "11.13.3",
             "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.13.3.tgz",
             "integrity": "sha512-lIsdU6JNrmYfJ5EbUCf4xW1ovy5wKQ2CkPRM4xogziOxH1nXxBSjpC9YqbFAP7circxMfYp+6x676BqWcEiixg==",
-            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.18.3",
                 "@emotion/babel-plugin": "^11.12.0",
@@ -811,7 +814,6 @@
             "version": "1.3.2",
             "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.2.tgz",
             "integrity": "sha512-grVnMvVPK9yUVE6rkKfAJlYZgo0cu3l9iMC77V7DW6E1DUIrU68pSEXRmFZFOFB1QFo57TncmOcvcbMDWsL4yA==",
-            "peer": true,
             "dependencies": {
                 "@emotion/hash": "^0.9.2",
                 "@emotion/memoize": "^0.9.0",
@@ -823,20 +825,17 @@
         "node_modules/@emotion/sheet": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
-            "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
-            "peer": true
+            "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg=="
         },
         "node_modules/@emotion/unitless": {
             "version": "0.10.0",
             "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
-            "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
-            "peer": true
+            "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg=="
         },
         "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.1.0.tgz",
             "integrity": "sha512-+wBOcIV5snwGgI2ya3u99D7/FJquOIniQT1IKyDsBmEgwvpxMNeS65Oib7OnE2d2aY+3BU4OiH+0Wchf8yk3Hw==",
-            "peer": true,
             "peerDependencies": {
                 "react": ">=16.8.0"
             }
@@ -844,14 +843,12 @@
         "node_modules/@emotion/utils": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.1.tgz",
-            "integrity": "sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA==",
-            "peer": true
+            "integrity": "sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA=="
         },
         "node_modules/@emotion/weak-memoize": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
-            "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
-            "peer": true
+            "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg=="
         },
         "node_modules/@esbuild-plugins/node-globals-polyfill": {
             "version": "0.2.3",
@@ -1422,7 +1419,6 @@
             "version": "1.6.8",
             "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
             "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
-            "peer": true,
             "dependencies": {
                 "@floating-ui/utils": "^0.2.8"
             }
@@ -1431,7 +1427,6 @@
             "version": "1.6.11",
             "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
             "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
-            "peer": true,
             "dependencies": {
                 "@floating-ui/core": "^1.6.0",
                 "@floating-ui/utils": "^0.2.8"
@@ -1440,8 +1435,7 @@
         "node_modules/@floating-ui/utils": {
             "version": "0.2.8",
             "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-            "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
-            "peer": true
+            "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
         },
         "node_modules/@humanwhocodes/config-array": {
             "version": "0.13.0",
@@ -2073,7 +2067,8 @@
         "node_modules/@lezer/common": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
-            "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA=="
+            "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
+            "peer": true
         },
         "node_modules/@lezer/highlight": {
             "version": "1.2.1",
@@ -3626,6 +3621,7 @@
             "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.5.1.tgz",
             "integrity": "sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "@babel/core": "^7.19.6",
                 "@svgr/babel-preset": "^6.5.1",
@@ -3726,6 +3722,7 @@
             "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.40.1.tgz",
             "integrity": "sha512-mgD07S5N8e5v81CArKDWrHE4LM7HxZ9k/KLeD3+NUD9WimGZgKIqojUZf/rXkfAMYZU9p0Chzj2jOXm7xpgHHQ==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@tanstack/query-core": "4.40.0",
                 "use-sync-external-store": "^1.2.0"
@@ -4213,7 +4210,6 @@
             "version": "4.4.11",
             "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.11.tgz",
             "integrity": "sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==",
-            "peer": true,
             "dependencies": {
                 "@types/react": "*"
             }
@@ -4302,6 +4298,7 @@
             "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.3.0.tgz",
             "integrity": "sha512-h53RhVyLu6AtpUzVCYLPhZGL5jzTD9fZL+SYf/+hYOx2bDkyQXztXSc4tbvKYHzfMXExMLiL9CWqJmVz6+78IQ==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "@typescript-eslint/scope-manager": "8.3.0",
                 "@typescript-eslint/types": "8.3.0",
@@ -4695,8 +4692,7 @@
         "node_modules/@yarnpkg/lockfile": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
-            "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
-            "peer": true
+            "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ=="
         },
         "node_modules/acorn": {
             "version": "8.15.0",
@@ -4704,6 +4700,7 @@
             "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "acorn": "bin/acorn"
             },
@@ -4766,7 +4763,6 @@
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
             "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "fast-deep-equal": "^3.1.3",
                 "fast-uri": "^3.0.1",
@@ -4797,7 +4793,6 @@
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
             "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-            "peer": true,
             "dependencies": {
                 "ajv": "^8.0.0"
             },
@@ -5061,7 +5056,6 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
             "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
-            "peer": true,
             "engines": {
                 "node": ">= 4.0.0"
             }
@@ -5102,7 +5096,6 @@
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
             "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
-            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.12.5",
                 "cosmiconfig": "^7.0.0",
@@ -5175,6 +5168,7 @@
                 }
             ],
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "caniuse-lite": "^1.0.30001718",
                 "electron-to-chromium": "^1.5.160",
@@ -5221,7 +5215,6 @@
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
             "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
-            "peer": true,
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.1",
                 "get-intrinsic": "^1.2.6"
@@ -5549,7 +5542,6 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/compute-gcd/-/compute-gcd-1.2.1.tgz",
             "integrity": "sha512-TwMbxBNz0l71+8Sc4czv13h4kEqnchV9igQZBi6QUaz09dnz13juGnnaWWJTRsP3brxOoxeB4SA2WELLw1hCtg==",
-            "peer": true,
             "dependencies": {
                 "validate.io-array": "^1.0.3",
                 "validate.io-function": "^1.0.2",
@@ -5560,7 +5552,6 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/compute-lcm/-/compute-lcm-1.1.2.tgz",
             "integrity": "sha512-OFNPdQAXnQhDSKioX8/XYT6sdUlXwpeMjfd6ApxMJfyZ4GxmLR1xvMERctlYhlHwIiz6CSpBc2+qYKjHGZw4TQ==",
-            "peer": true,
             "dependencies": {
                 "compute-gcd": "^1.2.1",
                 "validate.io-array": "^1.0.3",
@@ -5812,6 +5803,7 @@
             "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
             "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
             "license": "ISC",
+            "peer": true,
             "engines": {
                 "node": ">=12"
             }
@@ -6111,7 +6103,6 @@
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
             "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.8.7",
                 "csstype": "^3.0.2"
@@ -6450,6 +6441,7 @@
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "esbuild": "bin/esbuild"
             },
@@ -6511,6 +6503,7 @@
             "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
             "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.2.0",
                 "@eslint-community/regexpp": "^4.6.1",
@@ -6615,6 +6608,7 @@
             "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
             "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
             "dev": true,
+            "peer": true,
             "bin": {
                 "eslint-config-prettier": "bin/cli.js"
             },
@@ -6708,6 +6702,7 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
             "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "@rtsao/scc": "^1.1.0",
                 "array-includes": "^3.1.8",
@@ -6793,6 +6788,7 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.1.tgz",
             "integrity": "sha512-zHByM9WTUMnfsDTafGXRiqxp6lFtNoSOWBY6FonVRn3A+BUwN1L/tdBXT40BcBJi0cZjOGTXZ0eD/rTG9fEJ0g==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "aria-query": "^5.3.2",
                 "array-includes": "^3.1.8",
@@ -6875,6 +6871,7 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.1.tgz",
             "integrity": "sha512-xwTnwDqzbDRA8uJ7BMxPs/EXRB3i8ZfnOIp8BsxEQkT0nHPp+WWceqGgo6rKb9ctNi8GJLDT4Go5HAWELa/WMg==",
             "dev": true,
+            "peer": true,
             "dependencies": {
                 "array-includes": "^3.1.8",
                 "array.prototype.findlast": "^1.2.5",
@@ -6907,6 +6904,7 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
             "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
             "dev": true,
+            "peer": true,
             "engines": {
                 "node": ">=10"
             },
@@ -7279,8 +7277,7 @@
         "node_modules/fast-uri": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz",
-            "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==",
-            "peer": true
+            "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw=="
         },
         "node_modules/fastq": {
             "version": "1.17.1",
@@ -7317,8 +7314,7 @@
         "node_modules/find-root": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
-            "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
-            "peer": true
+            "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
         },
         "node_modules/find-up": {
             "version": "5.0.0",
@@ -7340,7 +7336,6 @@
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
             "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
-            "peer": true,
             "dependencies": {
                 "micromatch": "^4.0.2"
             }
@@ -7810,7 +7805,6 @@
             "version": "4.10.1",
             "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
             "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
-            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.1.2",
                 "loose-envify": "^1.2.0",
@@ -8100,7 +8094,6 @@
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
             "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-            "peer": true,
             "bin": {
                 "is-docker": "cli.js"
             },
@@ -8379,7 +8372,6 @@
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
             "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-            "peer": true,
             "dependencies": {
                 "is-docker": "^2.0.0"
             },
@@ -8675,6 +8667,7 @@
             "resolved": "https://registry.npmjs.org/jsep/-/jsep-1.4.0.tgz",
             "integrity": "sha512-B7qPcEVE3NVkmSJbaYxvv4cHkVW7DQsZz13pUMrfS8z8Q/BuShN+gcTXrUlPiGqM2/t/EEaI030bpxMqY8gMlw==",
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">= 10.16.0"
             }
@@ -8710,7 +8703,6 @@
             "version": "0.2.2",
             "resolved": "https://registry.npmjs.org/json-schema-compare/-/json-schema-compare-0.2.2.tgz",
             "integrity": "sha512-c4WYmDKyJXhs7WWvAWm3uIYnfyWFoIp+JEoX34rctVvEkMYCPGhXtvmFFXiffBbxfZsvQ0RNnV5H7GvDF5HCqQ==",
-            "peer": true,
             "dependencies": {
                 "lodash": "^4.17.4"
             }
@@ -8741,7 +8733,6 @@
             "version": "0.8.1",
             "resolved": "https://registry.npmjs.org/json-schema-merge-allof/-/json-schema-merge-allof-0.8.1.tgz",
             "integrity": "sha512-CTUKmIlPJbsWfzRRnOXz+0MjIqvnleIXwFTzz+t9T86HnYX/Rozria6ZVGLktAU9e+NygNljveP+yxqtQp/Q4w==",
-            "peer": true,
             "dependencies": {
                 "compute-lcm": "^1.1.2",
                 "json-schema-compare": "^0.2.2",
@@ -8760,7 +8751,6 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.2.1.tgz",
             "integrity": "sha512-Lp6HbbBgosLmJbjx0pBLbgvx68FaFU1sdkmBuckmhhJ88kL13OA51CDtR2yJB50eCNMH9wRqtQNNiAqQH4YXnA==",
-            "peer": true,
             "dependencies": {
                 "call-bind": "^1.0.8",
                 "call-bound": "^1.0.3",
@@ -8809,7 +8799,6 @@
             "version": "0.0.1",
             "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
             "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==",
-            "peer": true,
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
@@ -8836,7 +8825,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz",
             "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==",
-            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -8869,7 +8857,6 @@
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
             "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
-            "peer": true,
             "dependencies": {
                 "graceful-fs": "^4.1.11"
             }
@@ -9166,8 +9153,7 @@
         "node_modules/lodash-es": {
             "version": "4.17.21",
             "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-            "peer": true
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
         },
         "node_modules/lodash.merge": {
             "version": "4.6.2",
@@ -9325,7 +9311,6 @@
             "version": "7.5.0",
             "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.5.0.tgz",
             "integrity": "sha512-RrBNcMHiFPcz/iqIj0n3wclzHXjwS7mzjBNWecKKVhNTIxQepIix6Il/wZCn2Cg5Y1ow2Qi84+eJrryFRWBEWw==",
-            "peer": true,
             "engines": {
                 "node": ">= 10"
             },
@@ -9388,8 +9373,7 @@
         "node_modules/memoize-one": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
-            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
-            "peer": true
+            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
         },
         "node_modules/merge-stream": {
             "version": "2.0.0",
@@ -9595,6 +9579,7 @@
             "version": "2.30.1",
             "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
             "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+            "peer": true,
             "engines": {
                 "node": "*"
             }
@@ -9879,7 +9864,6 @@
             "version": "7.4.2",
             "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
             "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
-            "peer": true,
             "dependencies": {
                 "is-docker": "^2.0.0",
                 "is-wsl": "^2.1.1"
@@ -9912,7 +9896,6 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
             "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
-            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -10000,7 +9983,6 @@
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz",
             "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==",
-            "peer": true,
             "dependencies": {
                 "@yarnpkg/lockfile": "^1.1.0",
                 "chalk": "^4.1.2",
@@ -10030,7 +10012,6 @@
             "version": "1.1.11",
             "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
             "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-            "peer": true,
             "dependencies": {
                 "balanced-match": "^1.0.0",
                 "concat-map": "0.0.1"
@@ -10040,7 +10021,6 @@
             "version": "4.1.2",
             "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
             "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "peer": true,
             "dependencies": {
                 "ansi-styles": "^4.1.0",
                 "supports-color": "^7.1.0"
@@ -10056,7 +10036,6 @@
             "version": "9.1.0",
             "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
             "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-            "peer": true,
             "dependencies": {
                 "at-least-node": "^1.0.0",
                 "graceful-fs": "^4.2.0",
@@ -10072,7 +10051,6 @@
             "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
             "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
             "deprecated": "Glob versions prior to v9 are no longer supported",
-            "peer": true,
             "dependencies": {
                 "fs.realpath": "^1.0.0",
                 "inflight": "^1.0.4",
@@ -10092,7 +10070,6 @@
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
             "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "peer": true,
             "dependencies": {
                 "brace-expansion": "^1.1.7"
             },
@@ -10105,7 +10082,6 @@
             "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
             "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
             "deprecated": "Rimraf versions prior to v4 are no longer supported",
-            "peer": true,
             "dependencies": {
                 "glob": "^7.1.3"
             },
@@ -10117,7 +10093,6 @@
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
             "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
-            "peer": true,
             "engines": {
                 "node": ">=6"
             }
@@ -10185,7 +10160,6 @@
             "version": "1.9.0",
             "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.9.0.tgz",
             "integrity": "sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==",
-            "peer": true,
             "dependencies": {
                 "isarray": "0.0.1"
             }
@@ -10193,8 +10167,7 @@
         "node_modules/path-to-regexp/node_modules/isarray": {
             "version": "0.0.1",
             "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-            "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
-            "peer": true
+            "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
         },
         "node_modules/path-type": {
             "version": "4.0.0",
@@ -10319,6 +10292,7 @@
             "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
             "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
             "dev": true,
+            "peer": true,
             "bin": {
                 "prettier": "bin/prettier.cjs"
             },
@@ -10377,6 +10351,7 @@
             "version": "15.8.1",
             "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
             "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+            "peer": true,
             "dependencies": {
                 "loose-envify": "^1.4.0",
                 "object-assign": "^4.1.1",
@@ -10686,7 +10661,6 @@
             "version": "5.3.4",
             "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.3.4.tgz",
             "integrity": "sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA==",
-            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.12.13",
                 "history": "^4.9.0",
@@ -10723,8 +10697,7 @@
         "node_modules/react-router/node_modules/react-is": {
             "version": "16.13.1",
             "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-            "peer": true
+            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
         },
         "node_modules/react-select": {
             "version": "5.8.0",
@@ -10764,7 +10737,6 @@
             "version": "4.4.5",
             "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
             "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
-            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.5.5",
                 "dom-helpers": "^5.0.1",
@@ -10811,6 +10783,7 @@
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/react-with-styles/-/react-with-styles-4.2.0.tgz",
             "integrity": "sha512-tZCTY27KriRNhwHIbg1NkSdTTOSfXDg6Z7s+Q37mtz0Ym7Sc7IOr3PzVt4qJhJMW6Nkvfi3g34FuhtiGAJCBQA==",
+            "peer": true,
             "dependencies": {
                 "airbnb-prop-types": "^2.14.0",
                 "hoist-non-react-statics": "^3.2.1",
@@ -10989,8 +10962,7 @@
         "node_modules/resolve-pathname": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
-            "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==",
-            "peer": true
+            "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
         },
         "node_modules/resolve-pkg-maps": {
             "version": "1.0.0",
@@ -11109,6 +11081,7 @@
             "integrity": "sha512-wdN2Kd3Twh8MAEOEJZsuxuLKCsBEo4PVNLK6tQWAn10VhsVewQLzcucMgLolRlhFybGxfclbPeEYBaP6RvUFGg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/estree": "1.0.7"
             },
@@ -11170,6 +11143,7 @@
             "version": "7.8.1",
             "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
             "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.1.0"
             }
@@ -11211,6 +11185,7 @@
             "version": "1.80.3",
             "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.3.tgz",
             "integrity": "sha512-ptDWyVmDMVielpz/oWy3YP3nfs7LpJTHIJZboMVs8GEC9eUmtZTZhMHlTW98wY4aEorDfjN38+Wr/XjskFWcfA==",
+            "peer": true,
             "dependencies": {
                 "@parcel/watcher": "^2.4.1",
                 "chokidar": "^4.0.0",
@@ -11228,7 +11203,6 @@
             "version": "0.20.2",
             "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
             "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
-            "peer": true,
             "dependencies": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1"
@@ -11457,7 +11431,6 @@
             "version": "0.5.7",
             "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
             "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
-            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -11796,8 +11769,7 @@
         "node_modules/stylis": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
-            "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
-            "peer": true
+            "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
         },
         "node_modules/superjson": {
             "version": "1.13.3",
@@ -11922,14 +11894,12 @@
         "node_modules/tiny-invariant": {
             "version": "1.3.3",
             "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
-            "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
-            "peer": true
+            "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="
         },
         "node_modules/tiny-warning": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
-            "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
-            "peer": true
+            "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
         },
         "node_modules/tinyglobby": {
             "version": "0.2.14",
@@ -11969,6 +11939,7 @@
             "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=12"
             },
@@ -11989,7 +11960,6 @@
             "version": "0.0.33",
             "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
             "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-            "peer": true,
             "dependencies": {
                 "os-tmpdir": "~1.0.2"
             },
@@ -12176,6 +12146,7 @@
             "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
             "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
             "dev": true,
+            "peer": true,
             "bin": {
                 "tsc": "bin/tsc",
                 "tsserver": "bin/tsserver"
@@ -12332,7 +12303,6 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
             "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
-            "peer": true,
             "peerDependencies": {
                 "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
             },
@@ -12359,20 +12329,17 @@
         "node_modules/validate.io-array": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/validate.io-array/-/validate.io-array-1.0.6.tgz",
-            "integrity": "sha512-DeOy7CnPEziggrOO5CZhVKJw6S3Yi7e9e65R1Nl/RTN1vTQKnzjfvks0/8kQ40FP/dsjRAOd4hxmJ7uLa6vxkg==",
-            "peer": true
+            "integrity": "sha512-DeOy7CnPEziggrOO5CZhVKJw6S3Yi7e9e65R1Nl/RTN1vTQKnzjfvks0/8kQ40FP/dsjRAOd4hxmJ7uLa6vxkg=="
         },
         "node_modules/validate.io-function": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/validate.io-function/-/validate.io-function-1.0.2.tgz",
-            "integrity": "sha512-LlFybRJEriSuBnUhQyG5bwglhh50EpTL2ul23MPIuR1odjO7XaMLFV8vHGwp7AZciFxtYOeiSCT5st+XSPONiQ==",
-            "peer": true
+            "integrity": "sha512-LlFybRJEriSuBnUhQyG5bwglhh50EpTL2ul23MPIuR1odjO7XaMLFV8vHGwp7AZciFxtYOeiSCT5st+XSPONiQ=="
         },
         "node_modules/validate.io-integer": {
             "version": "1.0.5",
             "resolved": "https://registry.npmjs.org/validate.io-integer/-/validate.io-integer-1.0.5.tgz",
             "integrity": "sha512-22izsYSLojN/P6bppBqhgUDjCkr5RY2jd+N2a3DCAUey8ydvrZ/OkGvFPR7qfOpwR2LC5p4Ngzxz36g5Vgr/hQ==",
-            "peer": true,
             "dependencies": {
                 "validate.io-number": "^1.0.3"
             }
@@ -12381,7 +12348,6 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/validate.io-integer-array/-/validate.io-integer-array-1.0.0.tgz",
             "integrity": "sha512-mTrMk/1ytQHtCY0oNO3dztafHYyGU88KL+jRxWuzfOmQb+4qqnWmI+gykvGp8usKZOM0H7keJHEbRaFiYA0VrA==",
-            "peer": true,
             "dependencies": {
                 "validate.io-array": "^1.0.3",
                 "validate.io-integer": "^1.0.4"
@@ -12390,14 +12356,12 @@
         "node_modules/validate.io-number": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/validate.io-number/-/validate.io-number-1.0.3.tgz",
-            "integrity": "sha512-kRAyotcbNaSYoDnXvb4MHg/0a1egJdLwS6oJ38TJY7aw9n93Fl/3blIXdyYvPOp55CNxywooG/3BcrwNrBpcSg==",
-            "peer": true
+            "integrity": "sha512-kRAyotcbNaSYoDnXvb4MHg/0a1egJdLwS6oJ38TJY7aw9n93Fl/3blIXdyYvPOp55CNxywooG/3BcrwNrBpcSg=="
         },
         "node_modules/value-equal": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
-            "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==",
-            "peer": true
+            "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
         },
         "node_modules/vfile": {
             "version": "6.0.3",
@@ -12431,6 +12395,7 @@
             "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "esbuild": "^0.25.0",
                 "fdir": "^6.4.4",
@@ -12594,6 +12559,7 @@
             "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=12"
             },
@@ -12832,6 +12798,7 @@
             "version": "2.6.0",
             "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",
             "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==",
+            "peer": true,
             "bin": {
                 "yaml": "bin.mjs"
             },
diff --git a/package.json b/package.json
index c18a3d755..33201da04 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.0-pre-0",
+    "version": "1.22.0-alpha-10",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

From 81eb115830936382d837026bb0188386221414a2 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 12:42:43 +0530
Subject: [PATCH 06/12] fix: send boundaryGap in FloatingVariableSuggestion
 widget

---
 .../FloatingVariablesSuggestions.tsx                         | 3 +--
 .../Components/FloatingVariablesSuggestions/constants.ts     | 5 -----
 src/Shared/Components/FloatingVariablesSuggestions/types.ts  | 5 ++++-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
index 57d1428b9..fa8826c88 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
+++ b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
@@ -44,6 +44,7 @@ const FloatingVariablesSuggestions = ({
     hideObjectVariables = true,
     showValueOnHover = true,
     isTemplateView,
+    boundaryGap,
 }: FloatingVariablesSuggestionsProps) => {
     const [isActive, setIsActive] = useState<boolean>(false)
 
@@ -62,8 +63,6 @@ const FloatingVariablesSuggestions = ({
         setIsActive(false)
     }, [])
 
-    const boundaryGap = { x: 32, y: 90 }
-
     return (
         <>
             <div className={`${isActive ? 'dc__visibility-hidden dc__disable-click' : ''} `}>
diff --git a/src/Shared/Components/FloatingVariablesSuggestions/constants.ts b/src/Shared/Components/FloatingVariablesSuggestions/constants.ts
index d2c1d6c5c..d3e8c2b39 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/constants.ts
+++ b/src/Shared/Components/FloatingVariablesSuggestions/constants.ts
@@ -14,11 +14,6 @@
  * limitations under the License.
  */
 
-export const SUGGESTIONS_SIZE = {
-    width: 356,
-    height: 504,
-}
-
 export const NO_DEFINED_DESCRIPTION = 'No Defined Description'
 export const NO_DEFINED_VALUE = 'No Defined Value'
 export const SUGGESTIONS_INFO_TITLE = 'What is scoped variable?'
diff --git a/src/Shared/Components/FloatingVariablesSuggestions/types.ts b/src/Shared/Components/FloatingVariablesSuggestions/types.ts
index 9e2113a15..11050d864 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/types.ts
+++ b/src/Shared/Components/FloatingVariablesSuggestions/types.ts
@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { DraggableWrapperProps } from '@Common/DraggableWrapper'
 import { AppConfigProps } from '@Pages/index'
 
 export interface ScopedVariableType {
@@ -25,7 +26,9 @@ export interface ScopedVariableType {
     isRedacted: boolean
 }
 
-export interface FloatingVariablesSuggestionsProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
+export interface FloatingVariablesSuggestionsProps
+    extends Required<Pick<AppConfigProps, 'isTemplateView'>>,
+        Pick<DraggableWrapperProps, 'boundaryGap'> {
     zIndex: number
     appId?: string
     envId?: string

From ea983c06baa907a5f05ac69dc776181b8778c96e Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 12:45:17 +0530
Subject: [PATCH 07/12] chore: revert package-lock.json

---
 package-lock.json | 157 ++++++++++++++++++++++++++++------------------
 1 file changed, 95 insertions(+), 62 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b78ce8887..de97d1a0e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.0-alpha-10",
+    "version": "1.22.0-pre-0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@devtron-labs/devtron-fe-common-lib",
-            "version": "1.22.0-alpha-10",
+            "version": "1.22.0-pre-0",
             "hasInstallScript": true,
             "license": "ISC",
             "dependencies": {
@@ -308,7 +308,6 @@
             "integrity": "sha512-bXYxrXFubeYdvB0NhD/NBB3Qi6aZeV20GOWVI47t2dkecCEoneR4NPVcb7abpXDEvejgrUfFtG6vG/zxAKmg+g==",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@ampproject/remapping": "^2.2.0",
                 "@babel/code-frame": "^7.27.1",
@@ -520,7 +519,6 @@
             "version": "7.25.7",
             "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz",
             "integrity": "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==",
-            "peer": true,
             "dependencies": {
                 "regenerator-runtime": "^0.14.0"
             },
@@ -578,7 +576,6 @@
             "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz",
             "integrity": "sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@codemirror/language": "^6.0.0",
                 "@codemirror/state": "^6.0.0",
@@ -590,7 +587,6 @@
             "version": "6.8.0",
             "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.0.tgz",
             "integrity": "sha512-q8VPEFaEP4ikSlt6ZxjB3zW72+7osfAYW9i8Zu943uqbKuz6utc1+F170hyLUCUltXORjQXRyYQNfkckzA/bPQ==",
-            "peer": true,
             "dependencies": {
                 "@codemirror/language": "^6.0.0",
                 "@codemirror/state": "^6.4.0",
@@ -625,7 +621,6 @@
             "version": "6.10.8",
             "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.10.8.tgz",
             "integrity": "sha512-wcP8XPPhDH2vTqf181U8MbZnW+tDyPYy0UzVOa+oHORjyT+mhhom9vBd7dApJwoDz9Nb/a8kHjJIsuA/t8vNFw==",
-            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.0.0",
                 "@codemirror/view": "^6.23.0",
@@ -647,7 +642,6 @@
             "version": "6.8.4",
             "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.4.tgz",
             "integrity": "sha512-u4q7PnZlJUojeRe8FJa/njJcMctISGgPQ4PnWsd9268R4ZTtU+tfFYmwkBvgcrK2+QQ8tYFVALVb5fVJykKc5A==",
-            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.0.0",
                 "@codemirror/view": "^6.35.0",
@@ -670,7 +664,6 @@
             "version": "6.5.8",
             "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.8.tgz",
             "integrity": "sha512-PoWtZvo7c1XFeZWmmyaOp2G0XVbOnm+fJzvghqGAktBW3cufwJUWvSCcNG0ppXiBEM05mZu6RhMtXPv2hpllig==",
-            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.0.0",
                 "@codemirror/view": "^6.0.0",
@@ -681,7 +674,6 @@
             "version": "6.5.1",
             "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.1.tgz",
             "integrity": "sha512-3rA9lcwciEB47ZevqvD8qgbzhM9qMb8vCcQCNmDfVRPQG4JT9mSb0Jg8H7YjKGGQcFnLN323fj9jdnG59Kx6bg==",
-            "peer": true,
             "dependencies": {
                 "@marijn/find-cluster-break": "^1.0.0"
             }
@@ -701,7 +693,6 @@
             "version": "6.36.2",
             "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.36.2.tgz",
             "integrity": "sha512-DZ6ONbs8qdJK0fdN7AB82CgI6tYXf4HWk1wSVa0+9bhVznCuuvhQtX8bFBoy3dv8rZSQqUd8GvhVAcielcidrA==",
-            "peer": true,
             "dependencies": {
                 "@codemirror/state": "^6.5.0",
                 "style-mod": "^4.1.0",
@@ -729,6 +720,7 @@
             "version": "11.12.0",
             "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.12.0.tgz",
             "integrity": "sha512-y2WQb+oP8Jqvvclh8Q55gLUyb7UFvgv7eJfsj7td5TToBrIUtPay2kMrZi4xjq9qw2vD0ZR5fSho0yqoFgX7Rw==",
+            "peer": true,
             "dependencies": {
                 "@babel/helper-module-imports": "^7.16.7",
                 "@babel/runtime": "^7.18.3",
@@ -746,12 +738,14 @@
         "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": {
             "version": "1.9.0",
             "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
+            "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+            "peer": true
         },
         "node_modules/@emotion/cache": {
             "version": "11.13.1",
             "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.1.tgz",
             "integrity": "sha512-iqouYkuEblRcXmylXIwwOodiEK5Ifl7JcX7o6V4jI3iW4mLXX3dmt5xwBtIkJiQEXFAI+pC8X0i67yiPkH9Ucw==",
+            "peer": true,
             "dependencies": {
                 "@emotion/memoize": "^0.9.0",
                 "@emotion/sheet": "^1.4.0",
@@ -763,7 +757,8 @@
         "node_modules/@emotion/hash": {
             "version": "0.9.2",
             "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
-            "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g=="
+            "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+            "peer": true
         },
         "node_modules/@emotion/is-prop-valid": {
             "version": "0.8.8",
@@ -785,12 +780,14 @@
         "node_modules/@emotion/memoize": {
             "version": "0.9.0",
             "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
-            "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ=="
+            "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+            "peer": true
         },
         "node_modules/@emotion/react": {
             "version": "11.13.3",
             "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.13.3.tgz",
             "integrity": "sha512-lIsdU6JNrmYfJ5EbUCf4xW1ovy5wKQ2CkPRM4xogziOxH1nXxBSjpC9YqbFAP7circxMfYp+6x676BqWcEiixg==",
+            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.18.3",
                 "@emotion/babel-plugin": "^11.12.0",
@@ -814,6 +811,7 @@
             "version": "1.3.2",
             "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.2.tgz",
             "integrity": "sha512-grVnMvVPK9yUVE6rkKfAJlYZgo0cu3l9iMC77V7DW6E1DUIrU68pSEXRmFZFOFB1QFo57TncmOcvcbMDWsL4yA==",
+            "peer": true,
             "dependencies": {
                 "@emotion/hash": "^0.9.2",
                 "@emotion/memoize": "^0.9.0",
@@ -825,17 +823,20 @@
         "node_modules/@emotion/sheet": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
-            "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg=="
+            "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+            "peer": true
         },
         "node_modules/@emotion/unitless": {
             "version": "0.10.0",
             "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
-            "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg=="
+            "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+            "peer": true
         },
         "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.1.0.tgz",
             "integrity": "sha512-+wBOcIV5snwGgI2ya3u99D7/FJquOIniQT1IKyDsBmEgwvpxMNeS65Oib7OnE2d2aY+3BU4OiH+0Wchf8yk3Hw==",
+            "peer": true,
             "peerDependencies": {
                 "react": ">=16.8.0"
             }
@@ -843,12 +844,14 @@
         "node_modules/@emotion/utils": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.1.tgz",
-            "integrity": "sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA=="
+            "integrity": "sha512-BymCXzCG3r72VKJxaYVwOXATqXIZ85cuvg0YOUDxMGNrKc1DJRZk8MgV5wyXRyEayIMd4FuXJIUgTBXvDNW5cA==",
+            "peer": true
         },
         "node_modules/@emotion/weak-memoize": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
-            "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg=="
+            "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+            "peer": true
         },
         "node_modules/@esbuild-plugins/node-globals-polyfill": {
             "version": "0.2.3",
@@ -1419,6 +1422,7 @@
             "version": "1.6.8",
             "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
             "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
+            "peer": true,
             "dependencies": {
                 "@floating-ui/utils": "^0.2.8"
             }
@@ -1427,6 +1431,7 @@
             "version": "1.6.11",
             "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
             "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
+            "peer": true,
             "dependencies": {
                 "@floating-ui/core": "^1.6.0",
                 "@floating-ui/utils": "^0.2.8"
@@ -1435,7 +1440,8 @@
         "node_modules/@floating-ui/utils": {
             "version": "0.2.8",
             "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-            "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
+            "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
+            "peer": true
         },
         "node_modules/@humanwhocodes/config-array": {
             "version": "0.13.0",
@@ -2067,8 +2073,7 @@
         "node_modules/@lezer/common": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
-            "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
-            "peer": true
+            "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA=="
         },
         "node_modules/@lezer/highlight": {
             "version": "1.2.1",
@@ -3621,7 +3626,6 @@
             "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.5.1.tgz",
             "integrity": "sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw==",
             "dev": true,
-            "peer": true,
             "dependencies": {
                 "@babel/core": "^7.19.6",
                 "@svgr/babel-preset": "^6.5.1",
@@ -3722,7 +3726,6 @@
             "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.40.1.tgz",
             "integrity": "sha512-mgD07S5N8e5v81CArKDWrHE4LM7HxZ9k/KLeD3+NUD9WimGZgKIqojUZf/rXkfAMYZU9p0Chzj2jOXm7xpgHHQ==",
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@tanstack/query-core": "4.40.0",
                 "use-sync-external-store": "^1.2.0"
@@ -4210,6 +4213,7 @@
             "version": "4.4.11",
             "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.11.tgz",
             "integrity": "sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==",
+            "peer": true,
             "dependencies": {
                 "@types/react": "*"
             }
@@ -4298,7 +4302,6 @@
             "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.3.0.tgz",
             "integrity": "sha512-h53RhVyLu6AtpUzVCYLPhZGL5jzTD9fZL+SYf/+hYOx2bDkyQXztXSc4tbvKYHzfMXExMLiL9CWqJmVz6+78IQ==",
             "dev": true,
-            "peer": true,
             "dependencies": {
                 "@typescript-eslint/scope-manager": "8.3.0",
                 "@typescript-eslint/types": "8.3.0",
@@ -4692,7 +4695,8 @@
         "node_modules/@yarnpkg/lockfile": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
-            "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ=="
+            "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
+            "peer": true
         },
         "node_modules/acorn": {
             "version": "8.15.0",
@@ -4700,7 +4704,6 @@
             "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "bin": {
                 "acorn": "bin/acorn"
             },
@@ -4763,6 +4766,7 @@
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
             "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "fast-deep-equal": "^3.1.3",
                 "fast-uri": "^3.0.1",
@@ -4793,6 +4797,7 @@
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
             "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+            "peer": true,
             "dependencies": {
                 "ajv": "^8.0.0"
             },
@@ -5056,6 +5061,7 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
             "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+            "peer": true,
             "engines": {
                 "node": ">= 4.0.0"
             }
@@ -5096,6 +5102,7 @@
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
             "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.12.5",
                 "cosmiconfig": "^7.0.0",
@@ -5168,7 +5175,6 @@
                 }
             ],
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "caniuse-lite": "^1.0.30001718",
                 "electron-to-chromium": "^1.5.160",
@@ -5215,6 +5221,7 @@
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
             "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+            "peer": true,
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.1",
                 "get-intrinsic": "^1.2.6"
@@ -5542,6 +5549,7 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/compute-gcd/-/compute-gcd-1.2.1.tgz",
             "integrity": "sha512-TwMbxBNz0l71+8Sc4czv13h4kEqnchV9igQZBi6QUaz09dnz13juGnnaWWJTRsP3brxOoxeB4SA2WELLw1hCtg==",
+            "peer": true,
             "dependencies": {
                 "validate.io-array": "^1.0.3",
                 "validate.io-function": "^1.0.2",
@@ -5552,6 +5560,7 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/compute-lcm/-/compute-lcm-1.1.2.tgz",
             "integrity": "sha512-OFNPdQAXnQhDSKioX8/XYT6sdUlXwpeMjfd6ApxMJfyZ4GxmLR1xvMERctlYhlHwIiz6CSpBc2+qYKjHGZw4TQ==",
+            "peer": true,
             "dependencies": {
                 "compute-gcd": "^1.2.1",
                 "validate.io-array": "^1.0.3",
@@ -5803,7 +5812,6 @@
             "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
             "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
             "license": "ISC",
-            "peer": true,
             "engines": {
                 "node": ">=12"
             }
@@ -6103,6 +6111,7 @@
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
             "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.8.7",
                 "csstype": "^3.0.2"
@@ -6441,7 +6450,6 @@
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
-            "peer": true,
             "bin": {
                 "esbuild": "bin/esbuild"
             },
@@ -6503,7 +6511,6 @@
             "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
             "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
             "dev": true,
-            "peer": true,
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.2.0",
                 "@eslint-community/regexpp": "^4.6.1",
@@ -6608,7 +6615,6 @@
             "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
             "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
             "dev": true,
-            "peer": true,
             "bin": {
                 "eslint-config-prettier": "bin/cli.js"
             },
@@ -6702,7 +6708,6 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
             "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
             "dev": true,
-            "peer": true,
             "dependencies": {
                 "@rtsao/scc": "^1.1.0",
                 "array-includes": "^3.1.8",
@@ -6788,7 +6793,6 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.1.tgz",
             "integrity": "sha512-zHByM9WTUMnfsDTafGXRiqxp6lFtNoSOWBY6FonVRn3A+BUwN1L/tdBXT40BcBJi0cZjOGTXZ0eD/rTG9fEJ0g==",
             "dev": true,
-            "peer": true,
             "dependencies": {
                 "aria-query": "^5.3.2",
                 "array-includes": "^3.1.8",
@@ -6871,7 +6875,6 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.1.tgz",
             "integrity": "sha512-xwTnwDqzbDRA8uJ7BMxPs/EXRB3i8ZfnOIp8BsxEQkT0nHPp+WWceqGgo6rKb9ctNi8GJLDT4Go5HAWELa/WMg==",
             "dev": true,
-            "peer": true,
             "dependencies": {
                 "array-includes": "^3.1.8",
                 "array.prototype.findlast": "^1.2.5",
@@ -6904,7 +6907,6 @@
             "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
             "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
             "dev": true,
-            "peer": true,
             "engines": {
                 "node": ">=10"
             },
@@ -7277,7 +7279,8 @@
         "node_modules/fast-uri": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz",
-            "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw=="
+            "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==",
+            "peer": true
         },
         "node_modules/fastq": {
             "version": "1.17.1",
@@ -7314,7 +7317,8 @@
         "node_modules/find-root": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
-            "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+            "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+            "peer": true
         },
         "node_modules/find-up": {
             "version": "5.0.0",
@@ -7336,6 +7340,7 @@
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
             "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+            "peer": true,
             "dependencies": {
                 "micromatch": "^4.0.2"
             }
@@ -7805,6 +7810,7 @@
             "version": "4.10.1",
             "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
             "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
+            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.1.2",
                 "loose-envify": "^1.2.0",
@@ -8094,6 +8100,7 @@
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
             "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+            "peer": true,
             "bin": {
                 "is-docker": "cli.js"
             },
@@ -8372,6 +8379,7 @@
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
             "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+            "peer": true,
             "dependencies": {
                 "is-docker": "^2.0.0"
             },
@@ -8667,7 +8675,6 @@
             "resolved": "https://registry.npmjs.org/jsep/-/jsep-1.4.0.tgz",
             "integrity": "sha512-B7qPcEVE3NVkmSJbaYxvv4cHkVW7DQsZz13pUMrfS8z8Q/BuShN+gcTXrUlPiGqM2/t/EEaI030bpxMqY8gMlw==",
             "license": "MIT",
-            "peer": true,
             "engines": {
                 "node": ">= 10.16.0"
             }
@@ -8703,6 +8710,7 @@
             "version": "0.2.2",
             "resolved": "https://registry.npmjs.org/json-schema-compare/-/json-schema-compare-0.2.2.tgz",
             "integrity": "sha512-c4WYmDKyJXhs7WWvAWm3uIYnfyWFoIp+JEoX34rctVvEkMYCPGhXtvmFFXiffBbxfZsvQ0RNnV5H7GvDF5HCqQ==",
+            "peer": true,
             "dependencies": {
                 "lodash": "^4.17.4"
             }
@@ -8733,6 +8741,7 @@
             "version": "0.8.1",
             "resolved": "https://registry.npmjs.org/json-schema-merge-allof/-/json-schema-merge-allof-0.8.1.tgz",
             "integrity": "sha512-CTUKmIlPJbsWfzRRnOXz+0MjIqvnleIXwFTzz+t9T86HnYX/Rozria6ZVGLktAU9e+NygNljveP+yxqtQp/Q4w==",
+            "peer": true,
             "dependencies": {
                 "compute-lcm": "^1.1.2",
                 "json-schema-compare": "^0.2.2",
@@ -8751,6 +8760,7 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.2.1.tgz",
             "integrity": "sha512-Lp6HbbBgosLmJbjx0pBLbgvx68FaFU1sdkmBuckmhhJ88kL13OA51CDtR2yJB50eCNMH9wRqtQNNiAqQH4YXnA==",
+            "peer": true,
             "dependencies": {
                 "call-bind": "^1.0.8",
                 "call-bound": "^1.0.3",
@@ -8799,6 +8809,7 @@
             "version": "0.0.1",
             "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
             "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==",
+            "peer": true,
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
@@ -8825,6 +8836,7 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz",
             "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -8857,6 +8869,7 @@
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
             "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+            "peer": true,
             "dependencies": {
                 "graceful-fs": "^4.1.11"
             }
@@ -9153,7 +9166,8 @@
         "node_modules/lodash-es": {
             "version": "4.17.21",
             "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+            "peer": true
         },
         "node_modules/lodash.merge": {
             "version": "4.6.2",
@@ -9311,6 +9325,7 @@
             "version": "7.5.0",
             "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.5.0.tgz",
             "integrity": "sha512-RrBNcMHiFPcz/iqIj0n3wclzHXjwS7mzjBNWecKKVhNTIxQepIix6Il/wZCn2Cg5Y1ow2Qi84+eJrryFRWBEWw==",
+            "peer": true,
             "engines": {
                 "node": ">= 10"
             },
@@ -9373,7 +9388,8 @@
         "node_modules/memoize-one": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
-            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+            "peer": true
         },
         "node_modules/merge-stream": {
             "version": "2.0.0",
@@ -9579,7 +9595,6 @@
             "version": "2.30.1",
             "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
             "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
-            "peer": true,
             "engines": {
                 "node": "*"
             }
@@ -9864,6 +9879,7 @@
             "version": "7.4.2",
             "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
             "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+            "peer": true,
             "dependencies": {
                 "is-docker": "^2.0.0",
                 "is-wsl": "^2.1.1"
@@ -9896,6 +9912,7 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
             "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -9983,6 +10000,7 @@
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz",
             "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==",
+            "peer": true,
             "dependencies": {
                 "@yarnpkg/lockfile": "^1.1.0",
                 "chalk": "^4.1.2",
@@ -10012,6 +10030,7 @@
             "version": "1.1.11",
             "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
             "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+            "peer": true,
             "dependencies": {
                 "balanced-match": "^1.0.0",
                 "concat-map": "0.0.1"
@@ -10021,6 +10040,7 @@
             "version": "4.1.2",
             "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
             "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "peer": true,
             "dependencies": {
                 "ansi-styles": "^4.1.0",
                 "supports-color": "^7.1.0"
@@ -10036,6 +10056,7 @@
             "version": "9.1.0",
             "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
             "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+            "peer": true,
             "dependencies": {
                 "at-least-node": "^1.0.0",
                 "graceful-fs": "^4.2.0",
@@ -10051,6 +10072,7 @@
             "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
             "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
             "deprecated": "Glob versions prior to v9 are no longer supported",
+            "peer": true,
             "dependencies": {
                 "fs.realpath": "^1.0.0",
                 "inflight": "^1.0.4",
@@ -10070,6 +10092,7 @@
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
             "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "peer": true,
             "dependencies": {
                 "brace-expansion": "^1.1.7"
             },
@@ -10082,6 +10105,7 @@
             "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
             "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
             "deprecated": "Rimraf versions prior to v4 are no longer supported",
+            "peer": true,
             "dependencies": {
                 "glob": "^7.1.3"
             },
@@ -10093,6 +10117,7 @@
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
             "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+            "peer": true,
             "engines": {
                 "node": ">=6"
             }
@@ -10160,6 +10185,7 @@
             "version": "1.9.0",
             "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.9.0.tgz",
             "integrity": "sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==",
+            "peer": true,
             "dependencies": {
                 "isarray": "0.0.1"
             }
@@ -10167,7 +10193,8 @@
         "node_modules/path-to-regexp/node_modules/isarray": {
             "version": "0.0.1",
             "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
-            "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
+            "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+            "peer": true
         },
         "node_modules/path-type": {
             "version": "4.0.0",
@@ -10292,7 +10319,6 @@
             "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
             "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
             "dev": true,
-            "peer": true,
             "bin": {
                 "prettier": "bin/prettier.cjs"
             },
@@ -10351,7 +10377,6 @@
             "version": "15.8.1",
             "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
             "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-            "peer": true,
             "dependencies": {
                 "loose-envify": "^1.4.0",
                 "object-assign": "^4.1.1",
@@ -10661,6 +10686,7 @@
             "version": "5.3.4",
             "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.3.4.tgz",
             "integrity": "sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA==",
+            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.12.13",
                 "history": "^4.9.0",
@@ -10697,7 +10723,8 @@
         "node_modules/react-router/node_modules/react-is": {
             "version": "16.13.1",
             "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+            "peer": true
         },
         "node_modules/react-select": {
             "version": "5.8.0",
@@ -10737,6 +10764,7 @@
             "version": "4.4.5",
             "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
             "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+            "peer": true,
             "dependencies": {
                 "@babel/runtime": "^7.5.5",
                 "dom-helpers": "^5.0.1",
@@ -10783,7 +10811,6 @@
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/react-with-styles/-/react-with-styles-4.2.0.tgz",
             "integrity": "sha512-tZCTY27KriRNhwHIbg1NkSdTTOSfXDg6Z7s+Q37mtz0Ym7Sc7IOr3PzVt4qJhJMW6Nkvfi3g34FuhtiGAJCBQA==",
-            "peer": true,
             "dependencies": {
                 "airbnb-prop-types": "^2.14.0",
                 "hoist-non-react-statics": "^3.2.1",
@@ -10962,7 +10989,8 @@
         "node_modules/resolve-pathname": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
-            "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
+            "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==",
+            "peer": true
         },
         "node_modules/resolve-pkg-maps": {
             "version": "1.0.0",
@@ -11081,7 +11109,6 @@
             "integrity": "sha512-wdN2Kd3Twh8MAEOEJZsuxuLKCsBEo4PVNLK6tQWAn10VhsVewQLzcucMgLolRlhFybGxfclbPeEYBaP6RvUFGg==",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "@types/estree": "1.0.7"
             },
@@ -11143,7 +11170,6 @@
             "version": "7.8.1",
             "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
             "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-            "peer": true,
             "dependencies": {
                 "tslib": "^2.1.0"
             }
@@ -11185,7 +11211,6 @@
             "version": "1.80.3",
             "resolved": "https://registry.npmjs.org/sass/-/sass-1.80.3.tgz",
             "integrity": "sha512-ptDWyVmDMVielpz/oWy3YP3nfs7LpJTHIJZboMVs8GEC9eUmtZTZhMHlTW98wY4aEorDfjN38+Wr/XjskFWcfA==",
-            "peer": true,
             "dependencies": {
                 "@parcel/watcher": "^2.4.1",
                 "chokidar": "^4.0.0",
@@ -11203,6 +11228,7 @@
             "version": "0.20.2",
             "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
             "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
+            "peer": true,
             "dependencies": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1"
@@ -11431,6 +11457,7 @@
             "version": "0.5.7",
             "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
             "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+            "peer": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -11769,7 +11796,8 @@
         "node_modules/stylis": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
-            "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
+            "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+            "peer": true
         },
         "node_modules/superjson": {
             "version": "1.13.3",
@@ -11894,12 +11922,14 @@
         "node_modules/tiny-invariant": {
             "version": "1.3.3",
             "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
-            "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="
+            "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+            "peer": true
         },
         "node_modules/tiny-warning": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
-            "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+            "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
+            "peer": true
         },
         "node_modules/tinyglobby": {
             "version": "0.2.14",
@@ -11939,7 +11969,6 @@
             "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "engines": {
                 "node": ">=12"
             },
@@ -11960,6 +11989,7 @@
             "version": "0.0.33",
             "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
             "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+            "peer": true,
             "dependencies": {
                 "os-tmpdir": "~1.0.2"
             },
@@ -12146,7 +12176,6 @@
             "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
             "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
             "dev": true,
-            "peer": true,
             "bin": {
                 "tsc": "bin/tsc",
                 "tsserver": "bin/tsserver"
@@ -12303,6 +12332,7 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz",
             "integrity": "sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==",
+            "peer": true,
             "peerDependencies": {
                 "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
             },
@@ -12329,17 +12359,20 @@
         "node_modules/validate.io-array": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/validate.io-array/-/validate.io-array-1.0.6.tgz",
-            "integrity": "sha512-DeOy7CnPEziggrOO5CZhVKJw6S3Yi7e9e65R1Nl/RTN1vTQKnzjfvks0/8kQ40FP/dsjRAOd4hxmJ7uLa6vxkg=="
+            "integrity": "sha512-DeOy7CnPEziggrOO5CZhVKJw6S3Yi7e9e65R1Nl/RTN1vTQKnzjfvks0/8kQ40FP/dsjRAOd4hxmJ7uLa6vxkg==",
+            "peer": true
         },
         "node_modules/validate.io-function": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/validate.io-function/-/validate.io-function-1.0.2.tgz",
-            "integrity": "sha512-LlFybRJEriSuBnUhQyG5bwglhh50EpTL2ul23MPIuR1odjO7XaMLFV8vHGwp7AZciFxtYOeiSCT5st+XSPONiQ=="
+            "integrity": "sha512-LlFybRJEriSuBnUhQyG5bwglhh50EpTL2ul23MPIuR1odjO7XaMLFV8vHGwp7AZciFxtYOeiSCT5st+XSPONiQ==",
+            "peer": true
         },
         "node_modules/validate.io-integer": {
             "version": "1.0.5",
             "resolved": "https://registry.npmjs.org/validate.io-integer/-/validate.io-integer-1.0.5.tgz",
             "integrity": "sha512-22izsYSLojN/P6bppBqhgUDjCkr5RY2jd+N2a3DCAUey8ydvrZ/OkGvFPR7qfOpwR2LC5p4Ngzxz36g5Vgr/hQ==",
+            "peer": true,
             "dependencies": {
                 "validate.io-number": "^1.0.3"
             }
@@ -12348,6 +12381,7 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/validate.io-integer-array/-/validate.io-integer-array-1.0.0.tgz",
             "integrity": "sha512-mTrMk/1ytQHtCY0oNO3dztafHYyGU88KL+jRxWuzfOmQb+4qqnWmI+gykvGp8usKZOM0H7keJHEbRaFiYA0VrA==",
+            "peer": true,
             "dependencies": {
                 "validate.io-array": "^1.0.3",
                 "validate.io-integer": "^1.0.4"
@@ -12356,12 +12390,14 @@
         "node_modules/validate.io-number": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/validate.io-number/-/validate.io-number-1.0.3.tgz",
-            "integrity": "sha512-kRAyotcbNaSYoDnXvb4MHg/0a1egJdLwS6oJ38TJY7aw9n93Fl/3blIXdyYvPOp55CNxywooG/3BcrwNrBpcSg=="
+            "integrity": "sha512-kRAyotcbNaSYoDnXvb4MHg/0a1egJdLwS6oJ38TJY7aw9n93Fl/3blIXdyYvPOp55CNxywooG/3BcrwNrBpcSg==",
+            "peer": true
         },
         "node_modules/value-equal": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
-            "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
+            "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==",
+            "peer": true
         },
         "node_modules/vfile": {
             "version": "6.0.3",
@@ -12395,7 +12431,6 @@
             "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "dependencies": {
                 "esbuild": "^0.25.0",
                 "fdir": "^6.4.4",
@@ -12559,7 +12594,6 @@
             "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
             "dev": true,
             "license": "MIT",
-            "peer": true,
             "engines": {
                 "node": ">=12"
             },
@@ -12798,7 +12832,6 @@
             "version": "2.6.0",
             "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",
             "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==",
-            "peer": true,
             "bin": {
                 "yaml": "bin.mjs"
             },

From 3b51e62bb0c7a325f89ce5fc5c78eab2a9d82968 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 12:59:21 +0530
Subject: [PATCH 08/12] chore: update package-lock

---
 package-lock.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index de97d1a0e..f259cdbbd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.0-pre-0",
+    "version": "1.22.0-alpha-10",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@devtron-labs/devtron-fe-common-lib",
-            "version": "1.22.0-pre-0",
+            "version": "1.22.0-alpha-10",
             "hasInstallScript": true,
             "license": "ISC",
             "dependencies": {

From f412bb86eaed064d39d65ed675840d989bd186df Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 13:10:31 +0530
Subject: [PATCH 09/12] chore: add comments

---
 src/Common/DraggableWrapper/DraggableWrapper.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/Common/DraggableWrapper/DraggableWrapper.tsx b/src/Common/DraggableWrapper/DraggableWrapper.tsx
index 15bd64b9d..49db62f71 100644
--- a/src/Common/DraggableWrapper/DraggableWrapper.tsx
+++ b/src/Common/DraggableWrapper/DraggableWrapper.tsx
@@ -64,20 +64,32 @@ const DraggableWrapper = ({
                 // center div to middle of the parent rect and then add the left offset of the parent rect
                 const x = (parentRect.width - nodeRefWidth) / 2 + parentRect.left
                 if (parentRect.height > windowSize.height) {
+                    // since the parent itself overflows, we use windowSize for calculations
                     return { x, y: windowSize.height - boundaryGap.y - nodeRefHeight }
                 }
+                // y = parentRect.bottom will place the widget at the extreme bottom of the parent,
+                // therefore need to offset it to the top by boundary and its own height
                 const y = parentRect.bottom - nodeRefHeight - boundaryGap.y
                 return { x, y }
             }
             case DraggablePositionVariant.SCREEN_BOTTOM_RIGHT: {
+                // x = windowSize.width will place the widget at the extreme right,
+                // therefore need to offset it to the left by boundary and its own width
                 const x = windowSize.width - nodeRefWidth - boundaryGap.x
+                // y = windowSize.height will place the widget at the extreme bottom,
+                // therefore need to offset it to the top by boundary and its own height
                 const y = windowSize.height - nodeRefHeight - boundaryGap.y
 
                 return { x, y }
             }
             // Add more cases for other variants if needed
             default: {
+                // we need to first place the start of the widget at (windowSize.width / 2)
+                // followed by moving it half of its own width to the left such that center of widget
+                // aligns with the central axis of the screen
                 const x = (windowSize.width - nodeRefWidth) / 2
+                // y = windowSize.height will place the widget at the extreme bottom,
+                // therefore need to offset it to the top by boundary and its own height
                 const y = windowSize.height - nodeRefHeight - boundaryGap.y
 
                 return { x, y }

From 394175259c0565e3d08dfdc566d7c5e65d1325b4 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 15:09:50 +0530
Subject: [PATCH 10/12] fix: review comment

---
 .../FloatingVariablesSuggestions.tsx                       | 7 ++++---
 .../FloatingVariablesSuggestions/Suggestions.tsx           | 6 ++++--
 .../Components/FloatingVariablesSuggestions/constants.ts   | 1 +
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
index fa8826c88..2b5422637 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
+++ b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
@@ -23,6 +23,7 @@ import { useAsync } from '@Common/Helper'
 import { ALLOW_ACTION_OUTSIDE_FOCUS_TRAP } from '@Shared/constants'
 
 import { Icon } from '../Icon'
+import { DRAG_SELECTOR } from './constants'
 import { getScopedVariables } from './service'
 import Suggestions from './Suggestions'
 import { FloatingVariablesSuggestionsProps } from './types'
@@ -70,7 +71,7 @@ const FloatingVariablesSuggestions = ({
                     key="collapsed"
                     zIndex={zIndex}
                     positionVariant={DraggablePositionVariant.SCREEN_BOTTOM_RIGHT}
-                    dragSelector=".handle-drag"
+                    dragSelector={`.${DRAG_SELECTOR}`}
                     boundaryGap={boundaryGap}
                     parentRef={null}
                 >
@@ -80,7 +81,7 @@ const FloatingVariablesSuggestions = ({
                         data-testid="collapsed-state"
                     >
                         <button type="button" className="dc__outline-none-imp dc__no-border p-0 bcn-7 h-24">
-                            <ICDrag className="handle-drag dc__grabbable icon-dim-24 fcn-2" />
+                            <ICDrag className={`${DRAG_SELECTOR} dc__grabbable icon-dim-24 fcn-2`} />
                         </button>
 
                         <Tippy content="Scoped variables" placement="top" className="default-tt" arrow={false}>
@@ -103,7 +104,7 @@ const FloatingVariablesSuggestions = ({
                     key={`expanded-${loadingScopedVariables}`}
                     zIndex={zIndex}
                     positionVariant={DraggablePositionVariant.SCREEN_BOTTOM_RIGHT}
-                    dragSelector=".handle-drag"
+                    dragSelector={`.${DRAG_SELECTOR}`}
                     boundaryGap={boundaryGap}
                     parentRef={null}
                 >
diff --git a/src/Shared/Components/FloatingVariablesSuggestions/Suggestions.tsx b/src/Shared/Components/FloatingVariablesSuggestions/Suggestions.tsx
index 5dd91db7e..1e0057f3c 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/Suggestions.tsx
+++ b/src/Shared/Components/FloatingVariablesSuggestions/Suggestions.tsx
@@ -24,7 +24,7 @@ import { ALLOW_ACTION_OUTSIDE_FOCUS_TRAP, ComponentSizeType } from '@Shared/cons
 
 import { Button, ButtonStyleType, ButtonVariantType } from '../Button'
 import { Icon } from '../Icon'
-import { NO_DEFINED_DESCRIPTION, NO_DEFINED_VALUE } from './constants'
+import { DRAG_SELECTOR, NO_DEFINED_DESCRIPTION, NO_DEFINED_VALUE } from './constants'
 import SuggestionItem from './SuggestionItem'
 import SuggestionsInfo from './SuggestionsInfo'
 import { ScopedVariableType, SuggestionsProps } from './types'
@@ -75,7 +75,9 @@ const Suggestions = ({
 
     const renderHeader = (): JSX.Element => (
         <div className="flexbox-col dc__align-self-stretch">
-            <div className="handle-drag flexbox pt-8 pl-12 pr-12 dc__gap-16 dc__align-start dc__align-self-stretch dc__grabbable dc__border-bottom">
+            <div
+                className={`${DRAG_SELECTOR} flexbox pt-8 pl-12 pr-12 dc__gap-16 dc__align-start dc__align-self-stretch dc__grabbable dc__border-bottom`}
+            >
                 <div className="flexbox-col dc__content-center dc__align-start flex-grow-1 dc__no-shrink">
                     <div className="flex center dc__gap-4">
                         <p className="m-0 cn-7 fs-13 fw-6 lh-20 dc__align-self-stretch">Scoped variables</p>
diff --git a/src/Shared/Components/FloatingVariablesSuggestions/constants.ts b/src/Shared/Components/FloatingVariablesSuggestions/constants.ts
index d3e8c2b39..eaa74d7d8 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/constants.ts
+++ b/src/Shared/Components/FloatingVariablesSuggestions/constants.ts
@@ -17,3 +17,4 @@
 export const NO_DEFINED_DESCRIPTION = 'No Defined Description'
 export const NO_DEFINED_VALUE = 'No Defined Value'
 export const SUGGESTIONS_INFO_TITLE = 'What is scoped variable?'
+export const DRAG_SELECTOR = 'handle-drag'

From 378362d4b53868cb669ff5325614acf14ade2105 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Tue, 23 Dec 2025 16:37:43 +0530
Subject: [PATCH 11/12] chore: remove unneeded zIndex prop

---
 .../FloatingVariablesSuggestions.tsx                        | 6 +-----
 src/Shared/Components/FloatingVariablesSuggestions/types.ts | 1 -
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
index 2b5422637..44bad9c51 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
+++ b/src/Shared/Components/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx
@@ -38,7 +38,6 @@ import { FloatingVariablesSuggestionsProps } from './types'
  * @returns
  */
 const FloatingVariablesSuggestions = ({
-    zIndex,
     appId,
     envId,
     clusterId,
@@ -69,7 +68,6 @@ const FloatingVariablesSuggestions = ({
             <div className={`${isActive ? 'dc__visibility-hidden dc__disable-click' : ''} `}>
                 <DraggableWrapper
                     key="collapsed"
-                    zIndex={zIndex}
                     positionVariant={DraggablePositionVariant.SCREEN_BOTTOM_RIGHT}
                     dragSelector={`.${DRAG_SELECTOR}`}
                     boundaryGap={boundaryGap}
@@ -77,7 +75,7 @@ const FloatingVariablesSuggestions = ({
                 >
                     <div
                         className="bcn-7 dc__outline-none-imp dc__border-n0 br-48 flex h-40 pt-8 pb-8 pl-12 pr-12 dc__gap-8 dc__no-shrink"
-                        style={{ zIndex, boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.20)' }}
+                        style={{ boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.20)' }}
                         data-testid="collapsed-state"
                     >
                         <button type="button" className="dc__outline-none-imp dc__no-border p-0 bcn-7 h-24">
@@ -102,7 +100,6 @@ const FloatingVariablesSuggestions = ({
             <div className={`${!isActive ? 'dc__visibility-hidden dc__disable-click' : ''}`}>
                 <DraggableWrapper
                     key={`expanded-${loadingScopedVariables}`}
-                    zIndex={zIndex}
                     positionVariant={DraggablePositionVariant.SCREEN_BOTTOM_RIGHT}
                     dragSelector={`.${DRAG_SELECTOR}`}
                     boundaryGap={boundaryGap}
@@ -111,7 +108,6 @@ const FloatingVariablesSuggestions = ({
                     <div
                         className={`flex column dc__no-shrink w-356 dc__content-space dc__border-radius-8-imp dc__border dc__overflow-hidden mxh-504 bg__overlay--primary ${ALLOW_ACTION_OUTSIDE_FOCUS_TRAP}`}
                         style={{
-                            zIndex,
                             boxShadow: '0px 4px 8px 0px rgba(0, 0, 0, 0.25)',
                         }}
                     >
diff --git a/src/Shared/Components/FloatingVariablesSuggestions/types.ts b/src/Shared/Components/FloatingVariablesSuggestions/types.ts
index 11050d864..c33e8ebae 100644
--- a/src/Shared/Components/FloatingVariablesSuggestions/types.ts
+++ b/src/Shared/Components/FloatingVariablesSuggestions/types.ts
@@ -29,7 +29,6 @@ export interface ScopedVariableType {
 export interface FloatingVariablesSuggestionsProps
     extends Required<Pick<AppConfigProps, 'isTemplateView'>>,
         Pick<DraggableWrapperProps, 'boundaryGap'> {
-    zIndex: number
     appId?: string
     envId?: string
     clusterId?: string

From 3edb19ee5a1a0822d0c370d051822659a760f9c8 Mon Sep 17 00:00:00 2001
From: Amrit Kashyap Borah <amrit.borah@devtron.ai>
Date: Fri, 26 Dec 2025 12:55:38 +0530
Subject: [PATCH 12/12] chore: bump version

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f259cdbbd..194e77c32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.0-alpha-10",
+    "version": "1.22.0-alpha-11",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@devtron-labs/devtron-fe-common-lib",
-            "version": "1.22.0-alpha-10",
+            "version": "1.22.0-alpha-11",
             "hasInstallScript": true,
             "license": "ISC",
             "dependencies": {
diff --git a/package.json b/package.json
index 33201da04..b36090676 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.22.0-alpha-10",
+    "version": "1.22.0-alpha-11",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",