From 633edaadac1281b418e71f1af7a8df298aa8017c Mon Sep 17 00:00:00 2001
From: VolodymyrBg <aqdrgg19@gmail.com>
Date: Thu, 6 Mar 2025 19:27:52 +0200
Subject: [PATCH 1/6] Update remix-ui-vertical-icons-panel.tsx

---
 .../src/lib/remix-ui-vertical-icons-panel.tsx | 78 ++++++++++++++++++-
 1 file changed, 77 insertions(+), 1 deletion(-)

diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
index 108052d4824..90ebbff601c 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
@@ -26,6 +26,8 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
   const iconPanelRef = useRef<any>()
   const [activateScroll, dispatchScrollAction] = useReducer(verticalScrollReducer, initialState)
   const [theme, setTheme] = useState<string>('dark')
+  const [isPanelHovered, setIsPanelHovered] = useState<boolean>(false)
+  const [tooltipPosition, setTooltipPosition] = useState({ top: 0, left: 0 })
   const online = useContext(onLineContext)
 
   const evaluateScrollability = () => {
@@ -67,9 +69,64 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
     verticalIconsPlugin.call('manager', 'deactivatePlugin', name)
   }
 
+  const handlePanelMouseEnter = (e: React.MouseEvent) => {
+    const rect = iconPanelRef.current.getBoundingClientRect()
+    setTooltipPosition({ top: rect.top, left: rect.right + 10 })
+    setIsPanelHovered(true)
+  }
+
+  const handlePanelMouseLeave = () => {
+    setIsPanelHovered(false)
+  }
+
+  const renderAllPluginNames = () => {
+    return (
+      <div className="remixui_plugin-names-tooltip">
+        <h6 className="mb-2">Plugins</h6>
+        <ul className="list-unstyled mb-0">
+          {icons.map((icon) => (
+            <li key={icon.profile.name} className="mb-1 d-flex justify-content-between align-items-center">
+              <span>{icon.profile.displayName || icon.profile.name}</span>
+              {icon.active && (
+                <button
+                  className="btn btn-sm btn-secondary pl-2 pr-2 py-0 ml-2"
+                  style={{ fontSize: '0.7rem' }}
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    closeOtherPlugins(icon.profile.name)
+                  }}
+                >
+                  Close Others
+                </button>
+              )}
+            </li>
+          ))}
+        </ul>
+        <div className="mt-2 text-muted small">
+          <em>Click any icon to open a plugin</em>
+          <br />
+          <em>Use "Close Others" to keep only that plugin open</em>
+        </div>
+      </div>
+    )
+  }
+
+  const closeOtherPlugins = (exceptName: string) => {
+    icons.forEach((icon) => {
+      if (icon.profile.name !== exceptName && icon.active) {
+        verticalIconsPlugin.toggle(icon.profile.name)
+      }
+    })
+  }
+
   return (
     <div id="iconsP" className="h-100">
-      <div className="remixui_icons d-flex flex-column remixui_icons_height" ref={iconPanelRef}>
+      <div
+        className="remixui_icons d-flex flex-column remixui_icons_height"
+        ref={iconPanelRef}
+        onMouseEnter={handlePanelMouseEnter}
+        onMouseLeave={handlePanelMouseLeave}
+      >
         <Home verticalIconPlugin={verticalIconsPlugin} />
         <div
           className={
@@ -138,6 +195,25 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
           ) : null }
         </div>
       </div>
+      {isPanelHovered && (
+        <div
+          className="position-fixed remixui_plugins-list-tooltip"
+          style={{
+            top: tooltipPosition.top,
+            left: tooltipPosition.left,
+            zIndex: 1000,
+            backgroundColor: theme === 'dark' ? '#2a2a2a' : '#f8f9fa',
+            color: theme === 'dark' ? '#f8f9fa' : '#212529',
+            boxShadow: '0 0 10px rgba(0,0,0,0.2)',
+            padding: '8px 12px',
+            borderRadius: '4px',
+            maxHeight: '80vh',
+            overflowY: 'auto'
+          }}
+        >
+          {renderAllPluginNames()}
+        </div>
+      )}
     </div>
   )
 }

From e57f9fdfada9689fffb3f407e7f388b06ad9fecf Mon Sep 17 00:00:00 2001
From: VolodymyrBg <aqdrgg19@gmail.com>
Date: Thu, 6 Mar 2025 19:28:13 +0200
Subject: [PATCH 2/6] Update vertical-icons-context-menu.tsx

---
 .../src/lib/vertical-icons-context-menu.tsx   | 33 ++++++++++++++++---
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
index 8d8ca869860..898ae6bf13f 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
@@ -6,7 +6,7 @@ export interface VerticalIconsContextMenuProps extends React.DetailedHTMLProps<R
   pageX: number
   pageY: number
   profileName: string
-  links: {Documentation: string; CanDeactivate: boolean}
+  links: {Documentation: string; CanDeactivate: boolean; CloseOthers: boolean}
   canBeDeactivated: boolean
   verticalIconPlugin: any
   hideContextMenu: () => void
@@ -14,7 +14,7 @@ export interface VerticalIconsContextMenuProps extends React.DetailedHTMLProps<R
 }
 
 interface MenuLinksProps {
-  listItems: {Documentation: string; CanDeactivate: boolean}
+  listItems: {Documentation: string; CanDeactivate: boolean; CloseOthers: boolean}
   hide: () => void
   profileName: string
   canBeDeactivated: boolean
@@ -27,7 +27,7 @@ interface MenuLinksProps {
 interface MenuProps {
   verticalIconsPlugin: Plugin
   profileName: string
-  listItems: {Documentation: string; CanDeactivate: boolean}
+  listItems: {Documentation: string; CanDeactivate: boolean; CloseOthers: boolean}
   hide: () => void
 }
 
@@ -65,10 +65,22 @@ const VerticalIconsContextMenu = (props: VerticalIconsContextMenuProps) => {
   )
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const MenuForLinks = ({ listItems, hide, profileName, contextMenuAction }: MenuLinksProps) => {
+const MenuForLinks = ({ listItems, hide, profileName, contextMenuAction, verticalIconPlugin, toggle }: MenuLinksProps) => {
   return (
     <Fragment>
+      {listItems.CloseOthers && (
+        <li
+          id="menuitemcloseothers"
+          onClick={() => {
+            closeOtherPlugins(profileName, verticalIconPlugin)
+            hide()
+          }}
+          className="remixui_liitem"
+          key="menuitemcloseothers"
+        >
+          <FormattedMessage id="pluginManager.closeOthers" defaultMessage="Close Others" />
+        </li>
+      )}
       {listItems.CanDeactivate ? (
         <li
           id="menuitemdeactivate"
@@ -93,6 +105,17 @@ const MenuForLinks = ({ listItems, hide, profileName, contextMenuAction }: MenuL
   )
 }
 
+function closeOtherPlugins(exceptName: string, verticalIconPlugin: any) {
+  // Get all active plugins from the verticalIconPlugin
+  const icons = verticalIconPlugin.verticalIconsPlugin?.icons || {}
+  Object.keys(icons).forEach((iconName) => {
+    const icon = icons[iconName]
+    if (iconName !== exceptName && icon.active) {
+      verticalIconPlugin.toggle(iconName)
+    }
+  })
+}
+
 function ClickOutside(ref: React.MutableRefObject<HTMLElement>, hideFn: () => void) {
   useEffect(() => {
     function handleClickOutside(event: any) {

From e314f6f18e678d8179cd6845b18c580a7d38089b Mon Sep 17 00:00:00 2001
From: VolodymyrBg <aqdrgg19@gmail.com>
Date: Thu, 6 Mar 2025 19:28:34 +0200
Subject: [PATCH 3/6] Update Icon.tsx

---
 .../vertical-icons-panel/src/lib/components/Icon.tsx       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
index cee7f296bad..b2d519464be 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
@@ -44,7 +44,8 @@ const Icon = ({ iconRecord, verticalIconPlugin, contextMenuAction, theme }: Icon
   const [links, setLinks] = useState<{
     Documentation: string
     CanDeactivate: boolean
-  }>({} as {Documentation: string; CanDeactivate: boolean})
+    CloseOthers: boolean
+  }>({} as {Documentation: string; CanDeactivate: boolean; CloseOthers: boolean})
   const [badgeStatus, dispatchStatusUpdate] = useReducer(iconBadgeReducer, initialState)
   // @ts-ignore
   const [pageX, setPageX] = useState<number>(null)
@@ -57,9 +58,9 @@ const Icon = ({ iconRecord, verticalIconPlugin, contextMenuAction, theme }: Icon
   const handleContextMenu = (e: SyntheticEvent & PointerEvent) => {
     const deactivationState = iconRecord.canbeDeactivated
     if (documentation && documentation.length > 0 && deactivationState) {
-      setLinks({ Documentation: documentation, CanDeactivate: deactivationState })
+      setLinks({ Documentation: documentation, CanDeactivate: deactivationState, CloseOthers: true })
     } else {
-      setLinks({ Documentation: documentation, CanDeactivate: deactivationState })
+      setLinks({ Documentation: documentation, CanDeactivate: deactivationState, CloseOthers: true })
     }
     setShowContext(false)
     setPageX(e.pageX)

From 83bcfe65cbbce57dd9a36d7216f3bca396726d66 Mon Sep 17 00:00:00 2001
From: VolodymyrBg <aqdrgg19@gmail.com>
Date: Thu, 6 Mar 2025 19:28:58 +0200
Subject: [PATCH 4/6] Update remix-ui-vertical-icons-panel.css

---
 .../src/lib/remix-ui-vertical-icons-panel.css | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
index cdfacf1752a..d5a3ae11b63 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
@@ -149,3 +149,23 @@
     list-style: none;
     margin: 0px;
   }
+
+  .remixui_plugins-list-tooltip {
+    min-width: 200px;
+    max-width: 300px;
+    word-wrap: break-word;
+    animation: fadeIn 0.3s ease-in-out;
+  }
+
+  .remixui_plugin-names-tooltip ul li {
+    text-transform: capitalize;
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }

From fb956f92e3b5f91ad3a9469312b7454ebaad484b Mon Sep 17 00:00:00 2001
From: VolodymyrBg <aqdrgg19@gmail.com>
Date: Wed, 12 Mar 2025 21:23:28 +0200
Subject: [PATCH 5/6] Update remix-ui-vertical-icons-panel.tsx

---
 .../src/lib/remix-ui-vertical-icons-panel.tsx                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
index 90ebbff601c..f8894577215 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
@@ -114,7 +114,7 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
   const closeOtherPlugins = (exceptName: string) => {
     icons.forEach((icon) => {
       if (icon.profile.name !== exceptName && icon.active) {
-        verticalIconsPlugin.toggle(icon.profile.name)
+        verticalIconsPlugin.call('manager', 'togglePlugin', icon.profile.name)
       }
     })
   }

From 7ef87a5db69258cb9aa91c05dcff3e2f8348855b Mon Sep 17 00:00:00 2001
From: VolodymyrBg <aqdrgg19@gmail.com>
Date: Wed, 12 Mar 2025 21:23:43 +0200
Subject: [PATCH 6/6] Update vertical-icons-context-menu.tsx

---
 .../src/lib/vertical-icons-context-menu.tsx                     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
index 898ae6bf13f..fbfcd608ae0 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
@@ -111,7 +111,7 @@ function closeOtherPlugins(exceptName: string, verticalIconPlugin: any) {
   Object.keys(icons).forEach((iconName) => {
     const icon = icons[iconName]
     if (iconName !== exceptName && icon.active) {
-      verticalIconPlugin.toggle(iconName)
+      verticalIconPlugin.call('manager', 'togglePlugin', iconName)
     }
   })
 }