redis
diff --git a/‎.github/actions/install-all-build-libs/action.yml‎
Lines changed: 1 addition & 1 deletion b/‎.github/actions/install-all-build-libs/action.yml‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎electron-builder.json‎
Lines changed: 10 additions & 7 deletions b/‎electron-builder.json‎
Lines changed: 10 additions & 7 deletions
diff --git a/‎package.json‎
Lines changed: 5 additions & 5 deletions b/‎package.json‎
Lines changed: 5 additions & 5 deletions
diff --git a/‎redisinsight/ui/src/assets/img/sidebar/settings.svg‎
Lines changed: 0 additions & 32 deletions b/‎redisinsight/ui/src/assets/img/sidebar/settings.svg‎
Lines changed: 0 additions & 32 deletions
diff --git a/‎redisinsight/ui/src/assets/img/sidebar/settings_active.svg‎
Lines changed: 0 additions & 32 deletions b/‎redisinsight/ui/src/assets/img/sidebar/settings_active.svg‎
Lines changed: 0 additions & 32 deletions
diff --git a/‎redisinsight/ui/src/components/base/display/collapsible-nav-group/RICollapsibleNavGroup.tsx‎
Lines changed: 42 additions & 0 deletions b/‎redisinsight/ui/src/components/base/display/collapsible-nav-group/RICollapsibleNavGroup.tsx‎
Lines changed: 42 additions & 0 deletions
diff --git a/‎redisinsight/ui/src/components/base/display/image/RiImage.tsx‎
Lines changed: 8 additions & 0 deletions b/‎redisinsight/ui/src/components/base/display/image/RiImage.tsx‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎redisinsight/ui/src/components/base/display/image/image.styles.ts‎
Lines changed: 37 additions & 0 deletions b/‎redisinsight/ui/src/components/base/display/image/image.styles.ts‎
Lines changed: 37 additions & 0 deletions
diff --git a/‎redisinsight/ui/src/components/base/display/index.ts‎
Lines changed: 6 additions & 1 deletion b/‎redisinsight/ui/src/components/base/display/index.ts‎
Lines changed: 6 additions & 1 deletion
diff --git a/‎redisinsight/ui/src/components/base/display/loading-logo/RiLoadingLogo.tsx‎
Lines changed: 54 additions & 0 deletions b/‎redisinsight/ui/src/components/base/display/loading-logo/RiLoadingLogo.tsx‎
Lines changed: 54 additions & 0 deletions
@@ -33,7 +33,7 @@ runs:
     - name: Setup Node
       uses: actions/setup-node@v4.0.4
       with:
-        node-version: '22.11.0'
+        node-version: '22.12.0'
         # disable cache for windows
         # https://github.com/actions/setup-node/issues/975
         cache: ${{ runner.os != 'Windows' && 'yarn' || '' }}
 
@@ -5,6 +5,9 @@
   "files": ["dist", "node_modules", "package.json"],
   "artifactName": "Redis-Insight-${os}-${arch}.${ext}",
   "compression": "normal",
+  "npmRebuild": false,
+  "nodeGypRebuild": false,
+  "buildDependenciesFromSource": false,
   "asarUnpack": ["node_modules/keytar", "node_modules/sqlite3"],
   "protocols": [
     {
@@ -24,9 +27,7 @@
         "arch": ["x64", "arm64"]
       }
     ],
-    "notarize": {
-      "teamId": "UUK47G4BAZ"
-    },
+    "notarize": true,
     "type": "distribution",
     "hardenedRuntime": true,
     "darkModeSupport": true,
@@ -86,7 +87,7 @@
     "target": ["nsis"],
     "artifactName": "Redis-Insight-${os}-installer.${ext}",
     "icon": "resources/icon.ico",
-    "publisherName": ["Redis Inc.", "Redis Labs Inc."]
+    "legalTrademarks": "Redis Inc., Redis Labs Inc."
   },
   "nsis": {
     "oneClick": false,
@@ -117,9 +118,11 @@
     "category": "Development",
     "artifactName": "Redis-Insight-${os}-${arch}.${ext}",
     "desktop": {
-      "Name": "Redis Insight",
-      "Type": "Application",
-      "Comment": "Redis GUI by Redis Ltd"
+      "entry": {
+        "Name": "Redis Insight",
+        "Type": "Application",
+        "Comment": "Redis GUI by Redis Ltd"
+      }
     }
   },
   "deb": {
 
@@ -43,7 +43,7 @@
     "package:mac": "yarn build:prod && electron-builder build --mac -p never",
     "package:mac:arm": "yarn build:prod && electron-builder build --mac --arm64 -p never",
     "package:linux": "yarn build:prod && electron-builder build --linux -p never",
-    "postinstall": "patch-package && vite optimize -c ./redisinsight/ui/vite.config.mjs && skip-postinstall || (electron-builder install-app-deps && yarn-deduplicate yarn.lock)",
+    "postinstall": "patch-package && vite optimize -c ./redisinsight/ui/vite.config.mjs && skip-postinstall || yarn-deduplicate yarn.lock",
     "test": "jest ./redisinsight/ui -w 1",
     "test:api": "yarn --cwd redisinsight/api test",
     "test:api:integration": "yarn --cwd redisinsight/api test:api",
@@ -158,8 +158,8 @@
     "csv-parser": "^3.0.0",
     "csv-stringify": "^6.4.0",
     "dotenv": "^16.4.5",
-    "electron": "33.2.0",
-    "electron-builder": "^24.13.3",
+    "electron": "^36.4.0",
+    "electron-builder": "^26.0.12",
     "electron-builder-notarize": "^1.5.2",
     "electron-debug": "^3.2.0",
     "electron-devtools-installer": "^3.2.0",
@@ -254,7 +254,7 @@
     "electron-context-menu": "^3.1.0",
     "electron-log": "^4.2.4",
     "electron-store": "^8.0.0",
-    "electron-updater": "^6.3.9",
+    "electron-updater": "^6.6.2",
     "file-saver": "^2.0.5",
     "formik": "^2.2.9",
     "fzstd": "^0.1.0",
@@ -272,7 +272,7 @@
     "monaco-editor": "^0.48.0",
     "monaco-yaml": "^5.1.1",
     "msgpackr": "^1.10.1",
-    "node-abi": "^3.71.0",
+    "node-abi": "^4.12.0",
     "pako": "^2.1.0",
     "php-serialize": "^4.0.2",
     "pickleparser": "^0.2.1",
 
@@ -0,0 +1,42 @@
+import React, { ReactNode } from 'react'
+import cx from 'classnames'
+import {
+  RiAccordion,
+  RiAccordionProps,
+} from 'uiSrc/components/base/display/accordion/RiAccordion'
+
+export type RICollapsibleNavGroupProps = Omit<
+  RiAccordionProps,
+  'collapsible' | 'content' | 'defaultOpen' | 'title' | 'label'
+> & {
+  title: ReactNode
+  children: ReactNode
+  isCollapsible?: boolean
+  className?: string
+  initialIsOpen?: boolean
+  onToggle?: (isOpen: boolean) => void
+  forceState?: 'open' | 'closed'
+}
+export const RICollapsibleNavGroup = ({
+  children,
+  title,
+  isCollapsible = true,
+  className,
+  initialIsOpen,
+  onToggle,
+  forceState,
+  open,
+  ...rest
+}: RICollapsibleNavGroupProps) => (
+  <RiAccordion
+    {...rest}
+    collapsible={isCollapsible}
+    className={cx(className, 'RI-collapsible-nav-group')}
+    defaultOpen={initialIsOpen}
+    open={forceState === 'open' || open}
+    label={title}
+    onOpenChange={onToggle}
+  >
+    <div className="RI-collapsible-nav-group-content">{children}</div>
+  </RiAccordion>
+)
@@ -0,0 +1,8 @@
+import React from 'react'
+import { RiImageProps, StyledImage } from './image.styles'
+
+const RiImage = ({ $size, src, alt, ...rest }: RiImageProps) => (
+  <StyledImage src={src} alt={alt} $size={$size} {...rest} />
+)
+
+export default RiImage
@@ -0,0 +1,37 @@
+import { HTMLAttributes } from 'react'
+import styled, { css } from 'styled-components'
+
+export const SIZES = ['s', 'm', 'l', 'xl', 'original', 'fullWidth'] as const
+
+export const imageSizeStyles = {
+  s: css`
+    width: 100px;
+  `,
+  m: css`
+    width: 200px;
+  `,
+  l: css`
+    width: 360px;
+  `,
+  xl: css`
+    width: 600px;
+  `,
+  original: css`
+    width: auto;
+  `,
+  fullWidth: css`
+    width: 100%;
+  `,
+}
+
+export type RiImageSize = (typeof SIZES)[number]
+
+export interface RiImageProps extends HTMLAttributes<HTMLImageElement> {
+  $size?: RiImageSize
+  src: string
+  alt: string
+}
+
+export const StyledImage = styled.img<RiImageProps>`
+  ${({ $size = 'original' }) => imageSizeStyles[$size]}
+`
@@ -1,4 +1,9 @@
 import Loader from './loader/Loader'
 import ProgressBarLoader from './progress-bar/ProgressBarLoader'
+import RiImage from './image/RiImage'
+import RiLoadingLogo from './loading-logo/RiLoadingLogo'
 
-export { Loader, ProgressBarLoader }
+export { Loader, ProgressBarLoader, RiImage, RiLoadingLogo }
+export { RICollapsibleNavGroup } from './collapsible-nav-group/RICollapsibleNavGroup'
+
+export type { RICollapsibleNavGroupProps } from './collapsible-nav-group/RICollapsibleNavGroup'
@@ -0,0 +1,54 @@
+import React, { HTMLAttributes } from 'react'
+import styled, { keyframes } from 'styled-components'
+
+const bounce = keyframes`
+  0%, 100% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-15px);
+  }
+`
+
+export const SIZES = ['M', 'L', 'XL', 'XXL'] as const
+
+export type RiLoadingLogoSize = (typeof SIZES)[number]
+
+export interface RiLoadingLogoProps extends HTMLAttributes<HTMLImageElement> {
+  src: string
+  $size?: RiLoadingLogoSize
+  $bounceSpeed?: number
+  alt?: string
+}
+
+const Wrapper = styled.div`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+`
+
+const BouncingLogo = styled.img<RiLoadingLogoProps>`
+  width: ${({ theme, $size = 'XL' }) =>
+    theme.components.iconButton.sizes[$size].width};
+  animation: ${bounce} ${({ $bounceSpeed }) => $bounceSpeed}s ease-in-out
+    infinite;
+`
+
+const RiLoadingLogo = ({
+  src,
+  $size = 'XL',
+  $bounceSpeed = 1,
+  alt = 'Loading logo',
+}: RiLoadingLogoProps) => (
+  <Wrapper>
+    <BouncingLogo
+      src={src}
+      $size={$size}
+      $bounceSpeed={$bounceSpeed}
+      alt={alt}
+    />
+  </Wrapper>
+)
+
+export default RiLoadingLogo