Merge branch 'main' into latest

Author: valkirilov

.ai/rules/pull-requests.md

@@ -6,6 +6,10 @@ alwaysApply: true
 
 ## Creating a PR
 
+### Labels
+
+When creating PRs with AI assistance, always add the **"AI-Made"** label.
+
 ### PR Title
 
 Include issue number at the start:

.cursor/mcp.json

@@ -0,0 +1 @@
+../mcp.json

.storybook/helpers/styles.ts

@@ -11,4 +11,6 @@ export const StyledContainer = styled(PageBody)`
     theme.semantic.color.background.neutral100};
   border: 2px solid
     ${({ theme }: { theme: Theme }) => theme.semantic.color.border.neutral500};
+  align-items: center;
+  justify-content: center;
 `

.storybook/preview.tsx

@@ -1,11 +1,8 @@
 import React from 'react'
 import type { Parameters, Preview } from '@storybook/react-vite'
 import { withThemeFromJSXProvider } from '@storybook/addon-themes'
-import {
-  createGlobalStyle,
-  ThemeProvider as StyledThemeProvider,
-} from 'styled-components'
-import { CommonStyles, themeDark, themeLight, themeOld } from '@redis-ui/styles'
+import { ThemeProvider as StyledThemeProvider } from 'styled-components'
+import { CommonStyles, themeDark, themeLight } from '@redis-ui/styles'
 import 'modern-normalize/modern-normalize.css'
 import '@redis-ui/styles/normalized-styles.css'
 import '@redis-ui/styles/fonts.css'
@@ -14,8 +11,6 @@ import { RootStoryLayout } from './RootStoryLayout'
 import { StoryContextProvider } from './Story.context'
 import { useStoryContext } from 'storybook/internal/preview-api'
 import { TooltipProvider } from '@redis-ui/components'
-import { type Theme } from 'uiSrc/components/base/theme/types'
-// import { store } from 'uiSrc/utils/test-utils'
 import { Provider } from 'react-redux'
 import { store } from 'uiSrc/slices/store'
 import Router from 'uiSrc/Router'
@@ -51,13 +46,6 @@ const parameters: Parameters = {
   },
 }
 
-const GlobalStoryStyles = createGlobalStyle`
-  .sb-show-main, .docs-story {
-    background: ${({ theme }: { theme: Theme }) => theme.globals.body.bgColor};
-    color: ${({ theme }: { theme: Theme }) => theme.components.typography.colors.primary};
-  }
-`
-
 const preview: Preview = {
   parameters,
   decorators: [
@@ -82,11 +70,9 @@ const preview: Preview = {
       themes: {
         light: themeLight,
         dark: themeDark,
-        obsolete: themeOld,
       },
       defaultTheme: 'light',
       Provider: StyledThemeProvider,
-      GlobalStyles: GlobalStoryStyles,
     }),
   ],
 }

.vscode/settings.json

@@ -5,5 +5,8 @@
   },
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

redisinsight/ui/src/assets/img/icons/vector_sets.svg

@@ -101,6 +101,7 @@ import RedisBloomDark from 'uiSrc/assets/img/modules/RedisBloomDark.svg?react'
 import RedisBloomLight from 'uiSrc/assets/img/modules/RedisBloomLight.svg?react'
 import RedisGears2Dark from 'uiSrc/assets/img/modules/RedisGears2Dark.svg?react'
 import RedisGears2Light from 'uiSrc/assets/img/modules/RedisGears2Light.svg?react'
+import RedisGears2Svg from 'uiSrc/assets/img/modules/RedisGears2.svg?react'
 import RedisGearsDark from 'uiSrc/assets/img/modules/RedisGearsDark.svg?react'
 import RedisGearsLight from 'uiSrc/assets/img/modules/RedisGearsLight.svg?react'
 import RedisGraphDark from 'uiSrc/assets/img/modules/RedisGraphDark.svg?react'
@@ -113,7 +114,9 @@ import RedisTimeSeriesDark from 'uiSrc/assets/img/modules/RedisTimeSeriesDark.sv
 import RedisTimeSeriesLight from 'uiSrc/assets/img/modules/RedisTimeSeriesLight.svg?react'
 import UnknownDark from 'uiSrc/assets/img/modules/UnknownDark.svg?react'
 import UnknownLight from 'uiSrc/assets/img/modules/UnknownLight.svg?react'
+import UnknownSvg from 'uiSrc/assets/img/modules/Unknown.svg?react'
 import FormatterSvg from 'uiSrc/assets/img/icons/formatter.svg?react'
+import VectorSetSvg from 'uiSrc/assets/img/icons/vector_sets.svg?react'
 
 // Import options icons
 import ActiveActiveDark from 'uiSrc/assets/img/options/Active-ActiveDark.svg?react'
@@ -266,6 +269,7 @@ export const RedisBloomDarkIcon = createIconComponent(RedisBloomDark)
 export const RedisBloomLightIcon = createIconComponent(RedisBloomLight)
 export const RedisGears2DarkIcon = createIconComponent(RedisGears2Dark)
 export const RedisGears2LightIcon = createIconComponent(RedisGears2Light)
+export const RedisGears2Icon = createIconComponent(RedisGears2Svg)
 export const RedisGearsDarkIcon = createIconComponent(RedisGearsDark)
 export const RedisGearsLightIcon = createIconComponent(RedisGearsLight)
 export const RedisGraphDarkIcon = createIconComponent(RedisGraphDark)
@@ -285,6 +289,8 @@ export const RedisTimeSeriesLightIcon =
   createIconComponent(RedisTimeSeriesLight)
 export const UnknownDarkIcon = createIconComponent(UnknownDark)
 export const UnknownLightIcon = createIconComponent(UnknownLight)
+export const UnknownModuleIcon = createIconComponent(UnknownSvg)
+export const VectorSetIcon = createIconComponent(VectorSetSvg)
 
 // Options icons
 export const ActiveActiveDarkIcon = createIconComponent(ActiveActiveDark)

redisinsight/ui/src/assets/img/modules/RedisGears2.svg

@@ -6,9 +6,10 @@ import {
 } from 'uiSrc/slices/interfaces'
 import { fireEvent, render, act } from 'uiSrc/utils/test-utils'
 import { AdditionalRedisModule } from 'apiSrc/modules/database/models/additional.redis.module'
-import DatabaseListModules, { Props } from './DatabaseListModules'
+import { DatabaseListModules } from './DatabaseListModules'
+import { DatabaseListModulesProps } from './DatabaseListModules.types'
 
-const mockedProps = mock<Props>()
+const mockedProps = mock<DatabaseListModulesProps>()
 
 const modulesMock: AdditionalRedisModule[] = [
   { name: RedisDefaultModules.AI },
@@ -41,7 +42,7 @@ describe('DatabaseListModules', () => {
 
     const module = queryByTestId(`${term}_module`)
 
-    await act(() => {
+    await act(async () => {
       module && fireEvent.click(module)
     })