From 211bff1fd0f4323d52b0c5925b95b158956d3221 Mon Sep 17 00:00:00 2001
From: Ludovic Viaud <ludovic.viaud@gmail.com>
Date: Tue, 4 Jul 2023 15:34:22 +0200
Subject: [PATCH] Extend transformations data (#70247)

Extend transformations
---
 .../grafana-data/src/transformations/index.ts |   1 +
 .../standardTransformersRegistry.ts           |  15 +++
 .../transformers/convertFieldType.ts          |   2 +-
 .../transformations/transformers/groupBy.ts   |   2 +-
 .../transformations/transformers/histogram.ts |   2 +-
 .../transformations/transformers/reduce.ts    |   2 +-
 .../transformations/transformers/sortBy.ts    |   2 +-
 .../FilterByValueTransformerEditor.tsx        |   2 +
 .../HeatmapTransformerEditor.tsx              |   2 +
 .../transformers/calculateHeatmap/heatmap.ts  |   2 +-
 .../ConfigFromQueryTransformerEditor.tsx      |   2 +
 .../configFromQuery/configFromQuery.ts        |   2 +-
 .../CalculateFieldTransformerEditor.tsx       |   4 +-
 .../editors/ConcatenateTransformerEditor.tsx  |   2 +
 .../ConvertFieldTypeTransformerEditor.tsx     |   2 +
 .../editors/FilterByNameTransformerEditor.tsx |   2 +
 .../FilterByRefIdTransformerEditor.tsx        |   2 +
 .../editors/GroupByTransformerEditor.tsx      |   6 +
 .../GroupingToMatrixTransformerEditor.tsx     |   4 +-
 .../editors/HistogramTransformerEditor.tsx    |   9 +-
 .../editors/JoinByFieldTransformerEditor.tsx  |   2 +
 .../LabelsToFieldsTransformerEditor.tsx       |   4 +-
 .../editors/LimitTransformerEditor.tsx        |   9 +-
 .../editors/MergeTransformerEditor.tsx        |   9 +-
 .../OrganizeFieldsTransformerEditor.tsx       |   2 +
 .../editors/ReduceTransformerEditor.tsx       |   2 +
 .../editors/RenameByRegexTransformer.tsx      |   2 +
 .../editors/SeriesToRowsTransformerEditor.tsx |   9 +-
 .../editors/SortByTransformerEditor.tsx       |   9 +-
 .../ExtractFieldsTransformerEditor.tsx        |   4 +-
 .../JoinByLabelsTransformerEditor.tsx         |   9 +-
 .../transformers/joinByLabels/joinByLabels.ts |   2 +-
 .../FieldLookupTransformerEditor.tsx          |   4 +-
 .../PartitionByValuesEditor.tsx               |   2 +
 .../PrepareTimeSeriesEditor.tsx               |   9 +-
 .../RowsToFieldsTransformerEditor.tsx         |   3 +-
 .../transformers/rowsToFields/rowsToFields.ts |   2 +-
 .../spatial/SpatialTransformerEditor.tsx      |   2 +
 .../spatial/spatialTransformer.ts             |   2 +-
 .../timeSeriesTableTransformer.ts             |   2 +-
 public/app/features/transformers/utils.ts     |  12 +-
 .../transformations/dark/calculateField.svg   |  27 +++++
 .../img/transformations/dark/concatenate.svg  |  86 +++++++++++++++
 .../transformations/dark/configFromData.svg   |  76 +++++++++++++
 .../transformations/dark/convertFieldType.svg |  45 ++++++++
 .../transformations/dark/extractFields.svg    |  61 +++++++++++
 .../img/transformations/dark/fieldLookup.svg  |  16 +++
 .../transformations/dark/filterByRefId.svg    |  57 ++++++++++
 .../transformations/dark/filterByValue.svg    |  60 ++++++++++
 .../dark/filterFieldsByName.svg               |  57 ++++++++++
 public/img/transformations/dark/groupBy.svg   |  36 ++++++
 .../dark/groupByCalculation.svg               |  41 +++++++
 .../transformations/dark/groupingToMatrix.svg |  98 +++++++++++++++++
 public/img/transformations/dark/heatmap.svg   |  78 +++++++++++++
 public/img/transformations/dark/histogram.svg |  50 +++++++++
 .../img/transformations/dark/joinByField.svg  | 103 ++++++++++++++++++
 .../img/transformations/dark/joinByLabels.svg |  90 +++++++++++++++
 .../transformations/dark/labelsToFields.svg   |  87 +++++++++++++++
 public/img/transformations/dark/limit.svg     |  46 ++++++++
 public/img/transformations/dark/merge.svg     |  92 ++++++++++++++++
 public/img/transformations/dark/organize.svg  |  73 +++++++++++++
 .../dark/partitionByValues.svg                |  32 ++++++
 .../dark/prepareTimeSeries.svg                |  84 ++++++++++++++
 public/img/transformations/dark/reduce.svg    |  39 +++++++
 .../transformations/dark/renameByRegex.svg    |  67 ++++++++++++
 .../img/transformations/dark/rowsToFields.svg |  49 +++++++++
 .../img/transformations/dark/seriesToRows.svg |  64 +++++++++++
 public/img/transformations/dark/sortBy.svg    |  34 ++++++
 public/img/transformations/dark/spatial.svg   |  11 ++
 .../transformations/light/calculateField.svg  |  27 +++++
 .../img/transformations/light/concatenate.svg |  86 +++++++++++++++
 .../transformations/light/configFromData.svg  |  76 +++++++++++++
 .../light/convertFieldType.svg                |  45 ++++++++
 .../transformations/light/extractFields.svg   |  61 +++++++++++
 .../img/transformations/light/fieldLookup.svg |  16 +++
 .../transformations/light/filterByRefId.svg   |  57 ++++++++++
 .../transformations/light/filterByValue.svg   |  60 ++++++++++
 .../light/filterFieldsByName.svg              |  57 ++++++++++
 public/img/transformations/light/groupBy.svg  |  36 ++++++
 .../light/groupByCalculation.svg              |  41 +++++++
 .../light/groupingToMatrix.svg                |  98 +++++++++++++++++
 public/img/transformations/light/heatmap.svg  |  78 +++++++++++++
 .../img/transformations/light/histogram.svg   |  50 +++++++++
 .../img/transformations/light/joinByField.svg |  99 +++++++++++++++++
 .../transformations/light/joinByLabels.svg    |  90 +++++++++++++++
 .../transformations/light/labelsToFields.svg  |  87 +++++++++++++++
 public/img/transformations/light/limit.svg    |  46 ++++++++
 public/img/transformations/light/merge.svg    |  92 ++++++++++++++++
 public/img/transformations/light/organize.svg |  73 +++++++++++++
 .../light/partitionByValues.svg               |  32 ++++++
 .../light/prepareTimeSeries.svg               |  84 ++++++++++++++
 public/img/transformations/light/reduce.svg   |  39 +++++++
 .../transformations/light/renameByRegex.svg   |  67 ++++++++++++
 .../transformations/light/rowsToFields.svg    |  49 +++++++++
 .../transformations/light/seriesToRows.svg    |  64 +++++++++++
 public/img/transformations/light/sortBy.svg   |  34 ++++++
 public/img/transformations/light/spatial.svg  |  11 ++
 97 files changed, 3457 insertions(+), 25 deletions(-)
 create mode 100755 public/img/transformations/dark/calculateField.svg
 create mode 100755 public/img/transformations/dark/concatenate.svg
 create mode 100755 public/img/transformations/dark/configFromData.svg
 create mode 100755 public/img/transformations/dark/convertFieldType.svg
 create mode 100755 public/img/transformations/dark/extractFields.svg
 create mode 100755 public/img/transformations/dark/fieldLookup.svg
 create mode 100755 public/img/transformations/dark/filterByRefId.svg
 create mode 100755 public/img/transformations/dark/filterByValue.svg
 create mode 100755 public/img/transformations/dark/filterFieldsByName.svg
 create mode 100755 public/img/transformations/dark/groupBy.svg
 create mode 100755 public/img/transformations/dark/groupByCalculation.svg
 create mode 100755 public/img/transformations/dark/groupingToMatrix.svg
 create mode 100755 public/img/transformations/dark/heatmap.svg
 create mode 100755 public/img/transformations/dark/histogram.svg
 create mode 100755 public/img/transformations/dark/joinByField.svg
 create mode 100755 public/img/transformations/dark/joinByLabels.svg
 create mode 100755 public/img/transformations/dark/labelsToFields.svg
 create mode 100755 public/img/transformations/dark/limit.svg
 create mode 100755 public/img/transformations/dark/merge.svg
 create mode 100755 public/img/transformations/dark/organize.svg
 create mode 100755 public/img/transformations/dark/partitionByValues.svg
 create mode 100755 public/img/transformations/dark/prepareTimeSeries.svg
 create mode 100755 public/img/transformations/dark/reduce.svg
 create mode 100755 public/img/transformations/dark/renameByRegex.svg
 create mode 100755 public/img/transformations/dark/rowsToFields.svg
 create mode 100755 public/img/transformations/dark/seriesToRows.svg
 create mode 100755 public/img/transformations/dark/sortBy.svg
 create mode 100755 public/img/transformations/dark/spatial.svg
 create mode 100755 public/img/transformations/light/calculateField.svg
 create mode 100755 public/img/transformations/light/concatenate.svg
 create mode 100755 public/img/transformations/light/configFromData.svg
 create mode 100755 public/img/transformations/light/convertFieldType.svg
 create mode 100755 public/img/transformations/light/extractFields.svg
 create mode 100755 public/img/transformations/light/fieldLookup.svg
 create mode 100755 public/img/transformations/light/filterByRefId.svg
 create mode 100755 public/img/transformations/light/filterByValue.svg
 create mode 100755 public/img/transformations/light/filterFieldsByName.svg
 create mode 100755 public/img/transformations/light/groupBy.svg
 create mode 100755 public/img/transformations/light/groupByCalculation.svg
 create mode 100755 public/img/transformations/light/groupingToMatrix.svg
 create mode 100755 public/img/transformations/light/heatmap.svg
 create mode 100755 public/img/transformations/light/histogram.svg
 create mode 100755 public/img/transformations/light/joinByField.svg
 create mode 100755 public/img/transformations/light/joinByLabels.svg
 create mode 100755 public/img/transformations/light/labelsToFields.svg
 create mode 100755 public/img/transformations/light/limit.svg
 create mode 100755 public/img/transformations/light/merge.svg
 create mode 100755 public/img/transformations/light/organize.svg
 create mode 100755 public/img/transformations/light/partitionByValues.svg
 create mode 100755 public/img/transformations/light/prepareTimeSeries.svg
 create mode 100755 public/img/transformations/light/reduce.svg
 create mode 100755 public/img/transformations/light/renameByRegex.svg
 create mode 100755 public/img/transformations/light/rowsToFields.svg
 create mode 100755 public/img/transformations/light/seriesToRows.svg
 create mode 100755 public/img/transformations/light/sortBy.svg
 create mode 100755 public/img/transformations/light/spatial.svg

diff --git a/packages/grafana-data/src/transformations/index.ts b/packages/grafana-data/src/transformations/index.ts
index 8b3ee1b7250..1fd3229f897 100644
--- a/packages/grafana-data/src/transformations/index.ts
+++ b/packages/grafana-data/src/transformations/index.ts
@@ -7,6 +7,7 @@ export { transformDataFrame } from './transformDataFrame';
 export {
   type TransformerRegistryItem,
   type TransformerUIProps,
+  TransformerCategory,
   standardTransformersRegistry,
 } from './standardTransformersRegistry';
 export {
diff --git a/packages/grafana-data/src/transformations/standardTransformersRegistry.ts b/packages/grafana-data/src/transformations/standardTransformersRegistry.ts
index 73d79a351ba..3abc4de896b 100644
--- a/packages/grafana-data/src/transformations/standardTransformersRegistry.ts
+++ b/packages/grafana-data/src/transformations/standardTransformersRegistry.ts
@@ -28,6 +28,21 @@ export interface TransformerRegistryItem<TOptions> extends RegistryItem {
    * React component used as UI for the transformer
    */
   editor: React.ComponentType<TransformerUIProps<TOptions>>;
+
+  /**
+   * Set of categories associated with the transformer
+   */
+  categories?: Set<TransformerCategory>;
+}
+
+export enum TransformerCategory {
+  Combine = 'combine',
+  CalculateNewFields = 'calculateNewFields',
+  CreateNewVisualization = 'createNewVisualization',
+  Filter = 'filter',
+  PerformSpatialOperations = 'performSpatialOperations',
+  Reformat = 'reformat',
+  ReorderAndRename = 'reorderAndRename',
 }
 
 /**
diff --git a/packages/grafana-data/src/transformations/transformers/convertFieldType.ts b/packages/grafana-data/src/transformations/transformers/convertFieldType.ts
index 9beb8cfdd5c..5225d77d4f0 100644
--- a/packages/grafana-data/src/transformations/transformers/convertFieldType.ts
+++ b/packages/grafana-data/src/transformations/transformers/convertFieldType.ts
@@ -33,7 +33,7 @@ export interface ConvertFieldTypeOptions {
 export const convertFieldTypeTransformer: SynchronousDataTransformerInfo<ConvertFieldTypeTransformerOptions> = {
   id: DataTransformerID.convertFieldType,
   name: 'Convert field type',
-  description: 'Convert a field to a specified field type',
+  description: 'Convert a field to a specified field type.',
   defaultOptions: {
     fields: {},
     conversions: [{ targetField: undefined, destinationType: undefined, dateFormat: undefined }],
diff --git a/packages/grafana-data/src/transformations/transformers/groupBy.ts b/packages/grafana-data/src/transformations/transformers/groupBy.ts
index 76c1acf6560..9004d7f704a 100644
--- a/packages/grafana-data/src/transformations/transformers/groupBy.ts
+++ b/packages/grafana-data/src/transformations/transformers/groupBy.ts
@@ -25,7 +25,7 @@ export interface GroupByTransformerOptions {
 export const groupByTransformer: DataTransformerInfo<GroupByTransformerOptions> = {
   id: DataTransformerID.groupBy,
   name: 'Group by',
-  description: 'Group the data by a field values then process calculations for each group',
+  description: 'Group the data by a field values then process calculations for each group.',
   defaultOptions: {
     fields: {},
   },
diff --git a/packages/grafana-data/src/transformations/transformers/histogram.ts b/packages/grafana-data/src/transformations/transformers/histogram.ts
index be56e154967..0b79a4d9d5d 100644
--- a/packages/grafana-data/src/transformations/transformers/histogram.ts
+++ b/packages/grafana-data/src/transformations/transformers/histogram.ts
@@ -77,7 +77,7 @@ export const histogramFieldInfo = {
 export const histogramTransformer: SynchronousDataTransformerInfo<HistogramTransformerOptions> = {
   id: DataTransformerID.histogram,
   name: 'Histogram',
-  description: 'Calculate a histogram from input data',
+  description: 'Calculate a histogram from input data.',
   defaultOptions: {
     fields: {},
   },
diff --git a/packages/grafana-data/src/transformations/transformers/reduce.ts b/packages/grafana-data/src/transformations/transformers/reduce.ts
index ae467deea0f..89c684e051d 100644
--- a/packages/grafana-data/src/transformations/transformers/reduce.ts
+++ b/packages/grafana-data/src/transformations/transformers/reduce.ts
@@ -27,7 +27,7 @@ export interface ReduceTransformerOptions {
 export const reduceTransformer: DataTransformerInfo<ReduceTransformerOptions> = {
   id: DataTransformerID.reduce,
   name: 'Reduce',
-  description: 'Reduce all rows or data points to a single value using a function like max, min, mean or last',
+  description: 'Reduce all rows or data points to a single value using a function like max, min, mean or last.',
   defaultOptions: {
     reducers: [ReducerID.max],
   },
diff --git a/packages/grafana-data/src/transformations/transformers/sortBy.ts b/packages/grafana-data/src/transformations/transformers/sortBy.ts
index a8be3e252db..e425bf31cbc 100644
--- a/packages/grafana-data/src/transformations/transformers/sortBy.ts
+++ b/packages/grafana-data/src/transformations/transformers/sortBy.ts
@@ -22,7 +22,7 @@ export interface SortByTransformerOptions {
 export const sortByTransformer: DataTransformerInfo<SortByTransformerOptions> = {
   id: DataTransformerID.sortBy,
   name: 'Sort by',
-  description: 'Sort fields in a frame',
+  description: 'Sort fields in a frame.',
   defaultOptions: {
     fields: {},
   },
diff --git a/public/app/features/transformers/FilterByValueTransformer/FilterByValueTransformerEditor.tsx b/public/app/features/transformers/FilterByValueTransformer/FilterByValueTransformerEditor.tsx
index 930051da867..70be902af67 100644
--- a/public/app/features/transformers/FilterByValueTransformer/FilterByValueTransformerEditor.tsx
+++ b/public/app/features/transformers/FilterByValueTransformer/FilterByValueTransformerEditor.tsx
@@ -13,6 +13,7 @@ import {
   FieldType,
   ValueMatcherID,
   valueMatchers,
+  TransformerCategory,
 } from '@grafana/data';
 import {
   FilterByValueFilter,
@@ -139,6 +140,7 @@ export const filterByValueTransformRegistryItem: TransformerRegistryItem<FilterB
   name: standardTransformers.filterByValueTransformer.name,
   description:
     'Removes rows of the query results using user-defined filters. This is useful if you can not filter your data in the data source.',
+  categories: new Set([TransformerCategory.Filter]),
 };
 
 const getEditorStyles = stylesFactory(() => ({
diff --git a/public/app/features/transformers/calculateHeatmap/HeatmapTransformerEditor.tsx b/public/app/features/transformers/calculateHeatmap/HeatmapTransformerEditor.tsx
index d8bcb826c71..c47c5fc0cf1 100644
--- a/public/app/features/transformers/calculateHeatmap/HeatmapTransformerEditor.tsx
+++ b/public/app/features/transformers/calculateHeatmap/HeatmapTransformerEditor.tsx
@@ -6,6 +6,7 @@ import {
   StandardEditorContext,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 
 import { getDefaultOptions, getTransformerOptionPane } from '../spatial/optionsHelper';
@@ -48,4 +49,5 @@ export const heatmapTransformRegistryItem: TransformerRegistryItem<HeatmapTransf
   name: heatmapTransformer.name,
   description: heatmapTransformer.description,
   state: PluginState.alpha,
+  categories: new Set([TransformerCategory.CreateNewVisualization]),
 };
diff --git a/public/app/features/transformers/calculateHeatmap/heatmap.ts b/public/app/features/transformers/calculateHeatmap/heatmap.ts
index 71864a375f1..37deb0daff9 100644
--- a/public/app/features/transformers/calculateHeatmap/heatmap.ts
+++ b/public/app/features/transformers/calculateHeatmap/heatmap.ts
@@ -33,7 +33,7 @@ export interface HeatmapTransformerOptions extends HeatmapCalculationOptions {
 export const heatmapTransformer: SynchronousDataTransformerInfo<HeatmapTransformerOptions> = {
   id: DataTransformerID.heatmap,
   name: 'Create heatmap',
-  description: 'calculate heatmap from source data',
+  description: 'Calculate heatmap from source data.',
   defaultOptions: {},
 
   operator: (options, ctx) => (source) =>
diff --git a/public/app/features/transformers/configFromQuery/ConfigFromQueryTransformerEditor.tsx b/public/app/features/transformers/configFromQuery/ConfigFromQueryTransformerEditor.tsx
index 80d8345d0be..64e42fa0f38 100644
--- a/public/app/features/transformers/configFromQuery/ConfigFromQueryTransformerEditor.tsx
+++ b/public/app/features/transformers/configFromQuery/ConfigFromQueryTransformerEditor.tsx
@@ -8,6 +8,7 @@ import {
   SelectableValue,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import { fieldMatchersUI, InlineField, InlineFieldRow, Select, useStyles2 } from '@grafana/ui';
 
@@ -93,6 +94,7 @@ export const configFromQueryTransformRegistryItem: TransformerRegistryItem<Confi
   name: configFromDataTransformer.name,
   description: configFromDataTransformer.description,
   state: PluginState.beta,
+  categories: new Set([TransformerCategory.CalculateNewFields]),
   help: `
 ### Use cases
 
diff --git a/public/app/features/transformers/configFromQuery/configFromQuery.ts b/public/app/features/transformers/configFromQuery/configFromQuery.ts
index 0ac2fc25788..511e5257ac8 100644
--- a/public/app/features/transformers/configFromQuery/configFromQuery.ts
+++ b/public/app/features/transformers/configFromQuery/configFromQuery.ts
@@ -92,7 +92,7 @@ export function extractConfigFromQuery(options: ConfigFromQueryTransformOptions,
 export const configFromDataTransformer: DataTransformerInfo<ConfigFromQueryTransformOptions> = {
   id: DataTransformerID.configFromData,
   name: 'Config from query results',
-  description: 'Set unit, min, max and more from data',
+  description: 'Set unit, min, max and more from data.',
   defaultOptions: {
     configRefId: 'config',
     mappings: [],
diff --git a/public/app/features/transformers/editors/CalculateFieldTransformerEditor.tsx b/public/app/features/transformers/editors/CalculateFieldTransformerEditor.tsx
index f75643f589f..8f2bfe0b13e 100644
--- a/public/app/features/transformers/editors/CalculateFieldTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/CalculateFieldTransformerEditor.tsx
@@ -16,6 +16,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import {
   BinaryOptions,
@@ -383,5 +384,6 @@ export const calculateFieldTransformRegistryItem: TransformerRegistryItem<Calcul
   editor: CalculateFieldTransformerEditor,
   transformation: standardTransformers.calculateFieldTransformer,
   name: 'Add field from calculation',
-  description: 'Use the row values to calculate a new field',
+  description: 'Use the row values to calculate a new field.',
+  categories: new Set([TransformerCategory.CalculateNewFields]),
 };
diff --git a/public/app/features/transformers/editors/ConcatenateTransformerEditor.tsx b/public/app/features/transformers/editors/ConcatenateTransformerEditor.tsx
index 9ab8f91239d..e56567c1f8b 100644
--- a/public/app/features/transformers/editors/ConcatenateTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/ConcatenateTransformerEditor.tsx
@@ -6,6 +6,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import {
   ConcatenateFrameNameMode,
@@ -90,4 +91,5 @@ export const concatenateTransformRegistryItem: TransformerRegistryItem<Concatena
   name: 'Concatenate fields',
   description:
     'Combine all fields into a single frame.  Values will be appended with undefined values if not the same length.',
+  categories: new Set([TransformerCategory.Combine]),
 };
diff --git a/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx b/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx
index f9c1e6476a3..32dbe0b333b 100644
--- a/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/ConvertFieldTypeTransformerEditor.tsx
@@ -9,6 +9,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import {
   ConvertFieldTypeOptions,
@@ -173,4 +174,5 @@ export const convertFieldTypeTransformRegistryItem: TransformerRegistryItem<Conv
   transformation: standardTransformers.convertFieldTypeTransformer,
   name: standardTransformers.convertFieldTypeTransformer.name,
   description: standardTransformers.convertFieldTypeTransformer.description,
+  categories: new Set([TransformerCategory.Reformat]),
 };
diff --git a/public/app/features/transformers/editors/FilterByNameTransformerEditor.tsx b/public/app/features/transformers/editors/FilterByNameTransformerEditor.tsx
index edb19aef24a..9a3140a1d5e 100644
--- a/public/app/features/transformers/editors/FilterByNameTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/FilterByNameTransformerEditor.tsx
@@ -9,6 +9,7 @@ import {
   TransformerUIProps,
   getFieldDisplayName,
   stringToJsRegex,
+  TransformerCategory,
 } from '@grafana/data';
 import { FilterFieldsByNameTransformerOptions } from '@grafana/data/src/transformations/transformers/filterByName';
 import { Field, Input, FilterPill, HorizontalGroup } from '@grafana/ui';
@@ -209,4 +210,5 @@ export const filterFieldsByNameTransformRegistryItem: TransformerRegistryItem<Fi
   transformation: standardTransformers.filterFieldsByNameTransformer,
   name: 'Filter by name',
   description: 'Removes part of the query results using a regex pattern. The pattern can be inclusive or exclusive.',
+  categories: new Set([TransformerCategory.Filter]),
 };
diff --git a/public/app/features/transformers/editors/FilterByRefIdTransformerEditor.tsx b/public/app/features/transformers/editors/FilterByRefIdTransformerEditor.tsx
index e883f7d6722..ba279b00e2a 100644
--- a/public/app/features/transformers/editors/FilterByRefIdTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/FilterByRefIdTransformerEditor.tsx
@@ -6,6 +6,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import { FilterFramesByRefIdTransformerOptions } from '@grafana/data/src/transformations/transformers/filterByRefId';
 import { HorizontalGroup, FilterPill, FieldValidationMessage } from '@grafana/ui';
@@ -145,4 +146,5 @@ export const filterFramesByRefIdTransformRegistryItem: TransformerRegistryItem<F
     name: 'Filter data by query',
     description:
       'Filter data by query. This is useful if you are sharing the results from a different panel that has many queries and you want to only visualize a subset of that in this panel.',
+    categories: new Set([TransformerCategory.Filter]),
   };
diff --git a/public/app/features/transformers/editors/GroupByTransformerEditor.tsx b/public/app/features/transformers/editors/GroupByTransformerEditor.tsx
index 8d96905ab8b..54242338d65 100644
--- a/public/app/features/transformers/editors/GroupByTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/GroupByTransformerEditor.tsx
@@ -8,6 +8,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import {
   GroupByFieldOptions,
@@ -145,4 +146,9 @@ export const groupByTransformRegistryItem: TransformerRegistryItem<GroupByTransf
   transformation: standardTransformers.groupByTransformer,
   name: standardTransformers.groupByTransformer.name,
   description: standardTransformers.groupByTransformer.description,
+  categories: new Set([
+    TransformerCategory.Combine,
+    TransformerCategory.CalculateNewFields,
+    TransformerCategory.Reformat,
+  ]),
 };
diff --git a/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx b/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx
index 9665794ed3e..bbbdb73197b 100644
--- a/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx
@@ -8,6 +8,7 @@ import {
   TransformerUIProps,
   GroupingToMatrixTransformerOptions,
   SpecialValue,
+  TransformerCategory,
 } from '@grafana/data';
 import { InlineField, InlineFieldRow, Select } from '@grafana/ui';
 
@@ -92,5 +93,6 @@ export const groupingToMatrixTransformRegistryItem: TransformerRegistryItem<Grou
   editor: GroupingToMatrixTransformerEditor,
   transformation: standardTransformers.groupingToMatrixTransformer,
   name: 'Grouping to matrix',
-  description: `Takes a three fields combination and produces a Matrix`,
+  description: 'Takes a three fields combination and produces a Matrix.',
+  categories: new Set([TransformerCategory.Combine, TransformerCategory.Reformat]),
 };
diff --git a/public/app/features/transformers/editors/HistogramTransformerEditor.tsx b/public/app/features/transformers/editors/HistogramTransformerEditor.tsx
index 8c777e871c7..03ef3ababaf 100644
--- a/public/app/features/transformers/editors/HistogramTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/HistogramTransformerEditor.tsx
@@ -1,6 +1,12 @@
 import React, { useCallback } from 'react';
 
-import { DataTransformerID, standardTransformers, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import {
+  DataTransformerID,
+  standardTransformers,
+  TransformerRegistryItem,
+  TransformerUIProps,
+  TransformerCategory,
+} from '@grafana/data';
 import {
   HistogramTransformerOptions,
   histogramFieldInfo,
@@ -81,4 +87,5 @@ export const histogramTransformRegistryItem: TransformerRegistryItem<HistogramTr
   transformation: standardTransformers.histogramTransformer,
   name: standardTransformers.histogramTransformer.name,
   description: standardTransformers.histogramTransformer.description,
+  categories: new Set([TransformerCategory.CreateNewVisualization]),
 };
diff --git a/public/app/features/transformers/editors/JoinByFieldTransformerEditor.tsx b/public/app/features/transformers/editors/JoinByFieldTransformerEditor.tsx
index cffa84015e0..8f6bdd434a6 100644
--- a/public/app/features/transformers/editors/JoinByFieldTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/JoinByFieldTransformerEditor.tsx
@@ -6,6 +6,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import { JoinByFieldOptions, JoinMode } from '@grafana/data/src/transformations/transformers/joinByField';
 import { Select, InlineFieldRow, InlineField } from '@grafana/ui';
@@ -69,4 +70,5 @@ export const joinByFieldTransformerRegistryItem: TransformerRegistryItem<JoinByF
   transformation: standardTransformers.joinByFieldTransformer,
   name: standardTransformers.joinByFieldTransformer.name,
   description: standardTransformers.joinByFieldTransformer.description,
+  categories: new Set([TransformerCategory.Combine]),
 };
diff --git a/public/app/features/transformers/editors/LabelsToFieldsTransformerEditor.tsx b/public/app/features/transformers/editors/LabelsToFieldsTransformerEditor.tsx
index f8b1b4814e0..92c99fcce9c 100644
--- a/public/app/features/transformers/editors/LabelsToFieldsTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/LabelsToFieldsTransformerEditor.tsx
@@ -6,6 +6,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import {
   LabelsToFieldsMode,
@@ -126,5 +127,6 @@ export const labelsToFieldsTransformerRegistryItem: TransformerRegistryItem<Labe
   transformation: standardTransformers.labelsToFieldsTransformer,
   name: 'Labels to fields',
   description: `Groups series by time and return labels or tags as fields.
-                Useful for showing time series with labels in a table where each label key becomes a separate column`,
+                Useful for showing time series with labels in a table where each label key becomes a separate column.`,
+  categories: new Set([TransformerCategory.Reformat]),
 };
diff --git a/public/app/features/transformers/editors/LimitTransformerEditor.tsx b/public/app/features/transformers/editors/LimitTransformerEditor.tsx
index 2d1733ae561..35ba5f7d6fb 100644
--- a/public/app/features/transformers/editors/LimitTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/LimitTransformerEditor.tsx
@@ -1,6 +1,12 @@
 import React, { FormEvent, useCallback } from 'react';
 
-import { DataTransformerID, standardTransformers, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import {
+  DataTransformerID,
+  standardTransformers,
+  TransformerRegistryItem,
+  TransformerUIProps,
+  TransformerCategory,
+} from '@grafana/data';
 import { LimitTransformerOptions } from '@grafana/data/src/transformations/transformers/limit';
 import { InlineField, InlineFieldRow, Input } from '@grafana/ui';
 
@@ -38,4 +44,5 @@ export const limitTransformRegistryItem: TransformerRegistryItem<LimitTransforme
   transformation: standardTransformers.limitTransformer,
   name: 'Limit',
   description: `Limit the number of items displayed.`,
+  categories: new Set([TransformerCategory.Filter]),
 };
diff --git a/public/app/features/transformers/editors/MergeTransformerEditor.tsx b/public/app/features/transformers/editors/MergeTransformerEditor.tsx
index 8a1868806cf..b39c9714418 100644
--- a/public/app/features/transformers/editors/MergeTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/MergeTransformerEditor.tsx
@@ -1,6 +1,12 @@
 import React from 'react';
 
-import { DataTransformerID, standardTransformers, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import {
+  DataTransformerID,
+  standardTransformers,
+  TransformerRegistryItem,
+  TransformerUIProps,
+  TransformerCategory,
+} from '@grafana/data';
 import { MergeTransformerOptions } from '@grafana/data/src/transformations/transformers/merge';
 import { FieldValidationMessage } from '@grafana/ui';
 
@@ -19,4 +25,5 @@ export const mergeTransformerRegistryItem: TransformerRegistryItem<MergeTransfor
   name: 'Merge',
   description: `Merge many series/tables and return a single table where mergeable values will be combined into the same row.
                 Useful for showing multiple series, tables or a combination of both visualized in a table.`,
+  categories: new Set([TransformerCategory.Combine]),
 };
diff --git a/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx b/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx
index 60831bb1a20..e310a41e7fc 100644
--- a/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/OrganizeFieldsTransformerEditor.tsx
@@ -8,6 +8,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import { createOrderFieldsComparer } from '@grafana/data/src/transformations/transformers/order';
 import { OrganizeFieldsTransformerOptions } from '@grafana/data/src/transformations/transformers/organize';
@@ -212,4 +213,5 @@ export const organizeFieldsTransformRegistryItem: TransformerRegistryItem<Organi
   name: 'Organize fields',
   description:
     "Allows the user to re-order, hide, or rename fields / columns. Useful when data source doesn't allow overrides for visualizing data.",
+  categories: new Set([TransformerCategory.ReorderAndRename]),
 };
diff --git a/public/app/features/transformers/editors/ReduceTransformerEditor.tsx b/public/app/features/transformers/editors/ReduceTransformerEditor.tsx
index 74255a66b4b..049538cae92 100644
--- a/public/app/features/transformers/editors/ReduceTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/ReduceTransformerEditor.tsx
@@ -7,6 +7,7 @@ import {
   standardTransformers,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import { ReduceTransformerMode, ReduceTransformerOptions } from '@grafana/data/src/transformations/transformers/reduce';
 import { selectors } from '@grafana/e2e-selectors';
@@ -121,4 +122,5 @@ export const reduceTransformRegistryItem: TransformerRegistryItem<ReduceTransfor
   transformation: standardTransformers.reduceTransformer,
   name: standardTransformers.reduceTransformer.name,
   description: standardTransformers.reduceTransformer.description,
+  categories: new Set([TransformerCategory.CalculateNewFields]),
 };
diff --git a/public/app/features/transformers/editors/RenameByRegexTransformer.tsx b/public/app/features/transformers/editors/RenameByRegexTransformer.tsx
index 1fd61587cf0..2b90d2d6436 100644
--- a/public/app/features/transformers/editors/RenameByRegexTransformer.tsx
+++ b/public/app/features/transformers/editors/RenameByRegexTransformer.tsx
@@ -7,6 +7,7 @@ import {
   TransformerRegistryItem,
   TransformerUIProps,
   stringToJsRegex,
+  TransformerCategory,
 } from '@grafana/data';
 import { RenameByRegexTransformerOptions } from '@grafana/data/src/transformations/transformers/renameByRegex';
 import { Field, Input } from '@grafana/ui';
@@ -129,4 +130,5 @@ export const renameByRegexTransformRegistryItem: TransformerRegistryItem<RenameB
   transformation: standardTransformers.renameByRegexTransformer,
   name: 'Rename by regex',
   description: 'Renames part of the query result by using regular expression with placeholders.',
+  categories: new Set([TransformerCategory.ReorderAndRename]),
 };
diff --git a/public/app/features/transformers/editors/SeriesToRowsTransformerEditor.tsx b/public/app/features/transformers/editors/SeriesToRowsTransformerEditor.tsx
index c27e2c3da5f..4383e3681f9 100644
--- a/public/app/features/transformers/editors/SeriesToRowsTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/SeriesToRowsTransformerEditor.tsx
@@ -1,4 +1,10 @@
-import { DataTransformerID, standardTransformers, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import {
+  DataTransformerID,
+  standardTransformers,
+  TransformerRegistryItem,
+  TransformerUIProps,
+  TransformerCategory,
+} from '@grafana/data';
 import { SeriesToRowsTransformerOptions } from '@grafana/data/src/transformations/transformers/seriesToRows';
 
 export const SeriesToRowsTransformerEditor = ({
@@ -16,4 +22,5 @@ export const seriesToRowsTransformerRegistryItem: TransformerRegistryItem<Series
   name: 'Series to rows',
   description: `Merge many series and return a single series with time, metric and value as columns.
                 Useful for showing multiple time series visualized in a table.`,
+  categories: new Set([TransformerCategory.Combine, TransformerCategory.Reformat]),
 };
diff --git a/public/app/features/transformers/editors/SortByTransformerEditor.tsx b/public/app/features/transformers/editors/SortByTransformerEditor.tsx
index 008cd5262a6..899649ca3e0 100644
--- a/public/app/features/transformers/editors/SortByTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/SortByTransformerEditor.tsx
@@ -1,6 +1,12 @@
 import React, { useCallback } from 'react';
 
-import { DataTransformerID, standardTransformers, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import {
+  DataTransformerID,
+  standardTransformers,
+  TransformerRegistryItem,
+  TransformerUIProps,
+  TransformerCategory,
+} from '@grafana/data';
 import { SortByField, SortByTransformerOptions } from '@grafana/data/src/transformations/transformers/sortBy';
 import { InlineField, InlineSwitch, InlineFieldRow, Select } from '@grafana/ui';
 
@@ -55,4 +61,5 @@ export const sortByTransformRegistryItem: TransformerRegistryItem<SortByTransfor
   transformation: standardTransformers.sortByTransformer,
   name: standardTransformers.sortByTransformer.name,
   description: standardTransformers.sortByTransformer.description,
+  categories: new Set([TransformerCategory.ReorderAndRename]),
 };
diff --git a/public/app/features/transformers/extractFields/ExtractFieldsTransformerEditor.tsx b/public/app/features/transformers/extractFields/ExtractFieldsTransformerEditor.tsx
index 6fd03d726c0..1ce5fdc7408 100644
--- a/public/app/features/transformers/extractFields/ExtractFieldsTransformerEditor.tsx
+++ b/public/app/features/transformers/extractFields/ExtractFieldsTransformerEditor.tsx
@@ -7,6 +7,7 @@ import {
   FieldNamePickerConfigSettings,
   SelectableValue,
   StandardEditorsRegistryItem,
+  TransformerCategory,
 } from '@grafana/data';
 import { InlineField, InlineFieldRow, Select, InlineSwitch } from '@grafana/ui';
 import { FieldNamePicker } from '@grafana/ui/src/components/MatchersUI/FieldNamePicker';
@@ -117,5 +118,6 @@ export const extractFieldsTransformRegistryItem: TransformerRegistryItem<Extract
   editor: extractFieldsTransformerEditor,
   transformation: extractFieldsTransformer,
   name: 'Extract fields',
-  description: `Parse fields from content (JSON, labels, etc)`,
+  description: `Parse fields from content (JSON, labels, etc).`,
+  categories: new Set([TransformerCategory.Reformat]),
 };
diff --git a/public/app/features/transformers/joinByLabels/JoinByLabelsTransformerEditor.tsx b/public/app/features/transformers/joinByLabels/JoinByLabelsTransformerEditor.tsx
index 93c8a5cecac..56e3aa07bf8 100644
--- a/public/app/features/transformers/joinByLabels/JoinByLabelsTransformerEditor.tsx
+++ b/public/app/features/transformers/joinByLabels/JoinByLabelsTransformerEditor.tsx
@@ -1,6 +1,12 @@
 import React, { useMemo } from 'react';
 
-import { PluginState, SelectableValue, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import {
+  PluginState,
+  SelectableValue,
+  TransformerRegistryItem,
+  TransformerUIProps,
+  TransformerCategory,
+} from '@grafana/data';
 import { Alert, HorizontalGroup, InlineField, InlineFieldRow, Select, ValuePicker } from '@grafana/ui';
 
 import { getDistinctLabels } from '../utils';
@@ -156,6 +162,7 @@ export const joinByLabelsTransformRegistryItem: TransformerRegistryItem<JoinByLa
   name: joinByLabelsTransformer.name,
   description: joinByLabelsTransformer.description,
   state: PluginState.beta,
+  categories: new Set([TransformerCategory.Combine]),
   //   help: `
   // ### Use cases
 
diff --git a/public/app/features/transformers/joinByLabels/joinByLabels.ts b/public/app/features/transformers/joinByLabels/joinByLabels.ts
index f8ffea2e57e..463c6d5875e 100644
--- a/public/app/features/transformers/joinByLabels/joinByLabels.ts
+++ b/public/app/features/transformers/joinByLabels/joinByLabels.ts
@@ -12,7 +12,7 @@ export interface JoinByLabelsTransformOptions {
 export const joinByLabelsTransformer: SynchronousDataTransformerInfo<JoinByLabelsTransformOptions> = {
   id: DataTransformerID.joinByLabels,
   name: 'Join by labels',
-  description: 'Flatten labeled results into a table joined by labels',
+  description: 'Flatten labeled results into a table joined by labels.',
   defaultOptions: {},
 
   operator: (options, ctx) => (source) =>
diff --git a/public/app/features/transformers/lookupGazetteer/FieldLookupTransformerEditor.tsx b/public/app/features/transformers/lookupGazetteer/FieldLookupTransformerEditor.tsx
index e19a91fa3e7..2784d9e17da 100644
--- a/public/app/features/transformers/lookupGazetteer/FieldLookupTransformerEditor.tsx
+++ b/public/app/features/transformers/lookupGazetteer/FieldLookupTransformerEditor.tsx
@@ -8,6 +8,7 @@ import {
   TransformerRegistryItem,
   TransformerUIProps,
   FieldType,
+  TransformerCategory,
 } from '@grafana/data';
 import { InlineField, InlineFieldRow } from '@grafana/ui';
 import { FieldNamePicker } from '@grafana/ui/src/components/MatchersUI/FieldNamePicker';
@@ -82,6 +83,7 @@ export const fieldLookupTransformRegistryItem: TransformerRegistryItem<FieldLook
   editor: FieldLookupTransformerEditor,
   transformation: fieldLookupTransformer,
   name: 'Field lookup',
-  description: `Use a field value to lookup additional fields from an external source.  This currently supports spatial data, but will eventually support more formats`,
+  description: `Use a field value to lookup additional fields from an external source. This currently supports spatial data, but will eventually support more formats.`,
   state: PluginState.alpha,
+  categories: new Set([TransformerCategory.PerformSpatialOperations]),
 };
diff --git a/public/app/features/transformers/partitionByValues/PartitionByValuesEditor.tsx b/public/app/features/transformers/partitionByValues/PartitionByValuesEditor.tsx
index 96dbda4b5d0..86968bbb479 100644
--- a/public/app/features/transformers/partitionByValues/PartitionByValuesEditor.tsx
+++ b/public/app/features/transformers/partitionByValues/PartitionByValuesEditor.tsx
@@ -6,6 +6,7 @@ import {
   TransformerRegistryItem,
   TransformerUIProps,
   SelectableValue,
+  TransformerCategory,
 } from '@grafana/data';
 import { InlineField, InlineFieldRow, ValuePicker, Button, HorizontalGroup, FieldValidationMessage } from '@grafana/ui';
 import { useFieldDisplayNames, useSelectOptions } from '@grafana/ui/src/components/MatchersUI/utils';
@@ -104,4 +105,5 @@ export const partitionByValuesTransformRegistryItem: TransformerRegistryItem<Par
   name: partitionByValuesTransformer.name,
   description: partitionByValuesTransformer.description,
   state: PluginState.alpha,
+  categories: new Set([TransformerCategory.Reformat]),
 };
diff --git a/public/app/features/transformers/prepareTimeSeries/PrepareTimeSeriesEditor.tsx b/public/app/features/transformers/prepareTimeSeries/PrepareTimeSeriesEditor.tsx
index 1a2ca62698c..ce70274f652 100644
--- a/public/app/features/transformers/prepareTimeSeries/PrepareTimeSeriesEditor.tsx
+++ b/public/app/features/transformers/prepareTimeSeries/PrepareTimeSeriesEditor.tsx
@@ -1,7 +1,13 @@
 import { css } from '@emotion/css';
 import React, { useCallback } from 'react';
 
-import { GrafanaTheme2, SelectableValue, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import {
+  GrafanaTheme2,
+  SelectableValue,
+  TransformerRegistryItem,
+  TransformerUIProps,
+  TransformerCategory,
+} from '@grafana/data';
 import { InlineField, InlineFieldRow, Select, useStyles2 } from '@grafana/ui';
 
 import { prepareTimeSeriesTransformer, PrepareTimeSeriesOptions, timeSeriesFormat } from './prepareTimeSeries';
@@ -119,4 +125,5 @@ export const prepareTimeseriesTransformerRegistryItem: TransformerRegistryItem<P
   This transformer may be especially useful when using old panels that only expect the
   many-frame timeseries format.
   `,
+  categories: new Set([TransformerCategory.Reformat]),
 };
diff --git a/public/app/features/transformers/rowsToFields/RowsToFieldsTransformerEditor.tsx b/public/app/features/transformers/rowsToFields/RowsToFieldsTransformerEditor.tsx
index 2bac83c6add..e0991af1258 100644
--- a/public/app/features/transformers/rowsToFields/RowsToFieldsTransformerEditor.tsx
+++ b/public/app/features/transformers/rowsToFields/RowsToFieldsTransformerEditor.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { PluginState, TransformerRegistryItem, TransformerUIProps } from '@grafana/data';
+import { PluginState, TransformerRegistryItem, TransformerUIProps, TransformerCategory } from '@grafana/data';
 
 import { FieldToConfigMappingEditor } from '../fieldToConfigMapping/FieldToConfigMappingEditor';
 
@@ -32,6 +32,7 @@ export const rowsToFieldsTransformRegistryItem: TransformerRegistryItem<RowToFie
   name: rowsToFieldsTransformer.name,
   description: rowsToFieldsTransformer.description,
   state: PluginState.beta,
+  categories: new Set([TransformerCategory.Reformat]),
   help: `
 ### Use cases 
 
diff --git a/public/app/features/transformers/rowsToFields/rowsToFields.ts b/public/app/features/transformers/rowsToFields/rowsToFields.ts
index 7602ad0ae9d..51f0b9fc911 100644
--- a/public/app/features/transformers/rowsToFields/rowsToFields.ts
+++ b/public/app/features/transformers/rowsToFields/rowsToFields.ts
@@ -19,7 +19,7 @@ export interface RowToFieldsTransformOptions {
 export const rowsToFieldsTransformer: DataTransformerInfo<RowToFieldsTransformOptions> = {
   id: DataTransformerID.rowsToFields,
   name: 'Rows to fields',
-  description: 'Convert each row into a field with dynamic config',
+  description: 'Convert each row into a field with dynamic config.',
   defaultOptions: {},
 
   /**
diff --git a/public/app/features/transformers/spatial/SpatialTransformerEditor.tsx b/public/app/features/transformers/spatial/SpatialTransformerEditor.tsx
index 57e6e28f067..1349f754c93 100644
--- a/public/app/features/transformers/spatial/SpatialTransformerEditor.tsx
+++ b/public/app/features/transformers/spatial/SpatialTransformerEditor.tsx
@@ -9,6 +9,7 @@ import {
   StandardEditorContext,
   TransformerRegistryItem,
   TransformerUIProps,
+  TransformerCategory,
 } from '@grafana/data';
 import { FrameGeometrySource, FrameGeometrySourceMode } from '@grafana/schema';
 import { useTheme2 } from '@grafana/ui';
@@ -165,4 +166,5 @@ export const spatialTransformRegistryItem: TransformerRegistryItem<SpatialTransf
   name: spatialTransformer.name,
   description: spatialTransformer.description,
   state: PluginState.alpha,
+  categories: new Set([TransformerCategory.PerformSpatialOperations]),
 };
diff --git a/public/app/features/transformers/spatial/spatialTransformer.ts b/public/app/features/transformers/spatial/spatialTransformer.ts
index 3be28de4142..7bf8c2adf3f 100644
--- a/public/app/features/transformers/spatial/spatialTransformer.ts
+++ b/public/app/features/transformers/spatial/spatialTransformer.ts
@@ -10,7 +10,7 @@ import { doGeomeryCalculation, toLineString } from './utils';
 export const spatialTransformer: DataTransformerInfo<SpatialTransformOptions> = {
   id: DataTransformerID.spatial,
   name: 'Spatial operations',
-  description: 'Apply spatial operations to query results',
+  description: 'Apply spatial operations to query results.',
   defaultOptions: {},
 
   operator: (options) => (source) => source.pipe(mergeMap((data) => from(doSetGeometry(data, options)))),
diff --git a/public/app/features/transformers/timeSeriesTable/timeSeriesTableTransformer.ts b/public/app/features/transformers/timeSeriesTable/timeSeriesTableTransformer.ts
index a084a4c47ad..a2ddb2da6fb 100644
--- a/public/app/features/transformers/timeSeriesTable/timeSeriesTableTransformer.ts
+++ b/public/app/features/transformers/timeSeriesTable/timeSeriesTableTransformer.ts
@@ -15,7 +15,7 @@ export interface TimeSeriesTableTransformerOptions {}
 export const timeSeriesTableTransformer: DataTransformerInfo<TimeSeriesTableTransformerOptions> = {
   id: DataTransformerID.timeSeriesTable,
   name: 'Time series to table transform',
-  description: 'Time series to table rows',
+  description: 'Time series to table rows.',
   defaultOptions: {},
 
   operator: (options) => (source) =>
diff --git a/public/app/features/transformers/utils.ts b/public/app/features/transformers/utils.ts
index b0b2316110a..a3159caf244 100644
--- a/public/app/features/transformers/utils.ts
+++ b/public/app/features/transformers/utils.ts
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 
-import { DataFrame, getFieldDisplayName } from '@grafana/data';
+import { DataFrame, getFieldDisplayName, TransformerCategory } from '@grafana/data';
 
 export function useAllFieldNamesFromDataFrames(input: DataFrame[]): string[] {
   return useMemo(() => {
@@ -37,3 +37,13 @@ export function getDistinctLabels(input: DataFrame[]): Set<string> {
   }
   return distinct;
 }
+
+export const categoriesLabels: { [K in TransformerCategory]: string } = {
+  combine: 'Combine',
+  calculateNewFields: 'Calculate new fields',
+  createNewVisualization: 'Create new visualization',
+  filter: 'Filter',
+  performSpatialOperations: 'Perform spatial operations',
+  reformat: 'Reformat',
+  reorderAndRename: 'Reorder and rename',
+};
diff --git a/public/img/transformations/dark/calculateField.svg b/public/img/transformations/dark/calculateField.svg
new file mode 100755
index 00000000000..9856fa385ef
--- /dev/null
+++ b/public/img/transformations/dark/calculateField.svg
@@ -0,0 +1,27 @@
+<svg width="101" height="48" viewBox="0 0 101 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H31V0H1.29545C0.951872 0 0.62237 0.109659 0.379427 0.304853C0.136484 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162225)"/>
+<path d="M31 17H0V48H31V17Z" fill="#84AFF1"/>
+<path d="M17 29.5H15.0954L13 30.7266V32.3984L14.9004 31.3047H14.9502V37.5H17V29.5Z" fill="#24292E"/>
+<path d="M66 0H35V13H66V0Z" fill="url(#paint1_linear_1144_162225)"/>
+<path d="M66 17H35V48H66V17Z" fill="#84AFF1"/>
+<path d="M48.1164 37.5H54V35.9624H50.7788V35.9123L51.7296 35.0414C53.4528 33.5501 53.903 32.7909 53.903 31.8854C53.903 30.4634 52.7348 29.5 50.9301 29.5C49.1721 29.5 47.9961 30.5058 48 32.1127H49.8202C49.8202 31.3998 50.2626 30.9875 50.9224 30.9875C51.5705 30.9875 52.0401 31.3844 52.0401 32.0356C52.0401 32.6252 51.6675 33.026 51.0155 33.6079L48.1164 36.1281V37.5Z" fill="#24292E"/>
+<path d="M70 13H101V1.04083C101 0.764787 100.864 0.500047 100.621 0.304853C100.378 0.109659 100.048 0 99.7046 0L70 0V13Z" fill="url(#paint2_linear_1144_162225)"/>
+<path d="M101 17H70V48H101V17Z" fill="#84AFF1"/>
+<path d="M78 29H76.0954L74 30.2266V31.8984L75.9004 30.8047H75.9502V37H78V29Z" fill="#24292E"/>
+<path d="M90.1164 37H96V35.4624H92.7788V35.4123L93.7296 34.5414C95.4528 33.0501 95.903 32.2909 95.903 31.3854C95.903 29.9634 94.7348 29 92.9301 29C91.1721 29 89.9961 30.0058 90 31.6127H91.8202C91.8202 30.8998 92.2626 30.4875 92.9224 30.4875C93.5705 30.4875 94.0401 30.8844 94.0401 31.5356C94.0401 32.1252 93.6675 32.526 93.0155 33.1079L90.1164 35.6281V37Z" fill="#24292E"/>
+<path d="M83.7432 36H85.2568V34.2568H87V32.7432H85.2568V31H83.7432V32.7432H82V34.2568H83.7432V36Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162225" x1="0" y1="6.5052" x2="31" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162225" x1="35" y1="6.5052" x2="66.013" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162225" x1="70" y1="6.5052" x2="101" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/concatenate.svg b/public/img/transformations/dark/concatenate.svg
new file mode 100755
index 00000000000..84bc14eb093
--- /dev/null
+++ b/public/img/transformations/dark/concatenate.svg
@@ -0,0 +1,86 @@
+<svg width="158" height="48" viewBox="0 0 158 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_161721)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0 0 0 0C0 0 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_161721)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+</g>
+<path d="M27.3343 30H30.674V25.674H35V22.3343H30.674V18H27.3343V22.3343H23V25.674H27.3343V30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip1_1144_161721)">
+<path d="M58 26.5H43V39.5H58V26.5Z" fill="#3865AB"/>
+<path d="M43 10.0408V22H58V9H43.6268C43.4606 9 43.3011 9.10966 43.1836 9.30485C43.066 9.50005 43 9.76479 43 10.0408Z" fill="url(#paint1_linear_1144_161721)"/>
+<path d="M51.5 30H50.0716L48.5 30.9199V32.1738L49.9253 31.3535H49.9627V36H51.5V30Z" fill="white"/>
+</g>
+<g clip-path="url(#clip2_1144_161721)">
+<path d="M77 26.5H62V39.5H77V26.5Z" fill="#3865AB"/>
+<path d="M62 22H77V10.0408C77 9.76479 76.934 9.50005 76.8164 9.30485C76.6989 9.10966 76.5394 9 76.3732 9H62V22Z" fill="url(#paint2_linear_1144_161721)"/>
+<path d="M67.3373 36H71.75V34.8468H69.3341V34.8092L70.0472 34.1561C71.3396 33.0376 71.6772 32.4682 71.6772 31.789C71.6772 30.7225 70.8011 30 69.4476 30C68.129 30 67.2471 30.7543 67.25 31.9595H68.6151C68.6151 31.4249 68.947 31.1156 69.4418 31.1156C69.9279 31.1156 70.2801 31.4133 70.2801 31.9017C70.2801 32.3439 70.0006 32.6445 69.5116 33.0809L67.3373 34.9711V36Z" fill="white"/>
+</g>
+<path d="M85 28.566H97V25.2034H85V28.566ZM85 22.7966H97V19.434H85V22.7966Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip3_1144_161721)">
+<path d="M105 1.04083V13H120V0H105.627C105.461 0 105.301 0.109659 105.184 0.304853C105.066 0.500047 105 0.764787 105 1.04083Z" fill="url(#paint3_linear_1144_161721)"/>
+<path d="M120 17.5H105V30.5H120V17.5Z" fill="#84AFF1"/>
+<path d="M120 35H105V48H120V35Z" fill="#84AFF1"/>
+<path d="M110.337 44.5H114.75V43.3468H112.334V43.3092L113.047 42.6561C114.34 41.5376 114.677 40.9682 114.677 40.289C114.677 39.2225 113.801 38.5 112.448 38.5C111.129 38.5 110.247 39.2543 110.25 40.4595H111.615C111.615 39.9249 111.947 39.6156 112.442 39.6156C112.928 39.6156 113.28 39.9133 113.28 40.4017C113.28 40.8439 113.001 41.1445 112.512 41.5809L110.337 43.4711V44.5Z" fill="#24292E"/>
+<path d="M113.5 21H112.072L110.5 21.9199V23.1738L111.925 22.3535H111.963V27H113.5V21Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1144_161721)">
+<path d="M139 35H124V48H139V35Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M124.5 35.5H138.5V47.5H124.5V35.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M124 1.04083V13H139V0H124.627C124.461 0 124 0 124 0C124 0 124 0.764787 124 1.04083Z" fill="url(#paint4_linear_1144_161721)"/>
+<path d="M139 17.5H124V30.5H139V17.5Z" fill="#3865AB"/>
+<path d="M132.5 21H131.072L129.5 21.9199V23.1738L130.925 22.3535H130.963V27H132.5V21Z" fill="white"/>
+</g>
+<g clip-path="url(#clip5_1144_161721)">
+<path d="M158 17.5H143V30.5H158V17.5Z" fill="#3865AB"/>
+<path d="M143 13H158V1.04083C158 0.764787 157.934 0.500047 157.816 0.304853C157.699 0.109659 157.539 0 157.373 0L143 0V13Z" fill="url(#paint5_linear_1144_161721)"/>
+<path d="M148.337 27H152.75V25.8468H150.334V25.8092L151.047 25.1561C152.34 24.0376 152.677 23.4682 152.677 22.789C152.677 21.7225 151.801 21 150.448 21C149.129 21 148.247 21.7543 148.25 22.9595H149.615C149.615 22.4249 149.947 22.1156 150.442 22.1156C150.928 22.1156 151.28 22.4133 151.28 22.9017C151.28 23.3439 151.001 23.6445 150.512 24.0809L148.337 25.9711V27Z" fill="white"/>
+<path d="M158 35H143V48H158V35Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M143.5 35.5H157.5V47.5H143.5V35.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_161721" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161721" x1="43" y1="15.5052" x2="58" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_161721" x1="62" y1="15.5052" x2="77" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_161721" x1="105" y1="6.5052" x2="120" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_161721" x1="124" y1="6.5052" x2="139" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1144_161721" x1="143" y1="6.5052" x2="158" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161721">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_161721">
+<rect width="15" height="30.5" fill="white" transform="translate(43 9)"/>
+</clipPath>
+<clipPath id="clip2_1144_161721">
+<rect width="15" height="30.5" fill="white" transform="translate(62 9)"/>
+</clipPath>
+<clipPath id="clip3_1144_161721">
+<rect width="15" height="48" fill="white" transform="translate(105)"/>
+</clipPath>
+<clipPath id="clip4_1144_161721">
+<rect width="15" height="48" fill="white" transform="translate(124)"/>
+</clipPath>
+<clipPath id="clip5_1144_161721">
+<rect width="15" height="48" fill="white" transform="translate(143)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/configFromData.svg b/public/img/transformations/dark/configFromData.svg
new file mode 100755
index 00000000000..3800d587893
--- /dev/null
+++ b/public/img/transformations/dark/configFromData.svg
@@ -0,0 +1,76 @@
+<svg width="129" height="50" viewBox="0 0 129 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162522)">
+<path d="M0 2.04083V14H24V1H1.00293C0.736933 1 0 1 0 1C0 1 0 1.76479 0 2.04083Z" fill="url(#paint0_linear_1144_162522)"/>
+<path d="M24 18.5H0V31.5H24V18.5Z" fill="#84AFF1"/>
+<path d="M24 36H0V49H24V36Z" fill="#84AFF1"/>
+<path d="M3 27.3182H4.56818V24.7727C4.56818 24.392 4.76705 24.1591 5.09091 24.1591C5.41477 24.1591 5.625 24.392 5.625 24.7727V27.3182H7.125V24.7727C7.125 24.392 7.32386 24.1591 7.64773 24.1591C7.97159 24.1591 8.18182 24.392 8.18182 24.7727V27.3182H9.75V24.375C9.75 23.4801 9.17614 22.8977 8.34091 22.8977C7.69318 22.8977 7.17045 23.25 7.02273 23.7841H6.97727C6.88636 23.25 6.39773 22.8977 5.78409 22.8977C5.17898 22.8977 4.71591 23.2386 4.53409 23.7841H4.48864V22.9545H3V27.3182Z" fill="#24292E"/>
+<path d="M10.5234 28.9545H12.0916V26.6023H12.1143C12.2962 27.0455 12.7166 27.375 13.3303 27.375C14.2621 27.375 15.0462 26.6477 15.0462 25.1364C15.0462 23.5568 14.2053 22.8977 13.3416 22.8977C12.6939 22.8977 12.2848 23.2727 12.1143 23.7159H12.0803V22.9545H10.5234V28.9545ZM12.0575 25.1364C12.0575 24.4886 12.3189 24.1023 12.7507 24.1023C13.1825 24.1023 13.4325 24.4886 13.4325 25.1364C13.4325 25.7841 13.1825 26.1705 12.7507 26.1705C12.3189 26.1705 12.0575 25.7727 12.0575 25.1364Z" fill="#24292E"/>
+<path d="M17.2713 24.8636C17.2741 24.4318 17.5241 24.1705 17.9077 24.1705C18.3082 24.1705 18.5355 24.4318 18.5327 24.8636V27.3182H20.1009V24.5341C20.1037 23.5795 19.5014 22.8977 18.5781 22.8977C17.9332 22.8977 17.456 23.2273 17.2599 23.7841H17.2145V21.5H15.7031V27.3182H17.2713V24.8636Z" fill="#24292E"/>
+<path d="M3 44.8182H4.56818V42.2727C4.56818 41.892 4.76705 41.6591 5.09091 41.6591C5.41477 41.6591 5.625 41.892 5.625 42.2727V44.8182H7.125V42.2727C7.125 41.892 7.32386 41.6591 7.64773 41.6591C7.97159 41.6591 8.18182 41.892 8.18182 42.2727V44.8182H9.75V41.875C9.75 40.9801 9.17614 40.3977 8.34091 40.3977C7.69318 40.3977 7.17045 40.75 7.02273 41.2841H6.97727C6.88636 40.75 6.39773 40.3977 5.78409 40.3977C5.17898 40.3977 4.71591 40.7386 4.53409 41.2841H4.48864V40.4545H3V44.8182Z" fill="#24292E"/>
+<path d="M10.5234 46.4545H12.0916V44.1023H12.1143C12.2962 44.5455 12.7166 44.875 13.3303 44.875C14.2621 44.875 15.0462 44.1477 15.0462 42.6364C15.0462 41.0568 14.2053 40.3977 13.3416 40.3977C12.6939 40.3977 12.2848 40.7727 12.1143 41.2159H12.0803V40.4545H10.5234V46.4545ZM12.0575 42.6364C12.0575 41.9886 12.3189 41.6023 12.7507 41.6023C13.1825 41.6023 13.4325 41.9886 13.4325 42.6364C13.4325 43.2841 13.1825 43.6705 12.7507 43.6705C12.3189 43.6705 12.0575 43.2727 12.0575 42.6364Z" fill="#24292E"/>
+<path d="M17.2713 42.3636C17.2741 41.9318 17.5241 41.6705 17.9077 41.6705C18.3082 41.6705 18.5355 41.9318 18.5327 42.3636V44.8182H20.1009V42.0341C20.1037 41.0795 19.5014 40.3977 18.5781 40.3977C17.9332 40.3977 17.456 40.7273 17.2599 41.2841H17.2145V39H15.7031V44.8182H17.2713V42.3636Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_162522)">
+<path d="M28 2.04083V14H43V1H28.6268C28.4606 1 28 1 28 1C28 1 28 1.76479 28 2.04083Z" fill="url(#paint1_linear_1144_162522)"/>
+<path d="M43 18.5H28V31.5H43V18.5Z" fill="#84AFF1"/>
+<path d="M43 36H28V49H43V36Z" fill="#84AFF1"/>
+<path d="M36.5 22H35.0716L33.5 22.9199V24.1738L34.9253 23.3535H34.9627V28H36.5V22Z" fill="#24292E"/>
+<path d="M33.0873 45.5H37.5V44.3468H35.0841V44.3092L35.7972 43.6561C37.0896 42.5376 37.4272 41.9682 37.4272 41.289C37.4272 40.2225 36.5511 39.5 35.1976 39.5C33.879 39.5 32.9971 40.2543 33 41.4595H34.3651C34.3651 40.9249 34.697 40.6156 35.1918 40.6156C35.6779 40.6156 36.0301 40.9133 36.0301 41.4017C36.0301 41.8439 35.7506 42.1445 35.2616 42.5809L33.0873 44.4711V45.5Z" fill="#24292E"/>
+</g>
+<rect x="27.5" y="0.5" width="16" height="49" stroke="white"/>
+<path d="M56.9067 31C57.6011 31 62.9327 27 62.9327 25C62.9327 23 57.7357 19 56.9067 19C56.0777 19 55.4023 19.5 55.4023 20.4756C55.4023 21.4512 58.9067 23.9206 58.9067 23.9206C58.9067 23.9206 51.2539 23.25 51 23.9206C50.7461 24.5911 50.7461 25.4089 51 26.0794C51.2539 26.75 58.9067 26.0794 58.9067 26.0794C58.9067 26.0794 55.4023 28.75 55.4023 29.5301C55.4023 30.3103 56.2123 31 56.9067 31Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip2_1144_162522)">
+<path d="M71 2.04083V14H95V1H72.0029C71.7369 1 71 1 71 1C71 1 71 1.76479 71 2.04083Z" fill="url(#paint2_linear_1144_162522)"/>
+<path d="M95 18.5H71V31.5H95V18.5Z" fill="#84AFF1"/>
+<path d="M95 36H71V49H95V36Z" fill="#84AFF1"/>
+<path d="M75 27.3182H76.5682V24.7727C76.5682 24.392 76.767 24.1591 77.0909 24.1591C77.4148 24.1591 77.625 24.392 77.625 24.7727V27.3182H79.125V24.7727C79.125 24.392 79.3239 24.1591 79.6477 24.1591C79.9716 24.1591 80.1818 24.392 80.1818 24.7727V27.3182H81.75V24.375C81.75 23.4801 81.1761 22.8977 80.3409 22.8977C79.6932 22.8977 79.1705 23.25 79.0227 23.7841H78.9773C78.8864 23.25 78.3977 22.8977 77.7841 22.8977C77.179 22.8977 76.7159 23.2386 76.5341 23.7841H76.4886V22.9545H75V27.3182Z" fill="#24292E"/>
+<path d="M82.5234 28.9545H84.0916V26.6023H84.1143C84.2962 27.0455 84.7166 27.375 85.3303 27.375C86.2621 27.375 87.0462 26.6477 87.0462 25.1364C87.0462 23.5568 86.2053 22.8977 85.3416 22.8977C84.6939 22.8977 84.2848 23.2727 84.1143 23.7159H84.0803V22.9545H82.5234V28.9545ZM84.0575 25.1364C84.0575 24.4886 84.3189 24.1023 84.7507 24.1023C85.1825 24.1023 85.4325 24.4886 85.4325 25.1364C85.4325 25.7841 85.1825 26.1705 84.7507 26.1705C84.3189 26.1705 84.0575 25.7727 84.0575 25.1364Z" fill="#24292E"/>
+<path d="M89.2713 24.8636C89.2741 24.4318 89.5241 24.1705 89.9077 24.1705C90.3082 24.1705 90.5355 24.4318 90.5327 24.8636V27.3182H92.1009V24.5341C92.1037 23.5795 91.5014 22.8977 90.5781 22.8977C89.9332 22.8977 89.456 23.2273 89.2599 23.7841H89.2145V21.5H87.7031V27.3182H89.2713V24.8636Z" fill="#24292E"/>
+<path d="M74 44.8182H75.5682V42.2727C75.5682 41.892 75.767 41.6591 76.0909 41.6591C76.4148 41.6591 76.625 41.892 76.625 42.2727V44.8182H78.125V42.2727C78.125 41.892 78.3239 41.6591 78.6477 41.6591C78.9716 41.6591 79.1818 41.892 79.1818 42.2727V44.8182H80.75V41.875C80.75 40.9801 80.1761 40.3977 79.3409 40.3977C78.6932 40.3977 78.1705 40.75 78.0227 41.2841H77.9773C77.8864 40.75 77.3977 40.3977 76.7841 40.3977C76.179 40.3977 75.7159 40.7386 75.5341 41.2841H75.4886V40.4545H74V44.8182Z" fill="#24292E"/>
+<path d="M81.5234 46.4545H83.0916V44.1023H83.1143C83.2962 44.5455 83.7166 44.875 84.3303 44.875C85.2621 44.875 86.0462 44.1477 86.0462 42.6364C86.0462 41.0568 85.2053 40.3977 84.3416 40.3977C83.6939 40.3977 83.2848 40.7727 83.1143 41.2159H83.0803V40.4545H81.5234V46.4545ZM83.0575 42.6364C83.0575 41.9886 83.3189 41.6023 83.7507 41.6023C84.1825 41.6023 84.4325 41.9886 84.4325 42.6364C84.4325 43.2841 84.1825 43.6705 83.7507 43.6705C83.3189 43.6705 83.0575 43.2727 83.0575 42.6364Z" fill="#24292E"/>
+<path d="M88.2713 42.3636C88.2741 41.9318 88.5241 41.6705 88.9077 41.6705C89.3082 41.6705 89.5355 41.9318 89.5327 42.3636V44.8182H91.1009V42.0341C91.1037 41.0795 90.5014 40.3977 89.5781 40.3977C88.9332 40.3977 88.456 40.7273 88.2599 41.2841H88.2145V39H86.7031V44.8182H88.2713V42.3636Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1144_162522)">
+<path d="M99 2.04083V14H129V1H100.254C99.9212 1 99 1 99 1C99 1 99 1.76479 99 2.04083Z" fill="url(#paint3_linear_1144_162522)"/>
+<path d="M129 18.5H99V31.5H129V18.5Z" fill="#84AFF1"/>
+<path d="M129 36H99V49H129V36Z" fill="#84AFF1"/>
+<path d="M109 27.3182H110.568V24.7727C110.568 24.392 110.767 24.1591 111.091 24.1591C111.415 24.1591 111.625 24.392 111.625 24.7727V27.3182H113.125V24.7727C113.125 24.392 113.324 24.1591 113.648 24.1591C113.972 24.1591 114.182 24.392 114.182 24.7727V27.3182H115.75V24.375C115.75 23.4801 115.176 22.8977 114.341 22.8977C113.693 22.8977 113.17 23.25 113.023 23.7841H112.977C112.886 23.25 112.398 22.8977 111.784 22.8977C111.179 22.8977 110.716 23.2386 110.534 23.7841H110.489V22.9545H109V27.3182Z" fill="#24292E"/>
+<path d="M116.523 28.9545H118.092V26.6023H118.114C118.296 27.0455 118.717 27.375 119.33 27.375C120.262 27.375 121.046 26.6477 121.046 25.1364C121.046 23.5568 120.205 22.8977 119.342 22.8977C118.694 22.8977 118.285 23.2727 118.114 23.7159H118.08V22.9545H116.523V28.9545ZM118.058 25.1364C118.058 24.4886 118.319 24.1023 118.751 24.1023C119.183 24.1023 119.433 24.4886 119.433 25.1364C119.433 25.7841 119.183 26.1705 118.751 26.1705C118.319 26.1705 118.058 25.7727 118.058 25.1364Z" fill="#24292E"/>
+<path d="M123.271 24.8636C123.274 24.4318 123.524 24.1705 123.908 24.1705C124.308 24.1705 124.536 24.4318 124.533 24.8636V27.3182H126.101V24.5341C126.104 23.5795 125.501 22.8977 124.578 22.8977C123.933 22.8977 123.456 23.2273 123.26 23.7841H123.214V21.5H121.703V27.3182H123.271V24.8636Z" fill="#24292E"/>
+<path d="M109 44.8182H110.568V42.2727C110.568 41.892 110.767 41.6591 111.091 41.6591C111.415 41.6591 111.625 41.892 111.625 42.2727V44.8182H113.125V42.2727C113.125 41.892 113.324 41.6591 113.648 41.6591C113.972 41.6591 114.182 41.892 114.182 42.2727V44.8182H115.75V41.875C115.75 40.9801 115.176 40.3977 114.341 40.3977C113.693 40.3977 113.17 40.75 113.023 41.2841H112.977C112.886 40.75 112.398 40.3977 111.784 40.3977C111.179 40.3977 110.716 40.7386 110.534 41.2841H110.489V40.4545H109V44.8182Z" fill="#24292E"/>
+<path d="M116.523 46.4545H118.092V44.1023H118.114C118.296 44.5455 118.717 44.875 119.33 44.875C120.262 44.875 121.046 44.1477 121.046 42.6364C121.046 41.0568 120.205 40.3977 119.342 40.3977C118.694 40.3977 118.285 40.7727 118.114 41.2159H118.08V40.4545H116.523V46.4545ZM118.058 42.6364C118.058 41.9886 118.319 41.6023 118.751 41.6023C119.183 41.6023 119.433 41.9886 119.433 42.6364C119.433 43.2841 119.183 43.6705 118.751 43.6705C118.319 43.6705 118.058 43.2727 118.058 42.6364Z" fill="#24292E"/>
+<path d="M123.271 42.3636C123.274 41.9318 123.524 41.6705 123.908 41.6705C124.308 41.6705 124.536 41.9318 124.533 42.3636V44.8182H126.101V42.0341C126.104 41.0795 125.501 40.3977 124.578 40.3977C123.933 40.3977 123.456 40.7273 123.26 41.2841H123.214V39H121.703V44.8182H123.271V42.3636Z" fill="#24292E"/>
+<path d="M106 21.5H104.572L103 22.4199V23.6738L104.425 22.8535H104.463V27.5H106V21.5Z" fill="#24292E"/>
+<path d="M102.087 45H106.5V43.8468H104.084V43.8092L104.797 43.1561C106.09 42.0376 106.427 41.4682 106.427 40.789C106.427 39.7225 105.551 39 104.198 39C102.879 39 101.997 39.7543 102 40.9595H103.365C103.365 40.4249 103.697 40.1156 104.192 40.1156C104.678 40.1156 105.03 40.4133 105.03 40.9017C105.03 41.3439 104.751 41.6445 104.262 42.0809L102.087 43.9711V45Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162522" x1="0" y1="7.5052" x2="24" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162522" x1="28" y1="7.5052" x2="43" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162522" x1="71" y1="7.5052" x2="95" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162522" x1="99" y1="7.5052" x2="129" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162522">
+<rect width="24" height="48" fill="white" transform="translate(0 1)"/>
+</clipPath>
+<clipPath id="clip1_1144_162522">
+<rect x="28" y="1" width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip2_1144_162522">
+<rect width="24" height="48" fill="white" transform="translate(71 1)"/>
+</clipPath>
+<clipPath id="clip3_1144_162522">
+<rect width="30" height="48" fill="white" transform="translate(99 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/convertFieldType.svg b/public/img/transformations/dark/convertFieldType.svg
new file mode 100755
index 00000000000..3f46965e31b
--- /dev/null
+++ b/public/img/transformations/dark/convertFieldType.svg
@@ -0,0 +1,45 @@
+<svg width="140" height="48" viewBox="0 0 140 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162561)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M9.65 9.3H9.3V3.35C9.3 3.25717 9.26313 3.16815 9.19749 3.10251C9.13185 3.03687 9.04283 3 8.95 3H7.725C7.66392 3.00037 7.604 3.01672 7.5512 3.04742C7.49839 3.07812 7.45454 3.1221 7.424 3.175L3.8505 9.3H3.35C3.25717 9.3 3.16815 9.33687 3.10251 9.40251C3.03687 9.46815 3 9.55717 3 9.65C3 9.74283 3.03687 9.83185 3.10251 9.89749C3.16815 9.96313 3.25717 10 3.35 10H4.75C4.84283 10 4.93185 9.96313 4.99749 9.89749C5.06313 9.83185 5.1 9.74283 5.1 9.65C5.1 9.55717 5.06313 9.46815 4.99749 9.40251C4.93185 9.33687 4.84283 9.3 4.75 9.3H4.659L5.884 7.2H8.6V9.3H8.25C8.15717 9.3 8.06815 9.33687 8.00251 9.40251C7.93687 9.46815 7.9 9.55717 7.9 9.65C7.9 9.74283 7.93687 9.83185 8.00251 9.89749C8.06815 9.96313 8.15717 10 8.25 10H9.65C9.74283 10 9.83185 9.96313 9.89749 9.89749C9.96313 9.83185 10 9.74283 10 9.65C10 9.55717 9.96313 9.46815 9.89749 9.40251C9.83185 9.33687 9.74283 9.3 9.65 9.3ZM8.6 6.5H6.2935L7.9245 3.7H8.6V6.5Z" fill="white"/>
+<path d="M23 15.5H22.5V16V32V32.5H23H50H50.5V32V16V15.5H50H23Z" stroke="#CCCCDC"/>
+<path d="M30.3747 24.4872C30.3426 23.7927 29.7236 23.3761 28.7057 23.3761C27.6992 23.3761 27.0779 23.7607 27.0825 24.4444C27.0779 24.9615 27.4379 25.2927 28.1555 25.4103L28.7791 25.5128C29.0542 25.5598 29.178 25.6282 29.1826 25.7521C29.178 25.8889 29.0106 25.9658 28.7791 25.9658C28.4925 25.9658 28.2907 25.8504 28.2564 25.641H27C27.0688 26.3141 27.6924 26.7607 28.7699 26.7607C29.7443 26.7607 30.4618 26.3184 30.4664 25.6154C30.4618 25.1303 30.1134 24.8483 29.3935 24.7265L28.6782 24.6068C28.41 24.562 28.3343 24.4722 28.3389 24.3761C28.3343 24.2393 28.5154 24.1624 28.7332 24.1624C28.9831 24.1624 29.1917 24.2863 29.2101 24.4872H30.3747Z" fill="white"/>
+<path d="M33.0513 23.4188H32.4461V22.6325H31.1806V23.4188H30.7312V24.2735H31.1806V25.7564C31.1714 26.4444 31.6276 26.7927 32.5011 26.7479C32.7877 26.7329 33.0009 26.6773 33.1155 26.6453L32.9321 25.8162C32.884 25.8269 32.7602 25.8504 32.6845 25.8504C32.5195 25.8504 32.4461 25.7821 32.4461 25.6453V24.2735H33.0513V23.4188Z" fill="white"/>
+<path d="M33.5678 26.7009H34.8333V24.9915C34.8333 24.6154 35.1107 24.3675 35.4844 24.3675C35.6151 24.3675 35.826 24.3868 35.9521 24.4274V23.4209C35.8512 23.3932 35.7411 23.3761 35.6311 23.3761C35.2551 23.3761 34.9617 23.5812 34.8333 24.0427H34.7966V23.4188H33.5678V26.7009Z" fill="white"/>
+<path d="M36.367 26.7009H37.6326V23.4188H36.367V26.7009ZM36.9998 23.0769C37.3437 23.0769 37.6234 22.8355 37.6234 22.5385C37.6234 22.2415 37.3437 22 36.9998 22C36.6559 22 36.3762 22.2415 36.3762 22.5385C36.3762 22.8355 36.6559 23.0769 36.9998 23.0769Z" fill="white"/>
+<path d="M39.5429 24.8547C39.5452 24.5299 39.7423 24.3333 40.0564 24.3333C40.3751 24.3333 40.5631 24.5299 40.5608 24.8547V26.7009H41.8263V24.6068C41.8286 23.8932 41.3449 23.3761 40.5975 23.3761C40.0793 23.3761 39.669 23.6282 39.5154 24.0427H39.4787V23.4188H38.2773V26.7009H39.5429V24.8547Z" fill="white"/>
+<path d="M44.1476 28C45.2618 28 46 27.5256 46 26.6923V23.4188H44.7345V23.9915H44.707C44.5694 23.6581 44.2393 23.3761 43.7166 23.3761C43.0196 23.3761 42.341 23.8718 42.341 25.0598C42.341 26.1966 42.9738 26.6581 43.7257 26.6581C44.2026 26.6581 44.5786 26.4701 44.7161 26.1368H44.7528V26.6923C44.7528 27.0791 44.5121 27.2051 44.1843 27.2051C43.8931 27.2051 43.6799 27.1239 43.6432 26.9145H42.4235C42.4717 27.547 43.0884 28 44.1476 28ZM44.1934 25.8205C43.8449 25.8205 43.6432 25.547 43.6432 25.0598C43.6432 24.5726 43.8449 24.2821 44.1934 24.2821C44.5419 24.2821 44.7528 24.5726 44.7528 25.0598C44.7528 25.5385 44.5419 25.8205 44.1934 25.8205Z" fill="white"/>
+<path d="M63.9067 30C64.6011 30 69.9327 26 69.9327 24C69.9327 22 64.7357 18 63.9067 18C63.0777 18 62.4023 18.5 62.4023 19.4756C62.4023 20.4512 65.9067 22.9206 65.9067 22.9206C65.9067 22.9206 58.2539 22.25 58 22.9206C57.7461 23.5911 57.7461 24.4089 58 25.0794C58.2539 25.75 65.9067 25.0794 65.9067 25.0794C65.9067 25.0794 62.4023 27.75 62.4023 28.5301C62.4023 29.3103 63.2123 30 63.9067 30Z" fill="#CCCCDC"/>
+<path d="M78 1.04083V13H93V0H78.6268C78.4606 0 78.3011 0.109659 78.1836 0.304853C78.066 0.500047 78 0.764787 78 1.04083Z" fill="url(#paint1_linear_1144_162561)"/>
+<path d="M93 17.5H78V30.5H93V17.5Z" fill="#84AFF1"/>
+<path d="M93 35H78V48H93V35Z" fill="#84AFF1"/>
+<path d="M86.5 21H85.0716L83.5 21.9199V23.1738L84.9253 22.3535H84.9627V27H86.5V21Z" fill="#24292E"/>
+<path d="M83.3373 44.5H87.75V43.3468H85.3341V43.3092L86.0472 42.6561C87.3396 41.5376 87.6772 40.9682 87.6772 40.289C87.6772 39.2225 86.8011 38.5 85.4476 38.5C84.129 38.5 83.2471 39.2543 83.25 40.4595H84.6151C84.6151 39.9249 84.947 39.6156 85.4418 39.6156C85.9279 39.6156 86.2801 39.9133 86.2801 40.4017C86.2801 40.8439 86.0006 41.1445 85.5116 41.5809L83.3373 43.4711V44.5Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1144_162561)">
+<path d="M83.1733 5.06818H83.3523V5.24716C83.3523 5.3421 83.39 5.43314 83.4571 5.50027C83.5242 5.5674 83.6153 5.60511 83.7102 5.60511C83.8052 5.60511 83.8962 5.5674 83.9633 5.50027C84.0305 5.43314 84.0682 5.3421 84.0682 5.24716V5.06818H84.2472C84.3421 5.06818 84.4331 5.03047 84.5003 4.96334C84.5674 4.89621 84.6051 4.80516 84.6051 4.71023C84.6051 4.61529 84.5674 4.52425 84.5003 4.45712C84.4331 4.38999 84.3421 4.35227 84.2472 4.35227H84.0682V4.1733C84.0682 4.07836 84.0305 3.98731 83.9633 3.92018C83.8962 3.85305 83.8052 3.81534 83.7102 3.81534C83.6153 3.81534 83.5242 3.85305 83.4571 3.92018C83.39 3.98731 83.3523 4.07836 83.3523 4.1733V4.35227H83.1733C83.0784 4.35227 82.9873 4.38999 82.9202 4.45712C82.8531 4.52425 82.8153 4.61529 82.8153 4.71023C82.8153 4.80516 82.8531 4.89621 82.9202 4.96334C82.9873 5.03047 83.0784 5.06818 83.1733 5.06818ZM82.9514 9.04864C83.0184 9.11531 83.1092 9.15273 83.2037 9.15273C83.2983 9.15273 83.389 9.11531 83.4561 9.04864L83.7102 8.79449L83.9644 9.04864C84.0314 9.11531 84.1222 9.15273 84.2167 9.15273C84.3113 9.15273 84.402 9.11531 84.4691 9.04864C84.5358 8.98157 84.5732 8.89085 84.5732 8.79628C84.5732 8.70171 84.5358 8.61099 84.4691 8.54392L84.2149 8.28977L84.4691 8.03563C84.5277 7.96715 84.5584 7.87906 84.5549 7.78898C84.5514 7.69889 84.5141 7.61343 84.4503 7.54968C84.3866 7.48593 84.3011 7.44858 84.211 7.4451C84.1209 7.44162 84.0329 7.47227 83.9644 7.53091L83.7102 7.78506L83.4561 7.53091C83.3876 7.47227 83.2995 7.44162 83.2094 7.4451C83.1193 7.44858 83.0339 7.48593 82.9701 7.54968C82.9064 7.61343 82.869 7.69889 82.8656 7.78898C82.8621 7.87906 82.8927 7.96715 82.9514 8.03563L83.2055 8.28977L82.9514 8.54392C82.8847 8.61099 82.8473 8.70171 82.8473 8.79628C82.8473 8.89085 82.8847 8.98157 82.9514 9.04864V9.04864ZM88.3636 2.5625H82.6364C82.3516 2.5625 82.0784 2.67564 81.877 2.87703C81.6756 3.07842 81.5625 3.35156 81.5625 3.63636V9.36364C81.5625 9.64844 81.6756 9.92159 81.877 10.123C82.0784 10.3244 82.3516 10.4375 82.6364 10.4375H88.3636C88.6484 10.4375 88.9216 10.3244 89.123 10.123C89.3244 9.92159 89.4375 9.64844 89.4375 9.36364V3.63636C89.4375 3.35156 89.3244 3.07842 89.123 2.87703C88.9216 2.67564 88.6484 2.5625 88.3636 2.5625V2.5625ZM85.142 9.72159H82.6364C82.5414 9.72159 82.4504 9.68388 82.3833 9.61675C82.3161 9.54962 82.2784 9.45857 82.2784 9.36364V6.85796H85.142V9.72159ZM85.142 6.14205H82.2784V3.63636C82.2784 3.54143 82.3161 3.45038 82.3833 3.38325C82.4504 3.31612 82.5414 3.27841 82.6364 3.27841H85.142V6.14205ZM88.7216 9.36364C88.7216 9.45857 88.6839 9.54962 88.6167 9.61675C88.5496 9.68388 88.4586 9.72159 88.3636 9.72159H85.858V6.85796H88.7216V9.36364ZM88.7216 6.14205H85.858V3.27841H88.3636C88.4586 3.27841 88.5496 3.31612 88.6167 3.38325C88.6839 3.45038 88.7216 3.54143 88.7216 3.63636V6.14205ZM86.7528 8.1108H87.8267C87.9216 8.1108 88.0127 8.07308 88.0798 8.00595C88.1469 7.93882 88.1847 7.84778 88.1847 7.75284C88.1847 7.65791 88.1469 7.56686 88.0798 7.49973C88.0127 7.4326 87.9216 7.39489 87.8267 7.39489H86.7528C86.6579 7.39489 86.5669 7.4326 86.4997 7.49973C86.4326 7.56686 86.3949 7.65791 86.3949 7.75284C86.3949 7.84778 86.4326 7.93882 86.4997 8.00595C86.5669 8.07308 86.6579 8.1108 86.7528 8.1108V8.1108ZM87.8267 4.35227H86.7528C86.6579 4.35227 86.5669 4.38999 86.4997 4.45712C86.4326 4.52425 86.3949 4.61529 86.3949 4.71023C86.3949 4.80516 86.4326 4.89621 86.4997 4.96334C86.5669 5.03047 86.6579 5.06818 86.7528 5.06818H87.8267C87.9216 5.06818 88.0127 5.03047 88.0798 4.96334C88.1469 4.89621 88.1847 4.80516 88.1847 4.71023C88.1847 4.61529 88.1469 4.52425 88.0798 4.45712C88.0127 4.38999 87.9216 4.35227 87.8267 4.35227ZM86.7528 9.18466H87.8267C87.9216 9.18466 88.0127 9.14695 88.0798 9.07982C88.1469 9.01269 88.1847 8.92164 88.1847 8.82671C88.1847 8.73177 88.1469 8.64072 88.0798 8.57359C88.0127 8.50646 87.9216 8.46875 87.8267 8.46875H86.7528C86.6579 8.46875 86.5669 8.50646 86.4997 8.57359C86.4326 8.64072 86.3949 8.73177 86.3949 8.82671C86.3949 8.92164 86.4326 9.01269 86.4997 9.07982C86.5669 9.14695 86.6579 9.18466 86.7528 9.18466V9.18466Z" fill="white"/>
+</g>
+<path d="M101 15.5H100.5V16V32V32.5H101H137H137.5V32V16V15.5H137H101Z" stroke="#CCCCDC"/>
+<path d="M106.339 24.4629C106.341 24.1258 106.55 23.9218 106.882 23.9218C107.219 23.9218 107.418 24.1258 107.416 24.4629V26.3791H108.754V24.2057C108.757 23.4649 108.245 22.9282 107.454 22.9282C106.906 22.9282 106.472 23.1899 106.31 23.6202H106.271V22.9726H105V26.3791H106.339V24.4629Z" fill="white"/>
+<path d="M111.831 24.8887C111.833 25.2258 111.62 25.4299 111.288 25.4299C110.95 25.4299 110.756 25.2258 110.754 24.8887V22.9726H109.415V25.146C109.418 25.8912 109.932 26.4234 110.715 26.4234C111.271 26.4234 111.697 26.1662 111.86 25.7315H111.899V26.3791H113.17V22.9726H111.831V24.8887Z" fill="white"/>
+<path d="M113.85 26.3791H115.189V24.392C115.189 24.0948 115.359 23.9129 115.636 23.9129C115.912 23.9129 116.091 24.0948 116.091 24.392V26.3791H117.372V24.392C117.372 24.0948 117.542 23.9129 117.818 23.9129C118.095 23.9129 118.274 24.0948 118.274 24.392V26.3791H119.613V24.0815C119.613 23.3829 119.123 22.9282 118.41 22.9282C117.857 22.9282 117.411 23.2032 117.285 23.6202H117.246C117.168 23.2032 116.751 22.9282 116.227 22.9282C115.711 22.9282 115.315 23.1944 115.16 23.6202H115.121V22.9726H113.85V26.3791Z" fill="white"/>
+<path d="M122.058 26.4412C123.091 26.4412 123.756 25.9888 123.882 25.2791H122.66C122.582 25.472 122.361 25.5807 122.087 25.5807C121.69 25.5807 121.457 25.3412 121.457 25.0129V24.9597H123.882V24.6758C123.882 23.5914 123.155 22.9282 122.029 22.9282C120.875 22.9282 120.137 23.6291 120.137 24.6847C120.137 25.7869 120.865 26.4412 122.058 26.4412ZM121.457 24.2855C121.464 23.9905 121.731 23.7887 122.058 23.7887C122.391 23.7887 122.643 23.9928 122.65 24.2855H121.457Z" fill="white"/>
+<path d="M124.428 26.3791H125.767V24.6049C125.767 24.2145 126.061 23.9573 126.456 23.9573C126.594 23.9573 126.817 23.9772 126.951 24.0194V22.9748C126.844 22.946 126.728 22.9282 126.611 22.9282C126.213 22.9282 125.903 23.1411 125.767 23.6202H125.728V22.9726H124.428V26.3791Z" fill="white"/>
+<path d="M127.39 26.3791H128.728V22.9726H127.39V26.3791ZM128.059 22.6178C128.423 22.6178 128.719 22.3671 128.719 22.0589C128.719 21.7506 128.423 21.5 128.059 21.5C127.695 21.5 127.399 21.7506 127.399 22.0589C127.399 22.3671 127.695 22.6178 128.059 22.6178Z" fill="white"/>
+<path d="M131.205 26.4412C132.309 26.4412 132.985 25.8623 133 24.9597H131.758C131.729 25.3168 131.518 25.5097 131.225 25.5097C130.873 25.5097 130.643 25.2347 130.643 24.6758C130.643 24.117 130.873 23.842 131.225 23.842C131.521 23.842 131.722 24.0349 131.758 24.392H133C132.993 23.5049 132.302 22.9282 131.205 22.9282C129.993 22.9282 129.275 23.6379 129.275 24.6847C129.275 25.7315 129.993 26.4412 131.205 26.4412Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162561" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162561" x1="78" y1="6.5052" x2="93" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162561">
+<rect width="9" height="9" fill="white" transform="translate(81 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/extractFields.svg b/public/img/transformations/dark/extractFields.svg
new file mode 100755
index 00000000000..37f3e5ce2f7
--- /dev/null
+++ b/public/img/transformations/dark/extractFields.svg
@@ -0,0 +1,61 @@
+<svg width="102" height="48" viewBox="0 0 102 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162492)">
+<path d="M0 1.04083V13H40V0H1.67154C1.22822 0 0 0 0 0C0 0 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162492)"/>
+<path d="M40 17.5H0V30.5H40V17.5Z" fill="#84AFF1"/>
+<path d="M40 35H0V48H40V35Z" fill="#84AFF1"/>
+<path d="M13.75 5.45455H12.1023L11.3977 8.34091H11.3523L10.6477 5.45455H9L10.4659 9.81818H12.2841L13.75 5.45455Z" fill="#24292E"/>
+<path d="M15.2947 9.88636C15.8629 9.88636 16.2919 9.69318 16.5561 9.20455H16.5902V9.81818H18.0561V6.82955C18.0561 6.02273 17.2919 5.39773 16.0447 5.39773C14.7408 5.39773 14.0987 6.07955 14.0447 6.875H15.4879C15.5249 6.60511 15.7237 6.47727 16.022 6.47727C16.2947 6.47727 16.4879 6.60227 16.4879 6.82955V6.84091C16.4879 7.09375 16.2095 7.1733 15.4766 7.22727C14.576 7.29261 13.8743 7.65625 13.8743 8.61364C13.8743 9.48295 14.4595 9.88636 15.2947 9.88636ZM15.8061 8.89773C15.5391 8.89773 15.3516 8.76705 15.3516 8.52273C15.3516 8.2983 15.5107 8.125 15.8743 8.06818C16.1243 8.02841 16.3345 7.97727 16.4993 7.90909V8.27273C16.4993 8.67045 16.1612 8.89773 15.8061 8.89773Z" fill="#24292E"/>
+<path d="M20.3736 4H18.8054V9.81818H20.3736V4Z" fill="#24292E"/>
+<path d="M24.0021 7.90909C24.005 8.34091 23.755 8.60227 23.3658 8.60227C22.9709 8.60227 22.7436 8.34091 22.7408 7.90909V5.45455H21.1726V8.23864C21.1754 9.19318 21.7777 9.875 22.6953 9.875C23.3459 9.875 23.8459 9.54545 24.0362 8.98864H24.0817V9.81818H25.5703V5.45455H24.0021V7.90909Z" fill="#24292E"/>
+<path d="M28.4588 9.89773C29.669 9.89773 30.4474 9.31818 30.5952 8.40909H29.1634C29.0724 8.65625 28.8139 8.79545 28.4929 8.79545C28.027 8.79545 27.7543 8.48864 27.7543 8.06818V8H30.5952V7.63636C30.5952 6.24716 29.7429 5.39773 28.4247 5.39773C27.0724 5.39773 26.2088 6.29545 26.2088 7.64773C26.2088 9.05966 27.0611 9.89773 28.4588 9.89773ZM27.7543 7.13636C27.7628 6.75852 28.0753 6.5 28.4588 6.5C28.848 6.5 29.1435 6.76136 29.152 7.13636H27.7543Z" fill="#24292E"/>
+<path d="M6.18182 27.7955V26.6591C5.5 26.6591 5.40909 26.429 5.40909 25.9545V25.3295C5.40909 24.9063 5.19318 24.483 4.25 24.2955V24.1591C5.19318 23.9716 5.40909 23.5483 5.40909 23.125V22.5C5.40909 22.0256 5.5 21.7955 6.18182 21.7955V20.6591C5.01136 20.6591 3.88636 20.6591 3.88636 22.2955V22.7386C3.88636 23.2955 3.66477 23.5455 3 23.5455V24.9091C3.66477 24.9091 3.88636 25.1591 3.88636 25.7159V26.1591C3.88636 27.7955 5.01136 27.7955 6.18182 27.7955Z" fill="#24292E"/>
+<path d="M7.92116 26.5455C8.48935 26.5455 8.91832 26.3523 9.18253 25.8636H9.21662V26.4773H10.6825V23.4886C10.6825 22.6818 9.91832 22.0568 8.67116 22.0568C7.36719 22.0568 6.72514 22.7386 6.67116 23.5341H8.11435C8.15128 23.2642 8.35014 23.1364 8.64844 23.1364C8.92116 23.1364 9.11435 23.2614 9.11435 23.4886V23.5C9.11435 23.7528 8.83594 23.8324 8.10298 23.8864C7.20241 23.9517 6.50071 24.3153 6.50071 25.2727C6.50071 26.142 7.08594 26.5455 7.92116 26.5455ZM8.43253 25.5568C8.16548 25.5568 7.97798 25.4261 7.97798 25.1818C7.97798 24.9574 8.13707 24.7841 8.50071 24.7273C8.75071 24.6875 8.96094 24.6364 9.12571 24.5682V24.9318C9.12571 25.3295 8.78764 25.5568 8.43253 25.5568Z" fill="#24292E"/>
+<path d="M12.2841 26.5682C12.7017 26.5682 13.0739 26.2159 13.0795 25.7727C13.0739 25.3409 12.7017 24.9886 12.2841 24.9886C11.8438 24.9886 11.483 25.3409 11.4886 25.7727C11.483 26.2159 11.8438 26.5682 12.2841 26.5682ZM12.2841 23.6364C12.7017 23.6364 13.0739 23.2841 13.0795 22.8409C13.0739 22.4091 12.7017 22.0568 12.2841 22.0568C11.8438 22.0568 11.483 22.4091 11.4886 22.8409C11.483 23.2841 11.8438 23.6364 12.2841 23.6364Z" fill="#24292E"/>
+<path d="M16.7727 20.6591H15.3182L13.8864 21.5341V22.875L15.1591 22.1136H15.1932V26.4773H16.7727V20.6591Z" fill="#24292E"/>
+<path d="M19.2202 25.6818H18.0384V26C18.0384 26.7727 17.777 27.5824 17.6861 27.8977H18.652C18.7884 27.5824 19.1378 26.821 19.1974 26L19.2202 25.6818Z" fill="#24292E"/>
+<path d="M21.3622 26.4773H22.919V25.7614H22.9531C23.1349 26.2045 23.5554 26.5341 24.169 26.5341C25.1009 26.5341 25.8849 25.8068 25.8849 24.2955C25.8849 22.7159 25.044 22.0568 24.1804 22.0568C23.5327 22.0568 23.1236 22.4318 22.9531 22.875H22.9304V20.6591H21.3622V26.4773ZM22.8963 24.2955C22.8963 23.6477 23.1577 23.2614 23.5895 23.2614C24.0213 23.2614 24.2713 23.6477 24.2713 24.2955C24.2713 24.9432 24.0213 25.3295 23.5895 25.3295C23.1577 25.3295 22.8963 24.9318 22.8963 24.2955Z" fill="#24292E"/>
+<path d="M27.3935 26.5682C27.8111 26.5682 28.1832 26.2159 28.1889 25.7727C28.1832 25.3409 27.8111 24.9886 27.3935 24.9886C26.9531 24.9886 26.5923 25.3409 26.598 25.7727C26.5923 26.2159 26.9531 26.5682 27.3935 26.5682ZM27.3935 23.6364C27.8111 23.6364 28.1832 23.2841 28.1889 22.8409C28.1832 22.4091 27.8111 22.0568 27.3935 22.0568C26.9531 22.0568 26.5923 22.4091 26.598 22.8409C26.5923 23.2841 26.9531 23.6364 27.3935 23.6364Z" fill="#24292E"/>
+<path d="M29.0298 26.4773H33.4957V25.2159H31.223V25.1818L31.7685 24.7273C33.0952 23.6222 33.4332 23.0483 33.4332 22.375C33.4332 21.2898 32.544 20.5795 31.1491 20.5795C29.794 20.5795 28.9134 21.3324 28.9162 22.5568H30.4162C30.4134 22.0682 30.7116 21.7955 31.1491 21.7955C31.5838 21.7955 31.8935 22.0653 31.8935 22.5114C31.8935 22.9233 31.6293 23.1903 31.2003 23.5455L29.0298 25.3409V26.4773Z" fill="#24292E"/>
+<path d="M33.9403 20V21.1364C34.6222 21.1364 34.7131 21.3665 34.7131 21.8409V22.4659C34.7131 22.8892 34.929 23.3125 35.8722 23.5V23.6364C34.929 23.8239 34.7131 24.2472 34.7131 24.6705V25.2955C34.7131 25.7699 34.6222 26 33.9403 26V27.1364C35.1108 27.1364 36.2358 27.1364 36.2358 25.5V25.0568C36.2358 24.5 36.4574 24.25 37.1222 24.25V22.8864C36.4574 22.8864 36.2358 22.6364 36.2358 22.0795V21.6364C36.2358 20 35.1108 20 33.9403 20Z" fill="#24292E"/>
+<path d="M13.1818 45.1364V44C12.5 44 12.4091 43.7699 12.4091 43.2955V42.6705C12.4091 42.2472 12.1932 41.8239 11.25 41.6364V41.5C12.1932 41.3125 12.4091 40.8892 12.4091 40.4659V39.8409C12.4091 39.3665 12.5 39.1364 13.1818 39.1364V38C12.0114 38 10.8864 38 10.8864 39.6364V40.0795C10.8864 40.6364 10.6648 40.8864 10 40.8864V42.25C10.6648 42.25 10.8864 42.5 10.8864 43.0568V43.5C10.8864 45.1364 12.0114 45.1364 13.1818 45.1364Z" fill="#24292E"/>
+<path d="M14.9212 44.0117C15.4893 44.0117 15.9183 43.8185 16.1825 43.3298H16.2166V43.9435H17.6825V40.9548C17.6825 40.148 16.9183 39.523 15.6712 39.523C14.3672 39.523 13.7251 40.2048 13.6712 41.0003H15.1143C15.1513 40.7304 15.3501 40.6026 15.6484 40.6026C15.9212 40.6026 16.1143 40.7276 16.1143 40.9548V40.9662C16.1143 41.219 15.8359 41.2986 15.103 41.3526C14.2024 41.4179 13.5007 41.7815 13.5007 42.7389C13.5007 43.6082 14.0859 44.0117 14.9212 44.0117ZM15.4325 43.023C15.1655 43.023 14.978 42.8923 14.978 42.648C14.978 42.4236 15.1371 42.2503 15.5007 42.1935C15.7507 42.1537 15.9609 42.1026 16.1257 42.0344V42.398C16.1257 42.7957 15.7876 43.023 15.4325 43.023Z" fill="#24292E"/>
+<path d="M19.2955 43.9321C19.7131 43.9321 20.0852 43.5798 20.0909 43.1367C20.0852 42.7048 19.7131 42.3526 19.2955 42.3526C18.8551 42.3526 18.4943 42.7048 18.5 43.1367C18.4943 43.5798 18.8551 43.9321 19.2955 43.9321ZM19.2955 41.0003C19.7131 41.0003 20.0852 40.648 20.0909 40.2048C20.0852 39.773 19.7131 39.4207 19.2955 39.4207C18.8551 39.4207 18.4943 39.773 18.5 40.2048C18.4943 40.648 18.8551 41.0003 19.2955 41.0003Z" fill="#24292E"/>
+<path d="M23.1932 44.6139C24.6165 44.6139 25.6193 43.8895 25.6136 42.8639C25.6193 42.1509 25.142 41.648 24.2045 41.5457V41.5003C24.8977 41.4264 25.4034 40.9804 25.3977 40.3298C25.4034 39.3497 24.4943 38.6367 23.2045 38.6367C21.8864 38.6367 20.9489 39.3895 20.9432 40.4548H22.4545C22.4602 40.1026 22.7699 39.8526 23.2045 39.8526C23.6023 39.8526 23.8807 40.094 23.875 40.4321C23.8807 40.7844 23.5511 41.0344 23.0795 41.0344H22.4886V42.1253H23.0795C23.5909 42.1253 23.9489 42.3753 23.9432 42.7276C23.9489 43.0884 23.642 43.3412 23.2045 43.3412C22.75 43.3412 22.4261 43.0997 22.4205 42.7617H20.8295C20.8352 43.8469 21.8153 44.6139 23.1932 44.6139Z" fill="#24292E"/>
+<path d="M26 38.0003V39.1366C26.6818 39.1366 26.7727 39.3667 26.7727 39.8412V40.4662C26.7727 40.8895 26.9886 41.3128 27.9318 41.5003V41.6366C26.9886 41.8241 26.7727 42.2474 26.7727 42.6707V43.2957C26.7727 43.7702 26.6818 44.0003 26 44.0003V45.1366C27.1705 45.1366 28.2955 45.1366 28.2955 43.5003V43.0571C28.2955 42.5003 28.517 42.2503 29.1818 42.2503V40.8866C28.517 40.8866 28.2955 40.6366 28.2955 40.0798V39.6366C28.2955 38.0003 27.1705 38.0003 26 38.0003Z" fill="#24292E"/>
+</g>
+<path d="M53.9067 30C54.6011 30 59.9327 26 59.9327 24C59.9327 22 54.7357 18 53.9067 18C53.0777 18 52.4023 18.5 52.4023 19.4756C52.4023 20.4512 55.9067 22.9206 55.9067 22.9206C55.9067 22.9206 48.2539 22.25 48 22.9206C47.7461 23.5911 47.7461 24.4089 48 25.0794C48.2539 25.75 55.9067 25.0794 55.9067 25.0794C55.9067 25.0794 52.4023 27.75 52.4023 28.5301C52.4023 29.3103 53.2123 30 53.9067 30Z" fill="#CCCCDC"/>
+<path d="M68 1.04083V13H83V0H68.6268C68.4606 0 68.3011 0.109659 68.1836 0.304853C68.066 0.500047 68 0.764787 68 1.04083Z" fill="url(#paint1_linear_1144_162492)"/>
+<path d="M83 17.5H68V30.5H83V17.5Z" fill="#84AFF1"/>
+<path d="M83 35H68V48H83V35Z" fill="#84AFF1"/>
+<path d="M76.5 21H75.0716L73.5 21.9199V23.1738L74.9253 22.3535H74.9627V27H76.5V21Z" fill="#24292E"/>
+<path d="M74.7744 9.5C75.5264 9.5 76.0464 9.23767 76.3415 8.74147H76.3837V9.41783H78V6.1182C78 5.09102 76.9845 4.5 75.6107 4.5C74.1595 4.5 73.3373 5.1574 73.2003 6.04235L74.785 6.09292C74.8587 5.78319 75.1434 5.59355 75.5966 5.59355C76.0183 5.59355 76.2853 5.77686 76.2853 6.1024V6.1182C76.2853 6.4153 75.9269 6.47851 75.0063 6.5512C73.9136 6.63338 73 6.99684 73 8.07143C73 9.03224 73.7414 9.5 74.7744 9.5ZM75.305 8.48862C74.9079 8.48862 74.6268 8.31795 74.6268 7.99558C74.6268 7.68268 74.9009 7.49305 75.3893 7.42668C75.7091 7.38559 76.1026 7.32238 76.2959 7.23072V7.69216C76.2959 8.16625 75.8531 8.48862 75.305 8.48862Z" fill="#24292E"/>
+<path d="M75.4792 44.5C76.8085 44.5 77.7528 43.7757 77.75 42.7605C77.7528 42.0418 77.2958 41.5285 76.4208 41.423V41.3774C77.0771 41.2804 77.5423 40.827 77.5395 40.1711C77.5423 39.2186 76.706 38.5 75.4903 38.5C74.2663 38.5 73.3746 39.23 73.3635 40.2681H74.6734C74.6845 39.8688 75.0334 39.6008 75.4903 39.6008C75.9251 39.6008 76.2214 39.8717 76.2186 40.2624C76.2214 40.6673 75.8725 40.9468 75.3685 40.9468H74.8174V41.9506H75.3685C75.9417 41.9506 76.3155 42.2414 76.31 42.6521C76.3155 43.0656 75.9721 43.3536 75.4848 43.3536C75.0001 43.3536 74.6429 43.0884 74.6291 42.7034H73.25C73.2611 43.7586 74.1832 44.5 75.4792 44.5Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1144_162492)">
+<path d="M87 13H102V1.04083C102 0.764787 101.934 0.500047 101.816 0.304853C101.699 0.109659 101.539 0 101.373 0L87 0V13Z" fill="url(#paint2_linear_1144_162492)"/>
+<path d="M102 17.5H87V30.5H102V17.5Z" fill="#84AFF1"/>
+<path d="M102 35H87V48H102V35Z" fill="#84AFF1"/>
+<path d="M92 9.68623H93.5663V8.96449H93.6149C93.8155 9.37609 94.2621 9.75 95.0129 9.75C96.1133 9.75 97 8.97898 97 7.46304C97 5.89203 96.0615 5.17609 95.0227 5.17609C94.2362 5.17609 93.8058 5.58768 93.6149 5.99638H93.5825V3.75H92V9.68623ZM93.5502 7.46015C93.5502 6.73261 93.8867 6.28333 94.466 6.28333C95.0518 6.28333 95.3754 6.7442 95.3754 7.46015C95.3754 8.17899 95.0518 8.64565 94.466 8.64565C93.8867 8.64565 93.5502 8.18188 93.5502 7.46015Z" fill="#24292E"/>
+<path d="M92 43.4453V42.4463L94.5893 38.5H96.2308V42.4287H97V43.4453H96.2308V44.5H94.977V43.4453H92ZM95.0012 42.4287V39.8828H94.9528L93.3204 42.3818V42.4287H95.0012Z" fill="#24292E"/>
+<path d="M92.3373 27H96.75V25.8468H94.3341V25.8092L95.0472 25.1561C96.3396 24.0376 96.6772 23.4682 96.6772 22.789C96.6772 21.7225 95.8011 21 94.4476 21C93.129 21 92.2471 21.7543 92.25 22.9595H93.6151C93.6151 22.4249 93.947 22.1156 94.4418 22.1156C94.9279 22.1156 95.2801 22.4133 95.2801 22.9017C95.2801 23.3439 95.0006 23.6445 94.5116 24.0809L92.3373 25.9711V27Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162492" x1="0" y1="6.5052" x2="40" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162492" x1="68" y1="6.5052" x2="83" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162492" x1="87" y1="6.5052" x2="102" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162492">
+<rect width="40" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_162492">
+<rect width="15" height="48" fill="white" transform="translate(87)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/fieldLookup.svg b/public/img/transformations/dark/fieldLookup.svg
new file mode 100755
index 00000000000..d80d820475c
--- /dev/null
+++ b/public/img/transformations/dark/fieldLookup.svg
@@ -0,0 +1,16 @@
+<svg width="50" height="48" viewBox="0 0 50 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0.611699V7.64012H14V0H0.58504C0.429878 0 0.28107 0.0644467 0.171354 0.179162C0.0616379 0.293878 0 0.449466 0 0.611699Z" fill="url(#paint0_linear_1144_162206)"/>
+<path d="M14 10.0869H0V17.727H14V10.0869Z" fill="#84AFF1"/>
+<path d="M14 20.1799H0V27.8262H14V20.1799Z" fill="#3865AB"/>
+<path d="M14 30.2668H0V37.907H14V30.2668Z" fill="#84AFF1"/>
+<path d="M14 48V40.3721H0V47.3883C0 47.5505 0.0616379 47.7061 0.171354 47.8209C0.28107 47.9356 0.429878 48 0.58504 48H14Z" fill="#3865AB"/>
+<path d="M47.5651 35.5782L42.3742 30.4293C44.3891 27.9169 45.3649 24.7281 45.1009 21.5184C44.8369 18.3087 43.3531 15.3222 40.9548 13.1728C38.5564 11.0235 35.4256 9.87482 32.2063 9.96291C28.987 10.051 25.9238 11.3692 23.6465 13.6465C21.3693 15.9237 20.0511 18.9869 19.963 22.2063C19.8749 25.4256 21.0236 28.5563 23.1729 30.9547C25.3222 33.3531 28.3088 34.8368 31.5185 35.1008C34.7281 35.3649 37.917 34.3891 40.4293 32.3741L45.5783 37.5231C45.7084 37.6542 45.8631 37.7583 46.0336 37.8293C46.2041 37.9004 46.387 37.9369 46.5717 37.9369C46.7564 37.9369 46.9393 37.9004 47.1098 37.8293C47.2803 37.7583 47.435 37.6542 47.5651 37.5231C47.8173 37.2622 47.9583 36.9135 47.9583 36.5506C47.9583 36.1878 47.8173 35.8391 47.5651 35.5782V35.5782ZM32.58 32.3741C30.6429 32.3741 28.7493 31.7997 27.1387 30.7235C25.528 29.6473 24.2727 28.1177 23.5314 26.328C22.7901 24.5384 22.5961 22.5691 22.974 20.6692C23.3519 18.7693 24.2847 17.0242 25.6545 15.6544C27.0242 14.2847 28.7694 13.3519 30.6693 12.974C32.5691 12.5961 34.5384 12.79 36.3281 13.5313C38.1177 14.2726 39.6474 15.528 40.7236 17.1386C41.7998 18.7492 42.3742 20.6428 42.3742 22.5799C42.3742 25.1775 41.3423 27.6687 39.5055 29.5055C37.6688 31.3422 35.1776 32.3741 32.58 32.3741V32.3741Z" fill="#CCCCDC"/>
+<path d="M32.5 16C31.0413 16 29.6424 16.5479 28.6109 17.523C27.5795 18.4982 27 19.8209 27 21.2C27 24.71 31.8469 28.675 32.0531 28.844C32.1777 28.9447 32.3361 29 32.5 29C32.6639 29 32.8223 28.9447 32.9469 28.844C33.1875 28.675 38 24.71 38 21.2C38 19.8209 37.4205 18.4982 36.3891 17.523C35.3576 16.5479 33.9587 16 32.5 16Z" fill="#FF0000"/>
+<path d="M35 21.5C35 22.8807 33.8807 24 32.5 24C31.1193 24 30 22.8807 30 21.5C30 20.1193 31.1193 19 32.5 19C33.8807 19 35 20.1193 35 21.5Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162206" x1="0" y1="3.82312" x2="14" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/filterByRefId.svg b/public/img/transformations/dark/filterByRefId.svg
new file mode 100755
index 00000000000..8646314131e
--- /dev/null
+++ b/public/img/transformations/dark/filterByRefId.svg
@@ -0,0 +1,57 @@
+<svg width="158" height="49" viewBox="0 0 158 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 14H34V2.04083C34 1.76479 33.934 1.50005 33.8164 1.30485C33.6989 1.10966 33.5394 1 33.3732 1H19V14Z" fill="url(#paint0_linear_1144_161961)"/>
+<path d="M34 18.5H19V31.5H34V18.5Z" fill="#84AFF1"/>
+<path d="M34 36H19V49H34V36Z" fill="#84AFF1"/>
+<path d="M0 2.03583V13.995H15V0.994995H0.626828C0.460583 0.994995 0.301147 1.10465 0.183594 1.29985C0.0660407 1.49504 0 1.75978 0 2.03583Z" fill="url(#paint1_linear_1144_161961)"/>
+<path d="M15 18.495H0V31.495H15V18.495Z" fill="#84AFF1"/>
+<path d="M15 35.995H0V48.995H15V35.995Z" fill="#84AFF1"/>
+<path d="M46.3343 31H49.674V26.674H54V23.3343H49.674V19H46.3343V23.3343H42V26.674H46.3343V31Z" fill="#CCCCDC"/>
+<path d="M82.675 2.5H75.325C74.9073 2.5 74.5067 2.66594 74.2113 2.96131C73.9159 3.25668 73.75 3.65728 73.75 4.075V4.68925C73.7499 4.90604 73.7946 5.12052 73.8813 5.31925V5.35075C73.9554 5.51926 74.0605 5.6724 74.191 5.80225L77.425 9.01525V12.475C77.4248 12.5642 77.4474 12.652 77.4906 12.7301C77.5337 12.8082 77.5961 12.874 77.6717 12.9212C77.7553 12.973 77.8517 13.0003 77.95 13C78.0322 12.9995 78.1131 12.9797 78.1862 12.9422L80.2862 11.8922C80.3728 11.8486 80.4456 11.7819 80.4966 11.6994C80.5476 11.6169 80.5747 11.5219 80.575 11.425V9.01525L83.788 5.80225C83.9185 5.6724 84.0236 5.51926 84.0977 5.35075V5.31925C84.1916 5.12208 84.2435 4.90753 84.25 4.68925V4.075C84.25 3.65728 84.0841 3.25668 83.7887 2.96131C83.4933 2.66594 83.0927 2.5 82.675 2.5ZM79.6772 8.42725C79.6286 8.47631 79.5901 8.53448 79.564 8.59845C79.5378 8.66241 79.5246 8.73091 79.525 8.8V11.0995L78.475 11.6245V8.8C78.4754 8.73091 78.4622 8.66241 78.436 8.59845C78.4099 8.53448 78.3714 8.47631 78.3227 8.42725L75.5402 5.65H82.4597L79.6772 8.42725ZM83.2 4.6H74.8V4.075C74.8 3.93576 74.8553 3.80223 74.9538 3.70377C75.0522 3.60531 75.1858 3.55 75.325 3.55H82.675C82.8142 3.55 82.9478 3.60531 83.0462 3.70377C83.1447 3.80223 83.2 3.93576 83.2 4.075V4.6Z" fill="#CCCCDC" fill-opacity="0.65"/>
+<g clip-path="url(#clip0_1144_161961)">
+<path d="M62 18.7908V30.75H76.9563V17.75H62.625C62.4592 17.75 62.3003 17.8597 62.1831 18.0549C62.0658 18.25 62 18.5148 62 18.7908Z" fill="url(#paint2_linear_1144_161961)"/>
+<path d="M77 35.25H62V48.25H77V35.25Z" fill="#3865AB"/>
+</g>
+<g clip-path="url(#clip1_1144_161961)">
+<path d="M81 30.75H96V18.7908C96 18.5148 95.934 18.25 95.8164 18.0549C95.6989 17.8597 95.5394 17.75 95.3732 17.75H81V30.75Z" fill="url(#paint3_linear_1144_161961)"/>
+<path d="M96 35.25H81V48.25H96V35.25Z" fill="#3865AB"/>
+</g>
+<path d="M109.907 31C110.601 31 115.933 27 115.933 25C115.933 23 110.736 19 109.907 19C109.078 19 108.402 19.5 108.402 20.4756C108.402 21.4512 111.907 23.9206 111.907 23.9206C111.907 23.9206 104.254 23.25 104 23.9206C103.746 24.5911 103.746 25.4089 104 26.0794C104.254 26.75 111.907 26.0794 111.907 26.0794C111.907 26.0794 108.402 28.75 108.402 29.5301C108.402 30.3103 109.212 31 109.907 31Z" fill="#CCCCDC"/>
+<path d="M143 14H158V2.04083C158 1.76479 157.934 1.50005 157.816 1.30485C157.699 1.10966 157.539 1 157.373 1H143V14Z" fill="url(#paint4_linear_1144_161961)"/>
+<path d="M158 18.5H143V31.5H158V18.5Z" fill="#84AFF1"/>
+<path d="M158 36H143V49H158V36Z" fill="#84AFF1"/>
+<path d="M124 2.03583V13.995H139V0.994995H124.627C124.461 0.994995 124.301 1.10465 124.184 1.29985C124.066 1.49504 124 1.75978 124 2.03583Z" fill="url(#paint5_linear_1144_161961)"/>
+<path d="M139 18.495H124V31.495H139V18.495Z" fill="#84AFF1"/>
+<path d="M139 35.995H124V48.995H139V35.995Z" fill="#84AFF1"/>
+<defs>
+<linearGradient id="paint0_linear_1144_161961" x1="19" y1="7.5052" x2="34" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161961" x1="0" y1="7.5002" x2="15" y2="7.5002" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_161961" x1="62" y1="24.2552" x2="76.9563" y2="24.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_161961" x1="81" y1="24.2552" x2="96" y2="24.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_161961" x1="143" y1="7.5052" x2="158" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1144_161961" x1="124" y1="7.5002" x2="139" y2="7.5002" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161961">
+<rect width="15" height="30.5" fill="white" transform="translate(62 17.75)"/>
+</clipPath>
+<clipPath id="clip1_1144_161961">
+<rect width="15" height="30.5" fill="white" transform="translate(81 17.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/filterByValue.svg b/public/img/transformations/dark/filterByValue.svg
new file mode 100755
index 00000000000..1716a3be738
--- /dev/null
+++ b/public/img/transformations/dark/filterByValue.svg
@@ -0,0 +1,60 @@
+<svg width="140" height="48" viewBox="0 0 140 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162032)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1144_162032)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1144_162032)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+<path d="M26.4792 27C27.8085 27 28.7528 26.2757 28.75 25.2605C28.7528 24.5418 28.2958 24.0285 27.4208 23.923V23.8774C28.0771 23.7804 28.5423 23.327 28.5395 22.6711C28.5423 21.7186 27.706 21 26.4903 21C25.2663 21 24.3746 21.73 24.3635 22.7681H25.6734C25.6845 22.3688 26.0334 22.1008 26.4903 22.1008C26.9251 22.1008 27.2214 22.3717 27.2186 22.7624C27.2214 23.1673 26.8725 23.4468 26.3685 23.4468H25.8174V24.4506H26.3685C26.9417 24.4506 27.3155 24.7414 27.31 25.1521C27.3155 25.5656 26.9721 25.8536 26.4848 25.8536C26.0001 25.8536 25.6429 25.5884 25.6291 25.2034H24.25C24.2611 26.2586 25.1832 27 26.4792 27Z" fill="#24292E"/>
+<path d="M24 43.4453V42.4463L26.5893 38.5H28.2308V42.4287H29V43.4453H28.2308V44.5H26.977V43.4453H24ZM27.0012 42.4287V39.8828H26.9528L25.3204 42.3818V42.4287H27.0012Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_162032)">
+<path d="M51.675 18.75H44.325C43.9073 18.75 43.5067 18.9159 43.2113 19.2113C42.9159 19.5067 42.75 19.9073 42.75 20.325V20.9392C42.7499 21.156 42.7946 21.3705 42.8813 21.5692V21.6007C42.9554 21.7693 43.0605 21.9224 43.191 22.0522L46.425 25.2652V28.725C46.4248 28.8142 46.4474 28.902 46.4906 28.9801C46.5337 29.0582 46.5961 29.124 46.6717 29.1712C46.7553 29.223 46.8517 29.2503 46.95 29.25C47.0322 29.2495 47.1131 29.2297 47.1862 29.1922L49.2862 28.1422C49.3728 28.0986 49.4456 28.0319 49.4966 27.9494C49.5476 27.8669 49.5747 27.7719 49.575 27.675V25.2652L52.788 22.0522C52.9185 21.9224 53.0236 21.7693 53.0977 21.6007V21.5692C53.1916 21.3721 53.2435 21.1575 53.25 20.9392V20.325C53.25 19.9073 53.0841 19.5067 52.7887 19.2113C52.4933 18.9159 52.0927 18.75 51.675 18.75ZM48.6772 24.6772C48.6286 24.7263 48.5901 24.7845 48.564 24.8484C48.5378 24.9124 48.5246 24.9809 48.525 25.05V27.3495L47.475 27.8745V25.05C47.4754 24.9809 47.4622 24.9124 47.436 24.8484C47.4099 24.7845 47.3714 24.7263 47.3227 24.6772L44.5402 21.9H51.4597L48.6772 24.6772ZM52.2 20.85H43.8V20.325C43.8 20.1858 43.8553 20.0522 43.9538 19.9538C44.0522 19.8553 44.1858 19.8 44.325 19.8H51.675C51.8142 19.8 51.9478 19.8553 52.0462 19.9538C52.1447 20.0522 52.2 20.1858 52.2 20.325V20.85Z" fill="#CCCCDC" fill-opacity="0.65"/>
+</g>
+<path d="M56.8087 27C55.7696 27 55 26.4879 55 25.477C55 24.3364 55.9682 23.9972 57.0463 23.9041C57.9932 23.8176 58.3656 23.7744 58.3656 23.4452V23.4252C58.3656 23.0062 58.0712 22.7635 57.557 22.7635C57.0144 22.7635 56.6917 23.0129 56.5888 23.3521L55.1915 23.2456C55.4007 22.3145 56.259 21.7292 57.5641 21.7292C58.777 21.7292 59.8764 22.2414 59.8764 23.4585V26.9036H58.4436V26.1953H58.401C58.1351 26.6708 57.6137 27 56.8087 27ZM57.2414 26.0224C57.9045 26.0224 58.3762 25.6133 58.3762 25.0779V24.5359C58.1954 24.649 57.6563 24.7221 57.3265 24.7654C56.7945 24.8352 56.4434 25.0314 56.4434 25.4304C56.4434 25.8195 56.7768 26.0224 57.2414 26.0224Z" fill="#CCCCDC" fill-opacity="0.65"/>
+<path d="M61.3889 26.3727V25.1922H66.2866V26.3727H61.3889ZM61.3889 24.1646V22.9841H66.2866V24.1646H61.3889Z" fill="#CCCCDC" fill-opacity="0.65"/>
+<path d="M67.0676 27V26.0983L69.5304 24.1474C70.1588 23.6301 70.4966 23.3064 70.4966 22.8353C70.4966 22.315 70.0439 21.9913 69.4358 21.9913C68.8041 21.9913 68.3851 22.3381 68.3885 22.9046H67C66.9966 21.7428 67.9933 21 69.446 21C70.9291 21 71.9088 21.7254 71.9088 22.7514C71.9088 23.4249 71.527 23.9798 70.1047 25.0896L69.0946 25.9364V25.9769H72V27H67.0676Z" fill="#CCCCDC" fill-opacity="0.65"/>
+<path d="M87.9067 30C88.6011 30 93.9327 26 93.9327 24C93.9327 22 88.7357 18 87.9067 18C87.0777 18 86.4023 18.5 86.4023 19.4756C86.4023 20.4512 89.9067 22.9206 89.9067 22.9206C89.9067 22.9206 82.2539 22.25 82 22.9206C81.7461 23.5911 81.7461 24.4089 82 25.0794C82.2539 25.75 89.9067 25.0794 89.9067 25.0794C89.9067 25.0794 86.4023 27.75 86.4023 28.5301C86.4023 29.3103 87.2123 30 87.9067 30Z" fill="#CCCCDC"/>
+<path d="M102 9.79083V21.75H117V8.75H102.627C102.461 8.75 102.301 8.85966 102.184 9.05485C102.066 9.25005 102 9.51479 102 9.79083Z" fill="url(#paint2_linear_1144_162032)"/>
+<path d="M117 26.25H102V39.25H117V26.25Z" fill="#84AFF1"/>
+<path d="M110.5 29.75H109.072L107.5 30.6699V31.9238L108.925 31.1035H108.963V35.75H110.5V29.75Z" fill="#24292E"/>
+<path d="M108.774 18.25C109.526 18.25 110.046 17.9877 110.342 17.4915H110.384V18.1678H112V14.8682C112 13.841 110.985 13.25 109.611 13.25C108.16 13.25 107.337 13.9074 107.2 14.7924L108.785 14.8429C108.859 14.5332 109.143 14.3436 109.597 14.3436C110.018 14.3436 110.285 14.5269 110.285 14.8524V14.8682C110.285 15.1653 109.927 15.2285 109.006 15.3012C107.914 15.3834 107 15.7468 107 16.8214C107 17.7822 107.741 18.25 108.774 18.25ZM109.305 17.2386C108.908 17.2386 108.627 17.068 108.627 16.7456C108.627 16.4327 108.901 16.243 109.389 16.1767C109.709 16.1356 110.103 16.0724 110.296 15.9807V16.4422C110.296 16.9162 109.853 17.2386 109.305 17.2386Z" fill="#24292E"/>
+<g clip-path="url(#clip2_1144_162032)">
+<path d="M121 21.75H136V9.79083C136 9.51479 135.934 9.25005 135.816 9.05485C135.699 8.85966 135.539 8.75 135.373 8.75H121V21.75Z" fill="url(#paint3_linear_1144_162032)"/>
+<path d="M136 26.25H121V39.25H136V26.25Z" fill="#84AFF1"/>
+<path d="M126 18.4362H127.566V17.7145H127.615C127.816 18.1261 128.262 18.5 129.013 18.5C130.113 18.5 131 17.729 131 16.213C131 14.642 130.061 13.9261 129.023 13.9261C128.236 13.9261 127.806 14.3377 127.615 14.7464H127.583V12.5H126V18.4362ZM127.55 16.2101C127.55 15.4826 127.887 15.0333 128.466 15.0333C129.052 15.0333 129.375 15.4942 129.375 16.2101C129.375 16.929 129.052 17.3957 128.466 17.3957C127.887 17.3957 127.55 16.9319 127.55 16.2101Z" fill="#24292E"/>
+<path d="M128.479 35.75C129.808 35.75 130.753 35.0257 130.75 34.0105C130.753 33.2918 130.296 32.7785 129.421 32.673V32.6274C130.077 32.5304 130.542 32.077 130.54 31.4211C130.542 30.4686 129.706 29.75 128.49 29.75C127.266 29.75 126.375 30.48 126.364 31.5181H127.673C127.684 31.1188 128.033 30.8508 128.49 30.8508C128.925 30.8508 129.221 31.1217 129.219 31.5124C129.221 31.9173 128.872 32.1968 128.368 32.1968H127.817V33.2006H128.368C128.942 33.2006 129.316 33.4914 129.31 33.9021C129.316 34.3156 128.972 34.6036 128.485 34.6036C128 34.6036 127.643 34.3384 127.629 33.9534H126.25C126.261 35.0086 127.183 35.75 128.479 35.75Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162032" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162032" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162032" x1="102" y1="15.2552" x2="117" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162032" x1="121" y1="15.2552" x2="136" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162032">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip1_1144_162032">
+<rect width="12" height="12" fill="white" transform="translate(42 18)"/>
+</clipPath>
+<clipPath id="clip2_1144_162032">
+<rect width="15" height="30.5" fill="white" transform="translate(121 8.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/filterFieldsByName.svg b/public/img/transformations/dark/filterFieldsByName.svg
new file mode 100755
index 00000000000..da67f2b5e4f
--- /dev/null
+++ b/public/img/transformations/dark/filterFieldsByName.svg
@@ -0,0 +1,57 @@
+<svg width="77" height="48" viewBox="0 0 77 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162003)">
+<path d="M19 23H34V13.8006C34 13.5883 33.934 13.3847 33.8164 13.2345C33.6989 13.0844 33.5394 13 33.3732 13H19V23Z" fill="url(#paint0_linear_1144_162003)"/>
+<path d="M43 26H19V35.5H43V26Z" fill="#84AFF1"/>
+<path d="M34 26H19V35.5H34V26Z" fill="#84AFF1"/>
+<path d="M34 39H19V48.5H34V39Z" fill="#84AFF1"/>
+<path d="M24 20.9362H25.5663V20.2145H25.6149C25.8155 20.6261 26.2621 21 27.0129 21C28.1133 21 29 20.229 29 18.713C29 17.142 28.0615 16.4261 27.0227 16.4261C26.2362 16.4261 25.8058 16.8377 25.6149 17.2464H25.5825V15H24V20.9362ZM25.5502 18.7101C25.5502 17.9826 25.8867 17.5333 26.466 17.5333C27.0518 17.5333 27.3754 17.9942 27.3754 18.7101C27.3754 19.429 27.0518 19.8957 26.466 19.8957C25.8867 19.8957 25.5502 19.4319 25.5502 18.7101Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_162003)">
+<path d="M0 13.8006V23H15V13H0.626828C0.460583 13 0.301147 13.0844 0.183594 13.2345C0.0660407 13.3847 0 13.5883 0 13.8006Z" fill="url(#paint1_linear_1144_162003)"/>
+<path d="M24 26H0V35.5H24V26Z" fill="#84AFF1"/>
+<path d="M15 26H0V35.5H15V26Z" fill="#84AFF1"/>
+<path d="M15 39H0V48.5H15V39Z" fill="#84AFF1"/>
+<path d="M8.5 28H7.07158L5.5 28.9199V30.1738L6.92531 29.3535H6.96266V34H8.5V28Z" fill="#24292E"/>
+<path d="M5.33733 46.5H9.75V45.3468H7.33409V45.3092L8.04722 44.6561C9.33959 43.5376 9.67723 42.9682 9.67723 42.289C9.67723 41.2225 8.8011 40.5 7.44761 40.5C6.12905 40.5 5.2471 41.2543 5.25001 42.4595H6.61514C6.61514 41.9249 6.94696 41.6156 7.44179 41.6156C7.92788 41.6156 8.28008 41.9133 8.28008 42.4017C8.28008 42.8439 8.00065 43.1445 7.51165 43.5809L5.33733 45.4711V46.5Z" fill="#24292E"/>
+<path d="M6.77442 20.5C7.52635 20.5 8.04638 20.2377 8.34153 19.7415H8.3837V20.4178H10V17.1182C10 16.091 8.98454 15.5 7.61068 15.5C6.15952 15.5 5.33732 16.1574 5.20028 17.0424L6.78496 17.0929C6.85875 16.7832 7.14336 16.5936 7.59663 16.5936C8.01827 16.5936 8.28531 16.7769 8.28531 17.1024V17.1182C8.28531 17.4153 7.92692 17.4785 7.00633 17.5512C5.91356 17.6334 5 17.9968 5 19.0714C5 20.0322 5.74139 20.5 6.77442 20.5ZM7.30499 19.4886C6.90794 19.4886 6.62684 19.318 6.62684 18.9956C6.62684 18.6827 6.90091 18.493 7.38932 18.4267C7.70907 18.3856 8.1026 18.3224 8.29585 18.2307V18.6922C8.29585 19.1662 7.85313 19.4886 7.30499 19.4886Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 36.5C48.6011 36.5 53.9327 32.5 53.9327 30.5C53.9327 28.5 48.7357 24.5 47.9067 24.5C47.0777 24.5 46.4023 25 46.4023 25.9756C46.4023 26.9512 49.9067 29.4206 49.9067 29.4206C49.9067 29.4206 42.2539 28.75 42 29.4206C41.7461 30.0911 41.7461 30.9089 42 31.5794C42.2539 32.25 49.9067 31.5794 49.9067 31.5794C49.9067 31.5794 46.4023 34.25 46.4023 35.0301C46.4023 35.8103 47.2123 36.5 47.9067 36.5Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip2_1144_162003)">
+<path d="M62 13.8006V23H77V13H62.6268C62.4606 13 62.3011 13.0844 62.1836 13.2345C62.066 13.3847 62 13.5883 62 13.8006Z" fill="url(#paint2_linear_1144_162003)"/>
+<path d="M86 26H62V35.5H86V26Z" fill="#84AFF1"/>
+<path d="M77 26H62V35.5H77V26Z" fill="#84AFF1"/>
+<path d="M77 39H62V48.5H77V39Z" fill="#84AFF1"/>
+<path d="M70.5 28H69.0716L67.5 28.9199V30.1738L68.9253 29.3535H68.9627V34H70.5V28Z" fill="#24292E"/>
+<path d="M67.3373 46.5H71.75V45.3468H69.3341V45.3092L70.0472 44.6561C71.3396 43.5376 71.6772 42.9682 71.6772 42.289C71.6772 41.2225 70.8011 40.5 69.4476 40.5C68.129 40.5 67.2471 41.2543 67.25 42.4595H68.6151C68.6151 41.9249 68.947 41.6156 69.4418 41.6156C69.9279 41.6156 70.2801 41.9133 70.2801 42.4017C70.2801 42.8439 70.0006 43.1445 69.5116 43.5809L67.3373 45.4711V46.5Z" fill="#24292E"/>
+<path d="M68.7744 20.5C69.5264 20.5 70.0464 20.2377 70.3415 19.7415H70.3837V20.4178H72V17.1182C72 16.091 70.9845 15.5 69.6107 15.5C68.1595 15.5 67.3373 16.1574 67.2003 17.0424L68.785 17.0929C68.8587 16.7832 69.1434 16.5936 69.5966 16.5936C70.0183 16.5936 70.2853 16.7769 70.2853 17.1024V17.1182C70.2853 17.4153 69.9269 17.4785 69.0063 17.5512C67.9136 17.6334 67 17.9968 67 19.0714C67 20.0322 67.7414 20.5 68.7744 20.5ZM69.305 19.4886C68.9079 19.4886 68.6268 19.318 68.6268 18.9956C68.6268 18.6827 68.9009 18.493 69.3893 18.4267C69.7091 18.3856 70.1026 18.3224 70.2959 18.2307V18.6922C70.2959 19.1662 69.8531 19.4886 69.305 19.4886Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1144_162003)">
+<path d="M29.675 0.75H22.325C21.9073 0.75 21.5067 0.915937 21.2113 1.21131C20.9159 1.50668 20.75 1.90728 20.75 2.325V2.93925C20.7499 3.15604 20.7946 3.37052 20.8813 3.56925V3.60075C20.9554 3.76926 21.0605 3.9224 21.191 4.05225L24.425 7.26525V10.725C24.4248 10.8142 24.4474 10.902 24.4906 10.9801C24.5337 11.0582 24.5961 11.124 24.6717 11.1712C24.7553 11.223 24.8517 11.2503 24.95 11.25C25.0322 11.2495 25.1131 11.2297 25.1862 11.1922L27.2862 10.1422C27.3728 10.0986 27.4456 10.0319 27.4966 9.9494C27.5476 9.86693 27.5747 9.77195 27.575 9.675V7.26525L30.788 4.05225C30.9185 3.9224 31.0236 3.76926 31.0977 3.60075V3.56925C31.1916 3.37208 31.2435 3.15753 31.25 2.93925V2.325C31.25 1.90728 31.0841 1.50668 30.7887 1.21131C30.4933 0.915937 30.0927 0.75 29.675 0.75ZM26.6772 6.67725C26.6286 6.72631 26.5901 6.78448 26.564 6.84845C26.5378 6.91241 26.5246 6.98091 26.525 7.05V9.3495L25.475 9.8745V7.05C25.4754 6.98091 25.4622 6.91241 25.436 6.84845C25.4099 6.78448 25.3714 6.72631 25.3227 6.67725L22.5402 3.9H29.4597L26.6772 6.67725ZM30.2 2.85H21.8V2.325C21.8 2.18576 21.8553 2.05223 21.9538 1.95377C22.0522 1.85531 22.1858 1.8 22.325 1.8H29.675C29.8142 1.8 29.9478 1.85531 30.0462 1.95377C30.1447 2.05223 30.2 2.18576 30.2 2.325V2.85Z" fill="#CCCCDC" fill-opacity="0.65"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162003" x1="19" y1="18.004" x2="34" y2="18.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162003" x1="0" y1="18.004" x2="15" y2="18.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162003" x1="62" y1="18.004" x2="77" y2="18.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162003">
+<rect width="15" height="35" fill="white" transform="translate(19 13)"/>
+</clipPath>
+<clipPath id="clip1_1144_162003">
+<rect width="15" height="35" fill="white" transform="translate(0 13)"/>
+</clipPath>
+<clipPath id="clip2_1144_162003">
+<rect width="15" height="35" fill="white" transform="translate(62 13)"/>
+</clipPath>
+<clipPath id="clip3_1144_162003">
+<rect width="12" height="12" fill="white" transform="translate(20)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/groupBy.svg b/public/img/transformations/dark/groupBy.svg
new file mode 100755
index 00000000000..3e8b384d1a4
--- /dev/null
+++ b/public/img/transformations/dark/groupBy.svg
@@ -0,0 +1,36 @@
+<svg width="78" height="51" viewBox="0 0 78 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162243)">
+<path d="M2 0.800642V10H26V1.05456e-06H3.00292L2.0002 0L2 0.800642Z" fill="url(#paint0_linear_1144_162243)"/>
+<path d="M26 13H2V22.5H26V13Z" fill="#84AFF1"/>
+<path d="M26 25.75H2V35.25H26V25.75Z" fill="#84AFF1"/>
+<path d="M26 38.5H2V48H26V38.5Z" fill="#84AFF1"/>
+<path d="M15.5 14.75H14.0716L12.5 15.6699V16.9238L13.9253 16.1035H13.9627V20.75H15.5V14.75Z" fill="#24292E"/>
+<path d="M12.0873 33.5H16.5V32.3468H14.0841V32.3092L14.7972 31.6561C16.0896 30.5376 16.4272 29.9682 16.4272 29.289C16.4272 28.2225 15.5511 27.5 14.1976 27.5C12.879 27.5 11.9971 28.2543 12 29.4595H13.3651C13.3651 28.9249 13.697 28.6156 14.1918 28.6156C14.6779 28.6156 15.0301 28.9133 15.0301 29.4017C15.0301 29.8439 14.7506 30.1445 14.2616 30.5809L12.0873 32.4711V33.5Z" fill="#24292E"/>
+<path d="M12.0873 46.5H16.5V45.3468H14.0841V45.3092L14.7972 44.6561C16.0896 43.5376 16.4272 42.9682 16.4272 42.289C16.4272 41.2225 15.5511 40.5 14.1976 40.5C12.879 40.5 11.9971 41.2543 12 42.4595H13.3651C13.3651 41.9249 13.697 41.6156 14.1918 41.6156C14.6779 41.6156 15.0301 41.9133 15.0301 42.4017C15.0301 42.8439 14.7506 43.1445 14.2616 43.5809L12.0873 45.4711V46.5Z" fill="#24292E"/>
+</g>
+<path d="M39.9067 30C40.6011 30 45.9327 26 45.9327 24C45.9327 22 40.7357 18 39.9067 18C39.0777 18 38.4023 18.5 38.4023 19.4756C38.4023 20.4512 41.9067 22.9206 41.9067 22.9206C41.9067 22.9206 34.2539 22.25 34 22.9206C33.7461 23.5911 33.7461 24.4089 34 25.0794C34.2539 25.75 41.9067 25.0794 41.9067 25.0794C41.9067 25.0794 38.4023 27.75 38.4023 28.5301C38.4023 29.3103 39.2123 30 39.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip1_1144_162243)">
+<path d="M54 0.800642V10H78V1.13097e-06H55.0029C54.7369 1.13097e-06 54.0001 0 54.0001 0C54.0001 0 54 0.588299 54 0.800642Z" fill="url(#paint1_linear_1144_162243)"/>
+<path d="M78 13H54V29H78V13Z" fill="#84AFF1"/>
+<path d="M78 32H54V48H78V32Z" fill="#84AFF1"/>
+<path d="M67.5 18H66.0716L64.5 18.9199V20.1738L65.9253 19.3535H65.9627V24H67.5V18Z" fill="#24292E"/>
+<path d="M64.0873 43H68.5V41.8468H66.0841V41.8092L66.7972 41.1561C68.0896 40.0376 68.4272 39.4682 68.4272 38.789C68.4272 37.7225 67.5511 37 66.1976 37C64.879 37 63.9971 37.7543 64 38.9595H65.3651C65.3651 38.4249 65.697 38.1156 66.1918 38.1156C66.6779 38.1156 67.0301 38.4133 67.0301 38.9017C67.0301 39.3439 66.7506 39.6445 66.2616 40.0809L64.0873 41.9711V43Z" fill="#24292E"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26 25.7421H2V48H26V25.7421ZM0 23.6179V50H28V23.6179L0 23.6179Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162243" x1="2.00781" y1="5.004" x2="26.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162243" x1="54.001" y1="5.004" x2="78.001" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162243">
+<rect width="24" height="48" fill="white" transform="translate(2)"/>
+</clipPath>
+<clipPath id="clip1_1144_162243">
+<rect width="24" height="48" fill="white" transform="translate(54)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/groupByCalculation.svg b/public/img/transformations/dark/groupByCalculation.svg
new file mode 100755
index 00000000000..8b5622cf47f
--- /dev/null
+++ b/public/img/transformations/dark/groupByCalculation.svg
@@ -0,0 +1,41 @@
+<svg width="77" height="50" viewBox="0 0 77 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162268)">
+<path d="M2 0.800642V10H26V1.05456e-06H3.00292L2.0002 0L2 0.800642Z" fill="url(#paint0_linear_1144_162268)"/>
+<path d="M26 13H2V22.5H26V13Z" fill="#84AFF1"/>
+<path d="M26 25.75H2V35.25H26V25.75Z" fill="#84AFF1"/>
+<path d="M26 38.5H2V48H26V38.5Z" fill="#84AFF1"/>
+<path d="M15.5 14.75H14.0716L12.5 15.6699V16.9238L13.9253 16.1035H13.9627V20.75H15.5V14.75Z" fill="#24292E"/>
+<path d="M12.0873 33.5H16.5V32.3468H14.0841V32.3092L14.7972 31.6561C16.0896 30.5376 16.4272 29.9682 16.4272 29.289C16.4272 28.2225 15.5511 27.5 14.1976 27.5C12.879 27.5 11.9971 28.2543 12 29.4595H13.3651C13.3651 28.9249 13.697 28.6156 14.1918 28.6156C14.6779 28.6156 15.0301 28.9133 15.0301 29.4017C15.0301 29.8439 14.7506 30.1445 14.2616 30.5809L12.0873 32.4711V33.5Z" fill="#24292E"/>
+<path d="M12.0873 46.5H16.5V45.3468H14.0841V45.3092L14.7972 44.6561C16.0896 43.5376 16.4272 42.9682 16.4272 42.289C16.4272 41.2225 15.5511 40.5 14.1976 40.5C12.879 40.5 11.9971 41.2543 12 42.4595H13.3651C13.3651 41.9249 13.697 41.6156 14.1918 41.6156C14.6779 41.6156 15.0301 41.9133 15.0301 42.4017C15.0301 42.8439 14.7506 43.1445 14.2616 43.5809L12.0873 45.4711V46.5Z" fill="#24292E"/>
+</g>
+<path d="M38.9067 30C39.6011 30 44.9327 26 44.9327 24C44.9327 22 39.7357 18 38.9067 18C38.0777 18 37.4023 18.5 37.4023 19.4756C37.4023 20.4512 40.9067 22.9206 40.9067 22.9206C40.9067 22.9206 33.2539 22.25 33 22.9206C32.7461 23.5911 32.7461 24.4089 33 25.0794C33.2539 25.75 40.9067 25.0794 40.9067 25.0794C40.9067 25.0794 37.4023 27.75 37.4023 28.5301C37.4023 29.3103 38.2123 30 38.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip1_1144_162268)">
+<path d="M63.7933 7.6179C64.5533 7.6179 65.0788 7.32315 65.3771 6.76562H65.4197V7.52557H67.0533V3.81818C67.0533 2.66406 66.027 2 64.6385 2C63.1719 2 62.3409 2.73864 62.2024 3.73295L63.804 3.78977C63.8786 3.44176 64.1662 3.22869 64.6243 3.22869C65.0504 3.22869 65.3203 3.43466 65.3203 3.80043V3.81818C65.3203 4.15199 64.9581 4.22301 64.0277 4.30469C62.9233 4.39702 62 4.8054 62 6.01278C62 7.09233 62.7493 7.6179 63.7933 7.6179ZM64.3295 6.48153C63.9283 6.48153 63.6442 6.28977 63.6442 5.92756C63.6442 5.57599 63.9212 5.36293 64.4148 5.28835C64.7379 5.24219 65.1357 5.17116 65.331 5.06818V5.58665C65.331 6.11932 64.8835 6.48153 64.3295 6.48153Z" fill="#24292E"/>
+<path d="M53 0.800642V10H77V1.13097e-06H54.0029C53.7369 1.13097e-06 53.0001 0 53.0001 0C53.0001 0 53 0.588299 53 0.800642Z" fill="url(#paint1_linear_1144_162268)"/>
+<path d="M77 13H53V29H77V13Z" fill="#84AFF1"/>
+<path d="M77 32H53V48H77V32Z" fill="#84AFF1"/>
+<path d="M67 17H65.0954L63 18.2266V19.8984L64.9004 18.8047H64.9502V25H67V17Z" fill="#24292E"/>
+<path d="M61.6524 38.202H61.2683C61.0645 38.202 60.8691 38.1207 60.725 37.9759C60.5809 37.8311 60.5 37.6347 60.5 37.43C60.5 37.2253 60.5809 37.0289 60.725 36.8841C60.8691 36.7393 61.0645 36.658 61.2683 36.658H61.6524V36.272C61.6524 36.0673 61.7334 35.8709 61.8775 35.7261C62.0216 35.5813 62.217 35.5 62.4207 35.5C62.6245 35.5 62.8199 35.5813 62.964 35.7261C63.1081 35.8709 63.189 36.0673 63.189 36.272V36.658H63.5732C63.7769 36.658 63.9724 36.7393 64.1164 36.8841C64.2605 37.0289 64.3415 37.2253 64.3415 37.43C64.3415 37.6347 64.2605 37.8311 64.1164 37.9759C63.9724 38.1207 63.7769 38.202 63.5732 38.202H63.189V38.588C63.189 38.7927 63.1081 38.9891 62.964 39.1339C62.8199 39.2787 62.6245 39.36 62.4207 39.36C62.217 39.36 62.0216 39.2787 61.8775 39.1339C61.7334 38.9891 61.6524 38.7927 61.6524 38.588V38.202Z" fill="#24292E"/>
+<path d="M68.7317 42.184H66.4268C66.2231 42.184 66.0276 42.1027 65.8836 41.9579C65.7395 41.8131 65.6585 41.6167 65.6585 41.412C65.6585 41.2073 65.7395 41.0109 65.8836 40.8661C66.0276 40.7213 66.2231 40.64 66.4268 40.64H68.7317C68.9355 40.64 69.1309 40.7213 69.275 40.8661C69.4191 41.0109 69.5 41.2073 69.5 41.412C69.5 41.6167 69.4191 41.8131 69.275 41.9579C69.1309 42.1027 68.9355 42.184 68.7317 42.184Z" fill="#24292E"/>
+<path d="M66.4268 36.658H68.7317C68.9355 36.658 69.1309 36.7393 69.275 36.8841C69.4191 37.0289 69.5 37.2253 69.5 37.43C69.5 37.6347 69.4191 37.8311 69.275 37.9759C69.1309 38.1207 68.9355 38.202 68.7317 38.202H66.4268C66.2231 38.202 66.0276 38.1207 65.8836 37.9759C65.7395 37.8311 65.6585 37.6347 65.6585 37.43C65.6585 37.2253 65.7395 37.0289 65.8836 36.8841C66.0276 36.7393 66.2231 36.658 66.4268 36.658Z" fill="#24292E"/>
+<path d="M68.7317 44.5H66.4268C66.2231 44.5 66.0276 44.4187 65.8836 44.2739C65.7395 44.1291 65.6585 43.9328 65.6585 43.728C65.6585 43.5233 65.7395 43.3269 65.8836 43.1821C66.0276 43.0373 66.2231 42.956 66.4268 42.956H68.7317C68.9355 42.956 69.1309 43.0373 69.275 43.1821C69.4191 43.3269 69.5 43.5233 69.5 43.728C69.5 43.9328 69.4191 44.1291 69.275 44.2739C69.1309 44.4187 68.9355 44.5 68.7317 44.5Z" fill="#24292E"/>
+<path d="M61.2651 44.5C61.0621 44.5 60.8674 44.4193 60.7234 44.2755C60.5803 44.1309 60.5 43.9352 60.5 43.7312C60.5 43.5273 60.5803 43.3316 60.7234 43.187L61.2689 42.6389L60.7234 42.0907C60.5975 41.9431 60.5318 41.7531 60.5392 41.5588C60.5467 41.3645 60.6269 41.1802 60.7637 41.0427C60.9005 40.9052 61.084 40.8247 61.2773 40.8172C61.4707 40.8097 61.6597 40.8758 61.8067 41.0022L62.3522 41.5503L62.8977 41.0022C63.0447 40.8758 63.2337 40.8097 63.4271 40.8172C63.6204 40.8247 63.8039 40.9052 63.9407 41.0427C64.0775 41.1802 64.1577 41.3645 64.1652 41.5588C64.1726 41.7531 64.1069 41.9431 63.981 42.0907L63.4355 42.6389L63.981 43.187C64.1241 43.3316 64.2044 43.5273 64.2044 43.7312C64.2044 43.9352 64.1241 44.1309 63.981 44.2755C63.837 44.4193 63.6423 44.5 63.4393 44.5C63.2364 44.5 63.0416 44.4193 62.8977 44.2755L62.3522 43.7274L61.8067 44.2755C61.6628 44.4193 61.468 44.5 61.2651 44.5Z" fill="#24292E"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26 25.75H2V47.9532H26V25.75ZM0 23.7887V50H28V23.7887L0 23.7887Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162268" x1="2.00781" y1="5.004" x2="26.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162268" x1="53.001" y1="5.004" x2="77.001" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162268">
+<rect width="24" height="48" fill="white" transform="translate(2)"/>
+</clipPath>
+<clipPath id="clip1_1144_162268">
+<rect width="24" height="48" fill="white" transform="translate(53)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/groupingToMatrix.svg b/public/img/transformations/dark/groupingToMatrix.svg
new file mode 100755
index 00000000000..b7d55cbc514
--- /dev/null
+++ b/public/img/transformations/dark/groupingToMatrix.svg
@@ -0,0 +1,98 @@
+<svg width="188" height="48" viewBox="0 0 188 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_161826)">
+<path d="M0 0.800641V10H24V1.05456e-06H1.00292L0.000198677 0L0 0.800641Z" fill="url(#paint0_linear_1144_161826)"/>
+<path d="M24 13H0V22.5H24V13Z" fill="#84AFF1"/>
+<path d="M24 25.75H0V35.25H24V25.75Z" fill="#84AFF1"/>
+<path d="M24 38.5H0V48H24V38.5Z" fill="#84AFF1"/>
+<path d="M13 14.6179H11.5716L10 15.5378V16.7917L11.4253 15.9714H11.4627V20.6179H13V14.6179Z" fill="#24292E"/>
+<path d="M9.83733 33.5H14.25V32.3468H11.8341V32.3092L12.5472 31.6561C13.8396 30.5376 14.1772 29.9682 14.1772 29.289C14.1772 28.2225 13.3011 27.5 11.9476 27.5C10.629 27.5 9.7471 28.2543 9.75001 29.4595H11.1151C11.1151 28.9249 11.447 28.6156 11.9418 28.6156C12.4279 28.6156 12.7801 28.9133 12.7801 29.4017C12.7801 29.8439 12.5006 30.1445 12.0116 30.5809L9.83733 32.4711V33.5Z" fill="#24292E"/>
+<path d="M9.83733 46.25H14.25V45.0968H11.8341V45.0592L12.5472 44.4061C13.8396 43.2876 14.1772 42.7182 14.1772 42.039C14.1772 40.9725 13.3011 40.25 11.9476 40.25C10.629 40.25 9.7471 41.0043 9.75001 42.2095H11.1151C11.1151 41.6749 11.447 41.3656 11.9418 41.3656C12.4279 41.3656 12.7801 41.6633 12.7801 42.1517C12.7801 42.5939 12.5006 42.8945 12.0116 43.3309L9.83733 45.2211V46.25Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_161826)">
+<path d="M28 0.800641V10H52V1.05456e-06H29.0029L28.0002 0L28 0.800641Z" fill="url(#paint1_linear_1144_161826)"/>
+<path d="M52 13H28V22.5H52V13Z" fill="#84AFF1"/>
+<path d="M52 25.75H28V35.25H52V25.75Z" fill="#84AFF1"/>
+<path d="M52 38.5H28V48H52V38.5Z" fill="#84AFF1"/>
+<path d="M40.1058 46.25C41.5564 46.25 42.4563 45.4582 42.5 44.2595H40.9654C40.905 44.7737 40.5759 45.0544 40.1259 45.0544C39.5484 45.0544 39.1723 44.597 39.1723 43.7358C39.1723 42.8809 39.5517 42.4235 40.1259 42.4235C40.596 42.4235 40.9016 42.7232 40.9654 43.2185H42.5C42.4631 42.026 41.5363 41.25 40.1024 41.25C38.4805 41.25 37.5 42.2658 37.5 43.7516C37.5 45.2311 38.4738 46.25 40.1058 46.25Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip2_1144_161826)">
+<path d="M56 0.800641V10H80V1.05456e-06H57.0029L56.0002 0L56 0.800641Z" fill="url(#paint2_linear_1144_161826)"/>
+<path d="M80 13H56V22.5H80V13Z" fill="#84AFF1"/>
+<path d="M80 25.75H56V35.25H80V25.75Z" fill="#84AFF1"/>
+<path d="M80 38.5H56V48H80V38.5Z" fill="#84AFF1"/>
+<path d="M67.5383 20.75C68.2141 20.75 68.616 20.3761 68.7966 19.9645H68.8403V20.6862H70.25V14.75H68.8257V16.9964H68.7966C68.6277 16.5877 68.2374 16.1761 67.5325 16.1761C66.5976 16.1761 65.75 16.892 65.75 18.463C65.75 19.979 66.551 20.75 67.5383 20.75ZM68.0335 19.6457C67.5063 19.6457 67.2121 19.179 67.2121 18.4601C67.2121 17.7442 67.5034 17.2833 68.0335 17.2833C68.5549 17.2833 68.8578 17.7326 68.8578 18.4601C68.8578 19.1819 68.5519 19.6457 68.0335 19.6457Z" fill="#24292E"/>
+<path d="M68.0797 33C69.4177 33 70.2975 32.3849 70.4834 31.4322L68.9927 31.3912C68.8665 31.7129 68.5345 31.8864 68.1096 31.8864C67.4854 31.8864 67.1003 31.4921 67.1003 30.8991V30.858H70.5V30.4732C70.5 28.877 69.4774 28 68.0299 28C66.4894 28 65.5 29.0032 65.5 30.5047C65.5 32.0568 66.4761 33 68.0797 33ZM67.1003 29.9621C67.1235 29.4795 67.5252 29.1136 68.0631 29.1136C68.5976 29.1136 68.9827 29.4669 68.9894 29.9621H67.1003Z" fill="#24292E"/>
+<path d="M69.2936 41.9515H68.4651V41.7108C68.4651 41.4646 68.5669 41.3134 68.8893 41.3134C69.0193 41.3134 69.1777 41.3414 69.2795 41.3722L69.5 40.3703C69.336 40.3256 68.9599 40.25 68.5782 40.25C67.6932 40.25 67.0853 40.7369 67.0853 41.7332V41.9515H66.5V42.959H67.0853V46.25H68.4651V42.959H69.2936V41.9515Z" fill="#24292E"/>
+</g>
+<path d="M93.9067 30C94.6011 30 99.9327 26 99.9327 24C99.9327 22 94.7357 18 93.9067 18C93.0777 18 92.4023 18.5 92.4023 19.4756C92.4023 20.4512 95.9067 22.9206 95.9067 22.9206C95.9067 22.9206 88.2539 22.25 88 22.9206C87.7461 23.5911 87.7461 24.4089 88 25.0794C88.2539 25.75 95.9067 25.0794 95.9067 25.0794C95.9067 25.0794 92.4023 27.75 92.4023 28.5301C92.4023 29.3103 93.2123 30 93.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip3_1144_161826)">
+<path d="M108 0.800641V10H132V1.05456e-06H109.003L108 0L108 0.800641Z" fill="url(#paint3_linear_1144_161826)"/>
+<path d="M132 13H108V22.5H132V13Z" fill="#84AFF1"/>
+<path d="M132 25.75H108V35.25H132V25.75Z" fill="#84AFF1"/>
+<path d="M132 38.5H108V48H132V38.5Z" fill="#84AFF1"/>
+<path d="M120.106 46.25C121.556 46.25 122.456 45.4582 122.5 44.2595H120.965C120.905 44.7737 120.576 45.0544 120.126 45.0544C119.548 45.0544 119.172 44.597 119.172 43.7358C119.172 42.8809 119.552 42.4235 120.126 42.4235C120.596 42.4235 120.902 42.7232 120.965 43.2185H122.5C122.463 42.026 121.536 41.25 120.102 41.25C118.481 41.25 117.5 42.2658 117.5 43.7516C117.5 45.2311 118.474 46.25 120.106 46.25Z" fill="#24292E"/>
+<path d="M117.75 33.4362H119.16V32.7145H119.203C119.384 33.1261 119.786 33.5 120.462 33.5C121.452 33.5 122.25 32.729 122.25 31.213C122.25 29.642 121.405 28.9261 120.47 28.9261C119.763 28.9261 119.375 29.3377 119.203 29.7464H119.174V27.5H117.75V33.4362ZM119.145 31.2101C119.145 30.4826 119.448 30.0333 119.969 30.0333C120.497 30.0333 120.788 30.4942 120.788 31.2101C120.788 31.929 120.497 32.3957 119.969 32.3957C119.448 32.3957 119.145 31.9319 119.145 31.2101Z" fill="#24292E"/>
+<path d="M119.346 20.25C120.022 20.25 120.49 19.9877 120.756 19.4915H120.794V20.1678H122.247V16.8682C122.247 15.841 121.334 15.25 120.098 15.25C118.793 15.25 118.053 15.9074 117.93 16.7924L119.356 16.8429C119.422 16.5332 119.678 16.3436 120.086 16.3436C120.465 16.3436 120.705 16.5269 120.705 16.8524V16.8682C120.705 17.1653 120.383 17.2285 119.555 17.3012C118.572 17.3834 117.75 17.7468 117.75 18.8214C117.75 19.7822 118.417 20.25 119.346 20.25ZM119.823 19.2386C119.466 19.2386 119.213 19.068 119.213 18.7456C119.213 18.4327 119.46 18.243 119.899 18.1767C120.187 18.1356 120.541 18.0724 120.715 17.9807V18.4422C120.715 18.9162 120.316 19.2386 119.823 19.2386Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1144_161826)">
+<path d="M136 0.800641V10H160V1.05456e-06H137.003L136 0L136 0.800641Z" fill="url(#paint4_linear_1144_161826)"/>
+<path d="M160 13H136V22.5H160V13Z" fill="#84AFF1"/>
+<path d="M160 25.75H136V35.25H160V25.75Z" fill="#84AFF1"/>
+<path d="M160 38.5H136V48H160V38.5Z" fill="#84AFF1"/>
+<path d="M149.5 2H148.072L146.5 2.91992V4.17383L147.925 3.35352H147.963V8H149.5V2Z" fill="#24292E"/>
+<path d="M147.538 21C148.214 21 148.616 20.6261 148.797 20.2145H148.84V20.9362H150.25V15H148.826V17.2464H148.797C148.628 16.8377 148.237 16.4261 147.533 16.4261C146.598 16.4261 145.75 17.142 145.75 18.713C145.75 20.229 146.551 21 147.538 21ZM148.033 19.8957C147.506 19.8957 147.212 19.429 147.212 18.7101C147.212 17.9942 147.503 17.5333 148.033 17.5333C148.555 17.5333 148.858 17.9826 148.858 18.7101C148.858 19.4319 148.552 19.8957 148.033 19.8957Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip5_1144_161826)">
+<path d="M164 0.800641V10H188V1.05456e-06H165.003L164 0L164 0.800641Z" fill="url(#paint5_linear_1144_161826)"/>
+<path d="M188 13H164V22.5H188V13Z" fill="#84AFF1"/>
+<path d="M188 25.75H164V35.25H188V25.75Z" fill="#84AFF1"/>
+<path d="M188 38.5H164V48H188V38.5Z" fill="#84AFF1"/>
+<path d="M173.837 8H178.25V6.84682H175.834V6.80925L176.547 6.15607C177.84 5.03757 178.177 4.46821 178.177 3.78902C178.177 2.72254 177.301 2 175.948 2C174.629 2 173.747 2.75434 173.75 3.95954H175.115C175.115 3.42486 175.447 3.11561 175.942 3.11561C176.428 3.11561 176.78 3.41329 176.78 3.90173C176.78 4.34393 176.501 4.64451 176.012 5.08093L173.837 6.9711V8Z" fill="#24292E"/>
+<path d="M176.08 33C177.418 33 178.297 32.3849 178.483 31.4322L176.993 31.3912C176.867 31.7129 176.535 31.8864 176.11 31.8864C175.485 31.8864 175.1 31.4921 175.1 30.8991V30.858H178.5V30.4732C178.5 28.877 177.477 28 176.03 28C174.489 28 173.5 29.0032 173.5 30.5047C173.5 32.0568 174.476 33 176.08 33ZM175.1 29.9621C175.124 29.4795 175.525 29.1136 176.063 29.1136C176.598 29.1136 176.983 29.4669 176.989 29.9621H175.1Z" fill="#24292E"/>
+<path d="M177.294 41.7015H176.465V41.4608C176.465 41.2146 176.567 41.0634 176.889 41.0634C177.019 41.0634 177.178 41.0914 177.279 41.1222L177.5 40.1203C177.336 40.0756 176.96 40 176.578 40C175.693 40 175.085 40.4869 175.085 41.4832V41.7015H174.5V42.709H175.085V46H176.465V42.709H177.294V41.7015Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_161826" x1="0.00781255" y1="5.004" x2="24.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161826" x1="28.0078" y1="5.004" x2="52.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_161826" x1="56.0078" y1="5.004" x2="80.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_161826" x1="108.008" y1="5.004" x2="132.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_161826" x1="136.008" y1="5.004" x2="160.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1144_161826" x1="164.008" y1="5.004" x2="188.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161826">
+<rect width="24" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_161826">
+<rect width="24" height="48" fill="white" transform="translate(28)"/>
+</clipPath>
+<clipPath id="clip2_1144_161826">
+<rect width="24" height="48" fill="white" transform="translate(56)"/>
+</clipPath>
+<clipPath id="clip3_1144_161826">
+<rect width="24" height="48" fill="white" transform="translate(108)"/>
+</clipPath>
+<clipPath id="clip4_1144_161826">
+<rect width="24" height="48" fill="white" transform="translate(136)"/>
+</clipPath>
+<clipPath id="clip5_1144_161826">
+<rect width="24" height="48" fill="white" transform="translate(164)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/heatmap.svg b/public/img/transformations/dark/heatmap.svg
new file mode 100755
index 00000000000..45dbd83588b
--- /dev/null
+++ b/public/img/transformations/dark/heatmap.svg
@@ -0,0 +1,78 @@
+<svg width="124" height="48" viewBox="0 0 124 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_161649)">
+<path d="M0 0.611699V7.64012H14.394V0H0.601504C0.441975 0 0.28898 0.0644467 0.176176 0.179162C0.0633725 0.293878 0 0.449466 0 0.611699Z" fill="url(#paint0_linear_1144_161649)"/>
+<path d="M33.606 7.64012H48V0.611699C48 0.449466 47.9366 0.293878 47.8238 0.179162C47.711 0.0644467 47.558 0 47.3985 0L33.606 0V7.64012Z" fill="url(#paint1_linear_1144_161649)"/>
+<path d="M31.194 0H16.8V7.64012H31.194V0Z" fill="url(#paint2_linear_1144_161649)"/>
+<path d="M31.194 10.0869H16.8V17.727H31.194V10.0869Z" fill="#84AFF1"/>
+<path d="M14.394 10.0869H0V17.727H14.394V10.0869Z" fill="#84AFF1"/>
+<path d="M48 10.0869H33.606V17.727H48V10.0869Z" fill="#84AFF1"/>
+<path d="M48 20.1799H33.606V27.8262H48V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 20.1799H16.8V27.8262H31.194V20.1799Z" fill="#3865AB"/>
+<path d="M14.394 20.1799H0V27.8262H14.394V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 30.2668H16.8V37.907H31.194V30.2668Z" fill="#84AFF1"/>
+<path d="M48 30.2668H33.606V37.907H48V30.2668Z" fill="#84AFF1"/>
+<path d="M14.394 30.2668H0V37.907H14.394V30.2668Z" fill="#84AFF1"/>
+<path d="M31.194 40.3599H16.8V48H31.194V40.3599Z" fill="#3865AB"/>
+<path d="M48 47.3883V40.3721H33.606V48H47.3985C47.558 48 47.711 47.9356 47.8238 47.8209C47.9366 47.7061 48 47.5505 48 47.3883Z" fill="#3865AB"/>
+<path d="M14.394 48V40.3721H0V47.3883C0 47.5505 0.0633725 47.7061 0.176176 47.8209C0.28898 47.9356 0.441975 48 0.601504 48H14.394Z" fill="#3865AB"/>
+</g>
+<path d="M61.9067 30.4C62.6011 30.4 67.9327 26.1333 67.9327 24C67.9327 21.8666 62.7357 17.6 61.9067 17.6C61.0777 17.6 60.4023 18.1333 60.4023 19.1739C60.4023 20.2146 63.9067 22.8486 63.9067 22.8486C63.9067 22.8486 56.2539 22.1333 56 22.8486C55.7461 23.5639 55.7461 24.4361 56 25.1514C56.2539 25.8666 63.9067 25.1514 63.9067 25.1514C63.9067 25.1514 60.4023 28 60.4023 28.8321C60.4023 29.6643 61.2123 30.4 61.9067 30.4Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip1_1144_161649)">
+<path d="M81.4059 0H76.5993C76.2683 0 76 0.268327 76 0.599326V5.40592C76 5.73692 76.2683 6.00524 76.5993 6.00524H81.4059C81.7369 6.00524 82.0052 5.73692 82.0052 5.40592V0.599326C82.0052 0.268327 81.7369 0 81.4059 0Z" fill="#3865AB"/>
+<path d="M98.205 0H93.3984C93.0674 0 92.7991 0.268327 92.7991 0.599326V5.40592C92.7991 5.73692 93.0674 6.00524 93.3984 6.00524H98.205C98.536 6.00524 98.8043 5.73692 98.8043 5.40592V0.599326C98.8043 0.268327 98.536 0 98.205 0Z" fill="#84AFF1"/>
+<path d="M106.608 0H101.801C101.47 0 101.202 0.268327 101.202 0.599326V5.40592C101.202 5.73692 101.47 6.00524 101.801 6.00524H106.608C106.939 6.00524 107.207 5.73692 107.207 5.40592V0.599326C107.207 0.268327 106.939 0 106.608 0Z" fill="#3865AB"/>
+<path d="M115.004 0H110.198C109.867 0 109.598 0.268327 109.598 0.599326V5.40592C109.598 5.73692 109.867 6.00524 110.198 6.00524H115.004C115.335 6.00524 115.603 5.73692 115.603 5.40592V0.599326C115.603 0.268327 115.335 0 115.004 0Z" fill="#3865AB"/>
+<path d="M123.407 8.40253H118.6C118.269 8.40253 118.001 8.67085 118.001 9.00185V13.8084C118.001 14.1394 118.269 14.4078 118.6 14.4078H123.407C123.738 14.4078 124.006 14.1394 124.006 13.8084V9.00185C124.006 8.67085 123.738 8.40253 123.407 8.40253Z" fill="#3865AB"/>
+<path d="M98.205 16.7991H93.3984C93.0674 16.7991 92.7991 17.0674 92.7991 17.3984V22.205C92.7991 22.536 93.0674 22.8043 93.3984 22.8043H98.205C98.536 22.8043 98.8043 22.536 98.8043 22.205V17.3984C98.8043 17.0674 98.536 16.7991 98.205 16.7991Z" fill="#84AFF1"/>
+<path d="M106.608 16.7991H101.801C101.47 16.7991 101.202 17.0674 101.202 17.3984V22.205C101.202 22.536 101.47 22.8043 101.801 22.8043H106.608C106.939 22.8043 107.207 22.536 107.207 22.205V17.3984C107.207 17.0674 106.939 16.7991 106.608 16.7991Z" fill="#3865AB"/>
+<path d="M115.004 16.7991H110.198C109.867 16.7991 109.598 17.0674 109.598 17.3984V22.205C109.598 22.536 109.867 22.8043 110.198 22.8043H115.004C115.335 22.8043 115.603 22.536 115.603 22.205V17.3984C115.603 17.0674 115.335 16.7991 115.004 16.7991Z" fill="#84AFF1"/>
+<path d="M123.407 16.7991H118.6C118.269 16.7991 118.001 17.0674 118.001 17.3984V22.205C118.001 22.536 118.269 22.8043 118.6 22.8043H123.407C123.738 22.8043 124.006 22.536 124.006 22.205V17.3984C124.006 17.0674 123.738 16.7991 123.407 16.7991Z" fill="#3865AB"/>
+<path d="M81.4059 25.2017H76.5993C76.2683 25.2017 76 25.47 76 25.801V30.6076C76 30.9386 76.2683 31.2069 76.5993 31.2069H81.4059C81.7369 31.2069 82.0052 30.9386 82.0052 30.6076V25.801C82.0052 25.47 81.7369 25.2017 81.4059 25.2017Z" fill="#3865AB"/>
+<path d="M106.608 25.2017H101.801C101.47 25.2017 101.202 25.47 101.202 25.801V30.6076C101.202 30.9386 101.47 31.2069 101.801 31.2069H106.608C106.939 31.2069 107.207 30.9386 107.207 30.6076V25.801C107.207 25.47 106.939 25.2017 106.608 25.2017Z" fill="#84AFF1"/>
+<path d="M115.004 25.2017H110.198C109.867 25.2017 109.598 25.47 109.598 25.801V30.6076C109.598 30.9386 109.867 31.2069 110.198 31.2069H115.004C115.335 31.2069 115.603 30.9386 115.603 30.6076V25.801C115.603 25.47 115.335 25.2017 115.004 25.2017Z" fill="#3865AB"/>
+<path d="M123.407 25.2017H118.6C118.269 25.2017 118.001 25.47 118.001 25.801V30.6076C118.001 30.9386 118.269 31.2069 118.6 31.2069H123.407C123.738 31.2069 124.006 30.9386 124.006 30.6076V25.801C124.006 25.47 123.738 25.2017 123.407 25.2017Z" fill="#84AFF1"/>
+<path d="M89.8084 33.5982H85.0019C84.6709 33.5982 84.4025 33.8665 84.4025 34.1975V39.0041C84.4025 39.3351 84.6709 39.6035 85.0019 39.6035H89.8084C90.1394 39.6035 90.4078 39.3351 90.4078 39.0041V34.1975C90.4078 33.8665 90.1394 33.5982 89.8084 33.5982Z" fill="#3865AB"/>
+<path d="M89.8084 42.0007H85.0019C84.6709 42.0007 84.4025 42.2691 84.4025 42.6001V47.4066C84.4025 47.7376 84.6709 48.006 85.0019 48.006H89.8084C90.1394 48.006 90.4078 47.7376 90.4078 47.4066V42.6001C90.4078 42.2691 90.1394 42.0007 89.8084 42.0007Z" fill="#3865AB"/>
+<path d="M98.205 42.0007H93.3984C93.0674 42.0007 92.7991 42.2691 92.7991 42.6001V47.4066C92.7991 47.7376 93.0674 48.006 93.3984 48.006H98.205C98.536 48.006 98.8043 47.7376 98.8043 47.4066V42.6001C98.8043 42.2691 98.536 42.0007 98.205 42.0007Z" fill="#84AFF1"/>
+<path d="M106.608 42.0007H101.801C101.47 42.0007 101.202 42.2691 101.202 42.6001V47.4066C101.202 47.7376 101.47 48.006 101.801 48.006H106.608C106.939 48.006 107.207 47.7376 107.207 47.4066V42.6001C107.207 42.2691 106.939 42.0007 106.608 42.0007Z" fill="#84AFF1"/>
+<path d="M89.8084 0H85.0019C84.6709 0 84.4025 0.268327 84.4025 0.599326V5.40592C84.4025 5.73692 84.6709 6.00524 85.0019 6.00524H89.8084C90.1394 6.00524 90.4078 5.73692 90.4078 5.40592V0.599326C90.4078 0.268327 90.1394 0 89.8084 0Z" fill="#3865AB"/>
+<path d="M82.0052 22.205V17.3984C82.0052 17.0674 81.7369 16.7991 81.4059 16.7991H76.5993C76.2683 16.7991 76 17.0674 76 17.3984V22.205C76 22.536 76.2683 22.8043 76.5993 22.8043H81.4059C81.7369 22.8043 82.0052 22.536 82.0052 22.205Z" fill="#84AFF1"/>
+<path d="M124.006 39.0041V34.1975C124.006 33.8665 123.738 33.5982 123.407 33.5982H118.6C118.269 33.5982 118.001 33.8665 118.001 34.1975V39.0041C118.001 39.3351 118.269 39.6034 118.6 39.6034H123.407C123.738 39.6034 124.006 39.3351 124.006 39.0041Z" fill="#3865AB"/>
+<path d="M124 5.40592V0.599326C124 0.268327 123.732 0 123.401 0L118.594 0C118.263 0 117.995 0.268327 117.995 0.599326V5.40592C117.995 5.73692 118.263 6.00524 118.594 6.00524H123.401C123.732 6.00524 124 5.73692 124 5.40592Z" fill="#3865AB"/>
+<path d="M81.3939 14.3838H76.5993C76.4404 14.3838 76.2879 14.3207 76.1755 14.2083C76.0631 14.0959 76 13.9434 76 13.7845V8.98989C76 8.83094 76.0631 8.6785 76.1755 8.5661C76.2879 8.45371 76.4404 8.39056 76.5993 8.39056H81.3939C81.5529 8.39056 81.7053 8.45371 81.8177 8.5661C81.9301 8.6785 81.9933 8.83094 81.9933 8.98989V13.7845C81.9933 13.9434 81.9301 14.0959 81.8177 14.2083C81.7053 14.3207 81.5529 14.3838 81.3939 14.3838ZM90.3838 13.7845V8.98989C90.3838 8.83094 90.3207 8.6785 90.2083 8.5661C90.0959 8.45371 89.9434 8.39056 89.7845 8.39056H84.9899C84.8309 8.39056 84.6785 8.45371 84.5661 8.5661C84.4537 8.6785 84.3906 8.83094 84.3906 8.98989V13.7845C84.3906 13.9434 84.4537 14.0959 84.5661 14.2083C84.6785 14.3207 84.8309 14.3838 84.9899 14.3838H89.7845C89.9434 14.3838 90.0959 14.3207 90.2083 14.2083C90.3207 14.0959 90.3838 13.9434 90.3838 13.7845ZM98.7744 13.7845V8.98989C98.7744 8.83094 98.7112 8.6785 98.5988 8.5661C98.4864 8.45371 98.334 8.39056 98.1751 8.39056H93.3804C93.2215 8.39056 93.0691 8.45371 92.9567 8.5661C92.8443 8.6785 92.7811 8.83094 92.7811 8.98989V13.7845C92.7811 13.9434 92.8443 14.0959 92.9567 14.2083C93.0691 14.3207 93.2215 14.3838 93.3804 14.3838H98.1751C98.2562 14.3879 98.3374 14.3754 98.4136 14.3471C98.4898 14.3188 98.5595 14.2753 98.6183 14.2192C98.6772 14.1632 98.7241 14.0957 98.756 14.021C98.788 13.9462 98.8044 13.8658 98.8043 13.7845H98.7744ZM115.556 13.7845V8.98989C115.556 8.83094 115.492 8.6785 115.38 8.5661C115.268 8.45371 115.115 8.39056 114.956 8.39056H110.162C110.003 8.39056 109.85 8.45371 109.738 8.5661C109.625 8.6785 109.562 8.83094 109.562 8.98989V13.7845C109.562 13.9434 109.625 14.0959 109.738 14.2083C109.85 14.3207 110.003 14.3838 110.162 14.3838H114.956C115.039 14.3905 115.122 14.3799 115.2 14.3527C115.279 14.3256 115.35 14.2825 115.411 14.2262C115.472 14.1699 115.521 14.1015 115.554 14.0255C115.587 13.9495 115.604 13.8674 115.603 13.7845H115.556ZM106.566 14.3838H101.771C101.612 14.3838 101.46 14.3207 101.347 14.2083C101.235 14.0959 101.172 13.9434 101.172 13.7845V8.98989C101.172 8.83094 101.235 8.6785 101.347 8.5661C101.46 8.45371 101.612 8.39056 101.771 8.39056H106.566C106.725 8.39056 106.877 8.45371 106.989 8.5661C107.102 8.6785 107.165 8.83094 107.165 8.98989V13.7845C107.165 13.9374 107.107 14.0846 107.002 14.1961C106.898 14.3075 106.754 14.3746 106.602 14.3838H106.566Z" fill="url(#paint3_linear_1144_161649)"/>
+<path d="M89.8084 16.7991H85.0019C84.6709 16.7991 84.4025 17.0674 84.4025 17.3984V22.205C84.4025 22.536 84.6709 22.8043 85.0019 22.8043H89.8084C90.1394 22.8043 90.4078 22.536 90.4078 22.205V17.3984C90.4078 17.0674 90.1394 16.7991 89.8084 16.7991Z" fill="#3865AB"/>
+<path d="M98.205 33.5982H93.3984C93.0674 33.5982 92.7991 33.8665 92.7991 34.1975V39.0041C92.7991 39.3351 93.0674 39.6035 93.3984 39.6035H98.205C98.536 39.6035 98.8043 39.3351 98.8043 39.0041V34.1975C98.8043 33.8665 98.536 33.5982 98.205 33.5982Z" fill="#84AFF1"/>
+<path d="M98.205 31.2009H93.3804C93.2215 31.2009 93.0691 31.1378 92.9567 31.0254C92.8443 30.913 92.7811 30.7605 92.7811 30.6016V25.807C92.7811 25.648 92.8443 25.4956 92.9567 25.3832C93.0691 25.2708 93.2215 25.2076 93.3804 25.2076H98.1751C98.334 25.2076 98.4864 25.2708 98.5988 25.3832C98.7112 25.4956 98.7744 25.648 98.7744 25.807V30.6016C98.7746 30.7555 98.7156 30.9035 98.6096 31.0151C98.5036 31.1267 98.3587 31.1932 98.205 31.2009ZM89.8145 31.2009H84.9899C84.8309 31.2009 84.6785 31.1378 84.5661 31.0254C84.4537 30.913 84.3906 30.7605 84.3906 30.6016V25.807C84.3906 25.648 84.4537 25.4956 84.5661 25.3832C84.6785 25.2708 84.8309 25.2076 84.9899 25.2076H89.7845C89.9434 25.2076 90.0959 25.2708 90.2083 25.3832C90.3207 25.4956 90.3838 25.648 90.3838 25.807V30.6016C90.3838 30.7605 90.3207 30.913 90.2083 31.0254C90.0959 31.1378 89.9434 31.2009 89.7845 31.2009H89.8145ZM82.0232 38.9921V34.1975C82.0232 34.0386 81.9601 33.8861 81.8477 33.7737C81.7353 33.6613 81.5829 33.5982 81.4239 33.5982H76.5993C76.4404 33.5982 76.2879 33.6613 76.1755 33.7737C76.0631 33.8861 76 34.0386 76 34.1975V38.9921C76 39.1511 76.0631 39.3035 76.1755 39.4159C76.2879 39.5283 76.4404 39.5915 76.5993 39.5915H81.3939C81.5508 39.5915 81.7015 39.53 81.8135 39.4202C81.9256 39.3104 81.9901 39.161 81.9933 39.0041L82.0232 38.9921ZM107.195 38.9921V34.1975C107.195 34.0386 107.132 33.8861 107.019 33.7737C106.907 33.6613 106.755 33.5982 106.596 33.5982H101.801C101.642 33.5982 101.49 33.6613 101.377 33.7737C101.265 33.8861 101.202 34.0386 101.202 34.1975V38.9921C101.202 39.1511 101.265 39.3035 101.377 39.4159C101.49 39.5283 101.642 39.5915 101.801 39.5915H106.596C106.754 39.5931 106.906 39.5323 107.019 39.4223C107.132 39.3123 107.198 39.162 107.201 39.0041L107.195 38.9921ZM115.585 38.9921V34.1975C115.585 34.0386 115.522 33.8861 115.41 33.7737C115.298 33.6613 115.145 33.5982 114.986 33.5982H110.192C110.033 33.5982 109.88 33.6613 109.768 33.7737C109.655 33.8861 109.592 34.0386 109.592 34.1975V38.9921C109.592 39.1511 109.655 39.3035 109.768 39.4159C109.88 39.5283 110.033 39.5915 110.192 39.5915H114.986C115.065 39.5939 115.144 39.5805 115.218 39.5522C115.292 39.5239 115.36 39.4812 115.417 39.4266C115.475 39.372 115.521 39.3065 115.553 39.234C115.585 39.1615 115.602 39.0833 115.603 39.0041L115.585 38.9921Z" fill="url(#paint4_linear_1144_161649)"/>
+<path d="M81.4059 42.0007H76.5993C76.2683 42.0007 76 42.2691 76 42.6001V47.4066C76 47.7376 76.2683 48.006 76.5993 48.006H81.4059C81.7369 48.006 82.0052 47.7376 82.0052 47.4066V42.6001C82.0052 42.2691 81.7369 42.0007 81.4059 42.0007Z" fill="#3865AB"/>
+<path d="M115.004 42.0007H110.198C109.867 42.0007 109.598 42.2691 109.598 42.6001V47.4066C109.598 47.7376 109.867 48.006 110.198 48.006H115.004C115.335 48.006 115.603 47.7376 115.603 47.4066V42.6001C115.603 42.2691 115.335 42.0007 115.004 42.0007Z" fill="#3865AB"/>
+<path d="M123.407 42.0007H118.6C118.269 42.0007 118.001 42.2691 118.001 42.6001V47.4066C118.001 47.7376 118.269 48.006 118.6 48.006H123.407C123.738 48.006 124.006 47.7376 124.006 47.4066V42.6001C124.006 42.2691 123.738 42.0007 123.407 42.0007Z" fill="#84AFF1"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_161649" x1="0" y1="3.82312" x2="14.394" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161649" x1="33.606" y1="3.82312" x2="48" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_161649" x1="16.8" y1="3.82312" x2="31.2" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_161649" x1="76" y1="11.3992" x2="115.603" y2="11.3992" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_161649" x1="76" y1="32.3996" x2="115.603" y2="32.3996" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161649">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_161649">
+<rect width="48" height="48" fill="white" transform="translate(76)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/histogram.svg b/public/img/transformations/dark/histogram.svg
new file mode 100755
index 00000000000..b1da150bd95
--- /dev/null
+++ b/public/img/transformations/dark/histogram.svg
@@ -0,0 +1,50 @@
+<svg width="121" height="48" viewBox="0 0 121 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_161622)">
+<path d="M0 0.611699V7.64012H14.394V0H0.601504C0.441975 0 0.28898 0.0644467 0.176176 0.179162C0.0633725 0.293878 0 0.449466 0 0.611699Z" fill="url(#paint0_linear_1144_161622)"/>
+<path d="M33.606 7.64012H48V0.611699C48 0.449466 47.9366 0.293878 47.8238 0.179162C47.711 0.0644467 47.558 0 47.3985 0L33.606 0V7.64012Z" fill="url(#paint1_linear_1144_161622)"/>
+<path d="M31.194 0H16.8V7.64012H31.194V0Z" fill="url(#paint2_linear_1144_161622)"/>
+<path d="M31.194 10.0869H16.8V17.727H31.194V10.0869Z" fill="#84AFF1"/>
+<path d="M14.394 10.0869H0V17.727H14.394V10.0869Z" fill="#84AFF1"/>
+<path d="M48 10.0869H33.606V17.727H48V10.0869Z" fill="#84AFF1"/>
+<path d="M48 20.1799H33.606V27.8262H48V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 20.1799H16.8V27.8262H31.194V20.1799Z" fill="#3865AB"/>
+<path d="M14.394 20.1799H0V27.8262H14.394V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 30.2668H16.8V37.907H31.194V30.2668Z" fill="#84AFF1"/>
+<path d="M48 30.2668H33.606V37.907H48V30.2668Z" fill="#84AFF1"/>
+<path d="M14.394 30.2668H0V37.907H14.394V30.2668Z" fill="#84AFF1"/>
+<path d="M31.194 40.3599H16.8V48H31.194V40.3599Z" fill="#3865AB"/>
+<path d="M48 47.3883V40.3721H33.606V48H47.3985C47.558 48 47.711 47.9356 47.8238 47.8209C47.9366 47.7061 48 47.5505 48 47.3883Z" fill="#3865AB"/>
+<path d="M14.394 48V40.3721H0V47.3883C0 47.5505 0.0633725 47.7061 0.176176 47.8209C0.28898 47.9356 0.441975 48 0.601504 48H14.394Z" fill="#3865AB"/>
+</g>
+<path d="M61.9067 30C62.6011 30 67.9327 26 67.9327 24C67.9327 22 62.7357 18 61.9067 18C61.0777 18 60.4023 18.5 60.4023 19.4756C60.4023 20.4512 63.9067 22.9206 63.9067 22.9206C63.9067 22.9206 56.2539 22.25 56 22.9206C55.7461 23.5911 55.7461 24.4089 56 25.0794C56.2539 25.75 63.9067 25.0794 63.9067 25.0794C63.9067 25.0794 60.4023 27.75 60.4023 28.5301C60.4023 29.3103 61.2123 30 61.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip1_1144_161622)">
+<path d="M87.833 48H85.4439C85.2855 48 85.1336 47.9371 85.0216 47.825C84.9095 47.7129 84.8466 47.5609 84.8466 47.4023V28.8144C84.8466 28.6559 84.9095 28.5038 85.0216 28.3917C85.1336 28.2797 85.2855 28.2167 85.4439 28.2167H87.833C87.9914 28.2167 88.1433 28.2797 88.2554 28.3917C88.3674 28.5038 88.4303 28.6559 88.4303 28.8144V47.4023C88.4303 47.5609 88.3674 47.7129 88.2554 47.825C88.1433 47.9371 87.9914 48 87.833 48ZM82.4157 40.8278H80.0266C79.8682 40.8278 79.7162 40.8908 79.6042 41.0029C79.4922 41.115 79.4293 41.267 79.4293 41.4255V47.4023C79.4293 47.5609 79.4922 47.7129 79.6042 47.825C79.7162 47.9371 79.8682 48 80.0266 48H82.4157C82.5741 48 82.726 47.9371 82.838 47.825C82.95 47.7129 83.013 47.5609 83.013 47.4023V41.4255C83.0114 41.268 82.9478 41.1175 82.8359 41.0067C82.7241 40.8959 82.5731 40.8338 82.4157 40.8338V40.8278ZM93.2503 9.92756H90.8612C90.7028 9.92756 90.5509 9.99053 90.4389 10.1026C90.3269 10.2147 90.2639 10.3667 90.2639 10.5252V47.4023C90.2639 47.5609 90.3269 47.7129 90.4389 47.825C90.5509 47.9371 90.7028 48 90.8612 48H93.2503C93.4088 48 93.5607 47.9371 93.6727 47.825C93.7847 47.7129 93.8476 47.5609 93.8476 47.4023V10.5252C93.8476 10.3667 93.7847 10.2147 93.6727 10.1026C93.5607 9.99053 93.4088 9.92756 93.2503 9.92756ZM98.6677 4.07623H96.2786C96.1202 4.07623 95.9682 4.1392 95.8562 4.25129C95.7442 4.36338 95.6813 4.5154 95.6813 4.67392V47.4023C95.6813 47.5609 95.7442 47.7129 95.8562 47.825C95.9682 47.9371 96.1202 48 96.2786 48H98.6677C98.8261 48 98.978 47.9371 99.09 47.825C99.202 47.7129 99.265 47.5609 99.265 47.4023V4.67392C99.265 4.5154 99.202 4.36338 99.09 4.25129C98.978 4.1392 98.8261 4.07623 98.6677 4.07623ZM104.085 9.92756H101.696C101.537 9.92756 101.386 9.99053 101.274 10.1026C101.162 10.2147 101.099 10.3667 101.099 10.5252V47.4023C101.099 47.5609 101.162 47.7129 101.274 47.825C101.386 47.9371 101.537 48 101.696 48H104.085C104.243 48 104.395 47.9371 104.507 47.825C104.619 47.7129 104.682 47.5609 104.682 47.4023V10.5252C104.682 10.3667 104.619 10.2147 104.507 10.1026C104.395 9.99053 104.243 9.92756 104.085 9.92756ZM109.502 28.2167H107.113C106.955 28.2167 106.803 28.2797 106.691 28.3917C106.579 28.5038 106.516 28.6559 106.516 28.8144V47.4023C106.516 47.5609 106.579 47.7129 106.691 47.825C106.803 47.9371 106.955 48 107.113 48H109.502C109.661 48 109.813 47.9371 109.925 47.825C110.037 47.7129 110.1 47.5609 110.1 47.4023V28.8144C110.1 28.6559 110.037 28.5038 109.925 28.3917C109.813 28.2797 109.661 28.2167 109.502 28.2167ZM114.92 40.8338H112.531C112.372 40.8338 112.22 40.8968 112.108 41.0089C111.996 41.1209 111.933 41.273 111.933 41.4315V47.4083C111.933 47.5668 111.996 47.7189 112.108 47.831C112.22 47.943 112.372 48.006 112.531 48.006H114.92C115.078 48.006 115.23 47.943 115.342 47.831C115.454 47.7189 115.517 47.5668 115.517 47.4083V41.4315C115.517 41.273 115.454 41.1209 115.342 41.0089C115.23 40.8968 115.078 40.8338 114.92 40.8338ZM120.403 43.7087H118.014C117.855 43.7087 117.703 43.7716 117.591 43.8837C117.479 43.9958 117.416 44.1478 117.416 44.3063V47.4023C117.416 47.5609 117.479 47.7129 117.591 47.825C117.703 47.9371 117.855 48 118.014 48H120.403C120.561 48 120.713 47.9371 120.825 47.825C120.937 47.7129 121 47.5609 121 47.4023V44.3063C121 44.1478 120.937 43.9958 120.825 43.8837C120.713 43.7716 120.561 43.7087 120.403 43.7087ZM76.9864 43.7087H74.5973C74.4389 43.7087 74.287 43.7716 74.1749 43.8837C74.0629 43.9958 74 44.1478 74 44.3063V47.4023C74 47.5609 74.0629 47.7129 74.1749 47.825C74.287 47.9371 74.4389 48 74.5973 48H76.9864C77.1448 48 77.2967 47.9371 77.4087 47.825C77.5208 47.7129 77.5837 47.5609 77.5837 47.4023V44.3063C77.5837 44.1478 77.5208 43.9958 77.4087 43.8837C77.2967 43.7716 77.1448 43.7087 76.9864 43.7087Z" fill="url(#paint3_linear_1144_161622)"/>
+<path d="M74 42.0231V39.6324C74.4652 39.6368 74.9277 39.562 75.3678 39.4113L76.1502 41.6705C75.4581 41.907 74.7314 42.0262 74 42.0231Z" fill="#3865AB"/>
+<path d="M79.1008 39.6563L77.309 38.0486C78.0263 37.2234 78.6217 36.2995 79.0769 35.3052L81.2331 36.3332C80.6874 37.5387 79.9691 38.6582 79.1008 39.6563ZM115.863 39.6145C115.001 38.6141 114.287 37.495 113.743 36.2914L115.905 35.2634C116.349 36.2573 116.933 37.183 117.637 38.0127L115.863 39.6145ZM82.4157 33.4046L80.1401 32.6335C80.4805 31.6414 80.809 30.5357 81.1495 29.2447L83.4609 29.8424C83.1026 31.1991 82.7621 32.3646 82.4038 33.4046H82.4157ZM112.59 33.3627C112.238 32.3227 111.891 31.1573 111.539 29.8125L113.851 29.2148C114.191 30.5058 114.52 31.6055 114.854 32.6037L112.59 33.3627ZM84.1896 26.8958L81.8662 26.3519C82.135 25.1984 82.3918 24.0209 82.6546 22.8315L84.99 23.3515C84.7511 24.5469 84.4584 25.7363 84.1896 26.8958ZM110.798 26.848C110.53 25.7004 110.267 24.505 109.998 23.3097L112.333 22.7897C112.596 23.9851 112.859 25.1804 113.122 26.31L110.798 26.848ZM85.647 20.4109L83.3176 19.879C83.6282 18.5043 83.9149 17.3747 84.1657 16.3287L86.4832 16.9264C86.2204 17.9305 85.9456 19.0542 85.647 20.4109ZM109.341 20.3631C109.025 18.9765 108.744 17.8708 108.505 16.8726L110.822 16.2749C111.079 17.291 111.354 18.4206 111.671 19.8252L109.341 20.3631ZM87.2417 14.0575L84.9541 13.3762C85.3424 12.0672 85.7306 10.9197 86.1487 9.85581L88.3766 10.7165C88.0063 11.7206 87.6359 12.8143 87.2656 14.0575H87.2417ZM107.693 14.0037C107.322 12.7665 106.958 11.6787 106.564 10.6687L108.792 9.80202C109.204 10.8719 109.598 12.0254 109.986 13.3224L107.693 14.0037ZM89.5652 8.08069L87.4388 6.98693C88.0182 5.83371 88.719 4.74572 89.5293 3.7415L91.3809 5.27157C90.6776 6.1407 90.0689 7.08239 89.5652 8.08069ZM105.411 8.03885C104.905 7.04259 104.294 6.10294 103.589 5.23571L105.417 3.69966C106.238 4.69703 106.947 5.78131 107.531 6.93313L105.411 8.03885ZM93.328 3.4845L92.008 1.49421C93.1468 0.726757 94.439 0.216857 95.7948 0L96.1711 2.39074C95.154 2.53977 94.1829 2.91339 93.328 3.4845ZM101.63 3.4845C100.775 2.91445 99.8039 2.54094 98.7872 2.39074L99.1455 0C100.502 0.204683 101.799 0.702305 102.944 1.45835L101.63 3.4845Z" fill="#3865AB"/>
+<path d="M121 42.0231C120.269 42.0262 119.542 41.907 118.85 41.6705L119.626 39.4113C120.069 39.5586 120.533 39.6333 121 39.6324V42.0231Z" fill="#3865AB"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_161622" x1="0" y1="3.82312" x2="14.394" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161622" x1="33.606" y1="3.82312" x2="48" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_161622" x1="16.8" y1="3.82312" x2="31.2" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_161622" x1="74" y1="26.0411" x2="121" y2="26.0411" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161622">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_161622">
+<rect width="47" height="48" fill="white" transform="translate(74)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/joinByField.svg b/public/img/transformations/dark/joinByField.svg
new file mode 100755
index 00000000000..6391462f186
--- /dev/null
+++ b/public/img/transformations/dark/joinByField.svg
@@ -0,0 +1,103 @@
+<svg width="177" height="52" viewBox="0 0 177 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_161769)">
+<path d="M0 3.04083V15H15V2H0.626828C0.460583 2 0.301147 2.10966 0.183594 2.30485C0.0660407 2.50005 0 2.76479 0 3.04083Z" fill="url(#paint0_linear_1144_161769)"/>
+<path d="M15 19.5H0V32.5H15V19.5Z" fill="#84AFF1"/>
+<path d="M15 37H0V50H15V37Z" fill="#84AFF1"/>
+<path d="M6.77442 11.5C7.52635 11.5 8.04638 11.2377 8.34153 10.7415H8.3837V11.4178H10V8.1182C10 7.09102 8.98454 6.5 7.61068 6.5C6.15952 6.5 5.33732 7.1574 5.20028 8.04235L6.78496 8.09292C6.85875 7.78319 7.14336 7.59355 7.59663 7.59355C8.01827 7.59355 8.28531 7.77686 8.28531 8.1024V8.1182C8.28531 8.4153 7.92692 8.47851 7.00633 8.5512C5.91356 8.63338 5 8.99684 5 10.0714C5 11.0322 5.74139 11.5 6.77442 11.5ZM7.30499 10.4886C6.90794 10.4886 6.62684 10.318 6.62684 9.99558C6.62684 9.68268 6.90091 9.49305 7.38932 9.42668C7.70907 9.38559 8.1026 9.32238 8.29585 9.23072V9.69216C8.29585 10.1662 7.85313 10.4886 7.30499 10.4886Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_161769)">
+<path d="M19 15H34V3.04083C34 2.76479 33.934 2.50005 33.8164 2.30485C33.6989 2.10966 33.5394 2 33.3732 2H19V15Z" fill="url(#paint1_linear_1144_161769)"/>
+<path d="M34 19.5H19V32.5H34V19.5Z" fill="#84AFF1"/>
+<path d="M34 37H19V50H34V37Z" fill="#84AFF1"/>
+<path d="M27.5 23H26.0716L24.5 23.9199V25.1738L25.9253 24.3535H25.9627V29H27.5V23Z" fill="#24292E"/>
+<path d="M24.3373 46.5H28.75V45.3468H26.3341V45.3092L27.0472 44.6561C28.3396 43.5376 28.6772 42.9682 28.6772 42.289C28.6772 41.2225 27.8011 40.5 26.4476 40.5C25.129 40.5 24.2471 41.2543 24.25 42.4595H25.6151C25.6151 41.9249 25.947 41.6156 26.4418 41.6156C26.9279 41.6156 27.2801 41.9133 27.2801 42.4017C27.2801 42.8439 27.0006 43.1445 26.5116 43.5809L24.3373 45.4711V46.5Z" fill="#24292E"/>
+<path d="M24 11.6862H25.5663V10.9645H25.6149C25.8155 11.3761 26.2621 11.75 27.0129 11.75C28.1133 11.75 29 10.979 29 9.46304C29 7.89203 28.0615 7.17609 27.0227 7.17609C26.2362 7.17609 25.8058 7.58768 25.6149 7.99638H25.5825V5.75H24V11.6862ZM25.5502 9.46015C25.5502 8.73261 25.8867 8.28333 26.466 8.28333C27.0518 8.28333 27.3754 8.7442 27.3754 9.46015C27.3754 10.179 27.0518 10.6457 26.466 10.6457C25.8867 10.6457 25.5502 10.1819 25.5502 9.46015Z" fill="#24292E"/>
+</g>
+<path d="M46.3343 30H49.674V25.3135H54V21.6954H49.674V17H46.3343V21.6954H42V25.3135H46.3343V30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip2_1144_161769)">
+<path d="M77 25.5H62V38.5H77V25.5Z" fill="#3865AB"/>
+<path d="M62 9.04083V21H77V8H62.6268C62.4606 8 62.3011 8.10966 62.1836 8.30485C62.066 8.50005 62 8.76479 62 9.04083Z" fill="url(#paint2_linear_1144_161769)"/>
+<path d="M70.5 29H69.0716L67.5 29.9199V31.1738L68.9253 30.3535H68.9627V35H70.5V29Z" fill="white"/>
+<path d="M67 17.6862H68.5663V16.9645H68.6149C68.8155 17.3761 69.2621 17.75 70.0129 17.75C71.1133 17.75 72 16.979 72 15.463C72 13.892 71.0615 13.1761 70.0227 13.1761C69.2362 13.1761 68.8058 13.5877 68.6149 13.9964H68.5825V11.75H67V17.6862ZM68.5502 15.4601C68.5502 14.7326 68.8867 14.2833 69.466 14.2833C70.0518 14.2833 70.3754 14.7442 70.3754 15.4601C70.3754 16.179 70.0518 16.6457 69.466 16.6457C68.8867 16.6457 68.5502 16.1819 68.5502 15.4601Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1144_161769)">
+<path d="M96 25.5H81V38.5H96V25.5Z" fill="#3865AB"/>
+<path d="M81 21H96V9.04083C96 8.76479 95.934 8.50005 95.8164 8.30485C95.6989 8.10966 95.5394 8 95.3732 8H81V21Z" fill="url(#paint3_linear_1144_161769)"/>
+<path d="M88.6058 17.5C90.0564 17.5 90.9563 16.7082 91 15.5095H89.4654C89.405 16.0237 89.0759 16.3044 88.6259 16.3044C88.0484 16.3044 87.6723 15.847 87.6723 14.9858C87.6723 14.1309 88.0517 13.6735 88.6259 13.6735C89.096 13.6735 89.4016 13.9732 89.4654 14.4685H91C90.9631 13.276 90.0363 12.5 88.6024 12.5C86.9805 12.5 86 13.5158 86 15.0016C86 16.4811 86.9738 17.5 88.6058 17.5Z" fill="#24292E"/>
+</g>
+<path d="M104 28H116V24.686H104V28ZM104 22.314H116V19H104V22.314Z" fill="#CCCCDC"/>
+<path d="M124 3.04083V15H139V2H124.627C124.461 2 124.301 2.10966 124.184 2.30485C124.066 2.50005 124 2.76479 124 3.04083Z" fill="url(#paint4_linear_1144_161769)"/>
+<path d="M139 19.5H124V32.5H139V19.5Z" fill="#84AFF1"/>
+<path d="M139 37H124V50H139V37Z" fill="#84AFF1"/>
+<path d="M139 32.5V19.5L124 32.5H139Z" fill="#3865AB"/>
+<path d="M129.337 46.5H133.75V45.3468H131.334V45.3092L132.047 44.6561C133.34 43.5376 133.677 42.9682 133.677 42.289C133.677 41.2225 132.801 40.5 131.448 40.5C130.129 40.5 129.247 41.2543 129.25 42.4595H130.615C130.615 41.9249 130.947 41.6156 131.442 41.6156C131.928 41.6156 132.28 41.9133 132.28 42.4017C132.28 42.8439 132.001 43.1445 131.512 43.5809L129.337 45.4711V46.5Z" fill="white"/>
+<path d="M132.5 23H131.072L129.5 23.9199V25.1738L130.925 24.3535H130.963V29H132.5V23Z" fill="white"/>
+<path d="M129 11.6862H130.566V10.9645H130.615C130.816 11.3761 131.262 11.75 132.013 11.75C133.113 11.75 134 10.979 134 9.46304C134 7.89203 133.061 7.17609 132.023 7.17609C131.236 7.17609 130.806 7.58768 130.615 7.99638H130.583V5.75H129V11.6862ZM130.55 9.46015C130.55 8.73261 130.887 8.28333 131.466 8.28333C132.052 8.28333 132.375 8.7442 132.375 9.46015C132.375 10.179 132.052 10.6457 131.466 10.6457C130.887 10.6457 130.55 10.1819 130.55 9.46015Z" fill="#24292E"/>
+<g clip-path="url(#clip4_1144_161769)">
+<path d="M143 3.04083V15H158V2H143.627C143.461 2 143 2 143 2C143 2 143 2.76479 143 3.04083Z" fill="url(#paint5_linear_1144_161769)"/>
+<path d="M158 19.5H143V32.5H158V19.5Z" fill="#84AFF1"/>
+<path d="M158 37H143V50H158V37Z" fill="#84AFF1"/>
+<path d="M149.774 11.5C150.526 11.5 151.046 11.2377 151.342 10.7415H151.384V11.4178H153V8.1182C153 7.09102 151.985 6.5 150.611 6.5C149.16 6.5 148.337 7.1574 148.2 8.04235L149.785 8.09292C149.859 7.78319 150.143 7.59355 150.597 7.59355C151.018 7.59355 151.285 7.77686 151.285 8.1024V8.1182C151.285 8.4153 150.927 8.47851 150.006 8.5512C148.914 8.63338 148 8.99684 148 10.0714C148 11.0322 148.741 11.5 149.774 11.5ZM150.305 10.4886C149.908 10.4886 149.627 10.318 149.627 9.99558C149.627 9.68268 149.901 9.49305 150.389 9.42668C150.709 9.38559 151.103 9.32238 151.296 9.23072V9.69216C151.296 10.1662 150.853 10.4886 150.305 10.4886Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip5_1144_161769)">
+<path d="M162 15.005H177V3.04584C177 2.76979 176.934 2.50505 176.816 2.30986C176.699 2.11466 176.539 2.005 176.373 2.005H162V15.005Z" fill="url(#paint6_linear_1144_161769)"/>
+<path d="M177 19.505H162V32.505H177V19.505Z" fill="#3865AB"/>
+<path d="M177 37.005H162V50.005H177V37.005Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M162.5 37.505H176.5V49.505H162.5V37.505Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M169.606 11.5C171.056 11.5 171.956 10.7082 172 9.50946H170.465C170.405 10.0237 170.076 10.3044 169.626 10.3044C169.048 10.3044 168.672 9.847 168.672 8.9858C168.672 8.13092 169.052 7.6735 169.626 7.6735C170.096 7.6735 170.402 7.97319 170.465 8.46845H172C171.963 7.27602 171.036 6.5 169.602 6.5C167.981 6.5 167 7.51577 167 9.00158C167 10.4811 167.974 11.5 169.606 11.5Z" fill="#24292E"/>
+</g>
+<rect x="18" y="1" width="17" height="50" stroke="white" stroke-width="2"/>
+<rect x="18" y="1" width="17" height="50" stroke="white" stroke-width="2"/>
+<rect x="18" y="1" width="17" height="50" stroke="white" stroke-width="2"/>
+<rect x="61" y="7" width="17" height="32.5" stroke="white" stroke-width="2"/>
+<rect x="61" y="7" width="17" height="32.5" stroke="white" stroke-width="2"/>
+<rect x="61" y="7" width="17" height="32.5" stroke="white" stroke-width="2"/>
+<defs>
+<linearGradient id="paint0_linear_1144_161769" x1="0" y1="8.5052" x2="15" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161769" x1="19" y1="8.5052" x2="34" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_161769" x1="62" y1="14.5052" x2="77" y2="14.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_161769" x1="81" y1="14.5052" x2="96" y2="14.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_161769" x1="124" y1="8.5052" x2="139" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1144_161769" x1="143" y1="8.5052" x2="158" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1144_161769" x1="162" y1="8.51021" x2="177" y2="8.51021" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161769">
+<rect width="15" height="48" fill="white" transform="translate(0 2)"/>
+</clipPath>
+<clipPath id="clip1_1144_161769">
+<rect width="15" height="48" fill="white" transform="translate(19 2)"/>
+</clipPath>
+<clipPath id="clip2_1144_161769">
+<rect width="15" height="30.5" fill="white" transform="translate(62 8)"/>
+</clipPath>
+<clipPath id="clip3_1144_161769">
+<rect width="15" height="30.5" fill="white" transform="translate(81 8)"/>
+</clipPath>
+<clipPath id="clip4_1144_161769">
+<rect width="15" height="48" fill="white" transform="translate(143 2)"/>
+</clipPath>
+<clipPath id="clip5_1144_161769">
+<rect width="15" height="48" fill="white" transform="translate(162 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/joinByLabels.svg b/public/img/transformations/dark/joinByLabels.svg
new file mode 100755
index 00000000000..ebcf1ea2e72
--- /dev/null
+++ b/public/img/transformations/dark/joinByLabels.svg
@@ -0,0 +1,90 @@
+<svg width="148" height="58" viewBox="0 0 148 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162294)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162294)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_162294)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1144_162294)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+</g>
+<path d="M6.18549 52H5V56.9302H6.18549V52Z" fill="#CCCCDC"/>
+<path d="M7.98978 56.9928C8.50858 56.9928 8.86737 56.793 9.07102 56.415H9.10011V56.9302H10.2153V54.4169C10.2153 53.6346 9.51466 53.1844 8.56676 53.1844C7.56552 53.1844 6.99823 53.6851 6.90369 54.3592L7.99705 54.3977C8.04796 54.1618 8.24433 54.0173 8.55706 54.0173C8.84798 54.0173 9.03223 54.157 9.03223 54.4049V54.4169C9.03223 54.6432 8.78495 54.6914 8.14978 54.7468C7.39582 54.8093 6.7655 55.0862 6.7655 55.9047C6.7655 56.6365 7.27703 56.9928 7.98978 56.9928ZM8.35585 56.2224C8.0819 56.2224 7.88795 56.0924 7.88795 55.8469C7.88795 55.6086 8.07705 55.4641 8.41403 55.4136C8.63464 55.3823 8.90616 55.3341 9.0395 55.2643V55.6158C9.0395 55.9769 8.73404 56.2224 8.35585 56.2224Z" fill="#CCCCDC"/>
+<path d="M10.9402 56.9302H12.1135V56.3308H12.1499C12.3002 56.6726 12.6347 56.9831 13.1972 56.9831C14.0214 56.9831 14.6857 56.3428 14.6857 55.0838C14.6857 53.779 13.9827 53.1844 13.2045 53.1844C12.6153 53.1844 12.2929 53.5262 12.1499 53.8657H12.1256V52H10.9402V56.9302ZM12.1014 55.0814C12.1014 54.4771 12.3535 54.104 12.7875 54.104C13.2263 54.104 13.4687 54.4868 13.4687 55.0814C13.4687 55.6784 13.2263 56.066 12.7875 56.066C12.3535 56.066 12.1014 55.6808 12.1014 55.0814Z" fill="#CCCCDC"/>
+<path d="M17.0476 57C18.0246 57 18.667 56.5306 18.8028 55.8036L17.7143 55.7723C17.6221 56.0178 17.3797 56.1502 17.0694 56.1502C16.6136 56.1502 16.3324 55.8493 16.3324 55.3967V55.3654H18.8149V55.0717C18.8149 53.8536 18.0682 53.1844 17.0112 53.1844C15.8863 53.1844 15.1639 53.9499 15.1639 55.0958C15.1639 56.2802 15.8766 57 17.0476 57ZM16.3324 54.6818C16.3494 54.3134 16.6427 54.0342 17.0355 54.0342C17.4258 54.0342 17.707 54.3038 17.7118 54.6818H16.3324Z" fill="#CCCCDC"/>
+<path d="M20.6059 52H19.4204V56.9302H20.6059V52Z" fill="#CCCCDC"/>
+<path d="M21.5932 56.2537H25.0623V55.2884H21.5932V56.2537ZM21.5932 54.5975H25.0623V53.6322H21.5932V54.5975Z" fill="#CCCCDC"/>
+<path d="M28.3333 52H27.2206L25.9963 52.7559V53.7862L27.1066 53.1122H27.1357V56.9302H28.3333V52Z" fill="#CCCCDC"/>
+<path d="M46.3343 35H49.674V30.674H54V27.3343H49.674V23H46.3343V27.3343H42V30.674H46.3343V35Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip2_1144_162294)">
+<path d="M77 27H62V40H77V27Z" fill="#3865AB"/>
+<path d="M62 10.5408V22.5H77V9.5H62.6268C62.4606 9.5 62.3011 9.60966 62.1836 9.80485C62.066 10 62 10.2648 62 10.5408Z" fill="url(#paint2_linear_1144_162294)"/>
+<path d="M69.4792 36.5C70.8085 36.5 71.7528 35.7757 71.75 34.7605C71.7528 34.0418 71.2958 33.5285 70.4208 33.423V33.3774C71.0771 33.2804 71.5423 32.827 71.5395 32.1711C71.5423 31.2186 70.706 30.5 69.4903 30.5C68.2663 30.5 67.3746 31.23 67.3635 32.2681H68.6734C68.6845 31.8688 69.0334 31.6008 69.4903 31.6008C69.9251 31.6008 70.2214 31.8717 70.2186 32.2624C70.2214 32.6673 69.8725 32.9468 69.3685 32.9468H68.8174V33.9506H69.3685C69.9417 33.9506 70.3155 34.2414 70.31 34.6521C70.3155 35.0656 69.9721 35.3536 69.4848 35.3536C69.0001 35.3536 68.6429 35.0884 68.6291 34.7034H67.25C67.2611 35.7586 68.1832 36.5 69.4792 36.5Z" fill="white"/>
+<path d="M67 19.4362H68.5663V18.7145H68.6149C68.8155 19.1261 69.2621 19.5 70.0129 19.5C71.1133 19.5 72 18.729 72 17.213C72 15.642 71.0615 14.9261 70.0227 14.9261C69.2362 14.9261 68.8058 15.3377 68.6149 15.7464H68.5825V13.5H67V19.4362ZM68.5502 17.2101C68.5502 16.4826 68.8867 16.0333 69.466 16.0333C70.0518 16.0333 70.3754 16.4942 70.3754 17.2101C70.3754 17.929 70.0518 18.3957 69.466 18.3957C68.8867 18.3957 68.5502 17.9319 68.5502 17.2101Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1144_162294)">
+<path d="M96 27H81V40H96V27Z" fill="#3865AB"/>
+<path d="M81 22.5H96V10.5408C96 10.2648 95.934 10 95.8164 9.80485C95.6989 9.60966 95.5394 9.5 95.3732 9.5H81V22.5Z" fill="url(#paint3_linear_1144_162294)"/>
+<path d="M88.6058 19.5C90.0564 19.5 90.9563 18.7082 91 17.5095H89.4654C89.405 18.0237 89.0759 18.3044 88.6259 18.3044C88.0484 18.3044 87.6723 17.847 87.6723 16.9858C87.6723 16.1309 88.0517 15.6735 88.6259 15.6735C89.096 15.6735 89.4016 15.9732 89.4654 16.4685H91C90.9631 15.276 90.0363 14.5 88.6024 14.5C86.9805 14.5 86 15.5158 86 17.0016C86 18.4811 86.9738 19.5 88.6058 19.5Z" fill="#24292E"/>
+</g>
+<path d="M68.1855 43.75H67V48.6802H68.1855V43.75Z" fill="#CCCCDC"/>
+<path d="M69.9898 48.7428C70.5086 48.7428 70.8674 48.543 71.071 48.165H71.1001V48.6802H72.2153V46.1669C72.2153 45.3846 71.5147 44.9344 70.5668 44.9344C69.5655 44.9344 68.9982 45.4351 68.9037 46.1092L69.997 46.1477C70.048 45.9118 70.2443 45.7673 70.5571 45.7673C70.848 45.7673 71.0322 45.907 71.0322 46.1549V46.1669C71.0322 46.3932 70.7849 46.4414 70.1498 46.4968C69.3958 46.5593 68.7655 46.8362 68.7655 47.6547C68.7655 48.3865 69.277 48.7428 69.9898 48.7428ZM70.3558 47.9724C70.0819 47.9724 69.888 47.8424 69.888 47.5969C69.888 47.3586 70.077 47.2141 70.414 47.1636C70.6346 47.1323 70.9062 47.0841 71.0395 47.0143V47.3658C71.0395 47.7269 70.734 47.9724 70.3558 47.9724Z" fill="#CCCCDC"/>
+<path d="M72.9402 48.6802H74.1135V48.0808H74.1499C74.3002 48.4226 74.6347 48.7331 75.1972 48.7331C76.0214 48.7331 76.6857 48.0928 76.6857 46.8338C76.6857 45.529 75.9827 44.9344 75.2045 44.9344C74.6153 44.9344 74.2929 45.2762 74.1499 45.6157H74.1256V43.75H72.9402V48.6802ZM74.1014 46.8314C74.1014 46.2271 74.3535 45.854 74.7875 45.854C75.2263 45.854 75.4687 46.2368 75.4687 46.8314C75.4687 47.4284 75.2263 47.816 74.7875 47.816C74.3535 47.816 74.1014 47.4308 74.1014 46.8314Z" fill="#CCCCDC"/>
+<path d="M79.0476 48.75C80.0246 48.75 80.667 48.2806 80.8028 47.5536L79.7143 47.5223C79.6221 47.7678 79.3797 47.9002 79.0694 47.9002C78.6136 47.9002 78.3324 47.5993 78.3324 47.1467V47.1154H80.8149V46.8217C80.8149 45.6036 80.0682 44.9344 79.0112 44.9344C77.8863 44.9344 77.1639 45.6999 77.1639 46.8458C77.1639 48.0302 77.8766 48.75 79.0476 48.75ZM78.3324 46.4318C78.3494 46.0634 78.6427 45.7842 79.0355 45.7842C79.4258 45.7842 79.707 46.0538 79.7118 46.4318H78.3324Z" fill="#CCCCDC"/>
+<path d="M82.6059 43.75H81.4204V48.6802H82.6059V43.75Z" fill="#CCCCDC"/>
+<path d="M83.5932 48.0037H87.0623V47.0384H83.5932V48.0037ZM83.5932 46.3475H87.0623V45.3822H83.5932V46.3475Z" fill="#CCCCDC"/>
+<path d="M90.3333 43.75H89.2206L87.9963 44.5059V45.5362L89.1066 44.8622H89.1357V48.6802H90.3333V43.75Z" fill="#CCCCDC"/>
+<path d="M109.907 35C110.601 35 115.933 31 115.933 29C115.933 27 110.736 23 109.907 23C109.078 23 108.402 23.5 108.402 24.4756C108.402 25.4512 111.907 27.9206 111.907 27.9206C111.907 27.9206 104.254 27.25 104 27.9206C103.746 28.5911 103.746 29.4089 104 30.0794C104.254 30.75 111.907 30.0794 111.907 30.0794C111.907 30.0794 108.402 32.75 108.402 33.5301C108.402 34.3103 109.212 35 109.907 35Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip4_1144_162294)">
+<path d="M124 5.80064V15H148V5H125.003L124 5L124 5.80064Z" fill="url(#paint4_linear_1144_162294)"/>
+<path d="M134.774 12.5C135.526 12.5 136.046 12.2377 136.342 11.7415H136.384V12.4178H138V9.1182C138 8.09102 136.985 7.5 135.611 7.5C134.16 7.5 133.337 8.1574 133.2 9.04235L134.785 9.09292C134.859 8.78319 135.143 8.59355 135.597 8.59355C136.018 8.59355 136.285 8.77686 136.285 9.1024V9.1182C136.285 9.4153 135.927 9.47851 135.006 9.5512C133.914 9.63338 133 9.99684 133 11.0714C133 12.0322 133.741 12.5 134.774 12.5ZM135.305 11.4886C134.908 11.4886 134.627 11.318 134.627 10.9956C134.627 10.6827 134.901 10.493 135.389 10.4267C135.709 10.3856 136.103 10.3224 136.296 10.2307V10.6922C136.296 11.1662 135.853 11.4886 135.305 11.4886Z" fill="#24292E"/>
+<path d="M148 18H124V27.5H148V18Z" fill="#84AFF1"/>
+<path d="M148 30.75H124V40.25H148V30.75Z" fill="#84AFF1"/>
+<path d="M148 43.5H124V53H148V43.5Z" fill="#3865AB"/>
+<path d="M137 19.75H135.572L134 20.6699V21.9238L135.425 21.1035H135.463V25.75H137V19.75Z" fill="#24292E"/>
+<path d="M134.087 38.5H138.5V37.3468H136.084V37.3092L136.797 36.6561C138.09 35.5376 138.427 34.9682 138.427 34.289C138.427 33.2225 137.551 32.5 136.198 32.5C134.879 32.5 133.997 33.2543 134 34.4595H135.365C135.365 33.9249 135.697 33.6156 136.192 33.6156C136.678 33.6156 137.03 33.9133 137.03 34.4017C137.03 34.8439 136.751 35.1445 136.262 35.5809L134.087 37.4711V38.5Z" fill="#24292E"/>
+<path d="M135.979 51.25C137.308 51.25 138.253 50.5257 138.25 49.5105C138.253 48.7918 137.796 48.2785 136.921 48.173V48.1274C137.577 48.0304 138.042 47.577 138.04 46.9211C138.042 45.9686 137.206 45.25 135.99 45.25C134.766 45.25 133.875 45.98 133.864 47.0181H135.173C135.184 46.6188 135.533 46.3508 135.99 46.3508C136.425 46.3508 136.721 46.6217 136.719 47.0124C136.721 47.4173 136.372 47.6968 135.868 47.6968H135.317V48.7006H135.868C136.442 48.7006 136.816 48.9914 136.81 49.4021C136.816 49.8156 136.472 50.1036 135.985 50.1036C135.5 50.1036 135.143 49.8384 135.129 49.4534H133.75C133.761 50.5086 134.683 51.25 135.979 51.25Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162294" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162294" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162294" x1="62" y1="16.0052" x2="77" y2="16.0052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162294" x1="81" y1="16.0052" x2="96" y2="16.0052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_162294" x1="124.008" y1="10.004" x2="148.008" y2="10.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162294">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_162294">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip2_1144_162294">
+<rect width="15" height="30.5" fill="white" transform="translate(62 9.5)"/>
+</clipPath>
+<clipPath id="clip3_1144_162294">
+<rect width="15" height="30.5" fill="white" transform="translate(81 9.5)"/>
+</clipPath>
+<clipPath id="clip4_1144_162294">
+<rect width="24" height="48" fill="white" transform="translate(124 5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/labelsToFields.svg b/public/img/transformations/dark/labelsToFields.svg
new file mode 100755
index 00000000000..96ec4b18019
--- /dev/null
+++ b/public/img/transformations/dark/labelsToFields.svg
@@ -0,0 +1,87 @@
+<svg width="125" height="58" viewBox="0 0 125 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162685)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162685)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_162685)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1144_162685)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0777 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2123 30 47.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip2_1144_162685)">
+<path d="M62 1.04083V13H77V0H62.6268C62.4606 0 62.3011 0.109659 62.1836 0.304853C62.066 0.500047 62 0.764787 62 1.04083Z" fill="url(#paint2_linear_1144_162685)"/>
+<path d="M77 17.5H62V30.5H77V17.5Z" fill="#84AFF1"/>
+<path d="M77 35H62V48H77V35Z" fill="#84AFF1"/>
+<path d="M70.5 21H69.0716L67.5 21.9199V23.1738L68.9253 22.3535H68.9627V27H70.5V21Z" fill="#24292E"/>
+<path d="M67.3373 44.5H71.75V43.3468H69.3341V43.3092L70.0472 42.6561C71.3396 41.5376 71.6772 40.9682 71.6772 40.289C71.6772 39.2225 70.8011 38.5 69.4476 38.5C68.129 38.5 67.2471 39.2543 67.25 40.4595H68.6151C68.6151 39.9249 68.947 39.6156 69.4418 39.6156C69.9279 39.6156 70.2801 39.9133 70.2801 40.4017C70.2801 40.8439 70.0006 41.1445 69.5116 41.5809L67.3373 43.4711V44.5Z" fill="#24292E"/>
+<path d="M68.7744 9.5C69.5264 9.5 70.0464 9.23767 70.3415 8.74147H70.3837V9.41783H72V6.1182C72 5.09102 70.9845 4.5 69.6107 4.5C68.1595 4.5 67.3373 5.1574 67.2003 6.04235L68.785 6.09292C68.8587 5.78319 69.1434 5.59355 69.5966 5.59355C70.0183 5.59355 70.2853 5.77686 70.2853 6.1024V6.1182C70.2853 6.4153 69.9269 6.47851 69.0063 6.5512C67.9136 6.63338 67 6.99684 67 8.07143C67 9.03224 67.7414 9.5 68.7744 9.5ZM69.305 8.48862C68.9079 8.48862 68.6268 8.31795 68.6268 7.99558C68.6268 7.68268 68.9009 7.49305 69.3893 7.42668C69.7091 7.38559 70.1026 7.32238 70.2959 7.23072V7.69216C70.2959 8.16625 69.8531 8.48862 69.305 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1144_162685)">
+<path d="M96 17.5H81V30.5H96V17.5Z" fill="#84AFF1"/>
+<path d="M96 35H81V48H96V35Z" fill="#84AFF1"/>
+<path d="M81 1.04083V13H96V0H81.6268C81.4606 0 81 0 81 0C81 0 81 0.764787 81 1.04083Z" fill="url(#paint3_linear_1144_162685)"/>
+<path d="M86 9.68623H87.5663V8.96449H87.6149C87.8155 9.37609 88.2621 9.75 89.0129 9.75C90.1133 9.75 91 8.97898 91 7.46304C91 5.89203 90.0615 5.17609 89.0227 5.17609C88.2362 5.17609 87.8058 5.58768 87.6149 5.99638H87.5825V3.75H86V9.68623ZM87.5502 7.46015C87.5502 6.73261 87.8867 6.28333 88.466 6.28333C89.0518 6.28333 89.3754 6.7442 89.3754 7.46015C89.3754 8.17899 89.0518 8.64565 88.466 8.64565C87.8867 8.64565 87.5502 8.18188 87.5502 7.46015Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1144_162685)">
+<path d="M100 13H124V1.04083C124 0.764787 123.894 0.500047 123.706 0.304853C123.518 0.109659 123.263 0 122.997 0L100 0V13Z" fill="url(#paint4_linear_1144_162685)"/>
+<path d="M105.185 4H104V8.93019H105.185V4Z" fill="#24292E"/>
+<path d="M106.99 8.99278C107.509 8.99278 107.867 8.79297 108.071 8.41502H108.1V8.93019H109.215V6.41695C109.215 5.63457 108.515 5.1844 107.567 5.1844C106.566 5.1844 105.998 5.68512 105.904 6.35917L106.997 6.39769C107.048 6.16177 107.244 6.01733 107.557 6.01733C107.848 6.01733 108.032 6.15696 108.032 6.40491V6.41695C108.032 6.64324 107.785 6.69138 107.15 6.74675C106.396 6.80934 105.766 7.08618 105.766 7.90467C105.766 8.63649 106.277 8.99278 106.99 8.99278ZM107.356 8.22244C107.082 8.22244 106.888 8.09244 106.888 7.84689C106.888 7.60857 107.077 7.46413 107.414 7.41358C107.635 7.38228 107.906 7.33414 108.039 7.26432V7.61579C108.039 7.97689 107.734 8.22244 107.356 8.22244Z" fill="#24292E"/>
+<path d="M109.94 8.93019H111.114V8.33077H111.15C111.3 8.6726 111.635 8.98315 112.197 8.98315C113.021 8.98315 113.686 8.3428 113.686 7.08377C113.686 5.77901 112.983 5.1844 112.204 5.1844C111.615 5.1844 111.293 5.52624 111.15 5.86567H111.126V4H109.94V8.93019ZM111.101 7.08137C111.101 6.47713 111.354 6.104 111.787 6.104C112.226 6.104 112.469 6.48676 112.469 7.08137C112.469 7.67838 112.226 8.06596 111.787 8.06596C111.354 8.06596 111.101 7.68079 111.101 7.08137Z" fill="#24292E"/>
+<path d="M116.048 9C117.025 9 117.667 8.53057 117.803 7.80356L116.714 7.77227C116.622 8.01781 116.38 8.15022 116.069 8.15022C115.614 8.15022 115.332 7.8493 115.332 7.39673V7.36543H117.815V7.07174C117.815 5.85363 117.068 5.1844 116.011 5.1844C114.886 5.1844 114.164 5.94993 114.164 7.09581C114.164 8.28021 114.877 9 116.048 9ZM115.332 6.68175C115.349 6.31343 115.643 6.03418 116.035 6.03418C116.426 6.03418 116.707 6.3038 116.712 6.68175H115.332Z" fill="#24292E"/>
+<path d="M119.606 4H118.42V8.93019H119.606V4Z" fill="#24292E"/>
+<path d="M124 17.5H100V30.5H124V17.5Z" fill="#84AFF1"/>
+<path d="M124 35H100V48H124V35Z" fill="#84AFF1"/>
+<path d="M113.5 21H112.072L110.5 21.9199V23.1738L111.925 22.3535H111.963V27H113.5V21Z" fill="#24292E"/>
+<path d="M113.5 39H112.072L110.5 39.9199V41.1738L111.925 40.3535H111.963V45H113.5V39Z" fill="#24292E"/>
+</g>
+<path d="M9.18549 51H8V55.9302H9.18549V51Z" fill="#CCCCDC"/>
+<path d="M10.9898 55.9928C11.5086 55.9928 11.8674 55.793 12.071 55.415H12.1001V55.9302H13.2153V53.4169C13.2153 52.6346 12.5147 52.1844 11.5668 52.1844C10.5655 52.1844 9.99823 52.6851 9.90369 53.3592L10.997 53.3977C11.048 53.1618 11.2443 53.0173 11.5571 53.0173C11.848 53.0173 12.0322 53.157 12.0322 53.4049V53.4169C12.0322 53.6432 11.7849 53.6914 11.1498 53.7468C10.3958 53.8093 9.7655 54.0862 9.7655 54.9047C9.7655 55.6365 10.277 55.9928 10.9898 55.9928ZM11.3558 55.2224C11.0819 55.2224 10.888 55.0924 10.888 54.8469C10.888 54.6086 11.077 54.4641 11.414 54.4136C11.6346 54.3823 11.9062 54.3341 12.0395 54.2643V54.6158C12.0395 54.9769 11.734 55.2224 11.3558 55.2224Z" fill="#CCCCDC"/>
+<path d="M13.9402 55.9302H15.1135V55.3308H15.1499C15.3002 55.6726 15.6347 55.9831 16.1972 55.9831C17.0214 55.9831 17.6857 55.3428 17.6857 54.0838C17.6857 52.779 16.9827 52.1844 16.2045 52.1844C15.6153 52.1844 15.2929 52.5262 15.1499 52.8657H15.1256V51H13.9402V55.9302ZM15.1014 54.0814C15.1014 53.4771 15.3535 53.104 15.7875 53.104C16.2263 53.104 16.4687 53.4868 16.4687 54.0814C16.4687 54.6784 16.2263 55.066 15.7875 55.066C15.3535 55.066 15.1014 54.6808 15.1014 54.0814Z" fill="#CCCCDC"/>
+<path d="M20.0476 56C21.0246 56 21.667 55.5306 21.8028 54.8036L20.7143 54.7723C20.6221 55.0178 20.3797 55.1502 20.0694 55.1502C19.6136 55.1502 19.3324 54.8493 19.3324 54.3967V54.3654H21.8149V54.0717C21.8149 52.8536 21.0682 52.1844 20.0112 52.1844C18.8863 52.1844 18.1639 52.9499 18.1639 54.0958C18.1639 55.2802 18.8766 56 20.0476 56ZM19.3324 53.6818C19.3494 53.3134 19.6427 53.0342 20.0355 53.0342C20.4258 53.0342 20.707 53.3038 20.7118 53.6818H19.3324Z" fill="#CCCCDC"/>
+<path d="M23.6059 51H22.4204V55.9302H23.6059V51Z" fill="#CCCCDC"/>
+<path d="M24.5932 55.2537H28.0623V54.2884H24.5932V55.2537ZM24.5932 53.5975H28.0623V52.6322H24.5932V53.5975Z" fill="#CCCCDC"/>
+<path d="M31.3333 51H30.2206L28.9963 51.7559V52.7862L30.1066 52.1122H30.1357V55.9302H31.3333V51Z" fill="#CCCCDC"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162685" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162685" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162685" x1="62" y1="6.5052" x2="77" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162685" x1="81" y1="6.5052" x2="96" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_162685" x1="100" y1="6.5052" x2="124" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162685">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_162685">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip2_1144_162685">
+<rect width="15" height="48" fill="white" transform="translate(62)"/>
+</clipPath>
+<clipPath id="clip3_1144_162685">
+<rect width="15" height="48" fill="white" transform="translate(81)"/>
+</clipPath>
+<clipPath id="clip4_1144_162685">
+<rect width="24" height="48" fill="white" transform="translate(100)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/limit.svg b/public/img/transformations/dark/limit.svg
new file mode 100755
index 00000000000..f32b6c4b6c2
--- /dev/null
+++ b/public/img/transformations/dark/limit.svg
@@ -0,0 +1,46 @@
+<svg width="108" height="48" viewBox="0 0 108 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_162397)">
+<path d="M0 0.800642V10H24V1.05456e-06H1.00292L0.000198677 0L0 0.800642Z" fill="url(#paint0_linear_1144_162397)"/>
+<path d="M24 13H0V22.5H24V13Z" fill="#84AFF1"/>
+<path d="M24 25.75H0V35.25H24V25.75Z" fill="#84AFF1"/>
+<path d="M24 38.5H0V48H24V38.5Z" fill="#84AFF1"/>
+<path d="M13 14.75H11.5716L10 15.6699V16.9238L11.4253 16.1035H11.4627V20.75H13V14.75Z" fill="#24292E"/>
+<path d="M9.83733 33.5H14.25V32.3468H11.8341V32.3092L12.5472 31.6561C13.8396 30.5376 14.1772 29.9682 14.1772 29.289C14.1772 28.2225 13.3011 27.5 11.9476 27.5C10.629 27.5 9.7471 28.2543 9.75001 29.4595H11.1151C11.1151 28.9249 11.447 28.6156 11.9418 28.6156C12.4279 28.6156 12.7801 28.9133 12.7801 29.4017C12.7801 29.8439 12.5006 30.1445 12.0116 30.5809L9.83733 32.4711V33.5Z" fill="#24292E"/>
+<path d="M11.9792 46.25C13.3085 46.25 14.2528 45.5257 14.25 44.5105C14.2528 43.7918 13.7958 43.2785 12.9208 43.173V43.1274C13.5771 43.0304 14.0423 42.577 14.0395 41.9211C14.0423 40.9686 13.206 40.25 11.9903 40.25C10.7663 40.25 9.87462 40.98 9.86354 42.0181H11.1734C11.1845 41.6188 11.5334 41.3508 11.9903 41.3508C12.4251 41.3508 12.7214 41.6217 12.7186 42.0124C12.7214 42.4173 12.3725 42.6968 11.8685 42.6968H11.3174V43.7006H11.8685C12.4417 43.7006 12.8155 43.9914 12.81 44.4021C12.8155 44.8156 12.4721 45.1036 11.9848 45.1036C11.5001 45.1036 11.1429 44.8384 11.1291 44.4534H9.75C9.76108 45.5086 10.6832 46.25 11.9792 46.25Z" fill="#24292E"/>
+<path d="M10.7744 7.5C11.5264 7.5 12.0464 7.23767 12.3415 6.74147H12.3837V7.41783H14V4.1182C14 3.09102 12.9845 2.5 11.6107 2.5C10.1595 2.5 9.33732 3.1574 9.20028 4.04235L10.785 4.09292C10.8587 3.78319 11.1434 3.59355 11.5966 3.59355C12.0183 3.59355 12.2853 3.77686 12.2853 4.1024V4.1182C12.2853 4.4153 11.9269 4.47851 11.0063 4.5512C9.91356 4.63338 9 4.99684 9 6.07143C9 7.03224 9.74139 7.5 10.7744 7.5ZM11.305 6.48862C10.9079 6.48862 10.6268 6.31795 10.6268 5.99558C10.6268 5.68268 10.9009 5.49305 11.3893 5.42668C11.7091 5.38559 12.1026 5.32238 12.2959 5.23072V5.69216C12.2959 6.16625 11.8531 6.48862 11.305 6.48862Z" fill="#24292E"/>
+</g>
+<path d="M32.5 19H55.5V29H32.5V19Z" stroke="#CCCCDC"/>
+<path d="M36.0776 26.5H40V25.539H37.8525V25.5077L38.4864 24.9634C39.6352 24.0313 39.9353 23.5568 39.9353 22.9908C39.9353 22.1021 39.1565 21.5 37.9534 21.5C36.7814 21.5 35.9974 22.1286 36 23.1329H37.2135C37.2135 22.6874 37.5084 22.4297 37.9483 22.4297C38.3803 22.4297 38.6934 22.6777 38.6934 23.0848C38.6934 23.4533 38.445 23.7038 38.0104 24.0674L36.0776 25.6426V26.5Z" fill="white"/>
+<path d="M37.3525 25.539V26H36.5776V25.8801L38.026 24.6997L37.5268 25.1284L37.3525 25.278V25.5077V25.539ZM39.4353 22.9908C39.4353 23.2453 39.359 23.5204 38.6951 24.1273C38.9687 23.8557 39.1934 23.5298 39.1934 23.0848C39.1934 22.7428 39.0569 22.4371 38.8075 22.2243C38.7381 22.1651 38.6631 22.1156 38.5841 22.0751C38.7959 22.1308 38.9657 22.2137 39.0935 22.3106C39.3183 22.481 39.4353 22.7084 39.4353 22.9908ZM36.8547 22.3253C36.9643 22.2347 37.1045 22.1569 37.275 22.1C37.2042 22.1413 37.137 22.1906 37.0748 22.2487C36.9565 22.3591 36.8684 22.4896 36.8089 22.6329H36.6079C36.6683 22.512 36.7522 22.41 36.8547 22.3253Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<mask id="path-12-inside-1_1144_162397" fill="white">
+<path d="M51.8597 22.6397C51.7708 22.5502 51.6506 22.5 51.5253 22.5C51.4 22.5 51.2798 22.5502 51.1909 22.6397L49.4881 24.3398L47.8091 22.6397C47.7202 22.5502 47.6 22.5 47.4747 22.5C47.3494 22.5 47.2292 22.5502 47.1403 22.6397C47.0958 22.6843 47.0606 22.7374 47.0365 22.7959C47.0124 22.8545 47 22.9172 47 22.9806C47 23.044 47.0124 23.1068 47.0365 23.1653C47.0606 23.2239 47.0958 23.277 47.1403 23.3216L49.1514 25.3579C49.1955 25.403 49.2479 25.4387 49.3057 25.4631C49.3635 25.4874 49.4255 25.5 49.4881 25.5C49.5508 25.5 49.6128 25.4874 49.6706 25.4631C49.7284 25.4387 49.7808 25.403 49.8249 25.3579L51.8597 23.3216C51.9042 23.277 51.9394 23.2239 51.9635 23.1653C51.9876 23.1068 52 23.044 52 22.9806C52 22.9172 51.9876 22.8545 51.9635 22.7959C51.9394 22.7374 51.9042 22.6843 51.8597 22.6397Z"/>
+</mask>
+<path d="M51.8597 22.6397C51.7708 22.5502 51.6506 22.5 51.5253 22.5C51.4 22.5 51.2798 22.5502 51.1909 22.6397L49.4881 24.3398L47.8091 22.6397C47.7202 22.5502 47.6 22.5 47.4747 22.5C47.3494 22.5 47.2292 22.5502 47.1403 22.6397C47.0958 22.6843 47.0606 22.7374 47.0365 22.7959C47.0124 22.8545 47 22.9172 47 22.9806C47 23.044 47.0124 23.1068 47.0365 23.1653C47.0606 23.2239 47.0958 23.277 47.1403 23.3216L49.1514 25.3579C49.1955 25.403 49.2479 25.4387 49.3057 25.4631C49.3635 25.4874 49.4255 25.5 49.4881 25.5C49.5508 25.5 49.6128 25.4874 49.6706 25.4631C49.7284 25.4387 49.7808 25.403 49.8249 25.3579L51.8597 23.3216C51.9042 23.277 51.9394 23.2239 51.9635 23.1653C51.9876 23.1068 52 23.044 52 22.9806C52 22.9172 51.9876 22.8545 51.9635 22.7959C51.9394 22.7374 51.9042 22.6843 51.8597 22.6397Z" fill="white"/>
+<path d="M51.8597 22.6397L51.1503 23.3445L51.1511 23.3453L51.8597 22.6397ZM51.5253 22.5V21.5V22.5ZM51.1909 22.6397L51.8975 23.3473L51.9003 23.3445L51.1909 22.6397ZM49.4881 24.3398L48.7766 25.0425L49.4832 25.7579L50.1947 25.0474L49.4881 24.3398ZM47.8091 22.6397L48.5206 21.937L48.5185 21.9349L47.8091 22.6397ZM47.1403 22.6397L47.8489 23.3453L47.8497 23.3445L47.1403 22.6397ZM47.1403 23.3216L47.8518 22.6189L47.8489 22.616L47.1403 23.3216ZM49.1514 25.3579L49.8658 24.6582L49.8629 24.6553L49.1514 25.3579ZM49.8249 25.3579L49.1175 24.6511L49.1105 24.6582L49.8249 25.3579ZM51.8597 23.3216L52.5671 24.0285L52.5683 24.0272L51.8597 23.3216ZM52.5691 21.9349C52.2938 21.6578 51.9188 21.5 51.5253 21.5V23.5C51.3824 23.5 51.2478 23.4426 51.1503 23.3445L52.5691 21.9349ZM51.5253 21.5C51.1318 21.5 50.7568 21.6578 50.4815 21.9349L51.9003 23.3445C51.8028 23.4426 51.6682 23.5 51.5253 23.5V21.5ZM50.4844 21.932L48.7816 23.6321L50.1947 25.0474L51.8975 23.3473L50.4844 21.932ZM50.1996 23.6371L48.5206 21.937L47.0976 23.3423L48.7766 25.0425L50.1996 23.6371ZM48.5185 21.9349C48.2432 21.6578 47.8682 21.5 47.4747 21.5V23.5C47.3318 23.5 47.1972 23.4426 47.0997 23.3445L48.5185 21.9349ZM47.4747 21.5C47.0812 21.5 46.7062 21.6578 46.4309 21.9349L47.8497 23.3445C47.7522 23.4426 47.6176 23.5 47.4747 23.5V21.5ZM46.4317 21.9341C46.2941 22.0722 46.1855 22.236 46.1117 22.4154L47.9613 23.1765C47.9356 23.2389 47.8976 23.2964 47.8489 23.3453L46.4317 21.9341ZM46.1117 22.4154C46.0379 22.5949 46 22.787 46 22.9806H48C48 23.0475 47.9869 23.114 47.9613 23.1765L46.1117 22.4154ZM46 22.9806C46 23.1743 46.0379 23.3664 46.1117 23.5458L47.9613 22.7848C47.9869 22.8472 48 22.9138 48 22.9806H46ZM46.1117 23.5458C46.1855 23.7253 46.2941 23.889 46.4317 24.0272L47.8489 22.616C47.8976 22.6649 47.9356 22.7224 47.9613 22.7848L46.1117 23.5458ZM46.4288 24.0243L48.4399 26.0606L49.8629 24.6553L47.8518 22.6189L46.4288 24.0243ZM48.437 26.0577C48.5735 26.197 48.7365 26.3083 48.9171 26.3844L49.6944 24.5417C49.7594 24.5691 49.8175 24.6089 49.8658 24.6582L48.437 26.0577ZM48.9171 26.3844C49.0976 26.4606 49.2918 26.5 49.4881 26.5V24.5C49.5593 24.5 49.6294 24.5143 49.6944 24.5417L48.9171 26.3844ZM49.4881 26.5C49.6845 26.5 49.8787 26.4606 50.0592 26.3844L49.2819 24.5417C49.3468 24.5143 49.417 24.5 49.4881 24.5V26.5ZM50.0592 26.3844C50.2398 26.3083 50.4028 26.197 50.5393 26.0577L49.1105 24.6582C49.1588 24.6089 49.2169 24.5691 49.2819 24.5417L50.0592 26.3844ZM50.5323 26.0648L52.5671 24.0285L51.1523 22.6148L49.1175 24.6511L50.5323 26.0648ZM52.5683 24.0272C52.7059 23.889 52.8145 23.7253 52.8883 23.5458L51.0387 22.7848C51.0644 22.7224 51.1024 22.6649 51.1511 22.616L52.5683 24.0272ZM52.8883 23.5458C52.9621 23.3664 53 23.1743 53 22.9806H51C51 22.9138 51.0131 22.8472 51.0387 22.7848L52.8883 23.5458ZM53 22.9806C53 22.787 52.9621 22.5949 52.8883 22.4154L51.0387 23.1765C51.0131 23.114 51 23.0475 51 22.9806H53ZM52.8883 22.4154C52.8145 22.236 52.7059 22.0722 52.5683 21.9341L51.1511 23.3453C51.1024 23.2964 51.0644 23.2389 51.0387 23.1765L52.8883 22.4154Z" fill="#CCCCDC" fill-opacity="0.25" mask="url(#path-12-inside-1_1144_162397)"/>
+<path d="M69.9067 30C70.6011 30 75.9327 26 75.9327 24C75.9327 22 70.7357 18 69.9067 18C69.0777 18 68.4023 18.5 68.4023 19.4756C68.4023 20.4512 71.9067 22.9206 71.9067 22.9206C71.9067 22.9206 64.2539 22.25 64 22.9206C63.7461 23.5911 63.7461 24.4089 64 25.0794C64.2539 25.75 71.9067 25.0794 71.9067 25.0794C71.9067 25.0794 68.4023 27.75 68.4023 28.5301C68.4023 29.3103 69.2123 30 69.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip1_1144_162397)">
+<path d="M84 6.80064V16H108V6H85.0029L84.0002 6L84 6.80064Z" fill="url(#paint1_linear_1144_162397)"/>
+<path d="M108 19H84V28.5H108V19Z" fill="#84AFF1"/>
+<path d="M108 19H84V28.5H108V19Z" fill="#84AFF1"/>
+<path d="M108 31.75H84V41.25H108V31.75Z" fill="#84AFF1"/>
+<path d="M97 20.75H95.5716L94 21.6699V22.9238L95.4253 22.1035H95.4627V26.75H97V20.75Z" fill="#24292E"/>
+<path d="M93.8373 39.5H98.25V38.3468H95.8341V38.3092L96.5472 37.6561C97.8396 36.5376 98.1772 35.9682 98.1772 35.289C98.1772 34.2225 97.3011 33.5 95.9476 33.5C94.629 33.5 93.7471 34.2543 93.75 35.4595H95.1151C95.1151 34.9249 95.447 34.6156 95.9418 34.6156C96.4279 34.6156 96.7801 34.9133 96.7801 35.4017C96.7801 35.8439 96.5006 36.1445 96.0116 36.5809L93.8373 38.4711V39.5Z" fill="#24292E"/>
+<path d="M94.7744 13.5C95.5264 13.5 96.0464 13.2377 96.3415 12.7415H96.3837V13.4178H98V10.1182C98 9.09102 96.9845 8.5 95.6107 8.5C94.1595 8.5 93.3373 9.1574 93.2003 10.0424L94.785 10.0929C94.8587 9.78319 95.1434 9.59355 95.5966 9.59355C96.0183 9.59355 96.2853 9.77686 96.2853 10.1024V10.1182C96.2853 10.4153 95.9269 10.4785 95.0063 10.5512C93.9136 10.6334 93 10.9968 93 12.0714C93 13.0322 93.7414 13.5 94.7744 13.5ZM95.305 12.4886C94.9079 12.4886 94.6268 12.318 94.6268 11.9956C94.6268 11.6827 94.9009 11.493 95.3893 11.4267C95.7091 11.3856 96.1026 11.3224 96.2959 11.2307V11.6922C96.2959 12.1662 95.8531 12.4886 95.305 12.4886Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162397" x1="0.00781255" y1="5.004" x2="24.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162397" x1="84.0078" y1="11.004" x2="108.008" y2="11.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162397">
+<rect width="24" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_162397">
+<rect width="24" height="36" fill="white" transform="translate(84 6)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/merge.svg b/public/img/transformations/dark/merge.svg
new file mode 100755
index 00000000000..19afbdaf1a7
--- /dev/null
+++ b/public/img/transformations/dark/merge.svg
@@ -0,0 +1,92 @@
+<svg width="177" height="48" viewBox="0 0 177 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1144_161898)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_161898)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_161898)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1144_161898)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+</g>
+<path d="M46.3343 30H49.674V25.674H54V22.3343H49.674V18H46.3343V22.3343H42V25.674H46.3343V30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip2_1144_161898)">
+<path d="M77 26.25H62V39.25H77V26.25Z" fill="#3865AB"/>
+<path d="M62 9.79083V21.75H77V8.75H62.6268C62.4606 8.75 62.3011 8.85966 62.1836 9.05485C62.066 9.25005 62 9.51479 62 9.79083Z" fill="url(#paint2_linear_1144_161898)"/>
+<path d="M69.4792 35.75C70.8085 35.75 71.7528 35.0257 71.75 34.0105C71.7528 33.2918 71.2958 32.7785 70.4208 32.673V32.6274C71.0771 32.5304 71.5423 32.077 71.5395 31.4211C71.5423 30.4686 70.706 29.75 69.4903 29.75C68.2663 29.75 67.3746 30.48 67.3635 31.5181H68.6734C68.6845 31.1188 69.0334 30.8508 69.4903 30.8508C69.9251 30.8508 70.2214 31.1217 70.2186 31.5124C70.2214 31.9173 69.8725 32.1968 69.3685 32.1968H68.8174V33.2006H69.3685C69.9417 33.2006 70.3155 33.4914 70.31 33.9021C70.3155 34.3156 69.9721 34.6036 69.4848 34.6036C69.0001 34.6036 68.6429 34.3384 68.6291 33.9534H67.25C67.2611 35.0086 68.1832 35.75 69.4792 35.75Z" fill="white"/>
+<path d="M67 18.4362H68.5663V17.7145H68.6149C68.8155 18.1261 69.2621 18.5 70.0129 18.5C71.1133 18.5 72 17.729 72 16.213C72 14.642 71.0615 13.9261 70.0227 13.9261C69.2362 13.9261 68.8058 14.3377 68.6149 14.7464H68.5825V12.5H67V18.4362ZM68.5502 16.2101C68.5502 15.4826 68.8867 15.0333 69.466 15.0333C70.0518 15.0333 70.3754 15.4942 70.3754 16.2101C70.3754 16.929 70.0518 17.3957 69.466 17.3957C68.8867 17.3957 68.5502 16.9319 68.5502 16.2101Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1144_161898)">
+<path d="M96 26.25H81V39.25H96V26.25Z" fill="#3865AB"/>
+<path d="M81 21.75H96V9.79083C96 9.51479 95.934 9.25005 95.8164 9.05485C95.6989 8.85966 95.5394 8.75 95.3732 8.75H81V21.75Z" fill="url(#paint3_linear_1144_161898)"/>
+<path d="M88.6058 18.5C90.0564 18.5 90.9563 17.7082 91 16.5095H89.4654C89.405 17.0237 89.0759 17.3044 88.6259 17.3044C88.0484 17.3044 87.6723 16.847 87.6723 15.9858C87.6723 15.1309 88.0517 14.6735 88.6259 14.6735C89.096 14.6735 89.4016 14.9732 89.4654 15.4685H91C90.9631 14.276 90.0363 13.5 88.6024 13.5C86.9805 13.5 86 14.5158 86 16.0016C86 17.4811 86.9738 18.5 88.6058 18.5Z" fill="#24292E"/>
+</g>
+<path d="M109.907 30C110.601 30 115.933 26 115.933 24C115.933 22 110.736 18 109.907 18C109.078 18 108.402 18.5 108.402 19.4756C108.402 20.4512 111.907 22.9206 111.907 22.9206C111.907 22.9206 104.254 22.25 104 22.9206C103.746 23.5911 103.746 24.4089 104 25.0794C104.254 25.75 111.907 25.0794 111.907 25.0794C111.907 25.0794 108.402 27.75 108.402 28.5301C108.402 29.3103 109.212 30 109.907 30Z" fill="#CCCCDC"/>
+<path d="M124 0.720576V9H139V0H124.627C124.461 0 124.301 0.0759177 124.184 0.211052C124.066 0.346186 124 0.529468 124 0.720576Z" fill="url(#paint4_linear_1144_161898)"/>
+<path d="M139 13H124V22H139V13Z" fill="#84AFF1"/>
+<path d="M139 26H124V35H139V26Z" fill="#84AFF1"/>
+<path d="M139 39H124V48H139V39Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M124.5 39.5H138.5V47.5H124.5V39.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M132.5 15H131.31L130 15.7666V16.8115L131.188 16.1279H131.219V20H132.5V15Z" fill="#24292E"/>
+<path d="M130.072 33H133.724V32.039H131.724V32.0077L132.315 31.4634C133.384 30.5313 133.663 30.0568 133.663 29.4908C133.663 28.6021 132.938 28 131.818 28C130.727 28 129.998 28.6286 130 29.6329H131.13C131.13 29.1874 131.404 28.9297 131.814 28.9297C132.216 28.9297 132.507 29.1777 132.507 29.5848C132.507 29.9533 132.276 30.2038 131.871 30.5674L130.072 32.1426V33Z" fill="#24292E"/>
+<path d="M129 7.68623H130.566V6.96449H130.615C130.816 7.37609 131.262 7.75 132.013 7.75C133.113 7.75 134 6.97898 134 5.46304C134 3.89203 133.061 3.17609 132.023 3.17609C131.236 3.17609 130.806 3.58768 130.615 3.99638H130.583V1.75H129V7.68623ZM130.55 5.46015C130.55 4.73261 130.887 4.28333 131.466 4.28333C132.052 4.28333 132.375 4.7442 132.375 5.46015C132.375 6.17899 132.052 6.64565 131.466 6.64565C130.887 6.64565 130.55 6.18188 130.55 5.46015Z" fill="#24292E"/>
+<path d="M143 0.720576V9H158V0H143.627C143.461 0 143.301 0.0759177 143.184 0.211052C143.066 0.346186 143 0.529468 143 0.720576Z" fill="url(#paint5_linear_1144_161898)"/>
+<path d="M158 13H143V22H158V13Z" fill="#84AFF1"/>
+<path d="M158 26H143V35H158V26Z" fill="#84AFF1"/>
+<path d="M158 39H143V48H158V39Z" fill="#3865AB"/>
+<path d="M150.913 46C152.054 46 152.864 45.3964 152.862 44.5504C152.864 43.9515 152.472 43.5238 151.721 43.4358V43.3978C152.284 43.317 152.683 42.9392 152.681 42.3926C152.683 41.5989 151.966 41 150.923 41C149.872 41 149.107 41.6084 149.097 42.4734H150.221C150.231 42.1407 150.53 41.9173 150.923 41.9173C151.296 41.9173 151.55 42.1431 151.548 42.4686C151.55 42.8061 151.25 43.039 150.818 43.039H150.345V43.8755H150.818C151.31 43.8755 151.631 44.1179 151.626 44.4601C151.631 44.8047 151.336 45.0447 150.918 45.0447C150.502 45.0447 150.195 44.8237 150.183 44.5029H149C149.01 45.3821 149.801 46 150.913 46Z" fill="white"/>
+<path d="M149.774 7.5C150.526 7.5 151.046 7.23767 151.342 6.74147H151.384V7.41783H153V4.1182C153 3.09102 151.985 2.5 150.611 2.5C149.16 2.5 148.337 3.1574 148.2 4.04235L149.785 4.09292C149.859 3.78319 150.143 3.59355 150.597 3.59355C151.018 3.59355 151.285 3.77686 151.285 4.1024V4.1182C151.285 4.4153 150.927 4.47851 150.006 4.5512C148.914 4.63338 148 4.99684 148 6.07143C148 7.03224 148.741 7.5 149.774 7.5ZM150.305 6.48862C149.908 6.48862 149.627 6.31795 149.627 5.99558C149.627 5.68268 149.901 5.49305 150.389 5.42668C150.709 5.38559 151.103 5.32238 151.296 5.23072V5.69216C151.296 6.16625 150.853 6.48862 150.305 6.48862Z" fill="#24292E"/>
+<path d="M162 9H177V0.720576C177 0.529468 176.934 0.346186 176.816 0.211052C176.699 0.0759177 176.539 0 176.373 0L162 0V9Z" fill="url(#paint6_linear_1144_161898)"/>
+<path d="M177 39H162V48H177V39Z" fill="#3865AB"/>
+<path d="M177 26H162V35H177V26Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M162.5 26.5H176.5V34.5H162.5V26.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M177 13H162V22H177V13Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M162.5 13.5H176.5V21.5H162.5V13.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M169.606 7.5C171.056 7.5 171.956 6.7082 172 5.50946H170.465C170.405 6.02366 170.076 6.30442 169.626 6.30442C169.048 6.30442 168.672 5.847 168.672 4.9858C168.672 4.13092 169.052 3.6735 169.626 3.6735C170.096 3.6735 170.402 3.97319 170.465 4.46845H172C171.963 3.27602 171.036 2.5 169.602 2.5C167.981 2.5 167 3.51577 167 5.00158C167 6.48107 167.974 7.5 169.606 7.5Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1144_161898" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161898" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_161898" x1="62" y1="15.2552" x2="77" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_161898" x1="81" y1="15.2552" x2="96" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_161898" x1="124" y1="4.5036" x2="139" y2="4.5036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1144_161898" x1="143" y1="4.5036" x2="158" y2="4.5036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1144_161898" x1="162" y1="4.5036" x2="177" y2="4.5036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161898">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_161898">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip2_1144_161898">
+<rect width="15" height="30.5" fill="white" transform="translate(62 8.75)"/>
+</clipPath>
+<clipPath id="clip3_1144_161898">
+<rect width="15" height="30.5" fill="white" transform="translate(81 8.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/organize.svg b/public/img/transformations/dark/organize.svg
new file mode 100755
index 00000000000..4497a105f5e
--- /dev/null
+++ b/public/img/transformations/dark/organize.svg
@@ -0,0 +1,73 @@
+<svg width="154" height="48" viewBox="0 0 154 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 2.57189C15.0002 2.53241 14.9927 2.49327 14.9777 2.45672C14.9628 2.42018 14.9408 2.38693 14.913 2.3589L13.641 1.087C13.613 1.0592 13.5797 1.0372 13.5432 1.02227C13.5066 1.00734 13.4675 0.999777 13.428 1.00001C13.3885 0.999777 13.3494 1.00734 13.3128 1.02227C13.2763 1.0372 13.243 1.0592 13.215 1.087L12.366 1.93594L9.087 5.21469C9.0592 5.24272 9.0372 5.27596 9.02227 5.31251C9.00734 5.34906 8.99978 5.3882 9.00001 5.42767V6.69958C9.00001 6.77914 9.03161 6.85544 9.08787 6.9117C9.14413 6.96795 9.22044 6.99956 9.3 6.99956H10.572C10.614 7.00184 10.656 6.99528 10.6952 6.98029C10.7345 6.9653 10.7702 6.94223 10.8 6.91256L14.061 3.63381L14.913 2.79987C14.9404 2.7708 14.9627 2.73733 14.979 2.70088C14.9819 2.67697 14.9819 2.65279 14.979 2.62888C14.9804 2.61492 14.9804 2.60085 14.979 2.58689L15 2.57189ZM10.449 6.3996H9.6V5.55067L12.579 2.57189L13.428 3.42082L10.449 6.3996ZM13.851 2.99786L13.002 2.14892L13.428 1.72595L14.274 2.57189L13.851 2.99786Z" fill="white"/>
+<g clip-path="url(#clip0_1144_162154)">
+<path d="M0 11.3611V27H24V10H1.00293C0.736933 10 0.481835 10.1434 0.29375 10.3987C0.105665 10.6539 0 11.0001 0 11.3611Z" fill="url(#paint0_linear_1144_162154)"/>
+<path d="M24 31H0V48H24V31Z" fill="#84AFF1"/>
+<path d="M10.7744 21.5C11.5264 21.5 12.0464 21.2377 12.3415 20.7415H12.3837V21.4178H14V18.1182C14 17.091 12.9845 16.5 11.6107 16.5C10.1595 16.5 9.33732 17.1574 9.20028 18.0424L10.785 18.0929C10.8587 17.7832 11.1434 17.5936 11.5966 17.5936C12.0183 17.5936 12.2853 17.7769 12.2853 18.1024V18.1182C12.2853 18.4153 11.9269 18.4785 11.0063 18.5512C9.91356 18.6334 9 18.9968 9 20.0714C9 21.0322 9.74139 21.5 10.7744 21.5ZM11.305 20.4886C10.9079 20.4886 10.6268 20.318 10.6268 19.9956C10.6268 19.6827 10.9009 19.493 11.3893 19.4267C11.7091 19.3856 12.1026 19.3224 12.2959 19.2307V19.6922C12.2959 20.1662 11.8531 20.4886 11.305 20.4886Z" fill="#24292E"/>
+<path d="M13 36.5H11.5716L10 37.4199V38.6738L11.4253 37.8535H11.4627V42.5H13V36.5Z" fill="#24292E"/>
+</g>
+<path d="M35.7975 2.10148C35.7643 2.06962 35.725 2.04465 35.6821 2.02799C35.5969 1.993 35.5013 1.993 35.4161 2.02799C35.3732 2.04465 35.3339 2.06962 35.3006 2.10148L34.6008 2.80134C34.5349 2.86723 34.4979 2.9566 34.4979 3.04979C34.4979 3.14297 34.5349 3.23234 34.6008 3.29823C34.6667 3.36413 34.756 3.40115 34.8492 3.40115C34.9424 3.40115 35.0318 3.36413 35.0977 3.29823L35.1992 3.19326V5.84921C35.1992 5.94202 35.236 6.03103 35.3016 6.09665C35.3673 6.16227 35.4563 6.19914 35.5491 6.19914C35.6419 6.19914 35.7309 6.16227 35.7965 6.09665C35.8621 6.03103 35.899 5.94202 35.899 5.84921V3.19326L36.0005 3.29823C36.033 3.33103 36.0717 3.35707 36.1144 3.37483C36.157 3.3926 36.2027 3.40174 36.2489 3.40174C36.2951 3.40174 36.3409 3.3926 36.3835 3.37483C36.4262 3.35707 36.4649 3.33103 36.4974 3.29823C36.5302 3.2657 36.5562 3.227 36.574 3.18436C36.5917 3.14172 36.6009 3.09598 36.6009 3.04979C36.6009 3.00359 36.5917 2.95785 36.574 2.91521C36.5562 2.87257 36.5302 2.83387 36.4974 2.80134L35.7975 2.10148ZM37.6487 2.69986H41.1479C41.2407 2.69986 41.3297 2.66299 41.3954 2.59737C41.461 2.53174 41.4979 2.44274 41.4979 2.34993C41.4979 2.25712 41.461 2.16812 41.3954 2.10249C41.3297 2.03687 41.2407 2 41.1479 2H37.6487C37.5558 2 37.4668 2.03687 37.4012 2.10249C37.3356 2.16812 37.2987 2.25712 37.2987 2.34993C37.2987 2.44274 37.3356 2.53174 37.4012 2.59737C37.4668 2.66299 37.5558 2.69986 37.6487 2.69986V2.69986ZM41.1479 5.49928H37.6487C37.5558 5.49928 37.4668 5.53615 37.4012 5.60178C37.3356 5.6674 37.2987 5.75641 37.2987 5.84921C37.2987 5.94202 37.3356 6.03103 37.4012 6.09665C37.4668 6.16227 37.5558 6.19914 37.6487 6.19914H41.1479C41.2407 6.19914 41.3297 6.16227 41.3954 6.09665C41.461 6.03103 41.4979 5.94202 41.4979 5.84921C41.4979 5.75641 41.461 5.6674 41.3954 5.60178C41.3297 5.53615 41.2407 5.49928 41.1479 5.49928ZM41.1479 3.74964H37.6487C37.5558 3.74964 37.4668 3.78651 37.4012 3.85213C37.3356 3.91776 37.2987 4.00676 37.2987 4.09957C37.2987 4.19238 37.3356 4.28138 37.4012 4.34701C37.4668 4.41263 37.5558 4.4495 37.6487 4.4495H41.1479C41.2407 4.4495 41.3297 4.41263 41.3954 4.34701C41.461 4.28138 41.4979 4.19238 41.4979 4.09957C41.4979 4.00676 41.461 3.91776 41.3954 3.85213C41.3297 3.78651 41.2407 3.74964 41.1479 3.74964Z" fill="white"/>
+<g clip-path="url(#clip1_1144_162154)">
+<path d="M26 27H50V11.3611V10H48.9971H26V27Z" fill="url(#paint1_linear_1144_162154)"/>
+<path d="M50 31H26V48H50V31Z" fill="#84AFF1"/>
+<path d="M35.5 21.4362H37.0663V20.7145H37.1149C37.3155 21.1261 37.7621 21.5 38.5129 21.5C39.6133 21.5 40.5 20.729 40.5 19.213C40.5 17.642 39.5615 16.9261 38.5227 16.9261C37.7362 16.9261 37.3058 17.3377 37.1149 17.7464H37.0825V15.5H35.5V21.4362ZM37.0502 19.2101C37.0502 18.4826 37.3867 18.0333 37.966 18.0333C38.5518 18.0333 38.8754 18.4942 38.8754 19.2101C38.8754 19.929 38.5518 20.3957 37.966 20.3957C37.3867 20.3957 37.0502 19.9319 37.0502 19.2101Z" fill="#24292E"/>
+<path d="M35.5873 42.5H40V41.3468H37.5841V41.3092L38.2972 40.6561C39.5896 39.5376 39.9272 38.9682 39.9272 38.289C39.9272 37.2225 39.0511 36.5 37.6976 36.5C36.379 36.5 35.4971 37.2543 35.5 38.4595H36.8651C36.8651 37.9249 37.197 37.6156 37.6918 37.6156C38.1779 37.6156 38.5301 37.9133 38.5301 38.4017C38.5301 38.8439 38.2506 39.1445 37.7616 39.5809L35.5873 41.4711V42.5Z" fill="#24292E"/>
+</g>
+<path d="M63.6798 2.22255C63.7849 2.20642 63.8912 2.19841 63.9976 2.19856C64.9511 2.19856 65.8477 2.88522 66.3694 3.99767C66.2896 4.16696 66.1995 4.33119 66.0996 4.48943C66.0678 4.53854 66.0512 4.59587 66.0516 4.65434C66.0523 4.71978 66.0743 4.78321 66.1144 4.83494C66.1545 4.88667 66.2104 4.92387 66.2736 4.94086C66.3368 4.95784 66.4038 4.95369 66.4644 4.92903C66.525 4.90437 66.5759 4.86055 66.6093 4.80427C66.749 4.58476 66.8704 4.35409 66.9721 4.11461C66.9882 4.0772 66.9965 4.0369 66.9965 3.99617C66.9965 3.95544 66.9882 3.91514 66.9721 3.87773C66.3664 2.47142 65.227 1.59886 63.9976 1.59886C63.8569 1.59815 63.7164 1.61019 63.5778 1.63484C63.5384 1.64153 63.5008 1.65592 63.4669 1.67717C63.4331 1.69842 63.4038 1.72613 63.3807 1.75871C63.3576 1.79128 63.3411 1.82809 63.3323 1.86704C63.3234 1.90598 63.3222 1.94629 63.3289 1.98566C63.3356 2.02504 63.35 2.06271 63.3713 2.09653C63.3925 2.13035 63.4202 2.15965 63.4528 2.18276C63.4854 2.20587 63.5222 2.22234 63.5611 2.23122C63.6001 2.24011 63.6404 2.24123 63.6798 2.23454V2.22255ZM61.5118 1.08611C61.4839 1.05815 61.4507 1.03597 61.4142 1.02084C61.3776 1.00571 61.3385 0.997925 61.2989 0.997925C61.2594 0.997925 61.2203 1.00571 61.1837 1.02084C61.1472 1.03597 61.114 1.05815 61.086 1.08611C61.0296 1.14257 60.9979 1.21915 60.9979 1.299C60.9979 1.37885 61.0296 1.45543 61.086 1.5119L62.0156 2.43844C61.5915 2.8467 61.2539 3.33619 61.0231 3.87773C61.0066 3.91556 60.998 3.95639 60.998 3.99767C60.998 4.03895 61.0066 4.07978 61.0231 4.11761C61.6288 5.52391 62.7682 6.39648 63.9976 6.39648C64.5365 6.39276 65.0626 6.23231 65.5119 5.93471L66.4834 6.90923C66.5113 6.93733 66.5444 6.95964 66.581 6.97486C66.6175 6.99009 66.6567 6.99792 66.6963 6.99792C66.7359 6.99792 66.775 6.99009 66.8116 6.97486C66.8481 6.95964 66.8813 6.93733 66.9092 6.90923C66.9373 6.88135 66.9596 6.84819 66.9748 6.81165C66.99 6.77511 66.9979 6.73592 66.9979 6.69633C66.9979 6.65675 66.99 6.61756 66.9748 6.58102C66.9596 6.54448 66.9373 6.51131 66.9092 6.48344L61.5118 1.08611ZM63.4189 3.84175L64.1535 4.57638C64.1029 4.59092 64.0503 4.59799 63.9976 4.59737C63.8386 4.59737 63.686 4.53419 63.5736 4.42172C63.4611 4.30926 63.3979 4.15672 63.3979 3.99767C63.3973 3.94495 63.4044 3.89242 63.4189 3.84175ZM63.9976 5.79678C63.0441 5.79678 62.1475 5.11012 61.6288 3.99767C61.8225 3.57 62.0975 3.18404 62.4384 2.86123L62.9691 3.39797C62.8445 3.62549 62.7969 3.88731 62.8337 4.14413C62.8704 4.40096 62.9894 4.63895 63.1729 4.8224C63.3563 5.00586 63.5943 5.12488 63.8511 5.16162C64.108 5.19835 64.3698 5.15082 64.5973 5.02616L65.0741 5.49693C64.7476 5.6891 64.3764 5.79247 63.9976 5.79678Z" fill="white"/>
+<g clip-path="url(#clip2_1144_162154)">
+<path d="M52 27H76V11.3611C76 11.0001 75.8943 10.6539 75.7063 10.3987C75.5182 10.1434 75.2631 10 74.9971 10H52V27Z" fill="url(#paint2_linear_1144_162154)"/>
+<path d="M76 31H52V48H76V31Z" fill="#84AFF1"/>
+<path d="M64.1058 21.5C65.5564 21.5 66.4563 20.7082 66.5 19.5095H64.9654C64.905 20.0237 64.5759 20.3044 64.1259 20.3044C63.5484 20.3044 63.1723 19.847 63.1723 18.9858C63.1723 18.1309 63.5517 17.6735 64.1259 17.6735C64.596 17.6735 64.9016 17.9732 64.9654 18.4685H66.5C66.4631 17.276 65.5363 16.5 64.1024 16.5C62.4805 16.5 61.5 17.5158 61.5 19.0016C61.5 20.4811 62.4738 21.5 64.1058 21.5Z" fill="#24292E"/>
+<path d="M63.9769 42.5C65.4538 42.5 66.5031 41.7757 66.5 40.7605C66.5031 40.0418 65.9954 39.5285 65.0231 39.423V39.3774C65.7523 39.2804 66.2692 38.827 66.2661 38.1711C66.2692 37.2186 65.34 36.5 63.9892 36.5C62.6292 36.5 61.6385 37.23 61.6262 38.2681H63.0815C63.0938 37.8688 63.4815 37.6008 63.9892 37.6008C64.4723 37.6008 64.8015 37.8717 64.7985 38.2624C64.8015 38.6673 64.4138 38.9468 63.8538 38.9468H63.2415V39.9506H63.8538C64.4908 39.9506 64.9061 40.2414 64.9 40.6521C64.9061 41.0656 64.5246 41.3536 63.9831 41.3536C63.4446 41.3536 63.0477 41.0884 63.0323 40.7034H61.5C61.5123 41.7586 62.5369 42.5 63.9769 42.5Z" fill="#24292E"/>
+</g>
+<path d="M89.9067 30C90.6011 30 95.9327 26 95.9327 24C95.9327 22 90.7357 18 89.9067 18C89.0777 18 88.4023 18.5 88.4023 19.4756C88.4023 20.4512 91.9067 22.9206 91.9067 22.9206C91.9067 22.9206 84.2539 22.25 84 22.9206C83.7461 23.5911 83.7461 24.4089 84 25.0794C84.2539 25.75 91.9067 25.0794 91.9067 25.0794C91.9067 25.0794 88.4023 27.75 88.4023 28.5301C88.4023 29.3103 89.2123 30 89.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip3_1144_162154)">
+<path d="M130 27H154V11.3611C154 11.0001 153.894 10.6539 153.706 10.3987C153.518 10.1434 153.263 10 152.997 10H130V27Z" fill="url(#paint3_linear_1144_162154)"/>
+<path d="M154 31H130V48H154V31Z" fill="#84AFF1"/>
+<path d="M143 36.5H141.572L140 37.4199V38.6738L141.425 37.8535H141.463V42.5H143V36.5Z" fill="#24292E"/>
+<path d="M140.987 21.5C141.738 21.5 142.184 21.1261 142.385 20.7145H142.434V21.4362H144V15.5H142.417V17.7464H142.385C142.197 17.3377 141.764 16.9261 140.981 16.9261C139.942 16.9261 139 17.642 139 19.213C139 20.729 139.89 21.5 140.987 21.5ZM141.537 20.3957C140.951 20.3957 140.625 19.929 140.625 19.2101C140.625 18.4942 140.948 18.0333 141.537 18.0333C142.117 18.0333 142.453 18.4826 142.453 19.2101C142.453 19.9319 142.113 20.3957 141.537 20.3957Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1144_162154)">
+<path d="M128 31H104V48H128V31Z" fill="#84AFF1"/>
+<path d="M104 11.3611V27H128V10H105.003C104.737 10 104.482 10.1434 104.294 10.3987C104.106 10.6539 104 11.0001 104 11.3611Z" fill="url(#paint4_linear_1144_162154)"/>
+<path d="M113.5 21.4362H115.066V20.7145H115.115C115.316 21.1261 115.762 21.5 116.513 21.5C117.613 21.5 118.5 20.729 118.5 19.213C118.5 17.642 117.561 16.9261 116.523 16.9261C115.736 16.9261 115.306 17.3377 115.115 17.7464H115.083V15.5H113.5V21.4362ZM115.05 19.2101C115.05 18.4826 115.387 18.0333 115.966 18.0333C116.552 18.0333 116.875 18.4942 116.875 19.2101C116.875 19.929 116.552 20.3957 115.966 20.3957C115.387 20.3957 115.05 19.9319 115.05 19.2101Z" fill="#24292E"/>
+<path d="M113.587 42.5H118V41.3468H115.584V41.3092L116.297 40.6561C117.59 39.5376 117.927 38.9682 117.927 38.289C117.927 37.2225 117.051 36.5 115.698 36.5C114.379 36.5 113.497 37.2543 113.5 38.4595H114.865C114.865 37.9249 115.197 37.6156 115.692 37.6156C116.178 37.6156 116.53 37.9133 116.53 38.4017C116.53 38.8439 116.251 39.1445 115.762 39.5809L113.587 41.4711V42.5Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162154" x1="0" y1="18.5068" x2="24" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162154" x1="26" y1="18.5068" x2="50" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162154" x1="52" y1="18.5068" x2="76" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162154" x1="130" y1="18.5068" x2="154" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_162154" x1="104" y1="18.5068" x2="128" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162154">
+<rect width="24" height="38" fill="white" transform="translate(0 10)"/>
+</clipPath>
+<clipPath id="clip1_1144_162154">
+<rect width="24" height="38" fill="white" transform="translate(26 10)"/>
+</clipPath>
+<clipPath id="clip2_1144_162154">
+<rect width="24" height="38" fill="white" transform="translate(52 10)"/>
+</clipPath>
+<clipPath id="clip3_1144_162154">
+<rect width="24" height="38" fill="white" transform="translate(130 10)"/>
+</clipPath>
+<clipPath id="clip4_1144_162154">
+<rect width="24" height="38" fill="white" transform="translate(104 10)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/partitionByValues.svg b/public/img/transformations/dark/partitionByValues.svg
new file mode 100755
index 00000000000..15b01709cda
--- /dev/null
+++ b/public/img/transformations/dark/partitionByValues.svg
@@ -0,0 +1,32 @@
+<svg width="101" height="48" viewBox="0 0 101 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162587)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<path d="M28.9067 30C29.6011 30 34.9327 26 34.9327 24C34.9327 22 29.7357 18 28.9067 18C28.0777 18 27.4023 18.5 27.4023 19.4756C27.4023 20.4512 30.9067 22.9206 30.9067 22.9206C30.9067 22.9206 23.2539 22.25 23 22.9206C22.7461 23.5911 22.7461 24.4089 23 25.0794C23.2539 25.75 30.9067 25.0794 30.9067 25.0794C30.9067 25.0794 27.4023 27.75 27.4023 28.5301C27.4023 29.3103 28.2123 30 28.9067 30Z" fill="#CCCCDC"/>
+<path d="M43 10.0408V22H58V9H43.6268C43.4606 9 43.3011 9.10966 43.1836 9.30485C43.066 9.50005 43 9.76479 43 10.0408Z" fill="url(#paint1_linear_1144_162587)"/>
+<path d="M58 26.5H43V39.5H58V26.5Z" fill="#84AFF1"/>
+<path d="M51.5 30H50.0716L48.5 30.9199V32.1738L49.9253 31.3535H49.9627V36H51.5V30Z" fill="#24292E"/>
+<path d="M49.7744 18.5C50.5264 18.5 51.0464 18.2377 51.3415 17.7415H51.3837V18.4178H53V15.1182C53 14.091 51.9845 13.5 50.6107 13.5C49.1595 13.5 48.3373 14.1574 48.2003 15.0424L49.785 15.0929C49.8587 14.7832 50.1434 14.5936 50.5966 14.5936C51.0183 14.5936 51.2853 14.7769 51.2853 15.1024V15.1182C51.2853 15.4153 50.9269 15.4785 50.0063 15.5512C48.9136 15.6334 48 15.9968 48 17.0714C48 18.0322 48.7414 18.5 49.7744 18.5ZM50.305 17.4886C49.9079 17.4886 49.6268 17.318 49.6268 16.9956C49.6268 16.6827 49.9009 16.493 50.3893 16.4267C50.7091 16.3856 51.1026 16.3224 51.2959 16.2307V16.6922C51.2959 17.1662 50.8531 17.4886 50.305 17.4886Z" fill="#24292E"/>
+<path d="M70.3343 30H73.674V25.674H78V22.3343H73.674V18H70.3343V22.3343H66V25.674H70.3343V30Z" fill="#CCCCDC"/>
+<path d="M86 10.0408V22H101V9H86.6268C86.4606 9 86.3011 9.10966 86.1836 9.30485C86.066 9.50005 86 9.76479 86 10.0408Z" fill="url(#paint2_linear_1144_162587)"/>
+<path d="M101 26.5H86V39.5H101V26.5Z" fill="#84AFF1"/>
+<path d="M92.7744 18.5C93.5264 18.5 94.0464 18.2377 94.3415 17.7415H94.3837V18.4178H96V15.1182C96 14.091 94.9845 13.5 93.6107 13.5C92.1595 13.5 91.3373 14.1574 91.2003 15.0424L92.785 15.0929C92.8587 14.7832 93.1434 14.5936 93.5966 14.5936C94.0183 14.5936 94.2853 14.7769 94.2853 15.1024V15.1182C94.2853 15.4153 93.9269 15.4785 93.0063 15.5512C91.9136 15.6334 91 15.9968 91 17.0714C91 18.0322 91.7414 18.5 92.7744 18.5ZM93.305 17.4886C92.9079 17.4886 92.6268 17.318 92.6268 16.9956C92.6268 16.6827 92.9009 16.493 93.3893 16.4267C93.7091 16.3856 94.1026 16.3224 94.2959 16.2307V16.6922C94.2959 17.1662 93.8531 17.4886 93.305 17.4886Z" fill="#24292E"/>
+<path d="M91.0873 36H95.5V34.8468H93.0841V34.8092L93.7972 34.1561C95.0896 33.0376 95.4272 32.4682 95.4272 31.789C95.4272 30.7225 94.5511 30 93.1976 30C91.879 30 90.9971 30.7543 91 31.9595H92.3651C92.3651 31.4249 92.697 31.1156 93.1918 31.1156C93.6779 31.1156 94.0301 31.4133 94.0301 31.9017C94.0301 32.3439 93.7506 32.6445 93.2616 33.0809L91.0873 34.9711V36Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162587" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162587" x1="43" y1="15.5052" x2="58" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162587" x1="86" y1="15.5052" x2="101" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/prepareTimeSeries.svg b/public/img/transformations/dark/prepareTimeSeries.svg
new file mode 100755
index 00000000000..ac0582798e8
--- /dev/null
+++ b/public/img/transformations/dark/prepareTimeSeries.svg
@@ -0,0 +1,84 @@
+<svg width="180" height="48" viewBox="0 0 180 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 9.79071V21.7499H15V8.74988H0.626828C0.460583 8.74988 0.301147 8.85954 0.183594 9.05473C0.0660407 9.24992 0 9.51466 0 9.79071Z" fill="url(#paint0_linear_1144_162613)"/>
+<path d="M15 26.2499H0V39.2499H15V26.2499Z" fill="#84AFF1"/>
+<path d="M8.5 30H7.07158L5.5 30.9199V32.1738L6.92531 31.3535H6.96266V36H8.5V30Z" fill="#24292E"/>
+<path d="M19 9.79083V21.75H34V8.75H19.6268C19.4606 8.75 19 8.75 19 8.75C19 8.75 19 9.51479 19 9.79083Z" fill="url(#paint1_linear_1144_162613)"/>
+<path d="M34 26.25H19V39.25H34V26.25Z" fill="#84AFF1"/>
+<path d="M26.5739 18.25C25.3778 18.2443 24.2472 17.5199 24.25 15.3812C24.2557 13.4192 25.179 12.25 26.6165 12.25C27.7784 12.25 28.5739 13 28.6903 13.961H27.4773C27.3835 13.5532 27.0625 13.308 26.6165 13.308C25.858 13.308 25.4602 14.0152 25.4545 15.153H25.4943C25.7557 14.6369 26.321 14.3289 26.9602 14.3289C27.9915 14.3289 28.7528 15.1188 28.75 16.2139C28.7528 17.403 27.8693 18.2557 26.5739 18.25ZM26.5682 17.2804C27.1364 17.2804 27.5597 16.8327 27.5568 16.2481C27.5597 15.6692 27.1449 15.2215 26.5767 15.2215C26.0114 15.2215 25.5824 15.6834 25.5795 16.2509C25.5795 16.8213 26 17.2804 26.5682 17.2804Z" fill="#24292E"/>
+<path d="M26.2292 35.75C27.5585 35.75 28.5028 35.0257 28.5 34.0105C28.5028 33.2918 28.0458 32.7785 27.1708 32.673V32.6274C27.8271 32.5304 28.2923 32.077 28.2895 31.4211C28.2923 30.4686 27.456 29.75 26.2403 29.75C25.0163 29.75 24.1246 30.48 24.1135 31.5181H25.4234C25.4345 31.1188 25.7834 30.8508 26.2403 30.8508C26.6751 30.8508 26.9714 31.1217 26.9686 31.5124C26.9714 31.9173 26.6225 32.1968 26.1185 32.1968H25.5674V33.2006H26.1185C26.6917 33.2006 27.0655 33.4914 27.06 33.9021C27.0655 34.3156 26.7221 34.6036 26.2348 34.6036C25.7501 34.6036 25.3929 34.3384 25.3791 33.9534H24C24.0111 35.0086 24.9332 35.75 26.2292 35.75Z" fill="#24292E"/>
+<path d="M38 9.79083V21.75H53V8.75H38.6268C38.4606 8.75 38 8.75 38 8.75C38 8.75 38 9.51479 38 9.79083Z" fill="url(#paint2_linear_1144_162613)"/>
+<path d="M53 26.25H38V39.25H53V26.25Z" fill="#84AFF1"/>
+<path d="M43.6884 18.25L46.3471 13.3281V13.2871H43.25V12.25H47.75V13.3018L45.0882 18.25H43.6884Z" fill="#24292E"/>
+<path d="M43 34.6953V33.6963L45.5893 29.75H47.2308V33.6787H48V34.6953H47.2308V35.75H45.977V34.6953H43ZM46.0012 33.6787V31.1328H45.9528L44.3204 33.6318V33.6787H46.0012Z" fill="#24292E"/>
+<path d="M57 21.7499H72V9.79071C72 9.51466 71.934 9.24992 71.8164 9.05473C71.6989 8.85954 71.5394 8.74988 71.3732 8.74988H57V21.7499Z" fill="url(#paint3_linear_1144_162613)"/>
+<path d="M72 26.2499H57V39.2499H72V26.2499Z" fill="#84AFF1"/>
+<path d="M64.4602 35.75C63.0525 35.75 62.0266 35.0188 62 33.9957H63.3944C63.4276 34.4552 63.8891 34.7673 64.4602 34.7673C65.1341 34.7673 65.6155 34.3425 65.6155 33.7269C65.6155 33.1055 65.1242 32.6749 64.4402 32.672C64.0385 32.672 63.6335 32.8251 63.4243 33.0708L62.1461 32.8714L62.4681 29.75H66.6248V30.7731H63.6534L63.4774 32.2558H63.5173C63.7563 31.9639 64.2709 31.7471 64.8685 31.7471C66.0936 31.7471 67.0033 32.5621 67 33.6951C67.0033 34.8916 65.9741 35.75 64.4602 35.75Z" fill="#24292E"/>
+<path d="M64.4986 18.25C63.1902 18.25 62.2472 17.5456 62.25 16.5989C62.2472 15.8688 62.7994 15.2728 63.5074 15.1559V15.116C62.89 14.9905 62.4624 14.4601 62.4652 13.8213C62.4624 12.9173 63.3233 12.25 64.4986 12.25C65.671 12.25 66.5319 12.9173 66.5348 13.8213C66.5319 14.4629 66.0986 14.9905 65.4926 15.116V15.1559C66.1893 15.2728 66.7472 15.8688 66.75 16.5989C66.7472 17.5456 65.807 18.25 64.4986 18.25ZM64.4986 17.3432C65.0791 17.3432 65.4728 16.9981 65.4728 16.5019C65.4728 15.9971 65.0593 15.6321 64.4986 15.6321C63.935 15.6321 63.5244 15.9971 63.5244 16.5019C63.5244 16.9952 63.9152 17.3432 64.4986 17.3432ZM64.4986 14.7338C64.9857 14.7338 65.3369 14.4116 65.3369 13.9496C65.3369 13.4962 64.9914 13.1797 64.4986 13.1797C64.003 13.1797 63.6603 13.4933 63.6603 13.9496C63.6603 14.4116 64.0087 14.7338 64.4986 14.7338Z" fill="#24292E"/>
+<path d="M85.9067 30C86.6011 30 91.9327 26 91.9327 24C91.9327 22 86.7357 18 85.9067 18C85.0777 18 84.4023 18.5 84.4023 19.4756C84.4023 20.4512 87.9067 22.9206 87.9067 22.9206C87.9067 22.9206 80.2539 22.25 80 22.9206C79.7461 23.5911 79.7461 24.4089 80 25.0794C80.2539 25.75 87.9067 25.0794 87.9067 25.0794C87.9067 25.0794 84.4023 27.75 84.4023 28.5301C84.4023 29.3103 85.2123 30 85.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip0_1144_162613)">
+<path d="M100 0.800641V10H124V0H101.003C100.737 0 100.482 0.084353 100.294 0.234502C100.106 0.384651 100 0.588297 100 0.800641Z" fill="url(#paint4_linear_1144_162613)"/>
+<path d="M124 13H100V22.5H124V13Z" fill="#84AFF1"/>
+<path d="M124 25.75H100V35.25H124V25.75Z" fill="#84AFF1"/>
+<path d="M124 38.5H100V48H112H124V38.5Z" fill="#84AFF1"/>
+<path d="M113.5 40.25H112.072L110.5 41.1699V42.4238L111.925 41.6035H111.963V46.25H113.5V40.25Z" fill="#24292E"/>
+<path d="M113.5 14.75H112.072L110.5 15.6699V16.9238L111.925 16.1035H111.963V20.75H113.5V14.75Z" fill="#24292E"/>
+<path d="M113.5 27.5H112.072L110.5 28.4199V29.6738L111.925 28.8535H111.963V33.5H113.5V27.5Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_162613)">
+<path d="M152 13H128V22.5H152V13Z" fill="#84AFF1"/>
+<path d="M152 25.75H128V35.25H152V25.75Z" fill="#84AFF1"/>
+<path d="M152 38.5H128V48H140H152V38.5Z" fill="#84AFF1"/>
+<path d="M128 0.800641V10H152V1.05456e-06H129.003L128 0L128 0.800641Z" fill="url(#paint5_linear_1144_162613)"/>
+<path d="M139.979 20.75C141.308 20.75 142.253 20.0257 142.25 19.0105C142.253 18.2918 141.796 17.7785 140.921 17.673V17.6274C141.577 17.5304 142.042 17.077 142.04 16.4211C142.042 15.4686 141.206 14.75 139.99 14.75C138.766 14.75 137.875 15.48 137.864 16.5181H139.173C139.184 16.1188 139.533 15.8508 139.99 15.8508C140.425 15.8508 140.721 16.1217 140.719 16.5124C140.721 16.9173 140.372 17.1968 139.868 17.1968H139.317V18.2006H139.868C140.442 18.2006 140.816 18.4914 140.81 18.9021C140.816 19.3156 140.472 19.6036 139.985 19.6036C139.5 19.6036 139.143 19.3384 139.129 18.9534H137.75C137.761 20.0086 138.683 20.75 139.979 20.75Z" fill="#24292E"/>
+<path d="M137.75 32.4453V31.4463L140.339 27.5H141.981V31.4287H142.75V32.4453H141.981V33.5H140.727V32.4453H137.75ZM140.751 31.4287V28.8828H140.703L139.07 31.3818V31.4287H140.751Z" fill="#24292E"/>
+<path d="M140.21 46.25C138.802 46.25 137.777 45.5188 137.75 44.4957H139.144C139.178 44.9552 139.639 45.2673 140.21 45.2673C140.884 45.2673 141.366 44.8425 141.366 44.2269C141.366 43.6055 140.874 43.1749 140.19 43.172C139.789 43.172 139.383 43.3251 139.174 43.5708L137.896 43.3714L138.218 40.25H142.375V41.2731H139.403L139.227 42.7558H139.267C139.506 42.4639 140.021 42.2471 140.619 42.2471C141.844 42.2471 142.753 43.0621 142.75 44.1951C142.753 45.3916 141.724 46.25 140.21 46.25Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip2_1144_162613)">
+<path d="M180 13H156V22.5H180V13Z" fill="#84AFF1"/>
+<path d="M180 25.75H156V35.25H180V25.75Z" fill="#84AFF1"/>
+<path d="M180 38.5H156V48H168H180V38.5Z" fill="#84AFF1"/>
+<path d="M156 10H180V0.800641C180 0.588297 179.894 0.384651 179.706 0.234502C179.518 0.084353 179.263 0 178.997 0L156 0V10Z" fill="url(#paint6_linear_1144_162613)"/>
+<path d="M167.999 46.25C166.69 46.25 165.747 45.5456 165.75 44.5989C165.747 43.8688 166.299 43.2728 167.007 43.1559V43.116C166.39 42.9905 165.962 42.4601 165.965 41.8213C165.962 40.9173 166.823 40.25 167.999 40.25C169.171 40.25 170.032 40.9173 170.035 41.8213C170.032 42.4629 169.599 42.9905 168.993 43.116V43.1559C169.689 43.2728 170.247 43.8688 170.25 44.5989C170.247 45.5456 169.307 46.25 167.999 46.25ZM167.999 45.3432C168.579 45.3432 168.973 44.9981 168.973 44.5019C168.973 43.9971 168.559 43.6321 167.999 43.6321C167.435 43.6321 167.024 43.9971 167.024 44.5019C167.024 44.9952 167.415 45.3432 167.999 45.3432ZM167.999 42.7338C168.486 42.7338 168.837 42.4116 168.837 41.9496C168.837 41.4962 168.491 41.1797 167.999 41.1797C167.503 41.1797 167.16 41.4933 167.16 41.9496C167.16 42.4116 167.509 42.7338 167.999 42.7338Z" fill="#24292E"/>
+<path d="M166.188 33.5L168.847 28.5781V28.5371H165.75V27.5H170.25V28.5518L167.588 33.5H166.188Z" fill="#24292E"/>
+<path d="M168.074 20.75C166.878 20.7443 165.747 20.0199 165.75 17.8812C165.756 15.9192 166.679 14.75 168.116 14.75C169.278 14.75 170.074 15.5 170.19 16.461H168.977C168.884 16.0532 168.562 15.808 168.116 15.808C167.358 15.808 166.96 16.5152 166.955 17.653H166.994C167.256 17.1369 167.821 16.8289 168.46 16.8289C169.491 16.8289 170.253 17.6188 170.25 18.7139C170.253 19.903 169.369 20.7557 168.074 20.75ZM168.068 19.7804C168.636 19.7804 169.06 19.3327 169.057 18.7481C169.06 18.1692 168.645 17.7215 168.077 17.7215C167.511 17.7215 167.082 18.1834 167.08 18.7509C167.08 19.3213 167.5 19.7804 168.068 19.7804Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162613" x1="0" y1="15.2551" x2="15" y2="15.2551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162613" x1="19" y1="15.2552" x2="34" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162613" x1="38" y1="15.2552" x2="53" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162613" x1="57" y1="15.2551" x2="72" y2="15.2551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_162613" x1="100" y1="5.004" x2="124" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1144_162613" x1="128.008" y1="5.004" x2="152.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1144_162613" x1="156" y1="5.004" x2="180" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162613">
+<rect width="24" height="48" fill="white" transform="translate(100)"/>
+</clipPath>
+<clipPath id="clip1_1144_162613">
+<rect width="24" height="48" fill="white" transform="translate(128)"/>
+</clipPath>
+<clipPath id="clip2_1144_162613">
+<rect width="24" height="48" fill="white" transform="translate(156)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/reduce.svg b/public/img/transformations/dark/reduce.svg
new file mode 100755
index 00000000000..d639d6d6d89
--- /dev/null
+++ b/public/img/transformations/dark/reduce.svg
@@ -0,0 +1,39 @@
+<svg width="105" height="48" viewBox="0 0 105 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162425)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1144_162425)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1144_162425)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+<path d="M26.4792 27C27.8085 27 28.7528 26.2757 28.75 25.2605C28.7528 24.5418 28.2958 24.0285 27.4208 23.923V23.8774C28.0771 23.7804 28.5423 23.327 28.5395 22.6711C28.5423 21.7186 27.706 21 26.4903 21C25.2663 21 24.3746 21.73 24.3635 22.7681H25.6734C25.6845 22.3688 26.0334 22.1008 26.4903 22.1008C26.9251 22.1008 27.2214 22.3717 27.2186 22.7624C27.2214 23.1673 26.8725 23.4468 26.3685 23.4468H25.8174V24.4506H26.3685C26.9417 24.4506 27.3155 24.7414 27.31 25.1521C27.3155 25.5656 26.9721 25.8536 26.4848 25.8536C26.0001 25.8536 25.6429 25.5884 25.6291 25.2034H24.25C24.2611 26.2586 25.1832 27 26.4792 27Z" fill="#24292E"/>
+<path d="M24 43.4453V42.4463L26.5893 38.5H28.2308V42.4287H29V43.4453H28.2308V44.5H26.977V43.4453H24ZM27.0012 42.4287V39.8828H26.9528L25.3204 42.3818V42.4287H27.0012Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0777 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2123 30 47.9067 30Z" fill="#CCCCDC"/>
+<path d="M67.7955 20.1818H68.2727V20.6591C68.2727 20.9123 68.3733 21.155 68.5523 21.3341C68.7313 21.5131 68.9741 21.6136 69.2273 21.6136C69.4804 21.6136 69.7232 21.5131 69.9022 21.3341C70.0812 21.155 70.1818 20.9123 70.1818 20.6591V20.1818H70.6591C70.9123 20.1818 71.155 20.0813 71.3341 19.9022C71.5131 19.7232 71.6136 19.4804 71.6136 19.2273C71.6136 18.9741 71.5131 18.7313 71.3341 18.5523C71.155 18.3733 70.9123 18.2727 70.6591 18.2727H70.1818V17.7955C70.1818 17.5423 70.0812 17.2995 69.9022 17.1205C69.7232 16.9415 69.4804 16.8409 69.2273 16.8409C68.9741 16.8409 68.7313 16.9415 68.5523 17.1205C68.3733 17.2995 68.2727 17.5423 68.2727 17.7955V18.2727H67.7955C67.5423 18.2727 67.2995 18.3733 67.1205 18.5523C66.9415 18.7313 66.8409 18.9741 66.8409 19.2273C66.8409 19.4804 66.9415 19.7232 67.1205 19.9022C67.2995 20.0813 67.5423 20.1818 67.7955 20.1818ZM67.2036 30.7964C67.3825 30.9742 67.6244 31.0739 67.8766 31.0739C68.1288 31.0739 68.3707 30.9742 68.5495 30.7964L69.2273 30.1186L69.905 30.7964C70.0838 30.9742 70.3258 31.0739 70.578 31.0739C70.8301 31.0739 71.0721 30.9742 71.2509 30.7964C71.4287 30.6175 71.5285 30.3756 71.5285 30.1234C71.5285 29.8712 71.4287 29.6293 71.2509 29.4505L70.5732 28.7727L71.2509 28.095C71.4073 27.9124 71.489 27.6775 71.4797 27.4373C71.4704 27.197 71.3709 26.9691 71.2009 26.7991C71.0309 26.6291 70.803 26.5296 70.5627 26.5203C70.3225 26.511 70.0876 26.5927 69.905 26.7491L69.2273 27.4268L68.5495 26.7491C68.3669 26.5927 68.132 26.511 67.8918 26.5203C67.6516 26.5296 67.4237 26.6291 67.2537 26.7991C67.0837 26.9691 66.9841 27.197 66.9748 27.4373C66.9655 27.6775 67.0473 27.9124 67.2036 28.095L67.8814 28.7727L67.2036 29.4505C67.0259 29.6293 66.9261 29.8712 66.9261 30.1234C66.9261 30.3756 67.0259 30.6175 67.2036 30.7964V30.7964ZM81.6364 13.5H66.3636C65.6042 13.5 64.8758 13.8017 64.3387 14.3387C63.8017 14.8758 63.5 15.6042 63.5 16.3636V31.6364C63.5 32.3959 63.8017 33.1242 64.3387 33.6613C64.8758 34.1983 65.6042 34.5 66.3636 34.5H81.6364C82.3958 34.5 83.1242 34.1983 83.6613 33.6613C84.1983 33.1242 84.5 32.3959 84.5 31.6364V16.3636C84.5 15.6042 84.1983 14.8758 83.6613 14.3387C83.1242 13.8017 82.3958 13.5 81.6364 13.5V13.5ZM73.0455 32.5909H66.3636C66.1105 32.5909 65.8677 32.4903 65.6887 32.3113C65.5097 32.1323 65.4091 31.8895 65.4091 31.6364V24.9545H73.0455V32.5909ZM73.0455 23.0455H65.4091V16.3636C65.4091 16.1105 65.5097 15.8677 65.6887 15.6887C65.8677 15.5097 66.1105 15.4091 66.3636 15.4091H73.0455V23.0455ZM82.5909 31.6364C82.5909 31.8895 82.4903 32.1323 82.3113 32.3113C82.1323 32.4903 81.8895 32.5909 81.6364 32.5909H74.9545V24.9545H82.5909V31.6364ZM82.5909 23.0455H74.9545V15.4091H81.6364C81.8895 15.4091 82.1323 15.5097 82.3113 15.6887C82.4903 15.8677 82.5909 16.1105 82.5909 16.3636V23.0455ZM77.3409 28.2955H80.2045C80.4577 28.2955 80.7005 28.1949 80.8795 28.0159C81.0585 27.8369 81.1591 27.5941 81.1591 27.3409C81.1591 27.0878 81.0585 26.845 80.8795 26.6659C80.7005 26.4869 80.4577 26.3864 80.2045 26.3864H77.3409C77.0877 26.3864 76.845 26.4869 76.6659 26.6659C76.4869 26.845 76.3864 27.0878 76.3864 27.3409C76.3864 27.5941 76.4869 27.8369 76.6659 28.0159C76.845 28.1949 77.0877 28.2955 77.3409 28.2955V28.2955ZM80.2045 18.2727H77.3409C77.0877 18.2727 76.845 18.3733 76.6659 18.5523C76.4869 18.7313 76.3864 18.9741 76.3864 19.2273C76.3864 19.4804 76.4869 19.7232 76.6659 19.9022C76.845 20.0813 77.0877 20.1818 77.3409 20.1818H80.2045C80.4577 20.1818 80.7005 20.0813 80.8795 19.9022C81.0585 19.7232 81.1591 19.4804 81.1591 19.2273C81.1591 18.9741 81.0585 18.7313 80.8795 18.5523C80.7005 18.3733 80.4577 18.2727 80.2045 18.2727ZM77.3409 31.1591H80.2045C80.4577 31.1591 80.7005 31.0585 80.8795 30.8795C81.0585 30.7005 81.1591 30.4577 81.1591 30.2045C81.1591 29.9514 81.0585 29.7086 80.8795 29.5296C80.7005 29.3506 80.4577 29.25 80.2045 29.25H77.3409C77.0877 29.25 76.845 29.3506 76.6659 29.5296C76.4869 29.7086 76.3864 29.9514 76.3864 30.2045C76.3864 30.4577 76.4869 30.7005 76.6659 30.8795C76.845 31.0585 77.0877 31.1591 77.3409 31.1591V31.1591Z" fill="white"/>
+<path d="M90 9.79083V21.75H105V8.75H90.6268C90.4606 8.75 90.3011 8.85966 90.1836 9.05485C90.066 9.25005 90 9.51479 90 9.79083Z" fill="url(#paint2_linear_1144_162425)"/>
+<path d="M105 26.25H90V39.25H105V26.25Z" fill="#84AFF1"/>
+<path d="M98.5 29.75H97.0716L95.5 30.6699V31.9238L96.9253 31.1035H96.9627V35.75H98.5V29.75Z" fill="#24292E"/>
+<path d="M96.7744 18.25C97.5264 18.25 98.0464 17.9877 98.3415 17.4915H98.3837V18.1678H100V14.8682C100 13.841 98.9845 13.25 97.6107 13.25C96.1595 13.25 95.3373 13.9074 95.2003 14.7924L96.785 14.8429C96.8587 14.5332 97.1434 14.3436 97.5966 14.3436C98.0183 14.3436 98.2853 14.5269 98.2853 14.8524V14.8682C98.2853 15.1653 97.9269 15.2285 97.0063 15.3012C95.9136 15.3834 95 15.7468 95 16.8214C95 17.7822 95.7414 18.25 96.7744 18.25ZM97.305 17.2386C96.9079 17.2386 96.6268 17.068 96.6268 16.7456C96.6268 16.4327 96.9009 16.243 97.3893 16.1767C97.7091 16.1356 98.1026 16.0724 98.2959 15.9807V16.4422C98.2959 16.9162 97.8531 17.2386 97.305 17.2386Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162425" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162425" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162425" x1="90" y1="15.2552" x2="105" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162425">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/renameByRegex.svg b/public/img/transformations/dark/renameByRegex.svg
new file mode 100755
index 00000000000..22fc144ec59
--- /dev/null
+++ b/public/img/transformations/dark/renameByRegex.svg
@@ -0,0 +1,67 @@
+<svg width="119" height="48" viewBox="0 0 119 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42.3704 20.6776C42.308 20.6218 42.2344 20.5781 42.1539 20.549C41.9941 20.4877 41.815 20.4877 41.6552 20.549C41.5747 20.5781 41.5011 20.6218 41.4387 20.6776L40.1265 21.9023C40.0029 22.0177 39.9335 22.174 39.9335 22.3371C39.9335 22.5002 40.0029 22.6566 40.1265 22.7719C40.25 22.8872 40.4176 22.952 40.5923 22.952C40.7671 22.952 40.9346 22.8872 41.0582 22.7719L41.2484 22.5882V27.2361C41.2484 27.3985 41.3176 27.5543 41.4406 27.6691C41.5637 27.784 41.7306 27.8485 41.9046 27.8485C42.0786 27.8485 42.2455 27.784 42.3685 27.6691C42.4916 27.5543 42.5607 27.3985 42.5607 27.2361V22.5882L42.751 22.7719C42.8119 22.8293 42.8845 22.8749 42.9645 22.906C43.0444 22.937 43.1302 22.953 43.2168 22.953C43.3034 22.953 43.3892 22.937 43.4691 22.906C43.5491 22.8749 43.6216 22.8293 43.6826 22.7719C43.7441 22.715 43.7929 22.6473 43.8263 22.5726C43.8596 22.498 43.8767 22.418 43.8767 22.3371C43.8767 22.2563 43.8596 22.1762 43.8263 22.1016C43.7929 22.027 43.7441 21.9593 43.6826 21.9023L42.3704 20.6776ZM45.8413 21.7247H52.4024C52.5764 21.7247 52.7433 21.6602 52.8664 21.5454C52.9894 21.4305 53.0585 21.2748 53.0585 21.1124C53.0585 20.95 52.9894 20.7942 52.8664 20.6794C52.7433 20.5645 52.5764 20.5 52.4024 20.5H45.8413C45.6672 20.5 45.5004 20.5645 45.3773 20.6794C45.2543 20.7942 45.1851 20.95 45.1851 21.1124C45.1851 21.2748 45.2543 21.4305 45.3773 21.5454C45.5004 21.6602 45.6672 21.7247 45.8413 21.7247V21.7247ZM52.4024 26.6237H45.8413C45.6672 26.6237 45.5004 26.6883 45.3773 26.8031C45.2543 26.9179 45.1851 27.0737 45.1851 27.2361C45.1851 27.3985 45.2543 27.5543 45.3773 27.6691C45.5004 27.784 45.6672 27.8485 45.8413 27.8485H52.4024C52.5764 27.8485 52.7433 27.784 52.8664 27.6691C52.9894 27.5543 53.0585 27.3985 53.0585 27.2361C53.0585 27.0737 52.9894 26.9179 52.8664 26.8031C52.7433 26.6883 52.5764 26.6237 52.4024 26.6237ZM52.4024 23.5619H45.8413C45.6672 23.5619 45.5004 23.6264 45.3773 23.7412C45.2543 23.8561 45.1851 24.0118 45.1851 24.1742C45.1851 24.3367 45.2543 24.4924 45.3773 24.6073C45.5004 24.7221 45.6672 24.7866 45.8413 24.7866H52.4024C52.5764 24.7866 52.7433 24.7221 52.8664 24.6073C52.9894 24.4924 53.0585 24.3367 53.0585 24.1742C53.0585 24.0118 52.9894 23.8561 52.8664 23.7412C52.7433 23.6264 52.5764 23.5619 52.4024 23.5619Z" fill="white"/>
+<path d="M66.9067 30C67.6011 30 72.9327 26 72.9327 24C72.9327 22 67.7357 18 66.9067 18C66.0777 18 65.4023 18.5 65.4023 19.4756C65.4023 20.4512 68.9067 22.9206 68.9067 22.9206C68.9067 22.9206 61.2539 22.25 61 22.9206C60.7461 23.5911 60.7461 24.4089 61 25.0794C61.2539 25.75 68.9067 25.0794 68.9067 25.0794C68.9067 25.0794 65.4023 27.75 65.4023 28.5301C65.4023 29.3103 66.2123 30 66.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip0_1144_162073)">
+<path d="M81 1.05495V13.1763H95.9563V0H81.625C81.4592 0 81.3003 0.111146 81.1831 0.308988C81.0658 0.506829 81 0.77516 81 1.05495Z" fill="url(#paint0_linear_1144_162073)"/>
+<path d="M95.9563 17.3962H81V30.5725H95.9563V17.3962Z" fill="#84AFF1"/>
+<path d="M95.9563 34.8132H81V48.0001H95.9563V34.8132Z" fill="#84AFF1"/>
+<path d="M81 1.04083V13H96V0H81.6268C81.4606 0 81.3011 0.109659 81.1836 0.304853C81.066 0.500047 81 0.764787 81 1.04083Z" fill="url(#paint1_linear_1144_162073)"/>
+<path d="M96 17.5H81V30.5H96V17.5Z" fill="#84AFF1"/>
+<path d="M96 35H81V48H96V35Z" fill="#84AFF1"/>
+<path d="M88.58 10.25H89.0225V9.63828C90.2662 9.57764 90.9946 8.9791 91 8.00879C90.9946 7.14658 90.3984 6.61924 89.3085 6.38457L89.0225 6.32129V5.19541C89.4056 5.25078 89.616 5.46699 89.6457 5.79395H90.9245C90.9137 4.84209 90.1826 4.18027 89.0225 4.10908V3.5H88.58V4.10908C87.4362 4.18555 86.6349 4.83418 86.643 5.77813C86.6403 6.59814 87.2284 7.05957 88.1835 7.27314L88.58 7.36279V8.55195C88.1079 8.49658 87.8058 8.23291 87.7788 7.77676H86.5C86.5162 8.97119 87.3174 9.575 88.58 9.63828V10.25ZM89.0225 8.54932V7.4709C89.446 7.59746 89.6403 7.75039 89.6457 8.00615C89.6403 8.28565 89.4164 8.49131 89.0225 8.54932ZM88.58 6.21582C88.2266 6.11035 88.0162 5.95215 88.0243 5.68848C88.027 5.44063 88.2104 5.24814 88.58 5.19541V6.21582Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_162073)">
+<path d="M114.956 17.3962H100V30.5725H114.956V17.3962Z" fill="#84AFF1"/>
+<path d="M114.956 34.8132H100V48.0001H114.956V34.8132Z" fill="#84AFF1"/>
+<path d="M115 17.5001H100V30.5001H115V17.5001Z" fill="#84AFF1"/>
+<path d="M115 35.0001H100V48.0001H115V35.0001Z" fill="#84AFF1"/>
+<path d="M100 13.0001H115V1.04089C115 0.764848 114.934 0.500108 114.816 0.304914C114.699 0.10972 114.539 6.10352e-05 114.373 6.10352e-05L100 6.10352e-05V13.0001Z" fill="url(#paint2_linear_1144_162073)"/>
+<path d="M107.58 10.25H108.022V9.63828C109.266 9.57764 109.995 8.9791 110 8.00879C109.995 7.14658 109.398 6.61924 108.308 6.38457L108.022 6.32129V5.19541C108.406 5.25078 108.616 5.46699 108.646 5.79395H109.924C109.914 4.84209 109.183 4.18027 108.022 4.10908V3.5H107.58V4.10908C106.436 4.18555 105.635 4.83418 105.643 5.77813C105.64 6.59814 106.228 7.05957 107.183 7.27314L107.58 7.36279V8.55195C107.108 8.49658 106.806 8.23291 106.779 7.77676H105.5C105.516 8.97119 106.317 9.575 107.58 9.63828V10.25ZM108.022 8.54932V7.4709C108.446 7.59746 108.64 7.75039 108.646 8.00615C108.64 8.28565 108.416 8.49131 108.022 8.54932ZM107.58 6.21582C107.227 6.11035 107.016 5.95215 107.024 5.68848C107.027 5.44063 107.21 5.24814 107.58 5.19541V6.21582Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip2_1144_162073)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint3_linear_1144_162073)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1144_162073)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint4_linear_1144_162073)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24.5 9.43623H26.0663V8.71449H26.1149C26.3155 9.12609 26.7621 9.5 27.5129 9.5C28.6133 9.5 29.5 8.72898 29.5 7.21304C29.5 5.64203 28.5615 4.92609 27.5227 4.92609C26.7362 4.92609 26.3058 5.33768 26.1149 5.74638H26.0825V3.5H24.5V9.43623ZM26.0502 7.21015C26.0502 6.48261 26.3867 6.03333 26.966 6.03333C27.5518 6.03333 27.8754 6.4942 27.8754 7.21015C27.8754 7.92899 27.5518 8.39565 26.966 8.39565C26.3867 8.39565 26.0502 7.93188 26.0502 7.21015Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162073" x1="81" y1="6.59344" x2="95.9563" y2="6.59344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162073" x1="81" y1="6.5052" x2="96" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162073" x1="100" y1="6.50527" x2="115" y2="6.50527" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162073" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1144_162073" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162073">
+<rect width="15" height="48" fill="white" transform="translate(81)"/>
+</clipPath>
+<clipPath id="clip1_1144_162073">
+<rect width="15" height="48" fill="white" transform="translate(100)"/>
+</clipPath>
+<clipPath id="clip2_1144_162073">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip3_1144_162073">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/rowsToFields.svg b/public/img/transformations/dark/rowsToFields.svg
new file mode 100755
index 00000000000..6b8b63d604f
--- /dev/null
+++ b/public/img/transformations/dark/rowsToFields.svg
@@ -0,0 +1,49 @@
+<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162454)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M6.84608 27C7.52244 27 7.9902 26.7377 8.25569 26.2415H8.29362V26.9178H9.74747V23.6182C9.74747 22.591 8.83407 22 7.59829 22C6.29298 22 5.55341 22.6574 5.43015 23.5424L6.85556 23.5929C6.92193 23.2832 7.17794 23.0936 7.58565 23.0936C7.96492 23.0936 8.20512 23.2769 8.20512 23.6024V23.6182C8.20512 23.9153 7.88274 23.9785 7.05468 24.0512C6.07174 24.1334 5.25 24.4968 5.25 25.5714C5.25 26.5322 5.91688 27 6.84608 27ZM7.32333 25.9886C6.96618 25.9886 6.71334 25.818 6.71334 25.4956C6.71334 25.1827 6.95986 24.993 7.39918 24.9267C7.68679 24.8856 8.04077 24.8224 8.2146 24.7307V25.1922C8.2146 25.6662 7.81637 25.9886 7.32333 25.9886Z" fill="#24292E"/>
+<path d="M5 44.4362H6.56634V43.7145H6.61489C6.81553 44.1261 7.26214 44.5 8.01294 44.5C9.11327 44.5 10 43.729 10 42.213C10 40.642 9.06149 39.9261 8.02265 39.9261C7.23625 39.9261 6.80583 40.3377 6.61489 40.7464H6.58252V38.5H5V44.4362ZM6.55016 42.2101C6.55016 41.4826 6.88673 41.0333 7.46602 41.0333C8.05178 41.0333 8.3754 41.4942 8.3754 42.2101C8.3754 42.929 8.05178 43.3957 7.46602 43.3957C6.88673 43.3957 6.55016 42.9319 6.55016 42.2101Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1144_162454)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1144_162454)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M27.5 21H26.0716L24.5 21.9199V23.1738L25.9253 22.3535H25.9627V27H27.5V21Z" fill="#24292E"/>
+<path d="M24.3373 44.5H28.75V43.3468H26.3341V43.3092L27.0472 42.6561C28.3396 41.5376 28.6772 40.9682 28.6772 40.289C28.6772 39.2225 27.8011 38.5 26.4476 38.5C25.129 38.5 24.2471 39.2543 24.25 40.4595H25.6151C25.6151 39.9249 25.947 39.6156 26.4418 39.6156C26.9279 39.6156 27.2801 39.9133 27.2801 40.4017C27.2801 40.8439 27.0006 41.1445 26.5116 41.5809L24.3373 43.4711V44.5Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0777 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2123 30 47.9067 30Z" fill="#CCCCDC"/>
+<path d="M62 9.79083V21.75H77V8.75H62.6268C62.4606 8.75 62.3011 8.85966 62.1836 9.05485C62.066 9.25005 62 9.51479 62 9.79083Z" fill="url(#paint2_linear_1144_162454)"/>
+<path d="M77 26.25H62V39.25H77V26.25Z" fill="#84AFF1"/>
+<path d="M70.5 29.75H69.0716L67.5 30.6699V31.9238L68.9253 31.1035H68.9627V35.75H70.5V29.75Z" fill="#24292E"/>
+<path d="M68.7744 18.25C69.5264 18.25 70.0464 17.9877 70.3415 17.4915H70.3837V18.1678H72V14.8682C72 13.841 70.9845 13.25 69.6107 13.25C68.1595 13.25 67.3373 13.9074 67.2003 14.7924L68.785 14.8429C68.8587 14.5332 69.1434 14.3436 69.5966 14.3436C70.0183 14.3436 70.2853 14.5269 70.2853 14.8524V14.8682C70.2853 15.1653 69.9269 15.2285 69.0063 15.3012C67.9136 15.3834 67 15.7468 67 16.8214C67 17.7822 67.7414 18.25 68.7744 18.25ZM69.305 17.2386C68.9079 17.2386 68.6268 17.068 68.6268 16.7456C68.6268 16.4327 68.9009 16.243 69.3893 16.1767C69.7091 16.1356 70.1026 16.0724 70.2959 15.9807V16.4422C70.2959 16.9162 69.8531 17.2386 69.305 17.2386Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1144_162454)">
+<path d="M81 21.75H96V9.79083C96 9.51479 95.934 9.25005 95.8164 9.05485C95.6989 8.85966 95.5394 8.75 95.3732 8.75H81V21.75Z" fill="url(#paint3_linear_1144_162454)"/>
+<path d="M96 26.25H81V39.25H96V26.25Z" fill="#84AFF1"/>
+<path d="M86.3373 35.75H90.75V34.5968H88.3341V34.5592L89.0472 33.9061C90.3396 32.7876 90.6772 32.2182 90.6772 31.539C90.6772 30.4725 89.8011 29.75 88.4476 29.75C87.129 29.75 86.2471 30.5043 86.25 31.7095H87.6151C87.6151 31.1749 87.947 30.8656 88.4418 30.8656C88.9279 30.8656 89.2801 31.1633 89.2801 31.6517C89.2801 32.0939 89.0006 32.3945 88.5116 32.8309L86.3373 34.7211V35.75Z" fill="#24292E"/>
+<path d="M86 18.4362H87.5663V17.7145H87.6149C87.8155 18.1261 88.2621 18.5 89.0129 18.5C90.1133 18.5 91 17.729 91 16.213C91 14.642 90.0615 13.9261 89.0227 13.9261C88.2362 13.9261 87.8058 14.3377 87.6149 14.7464H87.5825V12.5H86V18.4362ZM87.5502 16.2101C87.5502 15.4826 87.8867 15.0333 88.466 15.0333C89.0518 15.0333 89.3754 15.4942 89.3754 16.2101C89.3754 16.929 89.0518 17.3957 88.466 17.3957C87.8867 17.3957 87.5502 16.9319 87.5502 16.2101Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162454" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162454" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162454" x1="62" y1="15.2552" x2="77" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162454" x1="81" y1="15.2552" x2="96" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162454">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip1_1144_162454">
+<rect width="15" height="30.5" fill="white" transform="translate(81 8.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/seriesToRows.svg b/public/img/transformations/dark/seriesToRows.svg
new file mode 100755
index 00000000000..2d1486b6041
--- /dev/null
+++ b/public/img/transformations/dark/seriesToRows.svg
@@ -0,0 +1,64 @@
+<svg width="138" height="59" viewBox="0 0 138 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_162345)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.68848 53.3679H7.69842C7.6899 52.5518 7.04004 52 6.02583 52C5.02868 52 4.31064 52.5433 4.31703 53.3551C4.3149 54.0178 4.77939 54.3906 5.53365 54.5632L5.98961 54.6697C6.46902 54.7805 6.68422 54.9105 6.68848 55.1555C6.68422 55.4219 6.43493 55.6072 6.01092 55.6072C5.5443 55.6072 5.23748 55.3899 5.21404 54.9702H4.2041C4.21689 55.9908 4.9264 56.4787 6.0237 56.4787C7.11035 56.4787 7.75382 55.9865 7.75808 55.1577C7.75382 54.4609 7.28294 54.0348 6.42214 53.8452L6.04714 53.7599C5.65083 53.6747 5.39941 53.5426 5.40794 53.2827C5.41007 53.044 5.61461 52.8714 6.0237 52.8714C6.43493 52.8714 6.66078 53.0568 6.68848 53.3679Z" fill="#CCCCDC"/>
+<path d="M10.3 52.0597H9.322L8.24601 52.7287V53.6406L9.22186 53.044H9.24743V56.4233H10.3V52.0597Z" fill="#CCCCDC"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<path d="M27.3343 35.5H30.674V31.174H35V27.8343H30.674V23.5H27.3343V27.8343H23V31.174H27.3343V35.5Z" fill="#CCCCDC"/>
+<path d="M58 27H43V40H58V27Z" fill="#3865AB"/>
+<path d="M43 10.5408V22.5H58V9.5H43.6268L43 9.50004L43 10.5408Z" fill="url(#paint1_linear_1144_162345)"/>
+<path d="M50.4792 36.5C51.8085 36.5 52.7528 35.7757 52.75 34.7605C52.7528 34.0418 52.2958 33.5285 51.4208 33.423V33.3774C52.0771 33.2804 52.5423 32.827 52.5395 32.1711C52.5423 31.2186 51.706 30.5 50.4903 30.5C49.2663 30.5 48.3746 31.23 48.3635 32.2681H49.6734C49.6845 31.8688 50.0334 31.6008 50.4903 31.6008C50.9251 31.6008 51.2214 31.8717 51.2186 32.2624C51.2214 32.6673 50.8725 32.9468 50.3685 32.9468H49.8174V33.9506H50.3685C50.9417 33.9506 51.3155 34.2414 51.31 34.6521C51.3155 35.0656 50.9721 35.3536 50.4848 35.3536C50.0001 35.3536 49.6429 35.0884 49.6291 34.7034H48.25C48.2611 35.7586 49.1832 36.5 50.4792 36.5Z" fill="white"/>
+<path d="M49.4844 45.3679H50.4943C50.4858 44.5518 49.8359 44 48.8217 44C47.8246 44 47.1065 44.5433 47.1129 45.3551C47.1108 46.0178 47.5753 46.3906 48.3295 46.5632L48.7855 46.6697C49.2649 46.7805 49.4801 46.9105 49.4844 47.1555C49.4801 47.4219 49.2308 47.6072 48.8068 47.6072C48.3402 47.6072 48.0334 47.3899 48.0099 46.9702H47C47.0128 47.9908 47.7223 48.4787 48.8196 48.4787C49.9062 48.4787 50.5497 47.9865 50.554 47.1577C50.5497 46.4609 50.0788 46.0348 49.218 45.8452L48.843 45.7599C48.4467 45.6747 48.1953 45.5426 48.2038 45.2827C48.206 45.044 48.4105 44.8714 48.8196 44.8714C49.2308 44.8714 49.4567 45.0568 49.4844 45.3679Z" fill="#CCCCDC"/>
+<path d="M51.0781 48.4233H54.3082V47.5732H52.5398V47.5455L53.0618 47.0639C54.0078 46.2393 54.255 45.8196 54.255 45.3189C54.255 44.5327 53.6136 44 52.6229 44C51.6577 44 51.0121 44.5561 51.0142 45.4446H52.0135C52.0135 45.0504 52.2564 44.8224 52.6186 44.8224C52.9744 44.8224 53.2322 45.0419 53.2322 45.402C53.2322 45.728 53.0277 45.9496 52.6697 46.2713L51.0781 47.6648V48.4233Z" fill="#CCCCDC"/>
+<path d="M49.7744 18.5C50.5264 18.5 51.0464 18.2377 51.3415 17.7415H51.3837V18.4178H53V15.1182C53 14.091 51.9845 13.5 50.6107 13.5C49.1595 13.5 48.3373 14.1574 48.2003 15.0424L49.785 15.0929C49.8587 14.7832 50.1434 14.5936 50.5966 14.5936C51.0183 14.5936 51.2853 14.7769 51.2853 15.1024V15.1182C51.2853 15.4153 50.9269 15.4785 50.0063 15.5512C48.9136 15.6334 48 15.9968 48 17.0714C48 18.0322 48.7414 18.5 49.7744 18.5ZM50.305 17.4886C49.9079 17.4886 49.6268 17.318 49.6268 16.9956C49.6268 16.6827 49.9009 16.493 50.3893 16.4267C50.7091 16.3856 51.1026 16.3224 51.2959 16.2307V16.6922C51.2959 17.1662 50.8531 17.4886 50.305 17.4886Z" fill="#24292E"/>
+<path d="M71.9067 35.5C72.6011 35.5 77.9327 31.5 77.9327 29.5C77.9327 27.5 72.7357 23.5 71.9067 23.5C71.0777 23.5 70.4023 24 70.4023 24.9756C70.4023 25.9512 73.9067 28.4206 73.9067 28.4206C73.9067 28.4206 66.2539 27.75 66 28.4206C65.7461 29.0911 65.7461 29.9089 66 30.5794C66.2539 31.25 73.9067 30.5794 73.9067 30.5794C73.9067 30.5794 70.4023 33.25 70.4023 34.0301C70.4023 34.8103 71.2123 35.5 71.9067 35.5Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip0_1144_162345)">
+<path d="M110 18.5H86V28H110V18.5Z" fill="#84AFF1"/>
+<path d="M110 31.25H86V40.75H110V31.25Z" fill="#84AFF1"/>
+<path d="M110 44H86V53.5H110V44Z" fill="#3865AB"/>
+<path d="M86 6.30064V15.5H110V5.5H87.0029C86.7369 5.5 86.4818 5.58435 86.2937 5.7345C86.1057 5.88465 86 6.0883 86 6.30064Z" fill="url(#paint2_linear_1144_162345)"/>
+<path d="M97.4453 22.3744H98.4394C98.431 21.5545 97.7913 21 96.7931 21C95.8116 21 95.1049 21.5459 95.1111 22.3616C95.1091 23.0274 95.5662 23.402 96.3086 23.5754L96.7574 23.6824C97.2293 23.7938 97.4411 23.9244 97.4453 24.1706C97.4411 24.4382 97.1957 24.6244 96.7784 24.6244C96.3191 24.6244 96.0171 24.406 95.9941 23.9843H95C95.0126 25.0098 95.7109 25.5 96.791 25.5C97.8605 25.5 98.4939 25.0055 98.4981 24.1727C98.4939 23.4726 98.0304 23.0445 97.1832 22.8539L96.8141 22.7683C96.424 22.6827 96.1765 22.55 96.1849 22.2888C96.187 22.049 96.3883 21.8756 96.791 21.8756C97.1957 21.8756 97.418 22.0618 97.4453 22.3744Z" fill="#24292E"/>
+<path d="M101 21.0599H100.037L98.9783 21.7322V22.6484L99.9388 22.049H99.964V25.4443H101V21.0599Z" fill="#24292E"/>
+<path d="M97.4453 35.1244H98.4394C98.431 34.3045 97.7913 33.75 96.7931 33.75C95.8116 33.75 95.1049 34.2959 95.1111 35.1116C95.1091 35.7774 95.5662 36.152 96.3086 36.3254L96.7574 36.4324C97.2293 36.5438 97.4411 36.6744 97.4453 36.9206C97.4411 37.1882 97.1957 37.3744 96.7784 37.3744C96.3191 37.3744 96.0171 37.156 95.9941 36.7343H95C95.0126 37.7598 95.7109 38.25 96.791 38.25C97.8605 38.25 98.4939 37.7555 98.4981 36.9227C98.4939 36.2226 98.0304 35.7945 97.1832 35.6039L96.8141 35.5183C96.424 35.4327 96.1765 35.3 96.1849 35.0388C96.187 34.799 96.3883 34.6256 96.791 34.6256C97.1957 34.6256 97.418 34.8118 97.4453 35.1244Z" fill="#24292E"/>
+<path d="M101 33.8099H100.037L98.9783 34.4822V35.3984L99.9388 34.799H99.964V38.1943H101V33.8099Z" fill="#24292E"/>
+<path d="M96.9962 47.8744H98.0109C98.0024 47.0545 97.3494 46.5 96.3304 46.5C95.3285 46.5 94.607 47.0459 94.6135 47.8616C94.6113 48.5274 95.078 48.902 95.8359 49.0754L96.294 49.1824C96.7757 49.2938 96.9919 49.4244 96.9962 49.6706C96.9919 49.9382 96.7414 50.1244 96.3154 50.1244C95.8466 50.1244 95.5383 49.906 95.5147 49.4843H94.5C94.5128 50.5098 95.2257 51 96.3283 51C97.4201 51 98.0666 50.5055 98.0709 49.6727C98.0666 48.9726 97.5935 48.5445 96.7286 48.3539L96.3518 48.2683C95.9536 48.1827 95.701 48.05 95.7096 47.7888C95.7117 47.549 95.9172 47.3756 96.3283 47.3756C96.7414 47.3756 96.9684 47.5618 96.9962 47.8744Z" fill="white"/>
+<path d="M98.5975 50.9443H101.843V50.0902H100.066V50.0623L100.591 49.5785C101.541 48.75 101.789 48.3283 101.789 47.8252C101.789 47.0352 101.145 46.5 100.15 46.5C99.1798 46.5 98.5312 47.0588 98.5333 47.9515H99.5373C99.5373 47.5554 99.7814 47.3264 100.145 47.3264C100.503 47.3264 100.762 47.5469 100.762 47.9087C100.762 48.2362 100.556 48.4588 100.197 48.7821L98.5975 50.1822V50.9443Z" fill="white"/>
+</g>
+<g clip-path="url(#clip1_1144_162345)">
+<path d="M114 15.5H138V6.30064C138 6.0883 137.894 5.88465 137.706 5.7345C137.518 5.58435 137.263 5.5 136.997 5.5H114V15.5Z" fill="url(#paint3_linear_1144_162345)"/>
+<path d="M138 18.5H114V28H138V18.5Z" fill="#84AFF1"/>
+<path d="M138 31.25H114V40.75H138V31.25Z" fill="#84AFF1"/>
+<path d="M138 44H114V53.5H138V44Z" fill="#3865AB"/>
+<path d="M127 20.25H125.572L124 21.1699V22.4238L125.425 21.6035H125.463V26.25H127V20.25Z" fill="#24292E"/>
+<path d="M123.837 39H128.25V37.8468H125.834V37.8092L126.547 37.1561C127.84 36.0376 128.177 35.4682 128.177 34.789C128.177 33.7225 127.301 33 125.948 33C124.629 33 123.747 33.7543 123.75 34.9595H125.115C125.115 34.4249 125.447 34.1156 125.942 34.1156C126.428 34.1156 126.78 34.4133 126.78 34.9017C126.78 35.3439 126.501 35.6445 126.012 36.0809L123.837 37.9711V39Z" fill="#24292E"/>
+<path d="M125.979 51.75C127.308 51.75 128.253 51.0257 128.25 50.0105C128.253 49.2918 127.796 48.7785 126.921 48.673V48.6274C127.577 48.5304 128.042 48.077 128.04 47.4211C128.042 46.4686 127.206 45.75 125.99 45.75C124.766 45.75 123.875 46.48 123.864 47.5181H125.173C125.184 47.1188 125.533 46.8508 125.99 46.8508C126.425 46.8508 126.721 47.1217 126.719 47.5124C126.721 47.9173 126.372 48.1968 125.868 48.1968H125.317V49.2006H125.868C126.442 49.2006 126.816 49.4914 126.81 49.9021C126.816 50.3156 126.472 50.6036 125.985 50.6036C125.5 50.6036 125.143 50.3384 125.129 49.9534H123.75C123.761 51.0086 124.683 51.75 125.979 51.75Z" fill="white"/>
+<path d="M124.774 13C125.526 13 126.046 12.7377 126.342 12.2415H126.384V12.9178H128V9.6182C128 8.59102 126.985 8 125.611 8C124.16 8 123.337 8.6574 123.2 9.54235L124.785 9.59292C124.859 9.28319 125.143 9.09355 125.597 9.09355C126.018 9.09355 126.285 9.27686 126.285 9.6024V9.6182C126.285 9.9153 125.927 9.97851 125.006 10.0512C123.914 10.1334 123 10.4968 123 11.5714C123 12.5322 123.741 13 124.774 13ZM125.305 11.9886C124.908 11.9886 124.627 11.818 124.627 11.4956C124.627 11.1827 124.901 10.993 125.389 10.9267C125.709 10.8856 126.103 10.8224 126.296 10.7307V11.1922C126.296 11.6662 125.853 11.9886 125.305 11.9886Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_162345" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_162345" x1="43" y1="16.0052" x2="58" y2="16.0052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1144_162345" x1="86" y1="10.504" x2="110" y2="10.504" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1144_162345" x1="114" y1="10.504" x2="138" y2="10.504" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_162345">
+<rect width="24" height="48" fill="white" transform="translate(86 5.5)"/>
+</clipPath>
+<clipPath id="clip1_1144_162345">
+<rect width="24" height="48" fill="white" transform="translate(114 5.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/sortBy.svg b/public/img/transformations/dark/sortBy.svg
new file mode 100755
index 00000000000..0c1ee5c6bae
--- /dev/null
+++ b/public/img/transformations/dark/sortBy.svg
@@ -0,0 +1,34 @@
+<svg width="77" height="48" viewBox="0 0 77 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3704 20.6776C23.308 20.6218 23.2344 20.5781 23.1539 20.549C22.9941 20.4877 22.815 20.4877 22.6552 20.549C22.5747 20.5781 22.5011 20.6218 22.4387 20.6776L21.1265 21.9023C21.0029 22.0177 20.9335 22.174 20.9335 22.3371C20.9335 22.5002 21.0029 22.6566 21.1265 22.7719C21.25 22.8872 21.4176 22.952 21.5923 22.952C21.7671 22.952 21.9346 22.8872 22.0582 22.7719L22.2484 22.5882V27.2361C22.2484 27.3985 22.3176 27.5543 22.4406 27.6691C22.5637 27.784 22.7306 27.8485 22.9046 27.8485C23.0786 27.8485 23.2455 27.784 23.3685 27.6691C23.4916 27.5543 23.5607 27.3985 23.5607 27.2361V22.5882L23.751 22.7719C23.8119 22.8293 23.8845 22.8749 23.9645 22.906C24.0444 22.937 24.1302 22.953 24.2168 22.953C24.3034 22.953 24.3892 22.937 24.4691 22.906C24.5491 22.8749 24.6216 22.8293 24.6826 22.7719C24.7441 22.715 24.7929 22.6473 24.8263 22.5726C24.8596 22.498 24.8767 22.418 24.8767 22.3371C24.8767 22.2563 24.8596 22.1762 24.8263 22.1016C24.7929 22.027 24.7441 21.9593 24.6826 21.9023L23.3704 20.6776ZM26.8413 21.7247H33.4024C33.5764 21.7247 33.7433 21.6602 33.8664 21.5454C33.9894 21.4305 34.0585 21.2748 34.0585 21.1124C34.0585 20.95 33.9894 20.7942 33.8664 20.6794C33.7433 20.5645 33.5764 20.5 33.4024 20.5H26.8413C26.6672 20.5 26.5004 20.5645 26.3773 20.6794C26.2543 20.7942 26.1851 20.95 26.1851 21.1124C26.1851 21.2748 26.2543 21.4305 26.3773 21.5454C26.5004 21.6602 26.6672 21.7247 26.8413 21.7247ZM33.4024 26.6237H26.8413C26.6672 26.6237 26.5004 26.6883 26.3773 26.8031C26.2543 26.918 26.1851 27.0737 26.1851 27.2361C26.1851 27.3985 26.2543 27.5543 26.3773 27.6691C26.5004 27.784 26.6672 27.8485 26.8413 27.8485H33.4024C33.5764 27.8485 33.7433 27.784 33.8664 27.6691C33.9894 27.5543 34.0585 27.3985 34.0585 27.2361C34.0585 27.0737 33.9894 26.918 33.8664 26.8031C33.7433 26.6883 33.5764 26.6237 33.4024 26.6237ZM33.4024 23.5619H26.8413C26.6672 23.5619 26.5004 23.6264 26.3773 23.7412C26.2543 23.8561 26.1851 24.0118 26.1851 24.1742C26.1851 24.3367 26.2543 24.4924 26.3773 24.6073C26.5004 24.7221 26.6672 24.7866 26.8413 24.7866H33.4024C33.5764 24.7866 33.7433 24.7221 33.8664 24.6073C33.9894 24.4924 34.0585 24.3367 34.0585 24.1742C34.0585 24.0118 33.9894 23.8561 33.8664 23.7412C33.7433 23.6264 33.5764 23.5619 33.4024 23.5619Z" fill="white"/>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0777 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2123 30 47.9067 30Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip0_1144_161700)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1144_161700)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1144_161700)">
+<path d="M77 17.5H62V30.5H77V17.5Z" fill="#84AFF1"/>
+<path d="M77 35H62V48H77V35Z" fill="#84AFF1"/>
+<path d="M62 13H77V1.04083C77 0.764787 76.934 0.500047 76.8164 0.304853C76.6989 0.109659 76.5394 0 76.3732 0L62 0V13Z" fill="url(#paint1_linear_1144_161700)"/>
+<path d="M70.5 38.5H69.0716L67.5 39.4199V40.6738L68.9253 39.8535H68.9627V44.5H70.5V38.5Z" fill="#24292E"/>
+<path d="M67.3373 27H71.75V25.8468H69.3341V25.8092L70.0472 25.1561C71.3396 24.0376 71.6772 23.4682 71.6772 22.789C71.6772 21.7225 70.8011 21 69.4476 21C68.129 21 67.2471 21.7543 67.25 22.9595H68.6151C68.6151 22.4249 68.947 22.1156 69.4418 22.1156C69.9279 22.1156 70.2801 22.4133 70.2801 22.9017C70.2801 23.3439 70.0006 23.6445 69.5116 24.0809L67.3373 25.9711V27Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1144_161700" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1144_161700" x1="62" y1="6.5052" x2="77" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1144_161700">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1144_161700">
+<rect width="15" height="48" fill="white" transform="translate(62)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/dark/spatial.svg b/public/img/transformations/dark/spatial.svg
new file mode 100755
index 00000000000..2775dcbda0c
--- /dev/null
+++ b/public/img/transformations/dark/spatial.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.7436 30.2214C10.4012 30.2214 10.0827 30.3965 9.89924 30.6856L1.15566 44.4642C0.96022 44.7722 0.947975 45.1622 1.1237 45.4818C1.29943 45.8014 1.63525 46 2 46H24H46C46.3648 46 46.7006 45.8014 46.8763 45.4818C47.052 45.1622 47.0398 44.7722 46.8443 44.4642L38.1008 30.6856C37.9173 30.3965 37.5988 30.2214 37.2564 30.2214H24H10.7436Z" fill="url(#paint0_linear_1144_162218)" stroke="#CCCCDC" stroke-width="2" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 26.7682C17.25 30.6622 21.6037 35.6872 24 38.0189C26.3962 35.6988 30.75 30.6622 30.75 26.7682C30.75 24.9129 30.0388 23.1336 28.773 21.8218C27.5071 20.5099 25.7902 19.7729 24 19.7729C22.2098 19.7729 20.4929 20.5099 19.227 21.8218C17.9612 23.1336 17.25 24.9129 17.25 26.7682ZM22.7501 28.7068C23.1201 28.963 23.5551 29.0997 24.0001 29.0997C24.5969 29.0997 25.1692 28.8541 25.5911 28.4168C26.0131 27.9795 26.2501 27.3864 26.2501 26.768C26.2501 26.3068 26.1182 25.856 25.8709 25.4725C25.6237 25.0891 25.2723 24.7902 24.8612 24.6137C24.45 24.4372 23.9976 24.3911 23.5612 24.481C23.1247 24.571 22.7238 24.7931 22.4091 25.1192C22.0945 25.4453 21.8802 25.8608 21.7934 26.3131C21.7065 26.7654 21.7511 27.2342 21.9214 27.6603C22.0917 28.0864 22.3801 28.4506 22.7501 28.7068Z" fill="#E02F44"/>
+<path d="M24 17.4426C21.6131 17.4426 19.3239 18.4252 17.636 20.1744C15.9482 21.9236 15 24.2959 15 26.7696C15 33.0654 22.9313 40.1773 23.2688 40.4804C23.4725 40.661 23.7319 40.7603 24 40.7603C24.2681 40.7603 24.5275 40.661 24.7312 40.4804C25.125 40.1773 33 33.0654 33 26.7696C33 24.2959 32.0518 21.9236 30.364 20.1744C28.6761 18.4252 26.3869 17.4426 24 17.4426ZM24 38.0204C21.6037 35.6886 17.25 30.6637 17.25 26.7696C17.25 24.9144 17.9612 23.1351 19.227 21.8232C20.4929 20.5113 22.2098 19.7743 24 19.7743C25.7902 19.7743 27.5071 20.5113 28.773 21.8232C30.0388 23.1351 30.75 24.9144 30.75 26.7696C30.75 30.6637 26.3963 35.7003 24 38.0204Z" fill="#22252B"/>
+<defs>
+<linearGradient id="paint0_linear_1144_162218" x1="46" y1="38.2709" x2="3.41025" y2="38.2709" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF9830"/>
+<stop offset="1" stop-color="#F2CC0C"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/calculateField.svg b/public/img/transformations/light/calculateField.svg
new file mode 100755
index 00000000000..bc95a8613f7
--- /dev/null
+++ b/public/img/transformations/light/calculateField.svg
@@ -0,0 +1,27 @@
+<svg width="101" height="48" viewBox="0 0 101 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H31V0H1.29545C0.951872 0 0.62237 0.109659 0.379427 0.304853C0.136484 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126353)"/>
+<path d="M31 17H0V48H31V17Z" fill="#84AFF1"/>
+<path d="M17 29.5H15.0954L13 30.7266V32.3984L14.9004 31.3047H14.9502V37.5H17V29.5Z" fill="#24292E"/>
+<path d="M66 0H35V13H66V0Z" fill="url(#paint1_linear_1248_126353)"/>
+<path d="M66 17H35V48H66V17Z" fill="#84AFF1"/>
+<path d="M48.1164 37.5H54V35.9624H50.7788V35.9123L51.7296 35.0414C53.4528 33.5501 53.903 32.7909 53.903 31.8854C53.903 30.4634 52.7348 29.5 50.9301 29.5C49.1721 29.5 47.9961 30.5058 48 32.1127H49.8202C49.8202 31.3998 50.2626 30.9875 50.9224 30.9875C51.5705 30.9875 52.0401 31.3844 52.0401 32.0356C52.0401 32.6252 51.6675 33.026 51.0155 33.6079L48.1164 36.1281V37.5Z" fill="#24292E"/>
+<path d="M70 13H101V1.04083C101 0.764787 100.864 0.500047 100.621 0.304853C100.378 0.109659 100.048 0 99.7046 0L70 0V13Z" fill="url(#paint2_linear_1248_126353)"/>
+<path d="M101 17H70V48H101V17Z" fill="#84AFF1"/>
+<path d="M78 29H76.0954L74 30.2266V31.8984L75.9004 30.8047H75.9502V37H78V29Z" fill="#24292E"/>
+<path d="M90.1164 37H96V35.4624H92.7788V35.4123L93.7296 34.5414C95.4528 33.0501 95.903 32.2909 95.903 31.3854C95.903 29.9634 94.7348 29 92.9301 29C91.1721 29 89.9961 30.0058 90 31.6127H91.8202C91.8202 30.8998 92.2626 30.4875 92.9224 30.4875C93.5705 30.4875 94.0401 30.8844 94.0401 31.5356C94.0401 32.1252 93.6675 32.526 93.0155 33.1079L90.1164 35.6281V37Z" fill="#24292E"/>
+<path d="M83.7432 36H85.2568V34.2568H87V32.7432H85.2568V31H83.7432V32.7432H82V34.2568H83.7432V36Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126353" x1="0" y1="6.5052" x2="31" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126353" x1="35" y1="6.5052" x2="66.013" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126353" x1="70" y1="6.5052" x2="101" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/concatenate.svg b/public/img/transformations/light/concatenate.svg
new file mode 100755
index 00000000000..18636a31f62
--- /dev/null
+++ b/public/img/transformations/light/concatenate.svg
@@ -0,0 +1,86 @@
+<svg width="158" height="48" viewBox="0 0 158 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_125975)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0 0 0 0C0 0 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_125975)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+</g>
+<path d="M27.3343 30H30.674V25.674H35V22.3343H30.674V18H27.3343V22.3343H23V25.674H27.3343V30Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_125975)">
+<path d="M58 26.5H43V39.5H58V26.5Z" fill="#3865AB"/>
+<path d="M43 10.0408V22H58V9H43.6268C43.4606 9 43.3011 9.10966 43.1836 9.30485C43.066 9.50005 43 9.76479 43 10.0408Z" fill="url(#paint1_linear_1248_125975)"/>
+<path d="M51.5 30H50.0716L48.5 30.9199V32.1738L49.9253 31.3535H49.9627V36H51.5V30Z" fill="white"/>
+</g>
+<g clip-path="url(#clip2_1248_125975)">
+<path d="M77 26.5H62V39.5H77V26.5Z" fill="#3865AB"/>
+<path d="M62 22H77V10.0408C77 9.76479 76.934 9.50005 76.8164 9.30485C76.6989 9.10966 76.5394 9 76.3732 9H62V22Z" fill="url(#paint2_linear_1248_125975)"/>
+<path d="M67.3373 36H71.75V34.8468H69.3341V34.8092L70.0472 34.1561C71.3396 33.0376 71.6772 32.4682 71.6772 31.789C71.6772 30.7225 70.8011 30 69.4476 30C68.129 30 67.2471 30.7543 67.25 31.9595H68.6151C68.6151 31.4249 68.947 31.1156 69.4418 31.1156C69.9279 31.1156 70.2801 31.4133 70.2801 31.9017C70.2801 32.3439 70.0006 32.6445 69.5116 33.0809L67.3373 34.9711V36Z" fill="white"/>
+</g>
+<path d="M85 28.566H97V25.2034H85V28.566ZM85 22.7966H97V19.434H85V22.7966Z" fill="#24292E"/>
+<g clip-path="url(#clip3_1248_125975)">
+<path d="M105 1.04083V13H120V0H105.627C105.461 0 105.301 0.109659 105.184 0.304853C105.066 0.500047 105 0.764787 105 1.04083Z" fill="url(#paint3_linear_1248_125975)"/>
+<path d="M120 17.5H105V30.5H120V17.5Z" fill="#84AFF1"/>
+<path d="M120 35H105V48H120V35Z" fill="#84AFF1"/>
+<path d="M110.337 44.5H114.75V43.3468H112.334V43.3092L113.047 42.6561C114.34 41.5376 114.677 40.9682 114.677 40.289C114.677 39.2225 113.801 38.5 112.448 38.5C111.129 38.5 110.247 39.2543 110.25 40.4595H111.615C111.615 39.9249 111.947 39.6156 112.442 39.6156C112.928 39.6156 113.28 39.9133 113.28 40.4017C113.28 40.8439 113.001 41.1445 112.512 41.5809L110.337 43.4711V44.5Z" fill="#24292E"/>
+<path d="M113.5 21H112.072L110.5 21.9199V23.1738L111.925 22.3535H111.963V27H113.5V21Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1248_125975)">
+<path d="M139 35H124V48H139V35Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M124.5 35.5H138.5V47.5H124.5V35.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M124 1.04083V13H139V0H124.627C124.461 0 124 0 124 0C124 0 124 0.764787 124 1.04083Z" fill="url(#paint4_linear_1248_125975)"/>
+<path d="M139 17.5H124V30.5H139V17.5Z" fill="#3865AB"/>
+<path d="M132.5 21H131.072L129.5 21.9199V23.1738L130.925 22.3535H130.963V27H132.5V21Z" fill="white"/>
+</g>
+<g clip-path="url(#clip5_1248_125975)">
+<path d="M158 17.5H143V30.5H158V17.5Z" fill="#3865AB"/>
+<path d="M143 13H158V1.04083C158 0.764787 157.934 0.500047 157.816 0.304853C157.699 0.109659 157.539 0 157.373 0L143 0V13Z" fill="url(#paint5_linear_1248_125975)"/>
+<path d="M148.337 27H152.75V25.8468H150.334V25.8092L151.047 25.1561C152.34 24.0376 152.677 23.4682 152.677 22.789C152.677 21.7225 151.801 21 150.448 21C149.129 21 148.247 21.7543 148.25 22.9595H149.615C149.615 22.4249 149.947 22.1156 150.442 22.1156C150.928 22.1156 151.28 22.4133 151.28 22.9017C151.28 23.3439 151.001 23.6445 150.512 24.0809L148.337 25.9711V27Z" fill="white"/>
+<path d="M158 35H143V48H158V35Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M143.5 35.5H157.5V47.5H143.5V35.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_125975" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_125975" x1="43" y1="15.5052" x2="58" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_125975" x1="62" y1="15.5052" x2="77" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_125975" x1="105" y1="6.5052" x2="120" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_125975" x1="124" y1="6.5052" x2="139" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1248_125975" x1="143" y1="6.5052" x2="158" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_125975">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_125975">
+<rect width="15" height="30.5" fill="white" transform="translate(43 9)"/>
+</clipPath>
+<clipPath id="clip2_1248_125975">
+<rect width="15" height="30.5" fill="white" transform="translate(62 9)"/>
+</clipPath>
+<clipPath id="clip3_1248_125975">
+<rect width="15" height="48" fill="white" transform="translate(105)"/>
+</clipPath>
+<clipPath id="clip4_1248_125975">
+<rect width="15" height="48" fill="white" transform="translate(124)"/>
+</clipPath>
+<clipPath id="clip5_1248_125975">
+<rect width="15" height="48" fill="white" transform="translate(143)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/configFromData.svg b/public/img/transformations/light/configFromData.svg
new file mode 100755
index 00000000000..9fa755af2e8
--- /dev/null
+++ b/public/img/transformations/light/configFromData.svg
@@ -0,0 +1,76 @@
+<svg width="129" height="50" viewBox="0 0 129 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126588)">
+<path d="M0 2.04083V14H24V1H1.00293C0.736933 1 0 1 0 1C0 1 0 1.76479 0 2.04083Z" fill="url(#paint0_linear_1248_126588)"/>
+<path d="M24 18.5H0V31.5H24V18.5Z" fill="#84AFF1"/>
+<path d="M24 36H0V49H24V36Z" fill="#84AFF1"/>
+<path d="M3 27.3182H4.56818V24.7727C4.56818 24.392 4.76705 24.1591 5.09091 24.1591C5.41477 24.1591 5.625 24.392 5.625 24.7727V27.3182H7.125V24.7727C7.125 24.392 7.32386 24.1591 7.64773 24.1591C7.97159 24.1591 8.18182 24.392 8.18182 24.7727V27.3182H9.75V24.375C9.75 23.4801 9.17614 22.8977 8.34091 22.8977C7.69318 22.8977 7.17045 23.25 7.02273 23.7841H6.97727C6.88636 23.25 6.39773 22.8977 5.78409 22.8977C5.17898 22.8977 4.71591 23.2386 4.53409 23.7841H4.48864V22.9545H3V27.3182Z" fill="#24292E"/>
+<path d="M10.5234 28.9545H12.0916V26.6023H12.1143C12.2962 27.0455 12.7166 27.375 13.3303 27.375C14.2621 27.375 15.0462 26.6477 15.0462 25.1364C15.0462 23.5568 14.2053 22.8977 13.3416 22.8977C12.6939 22.8977 12.2848 23.2727 12.1143 23.7159H12.0803V22.9545H10.5234V28.9545ZM12.0575 25.1364C12.0575 24.4886 12.3189 24.1023 12.7507 24.1023C13.1825 24.1023 13.4325 24.4886 13.4325 25.1364C13.4325 25.7841 13.1825 26.1705 12.7507 26.1705C12.3189 26.1705 12.0575 25.7727 12.0575 25.1364Z" fill="#24292E"/>
+<path d="M17.2713 24.8636C17.2741 24.4318 17.5241 24.1705 17.9077 24.1705C18.3082 24.1705 18.5355 24.4318 18.5327 24.8636V27.3182H20.1009V24.5341C20.1037 23.5795 19.5014 22.8977 18.5781 22.8977C17.9332 22.8977 17.456 23.2273 17.2599 23.7841H17.2145V21.5H15.7031V27.3182H17.2713V24.8636Z" fill="#24292E"/>
+<path d="M3 44.8182H4.56818V42.2727C4.56818 41.892 4.76705 41.6591 5.09091 41.6591C5.41477 41.6591 5.625 41.892 5.625 42.2727V44.8182H7.125V42.2727C7.125 41.892 7.32386 41.6591 7.64773 41.6591C7.97159 41.6591 8.18182 41.892 8.18182 42.2727V44.8182H9.75V41.875C9.75 40.9801 9.17614 40.3977 8.34091 40.3977C7.69318 40.3977 7.17045 40.75 7.02273 41.2841H6.97727C6.88636 40.75 6.39773 40.3977 5.78409 40.3977C5.17898 40.3977 4.71591 40.7386 4.53409 41.2841H4.48864V40.4545H3V44.8182Z" fill="#24292E"/>
+<path d="M10.5234 46.4545H12.0916V44.1023H12.1143C12.2962 44.5455 12.7166 44.875 13.3303 44.875C14.2621 44.875 15.0462 44.1477 15.0462 42.6364C15.0462 41.0568 14.2053 40.3977 13.3416 40.3977C12.6939 40.3977 12.2848 40.7727 12.1143 41.2159H12.0803V40.4545H10.5234V46.4545ZM12.0575 42.6364C12.0575 41.9886 12.3189 41.6023 12.7507 41.6023C13.1825 41.6023 13.4325 41.9886 13.4325 42.6364C13.4325 43.2841 13.1825 43.6705 12.7507 43.6705C12.3189 43.6705 12.0575 43.2727 12.0575 42.6364Z" fill="#24292E"/>
+<path d="M17.2713 42.3636C17.2741 41.9318 17.5241 41.6705 17.9077 41.6705C18.3082 41.6705 18.5355 41.9318 18.5327 42.3636V44.8182H20.1009V42.0341C20.1037 41.0795 19.5014 40.3977 18.5781 40.3977C17.9332 40.3977 17.456 40.7273 17.2599 41.2841H17.2145V39H15.7031V44.8182H17.2713V42.3636Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126588)">
+<path d="M28 2.04083V14H43V1H28.6268C28.4606 1 28 1 28 1C28 1 28 1.76479 28 2.04083Z" fill="url(#paint1_linear_1248_126588)"/>
+<path d="M43 18.5H28V31.5H43V18.5Z" fill="#84AFF1"/>
+<path d="M43 36H28V49H43V36Z" fill="#84AFF1"/>
+<path d="M36.5 22H35.0716L33.5 22.9199V24.1738L34.9253 23.3535H34.9627V28H36.5V22Z" fill="#24292E"/>
+<path d="M33.0873 45.5H37.5V44.3468H35.0841V44.3092L35.7972 43.6561C37.0896 42.5376 37.4272 41.9682 37.4272 41.289C37.4272 40.2225 36.5511 39.5 35.1976 39.5C33.879 39.5 32.9971 40.2543 33 41.4595H34.3651C34.3651 40.9249 34.697 40.6156 35.1918 40.6156C35.6779 40.6156 36.0301 40.9133 36.0301 41.4017C36.0301 41.8439 35.7506 42.1445 35.2616 42.5809L33.0873 44.4711V45.5Z" fill="#24292E"/>
+</g>
+<rect x="27.5" y="0.5" width="16" height="49" stroke="white"/>
+<path d="M56.9067 31C57.6011 31 62.9327 27 62.9327 25C62.9327 23 57.7357 19 56.9067 19C56.0778 19 55.4023 19.5 55.4023 20.4756C55.4023 21.4512 58.9067 23.9206 58.9067 23.9206C58.9067 23.9206 51.2539 23.25 51 23.9206C50.7461 24.5911 50.7461 25.4089 51 26.0794C51.2539 26.75 58.9067 26.0794 58.9067 26.0794C58.9067 26.0794 55.4023 28.75 55.4023 29.5301C55.4023 30.3103 56.2124 31 56.9067 31Z" fill="#24292E"/>
+<g clip-path="url(#clip2_1248_126588)">
+<path d="M71 2.04083V14H95V1H72.0029C71.7369 1 71 1 71 1C71 1 71 1.76479 71 2.04083Z" fill="url(#paint2_linear_1248_126588)"/>
+<path d="M95 18.5H71V31.5H95V18.5Z" fill="#84AFF1"/>
+<path d="M95 36H71V49H95V36Z" fill="#84AFF1"/>
+<path d="M75 27.3182H76.5682V24.7727C76.5682 24.392 76.767 24.1591 77.0909 24.1591C77.4148 24.1591 77.625 24.392 77.625 24.7727V27.3182H79.125V24.7727C79.125 24.392 79.3239 24.1591 79.6477 24.1591C79.9716 24.1591 80.1818 24.392 80.1818 24.7727V27.3182H81.75V24.375C81.75 23.4801 81.1761 22.8977 80.3409 22.8977C79.6932 22.8977 79.1705 23.25 79.0227 23.7841H78.9773C78.8864 23.25 78.3977 22.8977 77.7841 22.8977C77.179 22.8977 76.7159 23.2386 76.5341 23.7841H76.4886V22.9545H75V27.3182Z" fill="#24292E"/>
+<path d="M82.5234 28.9545H84.0916V26.6023H84.1143C84.2962 27.0455 84.7166 27.375 85.3303 27.375C86.2621 27.375 87.0462 26.6477 87.0462 25.1364C87.0462 23.5568 86.2053 22.8977 85.3416 22.8977C84.6939 22.8977 84.2848 23.2727 84.1143 23.7159H84.0803V22.9545H82.5234V28.9545ZM84.0575 25.1364C84.0575 24.4886 84.3189 24.1023 84.7507 24.1023C85.1825 24.1023 85.4325 24.4886 85.4325 25.1364C85.4325 25.7841 85.1825 26.1705 84.7507 26.1705C84.3189 26.1705 84.0575 25.7727 84.0575 25.1364Z" fill="#24292E"/>
+<path d="M89.2713 24.8636C89.2741 24.4318 89.5241 24.1705 89.9077 24.1705C90.3082 24.1705 90.5355 24.4318 90.5327 24.8636V27.3182H92.1009V24.5341C92.1037 23.5795 91.5014 22.8977 90.5781 22.8977C89.9332 22.8977 89.456 23.2273 89.2599 23.7841H89.2145V21.5H87.7031V27.3182H89.2713V24.8636Z" fill="#24292E"/>
+<path d="M74 44.8182H75.5682V42.2727C75.5682 41.892 75.767 41.6591 76.0909 41.6591C76.4148 41.6591 76.625 41.892 76.625 42.2727V44.8182H78.125V42.2727C78.125 41.892 78.3239 41.6591 78.6477 41.6591C78.9716 41.6591 79.1818 41.892 79.1818 42.2727V44.8182H80.75V41.875C80.75 40.9801 80.1761 40.3977 79.3409 40.3977C78.6932 40.3977 78.1705 40.75 78.0227 41.2841H77.9773C77.8864 40.75 77.3977 40.3977 76.7841 40.3977C76.179 40.3977 75.7159 40.7386 75.5341 41.2841H75.4886V40.4545H74V44.8182Z" fill="#24292E"/>
+<path d="M81.5234 46.4545H83.0916V44.1023H83.1143C83.2962 44.5455 83.7166 44.875 84.3303 44.875C85.2621 44.875 86.0462 44.1477 86.0462 42.6364C86.0462 41.0568 85.2053 40.3977 84.3416 40.3977C83.6939 40.3977 83.2848 40.7727 83.1143 41.2159H83.0803V40.4545H81.5234V46.4545ZM83.0575 42.6364C83.0575 41.9886 83.3189 41.6023 83.7507 41.6023C84.1825 41.6023 84.4325 41.9886 84.4325 42.6364C84.4325 43.2841 84.1825 43.6705 83.7507 43.6705C83.3189 43.6705 83.0575 43.2727 83.0575 42.6364Z" fill="#24292E"/>
+<path d="M88.2713 42.3636C88.2741 41.9318 88.5241 41.6705 88.9077 41.6705C89.3082 41.6705 89.5355 41.9318 89.5327 42.3636V44.8182H91.1009V42.0341C91.1037 41.0795 90.5014 40.3977 89.5781 40.3977C88.9332 40.3977 88.456 40.7273 88.2599 41.2841H88.2145V39H86.7031V44.8182H88.2713V42.3636Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1248_126588)">
+<path d="M99 2.04083V14H129V1H100.254C99.9212 1 99 1 99 1C99 1 99 1.76479 99 2.04083Z" fill="url(#paint3_linear_1248_126588)"/>
+<path d="M129 18.5H99V31.5H129V18.5Z" fill="#84AFF1"/>
+<path d="M129 36H99V49H129V36Z" fill="#84AFF1"/>
+<path d="M109 27.3182H110.568V24.7727C110.568 24.392 110.767 24.1591 111.091 24.1591C111.415 24.1591 111.625 24.392 111.625 24.7727V27.3182H113.125V24.7727C113.125 24.392 113.324 24.1591 113.648 24.1591C113.972 24.1591 114.182 24.392 114.182 24.7727V27.3182H115.75V24.375C115.75 23.4801 115.176 22.8977 114.341 22.8977C113.693 22.8977 113.17 23.25 113.023 23.7841H112.977C112.886 23.25 112.398 22.8977 111.784 22.8977C111.179 22.8977 110.716 23.2386 110.534 23.7841H110.489V22.9545H109V27.3182Z" fill="#24292E"/>
+<path d="M116.523 28.9545H118.092V26.6023H118.114C118.296 27.0455 118.717 27.375 119.33 27.375C120.262 27.375 121.046 26.6477 121.046 25.1364C121.046 23.5568 120.205 22.8977 119.342 22.8977C118.694 22.8977 118.285 23.2727 118.114 23.7159H118.08V22.9545H116.523V28.9545ZM118.058 25.1364C118.058 24.4886 118.319 24.1023 118.751 24.1023C119.183 24.1023 119.433 24.4886 119.433 25.1364C119.433 25.7841 119.183 26.1705 118.751 26.1705C118.319 26.1705 118.058 25.7727 118.058 25.1364Z" fill="#24292E"/>
+<path d="M123.271 24.8636C123.274 24.4318 123.524 24.1705 123.908 24.1705C124.308 24.1705 124.536 24.4318 124.533 24.8636V27.3182H126.101V24.5341C126.104 23.5795 125.501 22.8977 124.578 22.8977C123.933 22.8977 123.456 23.2273 123.26 23.7841H123.214V21.5H121.703V27.3182H123.271V24.8636Z" fill="#24292E"/>
+<path d="M109 44.8182H110.568V42.2727C110.568 41.892 110.767 41.6591 111.091 41.6591C111.415 41.6591 111.625 41.892 111.625 42.2727V44.8182H113.125V42.2727C113.125 41.892 113.324 41.6591 113.648 41.6591C113.972 41.6591 114.182 41.892 114.182 42.2727V44.8182H115.75V41.875C115.75 40.9801 115.176 40.3977 114.341 40.3977C113.693 40.3977 113.17 40.75 113.023 41.2841H112.977C112.886 40.75 112.398 40.3977 111.784 40.3977C111.179 40.3977 110.716 40.7386 110.534 41.2841H110.489V40.4545H109V44.8182Z" fill="#24292E"/>
+<path d="M116.523 46.4545H118.092V44.1023H118.114C118.296 44.5455 118.717 44.875 119.33 44.875C120.262 44.875 121.046 44.1477 121.046 42.6364C121.046 41.0568 120.205 40.3977 119.342 40.3977C118.694 40.3977 118.285 40.7727 118.114 41.2159H118.08V40.4545H116.523V46.4545ZM118.058 42.6364C118.058 41.9886 118.319 41.6023 118.751 41.6023C119.183 41.6023 119.433 41.9886 119.433 42.6364C119.433 43.2841 119.183 43.6705 118.751 43.6705C118.319 43.6705 118.058 43.2727 118.058 42.6364Z" fill="#24292E"/>
+<path d="M123.271 42.3636C123.274 41.9318 123.524 41.6705 123.908 41.6705C124.308 41.6705 124.536 41.9318 124.533 42.3636V44.8182H126.101V42.0341C126.104 41.0795 125.501 40.3977 124.578 40.3977C123.933 40.3977 123.456 40.7273 123.26 41.2841H123.214V39H121.703V44.8182H123.271V42.3636Z" fill="#24292E"/>
+<path d="M106 21.5H104.572L103 22.4199V23.6738L104.425 22.8535H104.463V27.5H106V21.5Z" fill="#24292E"/>
+<path d="M102.087 45H106.5V43.8468H104.084V43.8092L104.797 43.1561C106.09 42.0376 106.427 41.4682 106.427 40.789C106.427 39.7225 105.551 39 104.198 39C102.879 39 101.997 39.7543 102 40.9595H103.365C103.365 40.4249 103.697 40.1156 104.192 40.1156C104.678 40.1156 105.03 40.4133 105.03 40.9017C105.03 41.3439 104.751 41.6445 104.262 42.0809L102.087 43.9711V45Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126588" x1="0" y1="7.5052" x2="24" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126588" x1="28" y1="7.5052" x2="43" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126588" x1="71" y1="7.5052" x2="95" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126588" x1="99" y1="7.5052" x2="129" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126588">
+<rect width="24" height="48" fill="white" transform="translate(0 1)"/>
+</clipPath>
+<clipPath id="clip1_1248_126588">
+<rect x="28" y="1" width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip2_1248_126588">
+<rect width="24" height="48" fill="white" transform="translate(71 1)"/>
+</clipPath>
+<clipPath id="clip3_1248_126588">
+<rect width="30" height="48" fill="white" transform="translate(99 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/convertFieldType.svg b/public/img/transformations/light/convertFieldType.svg
new file mode 100755
index 00000000000..e7f72386cfa
--- /dev/null
+++ b/public/img/transformations/light/convertFieldType.svg
@@ -0,0 +1,45 @@
+<svg width="140" height="48" viewBox="0 0 140 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126620)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M9.65 9.3H9.3V3.35C9.3 3.25717 9.26313 3.16815 9.19749 3.10251C9.13185 3.03687 9.04283 3 8.95 3H7.725C7.66392 3.00037 7.604 3.01672 7.5512 3.04742C7.49839 3.07812 7.45454 3.1221 7.424 3.175L3.8505 9.3H3.35C3.25717 9.3 3.16815 9.33687 3.10251 9.40251C3.03687 9.46815 3 9.55717 3 9.65C3 9.74283 3.03687 9.83185 3.10251 9.89749C3.16815 9.96313 3.25717 10 3.35 10H4.75C4.84283 10 4.93185 9.96313 4.99749 9.89749C5.06313 9.83185 5.1 9.74283 5.1 9.65C5.1 9.55717 5.06313 9.46815 4.99749 9.40251C4.93185 9.33687 4.84283 9.3 4.75 9.3H4.659L5.884 7.2H8.6V9.3H8.25C8.15717 9.3 8.06815 9.33687 8.00251 9.40251C7.93687 9.46815 7.9 9.55717 7.9 9.65C7.9 9.74283 7.93687 9.83185 8.00251 9.89749C8.06815 9.96313 8.15717 10 8.25 10H9.65C9.74283 10 9.83185 9.96313 9.89749 9.89749C9.96313 9.83185 10 9.74283 10 9.65C10 9.55717 9.96313 9.46815 9.89749 9.40251C9.83185 9.33687 9.74283 9.3 9.65 9.3ZM8.6 6.5H6.2935L7.9245 3.7H8.6V6.5Z" fill="white"/>
+<path d="M23 15.5H22.5V16V32V32.5H23H50H50.5V32V16V15.5H50H23Z" stroke="#24292E"/>
+<path d="M30.3747 24.4872C30.3426 23.7927 29.7236 23.3761 28.7057 23.3761C27.6992 23.3761 27.0779 23.7607 27.0825 24.4444C27.0779 24.9615 27.4379 25.2927 28.1555 25.4103L28.7791 25.5128C29.0542 25.5598 29.178 25.6282 29.1826 25.7521C29.178 25.8889 29.0106 25.9658 28.7791 25.9658C28.4925 25.9658 28.2907 25.8504 28.2564 25.641H27C27.0688 26.3141 27.6924 26.7607 28.7699 26.7607C29.7443 26.7607 30.4618 26.3184 30.4664 25.6154C30.4618 25.1303 30.1134 24.8483 29.3935 24.7265L28.6782 24.6068C28.41 24.562 28.3343 24.4722 28.3389 24.3761C28.3343 24.2393 28.5154 24.1624 28.7332 24.1624C28.9831 24.1624 29.1917 24.2863 29.2101 24.4872H30.3747Z" fill="#26262A"/>
+<path d="M33.0513 23.4188H32.4461V22.6325H31.1806V23.4188H30.7312V24.2735H31.1806V25.7564C31.1714 26.4444 31.6276 26.7927 32.5011 26.7479C32.7877 26.7329 33.0009 26.6773 33.1155 26.6453L32.9321 25.8162C32.884 25.8269 32.7602 25.8504 32.6845 25.8504C32.5195 25.8504 32.4461 25.7821 32.4461 25.6453V24.2735H33.0513V23.4188Z" fill="#26262A"/>
+<path d="M33.5678 26.7009H34.8333V24.9915C34.8333 24.6154 35.1107 24.3675 35.4844 24.3675C35.6151 24.3675 35.826 24.3868 35.9521 24.4274V23.4209C35.8512 23.3932 35.7411 23.3761 35.6311 23.3761C35.2551 23.3761 34.9617 23.5812 34.8333 24.0427H34.7966V23.4188H33.5678V26.7009Z" fill="#26262A"/>
+<path d="M36.367 26.7009H37.6326V23.4188H36.367V26.7009ZM36.9998 23.0769C37.3437 23.0769 37.6234 22.8355 37.6234 22.5385C37.6234 22.2415 37.3437 22 36.9998 22C36.6559 22 36.3762 22.2415 36.3762 22.5385C36.3762 22.8355 36.6559 23.0769 36.9998 23.0769Z" fill="#26262A"/>
+<path d="M39.5429 24.8547C39.5452 24.5299 39.7423 24.3333 40.0564 24.3333C40.3751 24.3333 40.5631 24.5299 40.5608 24.8547V26.7009H41.8263V24.6068C41.8286 23.8932 41.3449 23.3761 40.5975 23.3761C40.0793 23.3761 39.669 23.6282 39.5154 24.0427H39.4787V23.4188H38.2773V26.7009H39.5429V24.8547Z" fill="#26262A"/>
+<path d="M44.1476 28C45.2618 28 46 27.5256 46 26.6923V23.4188H44.7345V23.9915H44.707C44.5694 23.6581 44.2393 23.3761 43.7166 23.3761C43.0196 23.3761 42.341 23.8718 42.341 25.0598C42.341 26.1966 42.9738 26.6581 43.7257 26.6581C44.2026 26.6581 44.5786 26.4701 44.7161 26.1368H44.7528V26.6923C44.7528 27.0791 44.5121 27.2051 44.1843 27.2051C43.8931 27.2051 43.6799 27.1239 43.6432 26.9145H42.4235C42.4717 27.547 43.0884 28 44.1476 28ZM44.1934 25.8205C43.8449 25.8205 43.6432 25.547 43.6432 25.0598C43.6432 24.5726 43.8449 24.2821 44.1934 24.2821C44.5419 24.2821 44.7528 24.5726 44.7528 25.0598C44.7528 25.5385 44.5419 25.8205 44.1934 25.8205Z" fill="#26262A"/>
+<path d="M63.9067 30C64.6011 30 69.9327 26 69.9327 24C69.9327 22 64.7357 18 63.9067 18C63.0778 18 62.4023 18.5 62.4023 19.4756C62.4023 20.4512 65.9067 22.9206 65.9067 22.9206C65.9067 22.9206 58.2539 22.25 58 22.9206C57.7461 23.5911 57.7461 24.4089 58 25.0794C58.2539 25.75 65.9067 25.0794 65.9067 25.0794C65.9067 25.0794 62.4023 27.75 62.4023 28.5301C62.4023 29.3103 63.2124 30 63.9067 30Z" fill="#24292E"/>
+<path d="M78 1.04083V13H93V0H78.6268C78.4606 0 78.3011 0.109659 78.1836 0.304853C78.066 0.500047 78 0.764787 78 1.04083Z" fill="url(#paint1_linear_1248_126620)"/>
+<path d="M93 17.5H78V30.5H93V17.5Z" fill="#84AFF1"/>
+<path d="M93 35H78V48H93V35Z" fill="#84AFF1"/>
+<path d="M86.5 21H85.0716L83.5 21.9199V23.1738L84.9253 22.3535H84.9627V27H86.5V21Z" fill="#24292E"/>
+<path d="M83.3373 44.5H87.75V43.3468H85.3341V43.3092L86.0472 42.6561C87.3396 41.5376 87.6772 40.9682 87.6772 40.289C87.6772 39.2225 86.8011 38.5 85.4476 38.5C84.129 38.5 83.2471 39.2543 83.25 40.4595H84.6151C84.6151 39.9249 84.947 39.6156 85.4418 39.6156C85.9279 39.6156 86.2801 39.9133 86.2801 40.4017C86.2801 40.8439 86.0006 41.1445 85.5116 41.5809L83.3373 43.4711V44.5Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_126620)">
+<path d="M83.1733 5.06818H83.3523V5.24716C83.3523 5.3421 83.39 5.43314 83.4571 5.50027C83.5242 5.5674 83.6153 5.60511 83.7102 5.60511C83.8052 5.60511 83.8962 5.5674 83.9633 5.50027C84.0305 5.43314 84.0682 5.3421 84.0682 5.24716V5.06818H84.2472C84.3421 5.06818 84.4331 5.03047 84.5003 4.96334C84.5674 4.89621 84.6051 4.80516 84.6051 4.71023C84.6051 4.61529 84.5674 4.52425 84.5003 4.45712C84.4331 4.38999 84.3421 4.35227 84.2472 4.35227H84.0682V4.1733C84.0682 4.07836 84.0305 3.98731 83.9633 3.92018C83.8962 3.85305 83.8052 3.81534 83.7102 3.81534C83.6153 3.81534 83.5242 3.85305 83.4571 3.92018C83.39 3.98731 83.3523 4.07836 83.3523 4.1733V4.35227H83.1733C83.0784 4.35227 82.9873 4.38999 82.9202 4.45712C82.8531 4.52425 82.8153 4.61529 82.8153 4.71023C82.8153 4.80516 82.8531 4.89621 82.9202 4.96334C82.9873 5.03047 83.0784 5.06818 83.1733 5.06818ZM82.9514 9.04864C83.0184 9.11531 83.1092 9.15273 83.2037 9.15273C83.2983 9.15273 83.389 9.11531 83.4561 9.04864L83.7102 8.79449L83.9644 9.04864C84.0314 9.11531 84.1222 9.15273 84.2167 9.15273C84.3113 9.15273 84.402 9.11531 84.4691 9.04864C84.5358 8.98157 84.5732 8.89085 84.5732 8.79628C84.5732 8.70171 84.5358 8.61099 84.4691 8.54392L84.2149 8.28977L84.4691 8.03563C84.5277 7.96715 84.5584 7.87906 84.5549 7.78898C84.5514 7.69889 84.5141 7.61343 84.4503 7.54968C84.3866 7.48593 84.3011 7.44858 84.211 7.4451C84.1209 7.44162 84.0329 7.47227 83.9644 7.53091L83.7102 7.78506L83.4561 7.53091C83.3876 7.47227 83.2995 7.44162 83.2094 7.4451C83.1193 7.44858 83.0339 7.48593 82.9701 7.54968C82.9064 7.61343 82.869 7.69889 82.8656 7.78898C82.8621 7.87906 82.8927 7.96715 82.9514 8.03563L83.2055 8.28977L82.9514 8.54392C82.8847 8.61099 82.8473 8.70171 82.8473 8.79628C82.8473 8.89085 82.8847 8.98157 82.9514 9.04864V9.04864ZM88.3636 2.5625H82.6364C82.3516 2.5625 82.0784 2.67564 81.877 2.87703C81.6756 3.07842 81.5625 3.35156 81.5625 3.63636V9.36364C81.5625 9.64844 81.6756 9.92159 81.877 10.123C82.0784 10.3244 82.3516 10.4375 82.6364 10.4375H88.3636C88.6484 10.4375 88.9216 10.3244 89.123 10.123C89.3244 9.92159 89.4375 9.64844 89.4375 9.36364V3.63636C89.4375 3.35156 89.3244 3.07842 89.123 2.87703C88.9216 2.67564 88.6484 2.5625 88.3636 2.5625V2.5625ZM85.142 9.72159H82.6364C82.5414 9.72159 82.4504 9.68388 82.3833 9.61675C82.3161 9.54962 82.2784 9.45857 82.2784 9.36364V6.85796H85.142V9.72159ZM85.142 6.14205H82.2784V3.63636C82.2784 3.54143 82.3161 3.45038 82.3833 3.38325C82.4504 3.31612 82.5414 3.27841 82.6364 3.27841H85.142V6.14205ZM88.7216 9.36364C88.7216 9.45857 88.6839 9.54962 88.6167 9.61675C88.5496 9.68388 88.4586 9.72159 88.3636 9.72159H85.858V6.85796H88.7216V9.36364ZM88.7216 6.14205H85.858V3.27841H88.3636C88.4586 3.27841 88.5496 3.31612 88.6167 3.38325C88.6839 3.45038 88.7216 3.54143 88.7216 3.63636V6.14205ZM86.7528 8.1108H87.8267C87.9216 8.1108 88.0127 8.07308 88.0798 8.00595C88.1469 7.93882 88.1847 7.84778 88.1847 7.75284C88.1847 7.65791 88.1469 7.56686 88.0798 7.49973C88.0127 7.4326 87.9216 7.39489 87.8267 7.39489H86.7528C86.6579 7.39489 86.5669 7.4326 86.4997 7.49973C86.4326 7.56686 86.3949 7.65791 86.3949 7.75284C86.3949 7.84778 86.4326 7.93882 86.4997 8.00595C86.5669 8.07308 86.6579 8.1108 86.7528 8.1108V8.1108ZM87.8267 4.35227H86.7528C86.6579 4.35227 86.5669 4.38999 86.4997 4.45712C86.4326 4.52425 86.3949 4.61529 86.3949 4.71023C86.3949 4.80516 86.4326 4.89621 86.4997 4.96334C86.5669 5.03047 86.6579 5.06818 86.7528 5.06818H87.8267C87.9216 5.06818 88.0127 5.03047 88.0798 4.96334C88.1469 4.89621 88.1847 4.80516 88.1847 4.71023C88.1847 4.61529 88.1469 4.52425 88.0798 4.45712C88.0127 4.38999 87.9216 4.35227 87.8267 4.35227ZM86.7528 9.18466H87.8267C87.9216 9.18466 88.0127 9.14695 88.0798 9.07982C88.1469 9.01269 88.1847 8.92164 88.1847 8.82671C88.1847 8.73177 88.1469 8.64072 88.0798 8.57359C88.0127 8.50646 87.9216 8.46875 87.8267 8.46875H86.7528C86.6579 8.46875 86.5669 8.50646 86.4997 8.57359C86.4326 8.64072 86.3949 8.73177 86.3949 8.82671C86.3949 8.92164 86.4326 9.01269 86.4997 9.07982C86.5669 9.14695 86.6579 9.18466 86.7528 9.18466V9.18466Z" fill="white"/>
+</g>
+<path d="M101 15.5H100.5V16V32V32.5H101H137H137.5V32V16V15.5H137H101Z" stroke="#24292E"/>
+<path d="M106.339 24.4629C106.341 24.1258 106.55 23.9218 106.882 23.9218C107.219 23.9218 107.418 24.1258 107.416 24.4629V26.3791H108.754V24.2057C108.757 23.4649 108.245 22.9282 107.454 22.9282C106.906 22.9282 106.472 23.1899 106.31 23.6202H106.271V22.9726H105V26.3791H106.339V24.4629Z" fill="#26262A"/>
+<path d="M111.831 24.8887C111.833 25.2258 111.62 25.4299 111.288 25.4299C110.95 25.4299 110.756 25.2258 110.754 24.8887V22.9726H109.415V25.146C109.418 25.8912 109.932 26.4234 110.715 26.4234C111.271 26.4234 111.697 26.1662 111.86 25.7315H111.899V26.3791H113.17V22.9726H111.831V24.8887Z" fill="#26262A"/>
+<path d="M113.85 26.3791H115.189V24.392C115.189 24.0948 115.359 23.9129 115.636 23.9129C115.912 23.9129 116.091 24.0948 116.091 24.392V26.3791H117.372V24.392C117.372 24.0948 117.542 23.9129 117.818 23.9129C118.095 23.9129 118.274 24.0948 118.274 24.392V26.3791H119.613V24.0815C119.613 23.3829 119.123 22.9282 118.41 22.9282C117.857 22.9282 117.411 23.2032 117.285 23.6202H117.246C117.168 23.2032 116.751 22.9282 116.227 22.9282C115.711 22.9282 115.315 23.1944 115.16 23.6202H115.121V22.9726H113.85V26.3791Z" fill="#26262A"/>
+<path d="M122.058 26.4412C123.091 26.4412 123.756 25.9888 123.882 25.2791H122.66C122.582 25.472 122.361 25.5807 122.087 25.5807C121.69 25.5807 121.457 25.3412 121.457 25.0129V24.9597H123.882V24.6758C123.882 23.5914 123.155 22.9282 122.029 22.9282C120.875 22.9282 120.137 23.6291 120.137 24.6847C120.137 25.7869 120.865 26.4412 122.058 26.4412ZM121.457 24.2855C121.464 23.9905 121.731 23.7887 122.058 23.7887C122.391 23.7887 122.643 23.9928 122.65 24.2855H121.457Z" fill="#26262A"/>
+<path d="M124.428 26.3791H125.767V24.6049C125.767 24.2145 126.061 23.9573 126.456 23.9573C126.594 23.9573 126.817 23.9772 126.951 24.0194V22.9748C126.844 22.946 126.728 22.9282 126.611 22.9282C126.213 22.9282 125.903 23.1411 125.767 23.6202H125.728V22.9726H124.428V26.3791Z" fill="#26262A"/>
+<path d="M127.39 26.3791H128.728V22.9726H127.39V26.3791ZM128.059 22.6178C128.423 22.6178 128.719 22.3671 128.719 22.0589C128.719 21.7506 128.423 21.5 128.059 21.5C127.695 21.5 127.399 21.7506 127.399 22.0589C127.399 22.3671 127.695 22.6178 128.059 22.6178Z" fill="#26262A"/>
+<path d="M131.205 26.4412C132.309 26.4412 132.985 25.8623 133 24.9597H131.758C131.729 25.3168 131.518 25.5097 131.225 25.5097C130.873 25.5097 130.643 25.2347 130.643 24.6758C130.643 24.117 130.873 23.842 131.225 23.842C131.521 23.842 131.722 24.0349 131.758 24.392H133C132.993 23.5049 132.302 22.9282 131.205 22.9282C129.993 22.9282 129.275 23.6379 129.275 24.6847C129.275 25.7315 129.993 26.4412 131.205 26.4412Z" fill="#26262A"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126620" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126620" x1="78" y1="6.5052" x2="93" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126620">
+<rect width="9" height="9" fill="white" transform="translate(81 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/extractFields.svg b/public/img/transformations/light/extractFields.svg
new file mode 100755
index 00000000000..c5852df4325
--- /dev/null
+++ b/public/img/transformations/light/extractFields.svg
@@ -0,0 +1,61 @@
+<svg width="102" height="48" viewBox="0 0 102 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126563)">
+<path d="M0 1.04083V13H40V0H1.67154C1.22822 0 0 0 0 0C0 0 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126563)"/>
+<path d="M40 17.5H0V30.5H40V17.5Z" fill="#84AFF1"/>
+<path d="M40 35H0V48H40V35Z" fill="#84AFF1"/>
+<path d="M13.75 5.45455H12.1023L11.3977 8.34091H11.3523L10.6477 5.45455H9L10.4659 9.81818H12.2841L13.75 5.45455Z" fill="#24292E"/>
+<path d="M15.2947 9.88636C15.8629 9.88636 16.2919 9.69318 16.5561 9.20455H16.5902V9.81818H18.0561V6.82955C18.0561 6.02273 17.2919 5.39773 16.0447 5.39773C14.7408 5.39773 14.0987 6.07955 14.0447 6.875H15.4879C15.5249 6.60511 15.7237 6.47727 16.022 6.47727C16.2947 6.47727 16.4879 6.60227 16.4879 6.82955V6.84091C16.4879 7.09375 16.2095 7.1733 15.4766 7.22727C14.576 7.29261 13.8743 7.65625 13.8743 8.61364C13.8743 9.48295 14.4595 9.88636 15.2947 9.88636ZM15.8061 8.89773C15.5391 8.89773 15.3516 8.76705 15.3516 8.52273C15.3516 8.2983 15.5107 8.125 15.8743 8.06818C16.1243 8.02841 16.3345 7.97727 16.4993 7.90909V8.27273C16.4993 8.67045 16.1612 8.89773 15.8061 8.89773Z" fill="#24292E"/>
+<path d="M20.3736 4H18.8054V9.81818H20.3736V4Z" fill="#24292E"/>
+<path d="M24.0021 7.90909C24.005 8.34091 23.755 8.60227 23.3658 8.60227C22.9709 8.60227 22.7436 8.34091 22.7408 7.90909V5.45455H21.1726V8.23864C21.1754 9.19318 21.7777 9.875 22.6953 9.875C23.3459 9.875 23.8459 9.54545 24.0362 8.98864H24.0817V9.81818H25.5703V5.45455H24.0021V7.90909Z" fill="#24292E"/>
+<path d="M28.4588 9.89773C29.669 9.89773 30.4474 9.31818 30.5952 8.40909H29.1634C29.0724 8.65625 28.8139 8.79545 28.4929 8.79545C28.027 8.79545 27.7543 8.48864 27.7543 8.06818V8H30.5952V7.63636C30.5952 6.24716 29.7429 5.39773 28.4247 5.39773C27.0724 5.39773 26.2088 6.29545 26.2088 7.64773C26.2088 9.05966 27.0611 9.89773 28.4588 9.89773ZM27.7543 7.13636C27.7628 6.75852 28.0753 6.5 28.4588 6.5C28.848 6.5 29.1435 6.76136 29.152 7.13636H27.7543Z" fill="#24292E"/>
+<path d="M6.18182 27.7955V26.6591C5.5 26.6591 5.40909 26.429 5.40909 25.9545V25.3295C5.40909 24.9063 5.19318 24.483 4.25 24.2955V24.1591C5.19318 23.9716 5.40909 23.5483 5.40909 23.125V22.5C5.40909 22.0256 5.5 21.7955 6.18182 21.7955V20.6591C5.01136 20.6591 3.88636 20.6591 3.88636 22.2955V22.7386C3.88636 23.2955 3.66477 23.5455 3 23.5455V24.9091C3.66477 24.9091 3.88636 25.1591 3.88636 25.7159V26.1591C3.88636 27.7955 5.01136 27.7955 6.18182 27.7955Z" fill="#24292E"/>
+<path d="M7.92116 26.5455C8.48935 26.5455 8.91832 26.3523 9.18253 25.8636H9.21662V26.4773H10.6825V23.4886C10.6825 22.6818 9.91832 22.0568 8.67116 22.0568C7.36719 22.0568 6.72514 22.7386 6.67116 23.5341H8.11435C8.15128 23.2642 8.35014 23.1364 8.64844 23.1364C8.92116 23.1364 9.11435 23.2614 9.11435 23.4886V23.5C9.11435 23.7528 8.83594 23.8324 8.10298 23.8864C7.20241 23.9517 6.50071 24.3153 6.50071 25.2727C6.50071 26.142 7.08594 26.5455 7.92116 26.5455ZM8.43253 25.5568C8.16548 25.5568 7.97798 25.4261 7.97798 25.1818C7.97798 24.9574 8.13707 24.7841 8.50071 24.7273C8.75071 24.6875 8.96094 24.6364 9.12571 24.5682V24.9318C9.12571 25.3295 8.78764 25.5568 8.43253 25.5568Z" fill="#24292E"/>
+<path d="M12.2841 26.5682C12.7017 26.5682 13.0739 26.2159 13.0795 25.7727C13.0739 25.3409 12.7017 24.9886 12.2841 24.9886C11.8438 24.9886 11.483 25.3409 11.4886 25.7727C11.483 26.2159 11.8438 26.5682 12.2841 26.5682ZM12.2841 23.6364C12.7017 23.6364 13.0739 23.2841 13.0795 22.8409C13.0739 22.4091 12.7017 22.0568 12.2841 22.0568C11.8438 22.0568 11.483 22.4091 11.4886 22.8409C11.483 23.2841 11.8438 23.6364 12.2841 23.6364Z" fill="#24292E"/>
+<path d="M16.7727 20.6591H15.3182L13.8864 21.5341V22.875L15.1591 22.1136H15.1932V26.4773H16.7727V20.6591Z" fill="#24292E"/>
+<path d="M19.2202 25.6818H18.0384V26C18.0384 26.7727 17.777 27.5824 17.6861 27.8977H18.652C18.7884 27.5824 19.1378 26.821 19.1974 26L19.2202 25.6818Z" fill="#24292E"/>
+<path d="M21.3622 26.4773H22.919V25.7614H22.9531C23.1349 26.2045 23.5554 26.5341 24.169 26.5341C25.1009 26.5341 25.8849 25.8068 25.8849 24.2955C25.8849 22.7159 25.044 22.0568 24.1804 22.0568C23.5327 22.0568 23.1236 22.4318 22.9531 22.875H22.9304V20.6591H21.3622V26.4773ZM22.8963 24.2955C22.8963 23.6477 23.1577 23.2614 23.5895 23.2614C24.0213 23.2614 24.2713 23.6477 24.2713 24.2955C24.2713 24.9432 24.0213 25.3295 23.5895 25.3295C23.1577 25.3295 22.8963 24.9318 22.8963 24.2955Z" fill="#24292E"/>
+<path d="M27.3935 26.5682C27.8111 26.5682 28.1832 26.2159 28.1889 25.7727C28.1832 25.3409 27.8111 24.9886 27.3935 24.9886C26.9531 24.9886 26.5923 25.3409 26.598 25.7727C26.5923 26.2159 26.9531 26.5682 27.3935 26.5682ZM27.3935 23.6364C27.8111 23.6364 28.1832 23.2841 28.1889 22.8409C28.1832 22.4091 27.8111 22.0568 27.3935 22.0568C26.9531 22.0568 26.5923 22.4091 26.598 22.8409C26.5923 23.2841 26.9531 23.6364 27.3935 23.6364Z" fill="#24292E"/>
+<path d="M29.0298 26.4773H33.4957V25.2159H31.223V25.1818L31.7685 24.7273C33.0952 23.6222 33.4332 23.0483 33.4332 22.375C33.4332 21.2898 32.544 20.5795 31.1491 20.5795C29.794 20.5795 28.9134 21.3324 28.9162 22.5568H30.4162C30.4134 22.0682 30.7116 21.7955 31.1491 21.7955C31.5838 21.7955 31.8935 22.0653 31.8935 22.5114C31.8935 22.9233 31.6293 23.1903 31.2003 23.5455L29.0298 25.3409V26.4773Z" fill="#24292E"/>
+<path d="M33.9403 20V21.1364C34.6222 21.1364 34.7131 21.3665 34.7131 21.8409V22.4659C34.7131 22.8892 34.929 23.3125 35.8722 23.5V23.6364C34.929 23.8239 34.7131 24.2472 34.7131 24.6705V25.2955C34.7131 25.7699 34.6222 26 33.9403 26V27.1364C35.1108 27.1364 36.2358 27.1364 36.2358 25.5V25.0568C36.2358 24.5 36.4574 24.25 37.1222 24.25V22.8864C36.4574 22.8864 36.2358 22.6364 36.2358 22.0795V21.6364C36.2358 20 35.1108 20 33.9403 20Z" fill="#24292E"/>
+<path d="M13.1818 45.1364V44C12.5 44 12.4091 43.7699 12.4091 43.2955V42.6705C12.4091 42.2472 12.1932 41.8239 11.25 41.6364V41.5C12.1932 41.3125 12.4091 40.8892 12.4091 40.4659V39.8409C12.4091 39.3665 12.5 39.1364 13.1818 39.1364V38C12.0114 38 10.8864 38 10.8864 39.6364V40.0795C10.8864 40.6364 10.6648 40.8864 10 40.8864V42.25C10.6648 42.25 10.8864 42.5 10.8864 43.0568V43.5C10.8864 45.1364 12.0114 45.1364 13.1818 45.1364Z" fill="#24292E"/>
+<path d="M14.9212 44.0117C15.4893 44.0117 15.9183 43.8185 16.1825 43.3298H16.2166V43.9435H17.6825V40.9548C17.6825 40.148 16.9183 39.523 15.6712 39.523C14.3672 39.523 13.7251 40.2048 13.6712 41.0003H15.1143C15.1513 40.7304 15.3501 40.6026 15.6484 40.6026C15.9212 40.6026 16.1143 40.7276 16.1143 40.9548V40.9662C16.1143 41.219 15.8359 41.2986 15.103 41.3526C14.2024 41.4179 13.5007 41.7815 13.5007 42.7389C13.5007 43.6082 14.0859 44.0117 14.9212 44.0117ZM15.4325 43.023C15.1655 43.023 14.978 42.8923 14.978 42.648C14.978 42.4236 15.1371 42.2503 15.5007 42.1935C15.7507 42.1537 15.9609 42.1026 16.1257 42.0344V42.398C16.1257 42.7957 15.7876 43.023 15.4325 43.023Z" fill="#24292E"/>
+<path d="M19.2955 43.9321C19.7131 43.9321 20.0852 43.5798 20.0909 43.1367C20.0852 42.7048 19.7131 42.3526 19.2955 42.3526C18.8551 42.3526 18.4943 42.7048 18.5 43.1367C18.4943 43.5798 18.8551 43.9321 19.2955 43.9321ZM19.2955 41.0003C19.7131 41.0003 20.0852 40.648 20.0909 40.2048C20.0852 39.773 19.7131 39.4207 19.2955 39.4207C18.8551 39.4207 18.4943 39.773 18.5 40.2048C18.4943 40.648 18.8551 41.0003 19.2955 41.0003Z" fill="#24292E"/>
+<path d="M23.1932 44.6139C24.6165 44.6139 25.6193 43.8895 25.6136 42.8639C25.6193 42.1509 25.142 41.648 24.2045 41.5457V41.5003C24.8977 41.4264 25.4034 40.9804 25.3977 40.3298C25.4034 39.3497 24.4943 38.6367 23.2045 38.6367C21.8864 38.6367 20.9489 39.3895 20.9432 40.4548H22.4545C22.4602 40.1026 22.7699 39.8526 23.2045 39.8526C23.6023 39.8526 23.8807 40.094 23.875 40.4321C23.8807 40.7844 23.5511 41.0344 23.0795 41.0344H22.4886V42.1253H23.0795C23.5909 42.1253 23.9489 42.3753 23.9432 42.7276C23.9489 43.0884 23.642 43.3412 23.2045 43.3412C22.75 43.3412 22.4261 43.0997 22.4205 42.7617H20.8295C20.8352 43.8469 21.8153 44.6139 23.1932 44.6139Z" fill="#24292E"/>
+<path d="M26 38.0003V39.1366C26.6818 39.1366 26.7727 39.3667 26.7727 39.8412V40.4662C26.7727 40.8895 26.9886 41.3128 27.9318 41.5003V41.6366C26.9886 41.8241 26.7727 42.2474 26.7727 42.6707V43.2957C26.7727 43.7702 26.6818 44.0003 26 44.0003V45.1366C27.1705 45.1366 28.2955 45.1366 28.2955 43.5003V43.0571C28.2955 42.5003 28.517 42.2503 29.1818 42.2503V40.8866C28.517 40.8866 28.2955 40.6366 28.2955 40.0798V39.6366C28.2955 38.0003 27.1705 38.0003 26 38.0003Z" fill="#24292E"/>
+</g>
+<path d="M53.9067 30C54.6011 30 59.9327 26 59.9327 24C59.9327 22 54.7357 18 53.9067 18C53.0778 18 52.4023 18.5 52.4023 19.4756C52.4023 20.4512 55.9067 22.9206 55.9067 22.9206C55.9067 22.9206 48.2539 22.25 48 22.9206C47.7461 23.5911 47.7461 24.4089 48 25.0794C48.2539 25.75 55.9067 25.0794 55.9067 25.0794C55.9067 25.0794 52.4023 27.75 52.4023 28.5301C52.4023 29.3103 53.2124 30 53.9067 30Z" fill="#24292E"/>
+<path d="M68 1.04083V13H83V0H68.6268C68.4606 0 68.3011 0.109659 68.1836 0.304853C68.066 0.500047 68 0.764787 68 1.04083Z" fill="url(#paint1_linear_1248_126563)"/>
+<path d="M83 17.5H68V30.5H83V17.5Z" fill="#84AFF1"/>
+<path d="M83 35H68V48H83V35Z" fill="#84AFF1"/>
+<path d="M76.5 21H75.0716L73.5 21.9199V23.1738L74.9253 22.3535H74.9627V27H76.5V21Z" fill="#24292E"/>
+<path d="M74.7744 9.5C75.5264 9.5 76.0464 9.23767 76.3415 8.74147H76.3837V9.41783H78V6.1182C78 5.09102 76.9845 4.5 75.6107 4.5C74.1595 4.5 73.3373 5.1574 73.2003 6.04235L74.785 6.09292C74.8587 5.78319 75.1434 5.59355 75.5966 5.59355C76.0183 5.59355 76.2853 5.77686 76.2853 6.1024V6.1182C76.2853 6.4153 75.9269 6.47851 75.0063 6.5512C73.9136 6.63338 73 6.99684 73 8.07143C73 9.03224 73.7414 9.5 74.7744 9.5ZM75.305 8.48862C74.9079 8.48862 74.6268 8.31795 74.6268 7.99558C74.6268 7.68268 74.9009 7.49305 75.3893 7.42668C75.7091 7.38559 76.1026 7.32238 76.2959 7.23072V7.69216C76.2959 8.16625 75.8531 8.48862 75.305 8.48862Z" fill="#24292E"/>
+<path d="M75.4792 44.5C76.8085 44.5 77.7528 43.7757 77.75 42.7605C77.7528 42.0418 77.2958 41.5285 76.4208 41.423V41.3774C77.0771 41.2804 77.5423 40.827 77.5395 40.1711C77.5423 39.2186 76.706 38.5 75.4903 38.5C74.2663 38.5 73.3746 39.23 73.3635 40.2681H74.6734C74.6845 39.8688 75.0334 39.6008 75.4903 39.6008C75.9251 39.6008 76.2214 39.8717 76.2186 40.2624C76.2214 40.6673 75.8725 40.9468 75.3685 40.9468H74.8174V41.9506H75.3685C75.9417 41.9506 76.3155 42.2414 76.31 42.6521C76.3155 43.0656 75.9721 43.3536 75.4848 43.3536C75.0001 43.3536 74.6429 43.0884 74.6291 42.7034H73.25C73.2611 43.7586 74.1832 44.5 75.4792 44.5Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_126563)">
+<path d="M87 13H102V1.04083C102 0.764787 101.934 0.500047 101.816 0.304853C101.699 0.109659 101.539 0 101.373 0L87 0V13Z" fill="url(#paint2_linear_1248_126563)"/>
+<path d="M102 17.5H87V30.5H102V17.5Z" fill="#84AFF1"/>
+<path d="M102 35H87V48H102V35Z" fill="#84AFF1"/>
+<path d="M92 9.68623H93.5663V8.96449H93.6149C93.8155 9.37609 94.2621 9.75 95.0129 9.75C96.1133 9.75 97 8.97898 97 7.46304C97 5.89203 96.0615 5.17609 95.0227 5.17609C94.2362 5.17609 93.8058 5.58768 93.6149 5.99638H93.5825V3.75H92V9.68623ZM93.5502 7.46015C93.5502 6.73261 93.8867 6.28333 94.466 6.28333C95.0518 6.28333 95.3754 6.7442 95.3754 7.46015C95.3754 8.17899 95.0518 8.64565 94.466 8.64565C93.8867 8.64565 93.5502 8.18188 93.5502 7.46015Z" fill="#24292E"/>
+<path d="M92 43.4453V42.4463L94.5893 38.5H96.2308V42.4287H97V43.4453H96.2308V44.5H94.977V43.4453H92ZM95.0012 42.4287V39.8828H94.9528L93.3204 42.3818V42.4287H95.0012Z" fill="#24292E"/>
+<path d="M92.3373 27H96.75V25.8468H94.3341V25.8092L95.0472 25.1561C96.3396 24.0376 96.6772 23.4682 96.6772 22.789C96.6772 21.7225 95.8011 21 94.4476 21C93.129 21 92.2471 21.7543 92.25 22.9595H93.6151C93.6151 22.4249 93.947 22.1156 94.4418 22.1156C94.9279 22.1156 95.2801 22.4133 95.2801 22.9017C95.2801 23.3439 95.0006 23.6445 94.5116 24.0809L92.3373 25.9711V27Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126563" x1="0" y1="6.5052" x2="40" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126563" x1="68" y1="6.5052" x2="83" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126563" x1="87" y1="6.5052" x2="102" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126563">
+<rect width="40" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_126563">
+<rect width="15" height="48" fill="white" transform="translate(87)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/fieldLookup.svg b/public/img/transformations/light/fieldLookup.svg
new file mode 100755
index 00000000000..f8c4648e469
--- /dev/null
+++ b/public/img/transformations/light/fieldLookup.svg
@@ -0,0 +1,16 @@
+<svg width="50" height="48" viewBox="0 0 50 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0.611699V7.64012H14V0H0.58504C0.429878 0 0.28107 0.0644467 0.171354 0.179162C0.0616379 0.293878 0 0.449466 0 0.611699Z" fill="url(#paint0_linear_1248_126334)"/>
+<path d="M14 10.0869H0V17.727H14V10.0869Z" fill="#84AFF1"/>
+<path d="M14 20.1799H0V27.8262H14V20.1799Z" fill="#3865AB"/>
+<path d="M14 30.2668H0V37.907H14V30.2668Z" fill="#84AFF1"/>
+<path d="M14 48V40.3721H0V47.3883C0 47.5505 0.0616379 47.7061 0.171354 47.8209C0.28107 47.9356 0.429878 48 0.58504 48H14Z" fill="#3865AB"/>
+<path d="M47.5651 35.5782L42.3742 30.4293C44.3891 27.9169 45.3649 24.7281 45.1009 21.5184C44.8369 18.3087 43.3532 15.3222 40.9548 13.1728C38.5564 11.0235 35.4257 9.87482 32.2063 9.96291C28.987 10.051 25.9238 11.3692 23.6465 13.6465C21.3693 15.9237 20.0511 18.9869 19.963 22.2063C19.8749 25.4256 21.0236 28.5563 23.1729 30.9547C25.3222 33.3531 28.3088 34.8368 31.5185 35.1008C34.7282 35.3649 37.917 34.3891 40.4294 32.3741L45.5783 37.5231C45.7084 37.6542 45.8631 37.7583 46.0336 37.8293C46.2041 37.9004 46.387 37.9369 46.5717 37.9369C46.7564 37.9369 46.9393 37.9004 47.1098 37.8293C47.2803 37.7583 47.435 37.6542 47.5651 37.5231C47.8173 37.2622 47.9583 36.9135 47.9583 36.5506C47.9583 36.1878 47.8173 35.8391 47.5651 35.5782V35.5782ZM32.58 32.3741C30.6429 32.3741 28.7493 31.7997 27.1387 30.7235C25.528 29.6473 24.2727 28.1177 23.5314 26.328C22.7901 24.5384 22.5961 22.5691 22.974 20.6692C23.3519 18.7693 24.2848 17.0242 25.6545 15.6544C27.0242 14.2847 28.7694 13.3519 30.6693 12.974C32.5692 12.5961 34.5384 12.79 36.3281 13.5313C38.1177 14.2726 39.6474 15.528 40.7236 17.1386C41.7998 18.7492 42.3742 20.6428 42.3742 22.5799C42.3742 25.1775 41.3423 27.6687 39.5056 29.5055C37.6688 31.3422 35.1776 32.3741 32.58 32.3741V32.3741Z" fill="#24292E"/>
+<path d="M32.5 16C31.0413 16 29.6424 16.5479 28.6109 17.523C27.5795 18.4982 27 19.8209 27 21.2C27 24.71 31.8469 28.675 32.0531 28.844C32.1777 28.9447 32.3361 29 32.5 29C32.6639 29 32.8223 28.9447 32.9469 28.844C33.1875 28.675 38 24.71 38 21.2C38 19.8209 37.4205 18.4982 36.3891 17.523C35.3576 16.5479 33.9587 16 32.5 16Z" fill="#FF0000"/>
+<path d="M35 21.5C35 22.8807 33.8807 24 32.5 24C31.1193 24 30 22.8807 30 21.5C30 20.1193 31.1193 19 32.5 19C33.8807 19 35 20.1193 35 21.5Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126334" x1="0" y1="3.82312" x2="14" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/filterByRefId.svg b/public/img/transformations/light/filterByRefId.svg
new file mode 100755
index 00000000000..33fa8cf14a5
--- /dev/null
+++ b/public/img/transformations/light/filterByRefId.svg
@@ -0,0 +1,57 @@
+<svg width="158" height="49" viewBox="0 0 158 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 14H34V2.04083C34 1.76479 33.934 1.50005 33.8164 1.30485C33.6989 1.10966 33.5394 1 33.3732 1H19V14Z" fill="url(#paint0_linear_1248_126159)"/>
+<path d="M34 18.5H19V31.5H34V18.5Z" fill="#84AFF1"/>
+<path d="M34 36H19V49H34V36Z" fill="#84AFF1"/>
+<path d="M0 2.03583V13.995H15V0.994995H0.626828C0.460583 0.994995 0.301147 1.10465 0.183594 1.29985C0.0660407 1.49504 0 1.75978 0 2.03583Z" fill="url(#paint1_linear_1248_126159)"/>
+<path d="M15 18.495H0V31.495H15V18.495Z" fill="#84AFF1"/>
+<path d="M15 35.995H0V48.995H15V35.995Z" fill="#84AFF1"/>
+<path d="M46.3343 31H49.674V26.674H54V23.3343H49.674V19H46.3343V23.3343H42V26.674H46.3343V31Z" fill="#24292E"/>
+<path d="M82.675 2.5H75.325C74.9073 2.5 74.5067 2.66594 74.2113 2.96131C73.9159 3.25668 73.75 3.65728 73.75 4.075V4.68925C73.7499 4.90604 73.7946 5.12052 73.8813 5.31925V5.35075C73.9554 5.51926 74.0605 5.6724 74.191 5.80225L77.425 9.01525V12.475C77.4248 12.5642 77.4474 12.652 77.4906 12.7301C77.5337 12.8082 77.5961 12.874 77.6717 12.9212C77.7553 12.973 77.8517 13.0003 77.95 13C78.0322 12.9995 78.1131 12.9797 78.1862 12.9422L80.2862 11.8922C80.3728 11.8486 80.4456 11.7819 80.4966 11.6994C80.5476 11.6169 80.5747 11.5219 80.575 11.425V9.01525L83.788 5.80225C83.9185 5.6724 84.0236 5.51926 84.0977 5.35075V5.31925C84.1916 5.12208 84.2435 4.90753 84.25 4.68925V4.075C84.25 3.65728 84.0841 3.25668 83.7887 2.96131C83.4933 2.66594 83.0927 2.5 82.675 2.5ZM79.6772 8.42725C79.6286 8.47631 79.5901 8.53448 79.564 8.59845C79.5378 8.66241 79.5246 8.73091 79.525 8.8V11.0995L78.475 11.6245V8.8C78.4754 8.73091 78.4622 8.66241 78.436 8.59845C78.4099 8.53448 78.3714 8.47631 78.3227 8.42725L75.5402 5.65H82.4597L79.6772 8.42725ZM83.2 4.6H74.8V4.075C74.8 3.93576 74.8553 3.80223 74.9538 3.70377C75.0522 3.60531 75.1858 3.55 75.325 3.55H82.675C82.8142 3.55 82.9478 3.60531 83.0462 3.70377C83.1447 3.80223 83.2 3.93576 83.2 4.075V4.6Z" fill="#24292E" fill-opacity="0.75"/>
+<g clip-path="url(#clip0_1248_126159)">
+<path d="M62 18.7908V30.75H76.9563V17.75H62.625C62.4592 17.75 62.3003 17.8597 62.1831 18.0549C62.0658 18.25 62 18.5148 62 18.7908Z" fill="url(#paint2_linear_1248_126159)"/>
+<path d="M77 35.25H62V48.25H77V35.25Z" fill="#3865AB"/>
+</g>
+<g clip-path="url(#clip1_1248_126159)">
+<path d="M81 30.75H96V18.7908C96 18.5148 95.934 18.25 95.8164 18.0549C95.6989 17.8597 95.5394 17.75 95.3732 17.75H81V30.75Z" fill="url(#paint3_linear_1248_126159)"/>
+<path d="M96 35.25H81V48.25H96V35.25Z" fill="#3865AB"/>
+</g>
+<path d="M109.907 31C110.601 31 115.933 27 115.933 25C115.933 23 110.736 19 109.907 19C109.078 19 108.402 19.5 108.402 20.4756C108.402 21.4512 111.907 23.9206 111.907 23.9206C111.907 23.9206 104.254 23.25 104 23.9206C103.746 24.5911 103.746 25.4089 104 26.0794C104.254 26.75 111.907 26.0794 111.907 26.0794C111.907 26.0794 108.402 28.75 108.402 29.5301C108.402 30.3103 109.212 31 109.907 31Z" fill="#24292E"/>
+<path d="M143 14H158V2.04083C158 1.76479 157.934 1.50005 157.816 1.30485C157.699 1.10966 157.539 1 157.373 1H143V14Z" fill="url(#paint4_linear_1248_126159)"/>
+<path d="M158 18.5H143V31.5H158V18.5Z" fill="#84AFF1"/>
+<path d="M158 36H143V49H158V36Z" fill="#84AFF1"/>
+<path d="M124 2.03583V13.995H139V0.994995H124.627C124.461 0.994995 124.301 1.10465 124.184 1.29985C124.066 1.49504 124 1.75978 124 2.03583Z" fill="url(#paint5_linear_1248_126159)"/>
+<path d="M139 18.495H124V31.495H139V18.495Z" fill="#84AFF1"/>
+<path d="M139 35.995H124V48.995H139V35.995Z" fill="#84AFF1"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126159" x1="19" y1="7.5052" x2="34" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126159" x1="0" y1="7.5002" x2="15" y2="7.5002" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126159" x1="62" y1="24.2552" x2="76.9563" y2="24.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126159" x1="81" y1="24.2552" x2="96" y2="24.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126159" x1="143" y1="7.5052" x2="158" y2="7.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1248_126159" x1="124" y1="7.5002" x2="139" y2="7.5002" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126159">
+<rect width="15" height="30.5" fill="white" transform="translate(62 17.75)"/>
+</clipPath>
+<clipPath id="clip1_1248_126159">
+<rect width="15" height="30.5" fill="white" transform="translate(81 17.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/filterByValue.svg b/public/img/transformations/light/filterByValue.svg
new file mode 100755
index 00000000000..1e50291197e
--- /dev/null
+++ b/public/img/transformations/light/filterByValue.svg
@@ -0,0 +1,60 @@
+<svg width="136" height="48" viewBox="0 0 136 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126213)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_126213)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1248_126213)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+<path d="M26.4792 27C27.8085 27 28.7528 26.2757 28.75 25.2605C28.7528 24.5418 28.2958 24.0285 27.4208 23.923V23.8774C28.0771 23.7804 28.5423 23.327 28.5395 22.6711C28.5423 21.7186 27.706 21 26.4903 21C25.2663 21 24.3746 21.73 24.3635 22.7681H25.6734C25.6845 22.3688 26.0334 22.1008 26.4903 22.1008C26.9251 22.1008 27.2214 22.3717 27.2186 22.7624C27.2214 23.1673 26.8725 23.4468 26.3685 23.4468H25.8174V24.4506H26.3685C26.9417 24.4506 27.3155 24.7414 27.31 25.1521C27.3155 25.5656 26.9721 25.8536 26.4848 25.8536C26.0001 25.8536 25.6429 25.5884 25.6291 25.2034H24.25C24.2611 26.2586 25.1832 27 26.4792 27Z" fill="#24292E"/>
+<path d="M24 43.4453V42.4463L26.5893 38.5H28.2308V42.4287H29V43.4453H28.2308V44.5H26.977V43.4453H24ZM27.0012 42.4287V39.8828H26.9528L25.3204 42.3818V42.4287H27.0012Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126213)">
+<path d="M47.675 18.75H40.325C39.9073 18.75 39.5067 18.9159 39.2113 19.2113C38.9159 19.5067 38.75 19.9073 38.75 20.325V20.9392C38.7499 21.156 38.7946 21.3705 38.8813 21.5692V21.6007C38.9554 21.7693 39.0605 21.9224 39.191 22.0522L42.425 25.2652V28.725C42.4248 28.8142 42.4474 28.902 42.4906 28.9801C42.5337 29.0582 42.5961 29.124 42.6717 29.1712C42.7553 29.223 42.8517 29.2503 42.95 29.25C43.0322 29.2495 43.1131 29.2297 43.1862 29.1922L45.2862 28.1422C45.3728 28.0986 45.4456 28.0319 45.4966 27.9494C45.5476 27.8669 45.5747 27.7719 45.575 27.675V25.2652L48.788 22.0522C48.9185 21.9224 49.0236 21.7693 49.0977 21.6007V21.5692C49.1916 21.3721 49.2435 21.1575 49.25 20.9392V20.325C49.25 19.9073 49.0841 19.5067 48.7887 19.2113C48.4933 18.9159 48.0927 18.75 47.675 18.75ZM44.6772 24.6772C44.6286 24.7263 44.5901 24.7845 44.564 24.8484C44.5378 24.9124 44.5246 24.9809 44.525 25.05V27.3495L43.475 27.8745V25.05C43.4754 24.9809 43.4622 24.9124 43.436 24.8484C43.4099 24.7845 43.3714 24.7263 43.3227 24.6772L40.5402 21.9H47.4597L44.6772 24.6772ZM48.2 20.85H39.8V20.325C39.8 20.1858 39.8553 20.0522 39.9538 19.9538C40.0522 19.8553 40.1858 19.8 40.325 19.8H47.675C47.8142 19.8 47.9478 19.8553 48.0462 19.9538C48.1447 20.0522 48.2 20.1858 48.2 20.325V20.85Z" fill="#24292E" fill-opacity="0.75"/>
+</g>
+<path d="M52.8087 27C51.7696 27 51 26.4879 51 25.477C51 24.3364 51.9682 23.9972 53.0463 23.9041C53.9932 23.8176 54.3656 23.7744 54.3656 23.4452V23.4252C54.3656 23.0062 54.0712 22.7635 53.557 22.7635C53.0144 22.7635 52.6917 23.0129 52.5888 23.3521L51.1915 23.2456C51.4007 22.3145 52.259 21.7292 53.5641 21.7292C54.777 21.7292 55.8764 22.2414 55.8764 23.4585V26.9036H54.4436V26.1953H54.401C54.1351 26.6708 53.6137 27 52.8087 27ZM53.2414 26.0224C53.9045 26.0224 54.3762 25.6133 54.3762 25.0779V24.5359C54.1954 24.649 53.6563 24.7221 53.3265 24.7654C52.7945 24.8352 52.4434 25.0314 52.4434 25.4304C52.4434 25.8195 52.7768 26.0224 53.2414 26.0224Z" fill="#24292E" fill-opacity="0.75"/>
+<path d="M57.3889 26.3727V25.1922H62.2866V26.3727H57.3889ZM57.3889 24.1646V22.9841H62.2866V24.1646H57.3889Z" fill="#24292E" fill-opacity="0.75"/>
+<path d="M63.0676 27V26.0983L65.5304 24.1474C66.1588 23.6301 66.4966 23.3064 66.4966 22.8353C66.4966 22.315 66.0439 21.9913 65.4358 21.9913C64.8041 21.9913 64.3851 22.3381 64.3885 22.9046H63C62.9966 21.7428 63.9933 21 65.446 21C66.9291 21 67.9088 21.7254 67.9088 22.7514C67.9088 23.4249 67.527 23.9798 66.1047 25.0896L65.0946 25.9364V25.9769H68V27H63.0676Z" fill="#24292E" fill-opacity="0.75"/>
+<path d="M83.9067 30C84.6011 30 89.9327 26 89.9327 24C89.9327 22 84.7357 18 83.9067 18C83.0778 18 82.4023 18.5 82.4023 19.4756C82.4023 20.4512 85.9067 22.9206 85.9067 22.9206C85.9067 22.9206 78.2539 22.25 78 22.9206C77.7461 23.5911 77.7461 24.4089 78 25.0794C78.2539 25.75 85.9067 25.0794 85.9067 25.0794C85.9067 25.0794 82.4023 27.75 82.4023 28.5301C82.4023 29.3103 83.2124 30 83.9067 30Z" fill="#24292E"/>
+<path d="M98 9.79083V21.75H113V8.75H98.6268C98.4606 8.75 98.3011 8.85966 98.1836 9.05485C98.066 9.25005 98 9.51479 98 9.79083Z" fill="url(#paint2_linear_1248_126213)"/>
+<path d="M113 26.25H98V39.25H113V26.25Z" fill="#84AFF1"/>
+<path d="M106.5 29.75H105.072L103.5 30.6699V31.9238L104.925 31.1035H104.963V35.75H106.5V29.75Z" fill="#24292E"/>
+<path d="M104.774 18.25C105.526 18.25 106.046 17.9877 106.342 17.4915H106.384V18.1678H108V14.8682C108 13.841 106.985 13.25 105.611 13.25C104.16 13.25 103.337 13.9074 103.2 14.7924L104.785 14.8429C104.859 14.5332 105.143 14.3436 105.597 14.3436C106.018 14.3436 106.285 14.5269 106.285 14.8524V14.8682C106.285 15.1653 105.927 15.2285 105.006 15.3012C103.914 15.3834 103 15.7468 103 16.8214C103 17.7822 103.741 18.25 104.774 18.25ZM105.305 17.2386C104.908 17.2386 104.627 17.068 104.627 16.7456C104.627 16.4327 104.901 16.243 105.389 16.1767C105.709 16.1356 106.103 16.0724 106.296 15.9807V16.4422C106.296 16.9162 105.853 17.2386 105.305 17.2386Z" fill="#24292E"/>
+<g clip-path="url(#clip2_1248_126213)">
+<path d="M117 21.75H132V9.79083C132 9.51479 131.934 9.25005 131.816 9.05485C131.699 8.85966 131.539 8.75 131.373 8.75H117V21.75Z" fill="url(#paint3_linear_1248_126213)"/>
+<path d="M132 26.25H117V39.25H132V26.25Z" fill="#84AFF1"/>
+<path d="M122 18.4362H123.566V17.7145H123.615C123.816 18.1261 124.262 18.5 125.013 18.5C126.113 18.5 127 17.729 127 16.213C127 14.642 126.061 13.9261 125.023 13.9261C124.236 13.9261 123.806 14.3377 123.615 14.7464H123.583V12.5H122V18.4362ZM123.55 16.2101C123.55 15.4826 123.887 15.0333 124.466 15.0333C125.052 15.0333 125.375 15.4942 125.375 16.2101C125.375 16.929 125.052 17.3957 124.466 17.3957C123.887 17.3957 123.55 16.9319 123.55 16.2101Z" fill="#24292E"/>
+<path d="M124.479 35.75C125.808 35.75 126.753 35.0257 126.75 34.0105C126.753 33.2918 126.296 32.7785 125.421 32.673V32.6274C126.077 32.5304 126.542 32.077 126.54 31.4211C126.542 30.4686 125.706 29.75 124.49 29.75C123.266 29.75 122.375 30.48 122.364 31.5181H123.673C123.684 31.1188 124.033 30.8508 124.49 30.8508C124.925 30.8508 125.221 31.1217 125.219 31.5124C125.221 31.9173 124.872 32.1968 124.368 32.1968H123.817V33.2006H124.368C124.942 33.2006 125.316 33.4914 125.31 33.9021C125.316 34.3156 124.972 34.6036 124.485 34.6036C124 34.6036 123.643 34.3384 123.629 33.9534H122.25C122.261 35.0086 123.183 35.75 124.479 35.75Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126213" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126213" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126213" x1="98" y1="15.2552" x2="113" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126213" x1="117" y1="15.2552" x2="132" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126213">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip1_1248_126213">
+<rect width="12" height="12" fill="white" transform="translate(38 18)"/>
+</clipPath>
+<clipPath id="clip2_1248_126213">
+<rect width="15" height="30.5" fill="white" transform="translate(117 8.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/filterFieldsByName.svg b/public/img/transformations/light/filterFieldsByName.svg
new file mode 100755
index 00000000000..efa00becbef
--- /dev/null
+++ b/public/img/transformations/light/filterFieldsByName.svg
@@ -0,0 +1,57 @@
+<svg width="77" height="48" viewBox="0 0 77 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126187)">
+<path d="M19 23H34V13.8006C34 13.5883 33.934 13.3847 33.8164 13.2345C33.6989 13.0844 33.5394 13 33.3732 13H19V23Z" fill="url(#paint0_linear_1248_126187)"/>
+<path d="M43 26H19V35.5H43V26Z" fill="#84AFF1"/>
+<path d="M34 26H19V35.5H34V26Z" fill="#84AFF1"/>
+<path d="M34 39H19V48.5H34V39Z" fill="#84AFF1"/>
+<path d="M24 20.9362H25.5663V20.2145H25.6149C25.8155 20.6261 26.2621 21 27.0129 21C28.1133 21 29 20.229 29 18.713C29 17.142 28.0615 16.4261 27.0227 16.4261C26.2362 16.4261 25.8058 16.8377 25.6149 17.2464H25.5825V15H24V20.9362ZM25.5502 18.7101C25.5502 17.9826 25.8867 17.5333 26.466 17.5333C27.0518 17.5333 27.3754 17.9942 27.3754 18.7101C27.3754 19.429 27.0518 19.8957 26.466 19.8957C25.8867 19.8957 25.5502 19.4319 25.5502 18.7101Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126187)">
+<path d="M0 13.8006V23H15V13H0.626828C0.460583 13 0.301147 13.0844 0.183594 13.2345C0.0660407 13.3847 0 13.5883 0 13.8006Z" fill="url(#paint1_linear_1248_126187)"/>
+<path d="M24 26H0V35.5H24V26Z" fill="#84AFF1"/>
+<path d="M15 26H0V35.5H15V26Z" fill="#84AFF1"/>
+<path d="M15 39H0V48.5H15V39Z" fill="#84AFF1"/>
+<path d="M8.5 28H7.07158L5.5 28.9199V30.1738L6.92531 29.3535H6.96266V34H8.5V28Z" fill="#24292E"/>
+<path d="M5.33733 46.5H9.75V45.3468H7.33409V45.3092L8.04722 44.6561C9.33959 43.5376 9.67723 42.9682 9.67723 42.289C9.67723 41.2225 8.8011 40.5 7.44761 40.5C6.12905 40.5 5.2471 41.2543 5.25001 42.4595H6.61514C6.61514 41.9249 6.94696 41.6156 7.44179 41.6156C7.92788 41.6156 8.28008 41.9133 8.28008 42.4017C8.28008 42.8439 8.00065 43.1445 7.51165 43.5809L5.33733 45.4711V46.5Z" fill="#24292E"/>
+<path d="M6.77442 20.5C7.52635 20.5 8.04638 20.2377 8.34153 19.7415H8.3837V20.4178H10V17.1182C10 16.091 8.98454 15.5 7.61068 15.5C6.15952 15.5 5.33732 16.1574 5.20028 17.0424L6.78496 17.0929C6.85875 16.7832 7.14336 16.5936 7.59663 16.5936C8.01827 16.5936 8.28531 16.7769 8.28531 17.1024V17.1182C8.28531 17.4153 7.92692 17.4785 7.00633 17.5512C5.91356 17.6334 5 17.9968 5 19.0714C5 20.0322 5.74139 20.5 6.77442 20.5ZM7.30499 19.4886C6.90794 19.4886 6.62684 19.318 6.62684 18.9956C6.62684 18.6827 6.90091 18.493 7.38932 18.4267C7.70907 18.3856 8.1026 18.3224 8.29585 18.2307V18.6922C8.29585 19.1662 7.85313 19.4886 7.30499 19.4886Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 36.5C48.6011 36.5 53.9327 32.5 53.9327 30.5C53.9327 28.5 48.7357 24.5 47.9067 24.5C47.0778 24.5 46.4023 25 46.4023 25.9756C46.4023 26.9512 49.9067 29.4206 49.9067 29.4206C49.9067 29.4206 42.2539 28.75 42 29.4206C41.7461 30.0911 41.7461 30.9089 42 31.5794C42.2539 32.25 49.9067 31.5794 49.9067 31.5794C49.9067 31.5794 46.4023 34.25 46.4023 35.0301C46.4023 35.8103 47.2124 36.5 47.9067 36.5Z" fill="#CCCCDC"/>
+<g clip-path="url(#clip2_1248_126187)">
+<path d="M62 13.8006V23H77V13H62.6268C62.4606 13 62.3011 13.0844 62.1836 13.2345C62.066 13.3847 62 13.5883 62 13.8006Z" fill="url(#paint2_linear_1248_126187)"/>
+<path d="M86 26H62V35.5H86V26Z" fill="#84AFF1"/>
+<path d="M77 26H62V35.5H77V26Z" fill="#84AFF1"/>
+<path d="M77 39H62V48.5H77V39Z" fill="#84AFF1"/>
+<path d="M70.5 28H69.0716L67.5 28.9199V30.1738L68.9253 29.3535H68.9627V34H70.5V28Z" fill="#24292E"/>
+<path d="M67.3373 46.5H71.75V45.3468H69.3341V45.3092L70.0472 44.6561C71.3396 43.5376 71.6772 42.9682 71.6772 42.289C71.6772 41.2225 70.8011 40.5 69.4476 40.5C68.129 40.5 67.2471 41.2543 67.25 42.4595H68.6151C68.6151 41.9249 68.947 41.6156 69.4418 41.6156C69.9279 41.6156 70.2801 41.9133 70.2801 42.4017C70.2801 42.8439 70.0006 43.1445 69.5116 43.5809L67.3373 45.4711V46.5Z" fill="#24292E"/>
+<path d="M68.7744 20.5C69.5264 20.5 70.0464 20.2377 70.3415 19.7415H70.3837V20.4178H72V17.1182C72 16.091 70.9845 15.5 69.6107 15.5C68.1595 15.5 67.3373 16.1574 67.2003 17.0424L68.785 17.0929C68.8587 16.7832 69.1434 16.5936 69.5966 16.5936C70.0183 16.5936 70.2853 16.7769 70.2853 17.1024V17.1182C70.2853 17.4153 69.9269 17.4785 69.0063 17.5512C67.9136 17.6334 67 17.9968 67 19.0714C67 20.0322 67.7414 20.5 68.7744 20.5ZM69.305 19.4886C68.9079 19.4886 68.6268 19.318 68.6268 18.9956C68.6268 18.6827 68.9009 18.493 69.3893 18.4267C69.7091 18.3856 70.1026 18.3224 70.2959 18.2307V18.6922C70.2959 19.1662 69.8531 19.4886 69.305 19.4886Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1248_126187)">
+<path d="M29.675 0.75H22.325C21.9073 0.75 21.5067 0.915937 21.2113 1.21131C20.9159 1.50668 20.75 1.90728 20.75 2.325V2.93925C20.7499 3.15604 20.7946 3.37052 20.8813 3.56925V3.60075C20.9554 3.76926 21.0605 3.9224 21.191 4.05225L24.425 7.26525V10.725C24.4248 10.8142 24.4474 10.902 24.4906 10.9801C24.5337 11.0582 24.5961 11.124 24.6717 11.1712C24.7553 11.223 24.8517 11.2503 24.95 11.25C25.0322 11.2495 25.1131 11.2297 25.1862 11.1922L27.2862 10.1422C27.3728 10.0986 27.4456 10.0319 27.4966 9.9494C27.5476 9.86693 27.5747 9.77195 27.575 9.675V7.26525L30.788 4.05225C30.9185 3.9224 31.0236 3.76926 31.0977 3.60075V3.56925C31.1916 3.37208 31.2435 3.15753 31.25 2.93925V2.325C31.25 1.90728 31.0841 1.50668 30.7887 1.21131C30.4933 0.915937 30.0927 0.75 29.675 0.75ZM26.6772 6.67725C26.6286 6.72631 26.5901 6.78448 26.564 6.84845C26.5378 6.91241 26.5246 6.98091 26.525 7.05V9.3495L25.475 9.8745V7.05C25.4754 6.98091 25.4622 6.91241 25.436 6.84845C25.4099 6.78448 25.3714 6.72631 25.3227 6.67725L22.5402 3.9H29.4597L26.6772 6.67725ZM30.2 2.85H21.8V2.325C21.8 2.18576 21.8553 2.05223 21.9538 1.95377C22.0522 1.85531 22.1858 1.8 22.325 1.8H29.675C29.8142 1.8 29.9478 1.85531 30.0462 1.95377C30.1447 2.05223 30.2 2.18576 30.2 2.325V2.85Z" fill="#CCCCDC" fill-opacity="0.65"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126187" x1="19" y1="18.004" x2="34" y2="18.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126187" x1="0" y1="18.004" x2="15" y2="18.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126187" x1="62" y1="18.004" x2="77" y2="18.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126187">
+<rect width="15" height="35" fill="white" transform="translate(19 13)"/>
+</clipPath>
+<clipPath id="clip1_1248_126187">
+<rect width="15" height="35" fill="white" transform="translate(0 13)"/>
+</clipPath>
+<clipPath id="clip2_1248_126187">
+<rect width="15" height="35" fill="white" transform="translate(62 13)"/>
+</clipPath>
+<clipPath id="clip3_1248_126187">
+<rect width="12" height="12" fill="white" transform="translate(20)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/groupBy.svg b/public/img/transformations/light/groupBy.svg
new file mode 100755
index 00000000000..b93cf872948
--- /dev/null
+++ b/public/img/transformations/light/groupBy.svg
@@ -0,0 +1,36 @@
+<svg width="78" height="51" viewBox="0 0 78 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126371)">
+<path d="M2 0.800642V10H26V1.05456e-06H3.00292L2.0002 0L2 0.800642Z" fill="url(#paint0_linear_1248_126371)"/>
+<path d="M26 13H2V22.5H26V13Z" fill="#84AFF1"/>
+<path d="M26 25.75H2V35.25H26V25.75Z" fill="#84AFF1"/>
+<path d="M26 38.5H2V48H26V38.5Z" fill="#84AFF1"/>
+<path d="M15.5 14.75H14.0716L12.5 15.6699V16.9238L13.9253 16.1035H13.9627V20.75H15.5V14.75Z" fill="#24292E"/>
+<path d="M12.0873 33.5H16.5V32.3468H14.0841V32.3092L14.7972 31.6561C16.0896 30.5376 16.4272 29.9682 16.4272 29.289C16.4272 28.2225 15.5511 27.5 14.1976 27.5C12.879 27.5 11.9971 28.2543 12 29.4595H13.3651C13.3651 28.9249 13.697 28.6156 14.1918 28.6156C14.6779 28.6156 15.0301 28.9133 15.0301 29.4017C15.0301 29.8439 14.7506 30.1445 14.2616 30.5809L12.0873 32.4711V33.5Z" fill="#24292E"/>
+<path d="M12.0873 46.5H16.5V45.3468H14.0841V45.3092L14.7972 44.6561C16.0896 43.5376 16.4272 42.9682 16.4272 42.289C16.4272 41.2225 15.5511 40.5 14.1976 40.5C12.879 40.5 11.9971 41.2543 12 42.4595H13.3651C13.3651 41.9249 13.697 41.6156 14.1918 41.6156C14.6779 41.6156 15.0301 41.9133 15.0301 42.4017C15.0301 42.8439 14.7506 43.1445 14.2616 43.5809L12.0873 45.4711V46.5Z" fill="#24292E"/>
+</g>
+<path d="M39.9067 30C40.6011 30 45.9327 26 45.9327 24C45.9327 22 40.7357 18 39.9067 18C39.0778 18 38.4023 18.5 38.4023 19.4756C38.4023 20.4512 41.9067 22.9206 41.9067 22.9206C41.9067 22.9206 34.2539 22.25 34 22.9206C33.7461 23.5911 33.7461 24.4089 34 25.0794C34.2539 25.75 41.9067 25.0794 41.9067 25.0794C41.9067 25.0794 38.4023 27.75 38.4023 28.5301C38.4023 29.3103 39.2124 30 39.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_126371)">
+<path d="M54 0.800642V10H78V1.13097e-06H55.0029C54.7369 1.13097e-06 54.0001 0 54.0001 0C54.0001 0 54 0.588299 54 0.800642Z" fill="url(#paint1_linear_1248_126371)"/>
+<path d="M78 13H54V29H78V13Z" fill="#84AFF1"/>
+<path d="M78 32H54V48H78V32Z" fill="#84AFF1"/>
+<path d="M67.5 18H66.0716L64.5 18.9199V20.1738L65.9253 19.3535H65.9627V24H67.5V18Z" fill="#24292E"/>
+<path d="M64.0873 43H68.5V41.8468H66.0841V41.8092L66.7972 41.1561C68.0896 40.0376 68.4272 39.4682 68.4272 38.789C68.4272 37.7225 67.5511 37 66.1976 37C64.879 37 63.9971 37.7543 64 38.9595H65.3651C65.3651 38.4249 65.697 38.1156 66.1918 38.1156C66.6779 38.1156 67.0301 38.4133 67.0301 38.9017C67.0301 39.3439 66.7506 39.6445 66.2616 40.0809L64.0873 41.9711V43Z" fill="#24292E"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26 25.7421H2V48H26V25.7421ZM0 23.6179V50H28V23.6179L0 23.6179Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126371" x1="2.00781" y1="5.004" x2="26.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126371" x1="54.001" y1="5.004" x2="78.001" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126371">
+<rect width="24" height="48" fill="white" transform="translate(2)"/>
+</clipPath>
+<clipPath id="clip1_1248_126371">
+<rect width="24" height="48" fill="white" transform="translate(54)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/groupByCalculation.svg b/public/img/transformations/light/groupByCalculation.svg
new file mode 100755
index 00000000000..5d71fc890d9
--- /dev/null
+++ b/public/img/transformations/light/groupByCalculation.svg
@@ -0,0 +1,41 @@
+<svg width="77" height="50" viewBox="0 0 77 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126389)">
+<path d="M2 0.800642V10H26V1.05456e-06H3.00292L2.0002 0L2 0.800642Z" fill="url(#paint0_linear_1248_126389)"/>
+<path d="M26 13H2V22.5H26V13Z" fill="#84AFF1"/>
+<path d="M26 25.75H2V35.25H26V25.75Z" fill="#84AFF1"/>
+<path d="M26 38.5H2V48H26V38.5Z" fill="#84AFF1"/>
+<path d="M15.5 14.75H14.0716L12.5 15.6699V16.9238L13.9253 16.1035H13.9627V20.75H15.5V14.75Z" fill="#24292E"/>
+<path d="M12.0873 33.5H16.5V32.3468H14.0841V32.3092L14.7972 31.6561C16.0896 30.5376 16.4272 29.9682 16.4272 29.289C16.4272 28.2225 15.5511 27.5 14.1976 27.5C12.879 27.5 11.9971 28.2543 12 29.4595H13.3651C13.3651 28.9249 13.697 28.6156 14.1918 28.6156C14.6779 28.6156 15.0301 28.9133 15.0301 29.4017C15.0301 29.8439 14.7506 30.1445 14.2616 30.5809L12.0873 32.4711V33.5Z" fill="#24292E"/>
+<path d="M12.0873 46.5H16.5V45.3468H14.0841V45.3092L14.7972 44.6561C16.0896 43.5376 16.4272 42.9682 16.4272 42.289C16.4272 41.2225 15.5511 40.5 14.1976 40.5C12.879 40.5 11.9971 41.2543 12 42.4595H13.3651C13.3651 41.9249 13.697 41.6156 14.1918 41.6156C14.6779 41.6156 15.0301 41.9133 15.0301 42.4017C15.0301 42.8439 14.7506 43.1445 14.2616 43.5809L12.0873 45.4711V46.5Z" fill="#24292E"/>
+</g>
+<path d="M38.9067 30C39.6011 30 44.9327 26 44.9327 24C44.9327 22 39.7357 18 38.9067 18C38.0778 18 37.4023 18.5 37.4023 19.4756C37.4023 20.4512 40.9067 22.9206 40.9067 22.9206C40.9067 22.9206 33.2539 22.25 33 22.9206C32.7461 23.5911 32.7461 24.4089 33 25.0794C33.2539 25.75 40.9067 25.0794 40.9067 25.0794C40.9067 25.0794 37.4023 27.75 37.4023 28.5301C37.4023 29.3103 38.2124 30 38.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_126389)">
+<path d="M63.7933 7.6179C64.5533 7.6179 65.0788 7.32315 65.3771 6.76562H65.4197V7.52557H67.0533V3.81818C67.0533 2.66406 66.027 2 64.6385 2C63.1719 2 62.3409 2.73864 62.2024 3.73295L63.804 3.78977C63.8786 3.44176 64.1662 3.22869 64.6243 3.22869C65.0504 3.22869 65.3203 3.43466 65.3203 3.80043V3.81818C65.3203 4.15199 64.9581 4.22301 64.0277 4.30469C62.9233 4.39702 62 4.8054 62 6.01278C62 7.09233 62.7493 7.6179 63.7933 7.6179ZM64.3295 6.48153C63.9283 6.48153 63.6442 6.28977 63.6442 5.92756C63.6442 5.57599 63.9212 5.36293 64.4148 5.28835C64.7379 5.24219 65.1357 5.17116 65.331 5.06818V5.58665C65.331 6.11932 64.8835 6.48153 64.3295 6.48153Z" fill="#24292E"/>
+<path d="M53 0.800642V10H77V1.13097e-06H54.0029C53.7369 1.13097e-06 53.0001 0 53.0001 0C53.0001 0 53 0.588299 53 0.800642Z" fill="url(#paint1_linear_1248_126389)"/>
+<path d="M77 13H53V29H77V13Z" fill="#84AFF1"/>
+<path d="M77 32H53V48H77V32Z" fill="#84AFF1"/>
+<path d="M67 17H65.0954L63 18.2266V19.8984L64.9004 18.8047H64.9502V25H67V17Z" fill="#24292E"/>
+<path d="M61.6524 38.202H61.2683C61.0645 38.202 60.8691 38.1207 60.725 37.9759C60.5809 37.8311 60.5 37.6347 60.5 37.43C60.5 37.2253 60.5809 37.0289 60.725 36.8841C60.8691 36.7393 61.0645 36.658 61.2683 36.658H61.6524V36.272C61.6524 36.0673 61.7334 35.8709 61.8775 35.7261C62.0216 35.5813 62.217 35.5 62.4207 35.5C62.6245 35.5 62.8199 35.5813 62.964 35.7261C63.1081 35.8709 63.189 36.0673 63.189 36.272V36.658H63.5732C63.7769 36.658 63.9724 36.7393 64.1164 36.8841C64.2605 37.0289 64.3415 37.2253 64.3415 37.43C64.3415 37.6347 64.2605 37.8311 64.1164 37.9759C63.9724 38.1207 63.7769 38.202 63.5732 38.202H63.189V38.588C63.189 38.7927 63.1081 38.9891 62.964 39.1339C62.8199 39.2787 62.6245 39.36 62.4207 39.36C62.217 39.36 62.0216 39.2787 61.8775 39.1339C61.7334 38.9891 61.6524 38.7927 61.6524 38.588V38.202Z" fill="#24292E"/>
+<path d="M68.7317 42.184H66.4268C66.2231 42.184 66.0276 42.1027 65.8836 41.9579C65.7395 41.8131 65.6585 41.6167 65.6585 41.412C65.6585 41.2073 65.7395 41.0109 65.8836 40.8661C66.0276 40.7213 66.2231 40.64 66.4268 40.64H68.7317C68.9355 40.64 69.1309 40.7213 69.275 40.8661C69.4191 41.0109 69.5 41.2073 69.5 41.412C69.5 41.6167 69.4191 41.8131 69.275 41.9579C69.1309 42.1027 68.9355 42.184 68.7317 42.184Z" fill="#24292E"/>
+<path d="M66.4268 36.658H68.7317C68.9355 36.658 69.1309 36.7393 69.275 36.8841C69.4191 37.0289 69.5 37.2253 69.5 37.43C69.5 37.6347 69.4191 37.8311 69.275 37.9759C69.1309 38.1207 68.9355 38.202 68.7317 38.202H66.4268C66.2231 38.202 66.0276 38.1207 65.8836 37.9759C65.7395 37.8311 65.6585 37.6347 65.6585 37.43C65.6585 37.2253 65.7395 37.0289 65.8836 36.8841C66.0276 36.7393 66.2231 36.658 66.4268 36.658Z" fill="#24292E"/>
+<path d="M68.7317 44.5H66.4268C66.2231 44.5 66.0276 44.4187 65.8836 44.2739C65.7395 44.1291 65.6585 43.9328 65.6585 43.728C65.6585 43.5233 65.7395 43.3269 65.8836 43.1821C66.0276 43.0373 66.2231 42.956 66.4268 42.956H68.7317C68.9355 42.956 69.1309 43.0373 69.275 43.1821C69.4191 43.3269 69.5 43.5233 69.5 43.728C69.5 43.9328 69.4191 44.1291 69.275 44.2739C69.1309 44.4187 68.9355 44.5 68.7317 44.5Z" fill="#24292E"/>
+<path d="M61.2651 44.5C61.0621 44.5 60.8674 44.4193 60.7234 44.2755C60.5803 44.1309 60.5 43.9352 60.5 43.7312C60.5 43.5273 60.5803 43.3316 60.7234 43.187L61.2689 42.6389L60.7234 42.0907C60.5975 41.9431 60.5318 41.7531 60.5392 41.5588C60.5467 41.3645 60.6269 41.1802 60.7637 41.0427C60.9005 40.9052 61.084 40.8247 61.2773 40.8172C61.4707 40.8097 61.6597 40.8758 61.8067 41.0022L62.3522 41.5503L62.8977 41.0022C63.0447 40.8758 63.2337 40.8097 63.4271 40.8172C63.6204 40.8247 63.8039 40.9052 63.9407 41.0427C64.0775 41.1802 64.1577 41.3645 64.1652 41.5588C64.1726 41.7531 64.1069 41.9431 63.981 42.0907L63.4355 42.6389L63.981 43.187C64.1241 43.3316 64.2044 43.5273 64.2044 43.7312C64.2044 43.9352 64.1241 44.1309 63.981 44.2755C63.837 44.4193 63.6423 44.5 63.4393 44.5C63.2364 44.5 63.0416 44.4193 62.8977 44.2755L62.3522 43.7274L61.8067 44.2755C61.6628 44.4193 61.468 44.5 61.2651 44.5Z" fill="#24292E"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26 25.75H2V47.9532H26V25.75ZM0 23.7887V50H28V23.7887L0 23.7887Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126389" x1="2.00781" y1="5.004" x2="26.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126389" x1="53.001" y1="5.004" x2="77.001" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126389">
+<rect width="24" height="48" fill="white" transform="translate(2)"/>
+</clipPath>
+<clipPath id="clip1_1248_126389">
+<rect width="24" height="48" fill="white" transform="translate(53)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/groupingToMatrix.svg b/public/img/transformations/light/groupingToMatrix.svg
new file mode 100755
index 00000000000..7b31e0f1106
--- /dev/null
+++ b/public/img/transformations/light/groupingToMatrix.svg
@@ -0,0 +1,98 @@
+<svg width="188" height="48" viewBox="0 0 188 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126059)">
+<path d="M0 0.800641V10H24V1.05456e-06H1.00292L0.000198677 0L0 0.800641Z" fill="url(#paint0_linear_1248_126059)"/>
+<path d="M24 13H0V22.5H24V13Z" fill="#84AFF1"/>
+<path d="M24 25.75H0V35.25H24V25.75Z" fill="#84AFF1"/>
+<path d="M24 38.5H0V48H24V38.5Z" fill="#84AFF1"/>
+<path d="M13 14.6179H11.5716L10 15.5378V16.7917L11.4253 15.9714H11.4627V20.6179H13V14.6179Z" fill="#24292E"/>
+<path d="M9.83733 33.5H14.25V32.3468H11.8341V32.3092L12.5472 31.6561C13.8396 30.5376 14.1772 29.9682 14.1772 29.289C14.1772 28.2225 13.3011 27.5 11.9476 27.5C10.629 27.5 9.7471 28.2543 9.75001 29.4595H11.1151C11.1151 28.9249 11.447 28.6156 11.9418 28.6156C12.4279 28.6156 12.7801 28.9133 12.7801 29.4017C12.7801 29.8439 12.5006 30.1445 12.0116 30.5809L9.83733 32.4711V33.5Z" fill="#24292E"/>
+<path d="M9.83733 46.25H14.25V45.0968H11.8341V45.0592L12.5472 44.4061C13.8396 43.2876 14.1772 42.7182 14.1772 42.039C14.1772 40.9725 13.3011 40.25 11.9476 40.25C10.629 40.25 9.7471 41.0043 9.75001 42.2095H11.1151C11.1151 41.6749 11.447 41.3656 11.9418 41.3656C12.4279 41.3656 12.7801 41.6633 12.7801 42.1517C12.7801 42.5939 12.5006 42.8945 12.0116 43.3309L9.83733 45.2211V46.25Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126059)">
+<path d="M28 0.800641V10H52V1.05456e-06H29.0029L28.0002 0L28 0.800641Z" fill="url(#paint1_linear_1248_126059)"/>
+<path d="M52 13H28V22.5H52V13Z" fill="#84AFF1"/>
+<path d="M52 25.75H28V35.25H52V25.75Z" fill="#84AFF1"/>
+<path d="M52 38.5H28V48H52V38.5Z" fill="#84AFF1"/>
+<path d="M40.1058 46.25C41.5564 46.25 42.4563 45.4582 42.5 44.2595H40.9654C40.905 44.7737 40.5759 45.0544 40.1259 45.0544C39.5484 45.0544 39.1723 44.597 39.1723 43.7358C39.1723 42.8809 39.5517 42.4235 40.1259 42.4235C40.596 42.4235 40.9016 42.7232 40.9654 43.2185H42.5C42.4631 42.026 41.5363 41.25 40.1024 41.25C38.4805 41.25 37.5 42.2658 37.5 43.7516C37.5 45.2311 38.4738 46.25 40.1058 46.25Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip2_1248_126059)">
+<path d="M56 0.800641V10H80V1.05456e-06H57.0029L56.0002 0L56 0.800641Z" fill="url(#paint2_linear_1248_126059)"/>
+<path d="M80 13H56V22.5H80V13Z" fill="#84AFF1"/>
+<path d="M80 25.75H56V35.25H80V25.75Z" fill="#84AFF1"/>
+<path d="M80 38.5H56V48H80V38.5Z" fill="#84AFF1"/>
+<path d="M67.5383 20.75C68.2141 20.75 68.616 20.3761 68.7966 19.9645H68.8403V20.6862H70.25V14.75H68.8257V16.9964H68.7966C68.6277 16.5877 68.2374 16.1761 67.5325 16.1761C66.5976 16.1761 65.75 16.892 65.75 18.463C65.75 19.979 66.551 20.75 67.5383 20.75ZM68.0335 19.6457C67.5063 19.6457 67.2121 19.179 67.2121 18.4601C67.2121 17.7442 67.5034 17.2833 68.0335 17.2833C68.5549 17.2833 68.8578 17.7326 68.8578 18.4601C68.8578 19.1819 68.5519 19.6457 68.0335 19.6457Z" fill="#24292E"/>
+<path d="M68.0797 33C69.4177 33 70.2975 32.3849 70.4834 31.4322L68.9927 31.3912C68.8665 31.7129 68.5345 31.8864 68.1096 31.8864C67.4854 31.8864 67.1003 31.4921 67.1003 30.8991V30.858H70.5V30.4732C70.5 28.877 69.4774 28 68.0299 28C66.4894 28 65.5 29.0032 65.5 30.5047C65.5 32.0568 66.4761 33 68.0797 33ZM67.1003 29.9621C67.1235 29.4795 67.5252 29.1136 68.0631 29.1136C68.5976 29.1136 68.9827 29.4669 68.9894 29.9621H67.1003Z" fill="#24292E"/>
+<path d="M69.2936 41.9515H68.4651V41.7108C68.4651 41.4646 68.5669 41.3134 68.8893 41.3134C69.0193 41.3134 69.1777 41.3414 69.2795 41.3722L69.5 40.3703C69.336 40.3256 68.9599 40.25 68.5782 40.25C67.6932 40.25 67.0853 40.7369 67.0853 41.7332V41.9515H66.5V42.959H67.0853V46.25H68.4651V42.959H69.2936V41.9515Z" fill="#24292E"/>
+</g>
+<path d="M93.9067 30C94.6011 30 99.9327 26 99.9327 24C99.9327 22 94.7357 18 93.9067 18C93.0778 18 92.4023 18.5 92.4023 19.4756C92.4023 20.4512 95.9067 22.9206 95.9067 22.9206C95.9067 22.9206 88.2539 22.25 88 22.9206C87.7461 23.5911 87.7461 24.4089 88 25.0794C88.2539 25.75 95.9067 25.0794 95.9067 25.0794C95.9067 25.0794 92.4023 27.75 92.4023 28.5301C92.4023 29.3103 93.2124 30 93.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip3_1248_126059)">
+<path d="M108 0.800641V10H132V1.05456e-06H109.003L108 0L108 0.800641Z" fill="url(#paint3_linear_1248_126059)"/>
+<path d="M132 13H108V22.5H132V13Z" fill="#84AFF1"/>
+<path d="M132 25.75H108V35.25H132V25.75Z" fill="#84AFF1"/>
+<path d="M132 38.5H108V48H132V38.5Z" fill="#84AFF1"/>
+<path d="M120.106 46.25C121.556 46.25 122.456 45.4582 122.5 44.2595H120.965C120.905 44.7737 120.576 45.0544 120.126 45.0544C119.548 45.0544 119.172 44.597 119.172 43.7358C119.172 42.8809 119.552 42.4235 120.126 42.4235C120.596 42.4235 120.902 42.7232 120.965 43.2185H122.5C122.463 42.026 121.536 41.25 120.102 41.25C118.481 41.25 117.5 42.2658 117.5 43.7516C117.5 45.2311 118.474 46.25 120.106 46.25Z" fill="#24292E"/>
+<path d="M117.75 33.4362H119.16V32.7145H119.203C119.384 33.1261 119.786 33.5 120.462 33.5C121.452 33.5 122.25 32.729 122.25 31.213C122.25 29.642 121.405 28.9261 120.47 28.9261C119.763 28.9261 119.375 29.3377 119.203 29.7464H119.174V27.5H117.75V33.4362ZM119.145 31.2101C119.145 30.4826 119.448 30.0333 119.969 30.0333C120.497 30.0333 120.788 30.4942 120.788 31.2101C120.788 31.929 120.497 32.3957 119.969 32.3957C119.448 32.3957 119.145 31.9319 119.145 31.2101Z" fill="#24292E"/>
+<path d="M119.346 20.25C120.022 20.25 120.49 19.9877 120.756 19.4915H120.794V20.1678H122.247V16.8682C122.247 15.841 121.334 15.25 120.098 15.25C118.793 15.25 118.053 15.9074 117.93 16.7924L119.356 16.8429C119.422 16.5332 119.678 16.3436 120.086 16.3436C120.465 16.3436 120.705 16.5269 120.705 16.8524V16.8682C120.705 17.1653 120.383 17.2285 119.555 17.3012C118.572 17.3834 117.75 17.7468 117.75 18.8214C117.75 19.7822 118.417 20.25 119.346 20.25ZM119.823 19.2386C119.466 19.2386 119.213 19.068 119.213 18.7456C119.213 18.4327 119.46 18.243 119.899 18.1767C120.187 18.1356 120.541 18.0724 120.715 17.9807V18.4422C120.715 18.9162 120.316 19.2386 119.823 19.2386Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1248_126059)">
+<path d="M136 0.800641V10H160V1.05456e-06H137.003L136 0L136 0.800641Z" fill="url(#paint4_linear_1248_126059)"/>
+<path d="M160 13H136V22.5H160V13Z" fill="#84AFF1"/>
+<path d="M160 25.75H136V35.25H160V25.75Z" fill="#84AFF1"/>
+<path d="M160 38.5H136V48H160V38.5Z" fill="#84AFF1"/>
+<path d="M149.5 2H148.072L146.5 2.91992V4.17383L147.925 3.35352H147.963V8H149.5V2Z" fill="#24292E"/>
+<path d="M147.538 21C148.214 21 148.616 20.6261 148.797 20.2145H148.84V20.9362H150.25V15H148.826V17.2464H148.797C148.628 16.8377 148.237 16.4261 147.533 16.4261C146.598 16.4261 145.75 17.142 145.75 18.713C145.75 20.229 146.551 21 147.538 21ZM148.033 19.8957C147.506 19.8957 147.212 19.429 147.212 18.7101C147.212 17.9942 147.503 17.5333 148.033 17.5333C148.555 17.5333 148.858 17.9826 148.858 18.7101C148.858 19.4319 148.552 19.8957 148.033 19.8957Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip5_1248_126059)">
+<path d="M164 0.800641V10H188V1.05456e-06H165.003L164 0L164 0.800641Z" fill="url(#paint5_linear_1248_126059)"/>
+<path d="M188 13H164V22.5H188V13Z" fill="#84AFF1"/>
+<path d="M188 25.75H164V35.25H188V25.75Z" fill="#84AFF1"/>
+<path d="M188 38.5H164V48H188V38.5Z" fill="#84AFF1"/>
+<path d="M173.837 8H178.25V6.84682H175.834V6.80925L176.547 6.15607C177.84 5.03757 178.177 4.46821 178.177 3.78902C178.177 2.72254 177.301 2 175.948 2C174.629 2 173.747 2.75434 173.75 3.95954H175.115C175.115 3.42486 175.447 3.11561 175.942 3.11561C176.428 3.11561 176.78 3.41329 176.78 3.90173C176.78 4.34393 176.501 4.64451 176.012 5.08093L173.837 6.9711V8Z" fill="#24292E"/>
+<path d="M176.08 33C177.418 33 178.297 32.3849 178.483 31.4322L176.993 31.3912C176.867 31.7129 176.535 31.8864 176.11 31.8864C175.485 31.8864 175.1 31.4921 175.1 30.8991V30.858H178.5V30.4732C178.5 28.877 177.477 28 176.03 28C174.489 28 173.5 29.0032 173.5 30.5047C173.5 32.0568 174.476 33 176.08 33ZM175.1 29.9621C175.124 29.4795 175.525 29.1136 176.063 29.1136C176.598 29.1136 176.983 29.4669 176.989 29.9621H175.1Z" fill="#24292E"/>
+<path d="M177.294 41.7015H176.465V41.4608C176.465 41.2146 176.567 41.0634 176.889 41.0634C177.019 41.0634 177.178 41.0914 177.279 41.1222L177.5 40.1203C177.336 40.0756 176.96 40 176.578 40C175.693 40 175.085 40.4869 175.085 41.4832V41.7015H174.5V42.709H175.085V46H176.465V42.709H177.294V41.7015Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126059" x1="0.00781255" y1="5.004" x2="24.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126059" x1="28.0078" y1="5.004" x2="52.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126059" x1="56.0078" y1="5.004" x2="80.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126059" x1="108.008" y1="5.004" x2="132.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126059" x1="136.008" y1="5.004" x2="160.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1248_126059" x1="164.008" y1="5.004" x2="188.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126059">
+<rect width="24" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_126059">
+<rect width="24" height="48" fill="white" transform="translate(28)"/>
+</clipPath>
+<clipPath id="clip2_1248_126059">
+<rect width="24" height="48" fill="white" transform="translate(56)"/>
+</clipPath>
+<clipPath id="clip3_1248_126059">
+<rect width="24" height="48" fill="white" transform="translate(108)"/>
+</clipPath>
+<clipPath id="clip4_1248_126059">
+<rect width="24" height="48" fill="white" transform="translate(136)"/>
+</clipPath>
+<clipPath id="clip5_1248_126059">
+<rect width="24" height="48" fill="white" transform="translate(164)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/heatmap.svg b/public/img/transformations/light/heatmap.svg
new file mode 100755
index 00000000000..72ee0d1eb96
--- /dev/null
+++ b/public/img/transformations/light/heatmap.svg
@@ -0,0 +1,78 @@
+<svg width="124" height="48" viewBox="0 0 124 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_125902)">
+<path d="M0 0.611699V7.64012H14.394V0H0.601504C0.441975 0 0.28898 0.0644467 0.176176 0.179162C0.0633725 0.293878 0 0.449466 0 0.611699Z" fill="url(#paint0_linear_1248_125902)"/>
+<path d="M33.606 7.64012H48V0.611699C48 0.449466 47.9366 0.293878 47.8238 0.179162C47.711 0.0644467 47.558 0 47.3985 0L33.606 0V7.64012Z" fill="url(#paint1_linear_1248_125902)"/>
+<path d="M31.194 0H16.8V7.64012H31.194V0Z" fill="url(#paint2_linear_1248_125902)"/>
+<path d="M31.194 10.0869H16.8V17.727H31.194V10.0869Z" fill="#84AFF1"/>
+<path d="M14.394 10.0869H0V17.727H14.394V10.0869Z" fill="#84AFF1"/>
+<path d="M48 10.0869H33.606V17.727H48V10.0869Z" fill="#84AFF1"/>
+<path d="M48 20.1799H33.606V27.8262H48V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 20.1799H16.8V27.8262H31.194V20.1799Z" fill="#3865AB"/>
+<path d="M14.394 20.1799H0V27.8262H14.394V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 30.2668H16.8V37.907H31.194V30.2668Z" fill="#84AFF1"/>
+<path d="M48 30.2668H33.606V37.907H48V30.2668Z" fill="#84AFF1"/>
+<path d="M14.394 30.2668H0V37.907H14.394V30.2668Z" fill="#84AFF1"/>
+<path d="M31.194 40.3599H16.8V48H31.194V40.3599Z" fill="#3865AB"/>
+<path d="M48 47.3883V40.3721H33.606V48H47.3985C47.558 48 47.711 47.9356 47.8238 47.8209C47.9366 47.7061 48 47.5505 48 47.3883Z" fill="#3865AB"/>
+<path d="M14.394 48V40.3721H0V47.3883C0 47.5505 0.0633725 47.7061 0.176176 47.8209C0.28898 47.9356 0.441975 48 0.601504 48H14.394Z" fill="#3865AB"/>
+</g>
+<path d="M61.9067 30.4C62.6011 30.4 67.9327 26.1333 67.9327 24C67.9327 21.8666 62.7357 17.6 61.9067 17.6C61.0778 17.6 60.4023 18.1333 60.4023 19.1739C60.4023 20.2146 63.9067 22.8486 63.9067 22.8486C63.9067 22.8486 56.2539 22.1333 56 22.8486C55.7461 23.5639 55.7461 24.4361 56 25.1514C56.2539 25.8666 63.9067 25.1514 63.9067 25.1514C63.9067 25.1514 60.4023 28 60.4023 28.8321C60.4023 29.6643 61.2124 30.4 61.9067 30.4Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_125902)">
+<path d="M81.4059 0H76.5993C76.2683 0 76 0.268327 76 0.599326V5.40592C76 5.73692 76.2683 6.00524 76.5993 6.00524H81.4059C81.7369 6.00524 82.0052 5.73692 82.0052 5.40592V0.599326C82.0052 0.268327 81.7369 0 81.4059 0Z" fill="#3865AB"/>
+<path d="M98.205 0H93.3984C93.0674 0 92.7991 0.268327 92.7991 0.599326V5.40592C92.7991 5.73692 93.0674 6.00524 93.3984 6.00524H98.205C98.536 6.00524 98.8043 5.73692 98.8043 5.40592V0.599326C98.8043 0.268327 98.536 0 98.205 0Z" fill="#84AFF1"/>
+<path d="M106.608 0H101.801C101.47 0 101.202 0.268327 101.202 0.599326V5.40592C101.202 5.73692 101.47 6.00524 101.801 6.00524H106.608C106.939 6.00524 107.207 5.73692 107.207 5.40592V0.599326C107.207 0.268327 106.939 0 106.608 0Z" fill="#3865AB"/>
+<path d="M115.004 0H110.198C109.867 0 109.598 0.268327 109.598 0.599326V5.40592C109.598 5.73692 109.867 6.00524 110.198 6.00524H115.004C115.335 6.00524 115.603 5.73692 115.603 5.40592V0.599326C115.603 0.268327 115.335 0 115.004 0Z" fill="#3865AB"/>
+<path d="M123.407 8.40253H118.6C118.269 8.40253 118.001 8.67085 118.001 9.00185V13.8084C118.001 14.1394 118.269 14.4078 118.6 14.4078H123.407C123.738 14.4078 124.006 14.1394 124.006 13.8084V9.00185C124.006 8.67085 123.738 8.40253 123.407 8.40253Z" fill="#3865AB"/>
+<path d="M98.205 16.7991H93.3984C93.0674 16.7991 92.7991 17.0674 92.7991 17.3984V22.205C92.7991 22.536 93.0674 22.8043 93.3984 22.8043H98.205C98.536 22.8043 98.8043 22.536 98.8043 22.205V17.3984C98.8043 17.0674 98.536 16.7991 98.205 16.7991Z" fill="#84AFF1"/>
+<path d="M106.608 16.7991H101.801C101.47 16.7991 101.202 17.0674 101.202 17.3984V22.205C101.202 22.536 101.47 22.8043 101.801 22.8043H106.608C106.939 22.8043 107.207 22.536 107.207 22.205V17.3984C107.207 17.0674 106.939 16.7991 106.608 16.7991Z" fill="#3865AB"/>
+<path d="M115.004 16.7991H110.198C109.867 16.7991 109.598 17.0674 109.598 17.3984V22.205C109.598 22.536 109.867 22.8043 110.198 22.8043H115.004C115.335 22.8043 115.603 22.536 115.603 22.205V17.3984C115.603 17.0674 115.335 16.7991 115.004 16.7991Z" fill="#84AFF1"/>
+<path d="M123.407 16.7991H118.6C118.269 16.7991 118.001 17.0674 118.001 17.3984V22.205C118.001 22.536 118.269 22.8043 118.6 22.8043H123.407C123.738 22.8043 124.006 22.536 124.006 22.205V17.3984C124.006 17.0674 123.738 16.7991 123.407 16.7991Z" fill="#3865AB"/>
+<path d="M81.4059 25.2017H76.5993C76.2683 25.2017 76 25.47 76 25.801V30.6076C76 30.9386 76.2683 31.2069 76.5993 31.2069H81.4059C81.7369 31.2069 82.0052 30.9386 82.0052 30.6076V25.801C82.0052 25.47 81.7369 25.2017 81.4059 25.2017Z" fill="#3865AB"/>
+<path d="M106.608 25.2017H101.801C101.47 25.2017 101.202 25.47 101.202 25.801V30.6076C101.202 30.9386 101.47 31.2069 101.801 31.2069H106.608C106.939 31.2069 107.207 30.9386 107.207 30.6076V25.801C107.207 25.47 106.939 25.2017 106.608 25.2017Z" fill="#84AFF1"/>
+<path d="M115.004 25.2017H110.198C109.867 25.2017 109.598 25.47 109.598 25.801V30.6076C109.598 30.9386 109.867 31.2069 110.198 31.2069H115.004C115.335 31.2069 115.603 30.9386 115.603 30.6076V25.801C115.603 25.47 115.335 25.2017 115.004 25.2017Z" fill="#3865AB"/>
+<path d="M123.407 25.2017H118.6C118.269 25.2017 118.001 25.47 118.001 25.801V30.6076C118.001 30.9386 118.269 31.2069 118.6 31.2069H123.407C123.738 31.2069 124.006 30.9386 124.006 30.6076V25.801C124.006 25.47 123.738 25.2017 123.407 25.2017Z" fill="#84AFF1"/>
+<path d="M89.8085 33.5982H85.0019C84.6709 33.5982 84.4026 33.8665 84.4026 34.1975V39.0041C84.4026 39.3351 84.6709 39.6035 85.0019 39.6035H89.8085C90.1395 39.6035 90.4078 39.3351 90.4078 39.0041V34.1975C90.4078 33.8665 90.1395 33.5982 89.8085 33.5982Z" fill="#3865AB"/>
+<path d="M89.8085 42.0007H85.0019C84.6709 42.0007 84.4026 42.2691 84.4026 42.6001V47.4066C84.4026 47.7376 84.6709 48.006 85.0019 48.006H89.8085C90.1395 48.006 90.4078 47.7376 90.4078 47.4066V42.6001C90.4078 42.2691 90.1395 42.0007 89.8085 42.0007Z" fill="#3865AB"/>
+<path d="M98.205 42.0007H93.3984C93.0674 42.0007 92.7991 42.2691 92.7991 42.6001V47.4066C92.7991 47.7376 93.0674 48.006 93.3984 48.006H98.205C98.536 48.006 98.8043 47.7376 98.8043 47.4066V42.6001C98.8043 42.2691 98.536 42.0007 98.205 42.0007Z" fill="#84AFF1"/>
+<path d="M106.608 42.0007H101.801C101.47 42.0007 101.202 42.2691 101.202 42.6001V47.4066C101.202 47.7376 101.47 48.006 101.801 48.006H106.608C106.939 48.006 107.207 47.7376 107.207 47.4066V42.6001C107.207 42.2691 106.939 42.0007 106.608 42.0007Z" fill="#84AFF1"/>
+<path d="M89.8085 0H85.0019C84.6709 0 84.4026 0.268327 84.4026 0.599326V5.40592C84.4026 5.73692 84.6709 6.00524 85.0019 6.00524H89.8085C90.1395 6.00524 90.4078 5.73692 90.4078 5.40592V0.599326C90.4078 0.268327 90.1395 0 89.8085 0Z" fill="#3865AB"/>
+<path d="M82.0052 22.205V17.3984C82.0052 17.0674 81.7369 16.7991 81.4059 16.7991H76.5993C76.2683 16.7991 76 17.0674 76 17.3984V22.205C76 22.536 76.2683 22.8043 76.5993 22.8043H81.4059C81.7369 22.8043 82.0052 22.536 82.0052 22.205Z" fill="#84AFF1"/>
+<path d="M124.006 39.0041V34.1975C124.006 33.8665 123.738 33.5982 123.407 33.5982H118.6C118.269 33.5982 118.001 33.8665 118.001 34.1975V39.0041C118.001 39.3351 118.269 39.6034 118.6 39.6034H123.407C123.738 39.6034 124.006 39.3351 124.006 39.0041Z" fill="#3865AB"/>
+<path d="M124 5.40592V0.599326C124 0.268327 123.732 0 123.401 0L118.594 0C118.263 0 117.995 0.268327 117.995 0.599326V5.40592C117.995 5.73692 118.263 6.00524 118.594 6.00524H123.401C123.732 6.00524 124 5.73692 124 5.40592Z" fill="#3865AB"/>
+<path d="M81.3939 14.3838H76.5993C76.4404 14.3838 76.2879 14.3207 76.1755 14.2083C76.0631 14.0959 76 13.9434 76 13.7845V8.98989C76 8.83094 76.0631 8.6785 76.1755 8.5661C76.2879 8.45371 76.4404 8.39056 76.5993 8.39056H81.3939C81.5529 8.39056 81.7053 8.45371 81.8177 8.5661C81.9301 8.6785 81.9933 8.83094 81.9933 8.98989V13.7845C81.9933 13.9434 81.9301 14.0959 81.8177 14.2083C81.7053 14.3207 81.5529 14.3838 81.3939 14.3838ZM90.3838 13.7845V8.98989C90.3838 8.83094 90.3207 8.6785 90.2083 8.5661C90.0959 8.45371 89.9434 8.39056 89.7845 8.39056H84.9899C84.8309 8.39056 84.6785 8.45371 84.5661 8.5661C84.4537 8.6785 84.3906 8.83094 84.3906 8.98989V13.7845C84.3906 13.9434 84.4537 14.0959 84.5661 14.2083C84.6785 14.3207 84.8309 14.3838 84.9899 14.3838H89.7845C89.9434 14.3838 90.0959 14.3207 90.2083 14.2083C90.3207 14.0959 90.3838 13.9434 90.3838 13.7845ZM98.7744 13.7845V8.98989C98.7744 8.83094 98.7112 8.6785 98.5988 8.5661C98.4864 8.45371 98.334 8.39056 98.1751 8.39056H93.3804C93.2215 8.39056 93.0691 8.45371 92.9567 8.5661C92.8443 8.6785 92.7811 8.83094 92.7811 8.98989V13.7845C92.7811 13.9434 92.8443 14.0959 92.9567 14.2083C93.0691 14.3207 93.2215 14.3838 93.3804 14.3838H98.1751C98.2562 14.3879 98.3374 14.3754 98.4136 14.3471C98.4898 14.3188 98.5595 14.2753 98.6183 14.2192C98.6772 14.1632 98.7241 14.0957 98.756 14.021C98.788 13.9462 98.8044 13.8658 98.8043 13.7845H98.7744ZM115.556 13.7845V8.98989C115.556 8.83094 115.492 8.6785 115.38 8.5661C115.268 8.45371 115.115 8.39056 114.956 8.39056H110.162C110.003 8.39056 109.85 8.45371 109.738 8.5661C109.625 8.6785 109.562 8.83094 109.562 8.98989V13.7845C109.562 13.9434 109.625 14.0959 109.738 14.2083C109.85 14.3207 110.003 14.3838 110.162 14.3838H114.956C115.039 14.3905 115.122 14.3799 115.2 14.3527C115.279 14.3256 115.35 14.2825 115.411 14.2262C115.472 14.1699 115.521 14.1015 115.554 14.0255C115.587 13.9495 115.604 13.8674 115.603 13.7845H115.556ZM106.566 14.3838H101.771C101.612 14.3838 101.46 14.3207 101.347 14.2083C101.235 14.0959 101.172 13.9434 101.172 13.7845V8.98989C101.172 8.83094 101.235 8.6785 101.347 8.5661C101.46 8.45371 101.612 8.39056 101.771 8.39056H106.566C106.725 8.39056 106.877 8.45371 106.989 8.5661C107.102 8.6785 107.165 8.83094 107.165 8.98989V13.7845C107.165 13.9374 107.107 14.0846 107.002 14.1961C106.898 14.3075 106.754 14.3746 106.602 14.3838H106.566Z" fill="url(#paint3_linear_1248_125902)"/>
+<path d="M89.8085 16.7991H85.0019C84.6709 16.7991 84.4026 17.0674 84.4026 17.3984V22.205C84.4026 22.536 84.6709 22.8043 85.0019 22.8043H89.8085C90.1395 22.8043 90.4078 22.536 90.4078 22.205V17.3984C90.4078 17.0674 90.1395 16.7991 89.8085 16.7991Z" fill="#3865AB"/>
+<path d="M98.205 33.5982H93.3984C93.0674 33.5982 92.7991 33.8665 92.7991 34.1975V39.0041C92.7991 39.3351 93.0674 39.6035 93.3984 39.6035H98.205C98.536 39.6035 98.8043 39.3351 98.8043 39.0041V34.1975C98.8043 33.8665 98.536 33.5982 98.205 33.5982Z" fill="#84AFF1"/>
+<path d="M98.205 31.2009H93.3804C93.2215 31.2009 93.0691 31.1378 92.9567 31.0254C92.8443 30.913 92.7811 30.7605 92.7811 30.6016V25.807C92.7811 25.648 92.8443 25.4956 92.9567 25.3832C93.0691 25.2708 93.2215 25.2076 93.3804 25.2076H98.1751C98.334 25.2076 98.4864 25.2708 98.5988 25.3832C98.7112 25.4956 98.7744 25.648 98.7744 25.807V30.6016C98.7746 30.7555 98.7156 30.9035 98.6096 31.0151C98.5036 31.1267 98.3587 31.1932 98.205 31.2009ZM89.8145 31.2009H84.9899C84.8309 31.2009 84.6785 31.1378 84.5661 31.0254C84.4537 30.913 84.3906 30.7605 84.3906 30.6016V25.807C84.3906 25.648 84.4537 25.4956 84.5661 25.3832C84.6785 25.2708 84.8309 25.2076 84.9899 25.2076H89.7845C89.9434 25.2076 90.0959 25.2708 90.2083 25.3832C90.3207 25.4956 90.3838 25.648 90.3838 25.807V30.6016C90.3838 30.7605 90.3207 30.913 90.2083 31.0254C90.0959 31.1378 89.9434 31.2009 89.7845 31.2009H89.8145ZM82.0232 38.9921V34.1975C82.0232 34.0386 81.9601 33.8861 81.8477 33.7737C81.7353 33.6613 81.5829 33.5982 81.4239 33.5982H76.5993C76.4404 33.5982 76.2879 33.6613 76.1755 33.7737C76.0631 33.8861 76 34.0386 76 34.1975V38.9921C76 39.1511 76.0631 39.3035 76.1755 39.4159C76.2879 39.5283 76.4404 39.5915 76.5993 39.5915H81.3939C81.5508 39.5915 81.7015 39.53 81.8135 39.4202C81.9256 39.3104 81.9901 39.161 81.9933 39.0041L82.0232 38.9921ZM107.195 38.9921V34.1975C107.195 34.0386 107.132 33.8861 107.019 33.7737C106.907 33.6613 106.755 33.5982 106.596 33.5982H101.801C101.642 33.5982 101.49 33.6613 101.377 33.7737C101.265 33.8861 101.202 34.0386 101.202 34.1975V38.9921C101.202 39.1511 101.265 39.3035 101.377 39.4159C101.49 39.5283 101.642 39.5915 101.801 39.5915H106.596C106.754 39.5931 106.906 39.5323 107.019 39.4223C107.132 39.3123 107.198 39.162 107.201 39.0041L107.195 38.9921ZM115.585 38.9921V34.1975C115.585 34.0386 115.522 33.8861 115.41 33.7737C115.298 33.6613 115.145 33.5982 114.986 33.5982H110.192C110.033 33.5982 109.88 33.6613 109.768 33.7737C109.655 33.8861 109.592 34.0386 109.592 34.1975V38.9921C109.592 39.1511 109.655 39.3035 109.768 39.4159C109.88 39.5283 110.033 39.5915 110.192 39.5915H114.986C115.065 39.5939 115.144 39.5805 115.218 39.5522C115.292 39.5239 115.36 39.4812 115.417 39.4266C115.475 39.372 115.521 39.3065 115.553 39.234C115.585 39.1615 115.602 39.0833 115.603 39.0041L115.585 38.9921Z" fill="url(#paint4_linear_1248_125902)"/>
+<path d="M81.4059 42.0007H76.5993C76.2683 42.0007 76 42.2691 76 42.6001V47.4066C76 47.7376 76.2683 48.006 76.5993 48.006H81.4059C81.7369 48.006 82.0052 47.7376 82.0052 47.4066V42.6001C82.0052 42.2691 81.7369 42.0007 81.4059 42.0007Z" fill="#3865AB"/>
+<path d="M115.004 42.0007H110.198C109.867 42.0007 109.598 42.2691 109.598 42.6001V47.4066C109.598 47.7376 109.867 48.006 110.198 48.006H115.004C115.335 48.006 115.603 47.7376 115.603 47.4066V42.6001C115.603 42.2691 115.335 42.0007 115.004 42.0007Z" fill="#3865AB"/>
+<path d="M123.407 42.0007H118.6C118.269 42.0007 118.001 42.2691 118.001 42.6001V47.4066C118.001 47.7376 118.269 48.006 118.6 48.006H123.407C123.738 48.006 124.006 47.7376 124.006 47.4066V42.6001C124.006 42.2691 123.738 42.0007 123.407 42.0007Z" fill="#84AFF1"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_125902" x1="0" y1="3.82312" x2="14.394" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_125902" x1="33.606" y1="3.82312" x2="48" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_125902" x1="16.8" y1="3.82312" x2="31.2" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_125902" x1="76" y1="11.3992" x2="115.603" y2="11.3992" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_125902" x1="76" y1="32.3996" x2="115.603" y2="32.3996" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_125902">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_125902">
+<rect width="48" height="48" fill="white" transform="translate(76)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/histogram.svg b/public/img/transformations/light/histogram.svg
new file mode 100755
index 00000000000..bcda0392a5a
--- /dev/null
+++ b/public/img/transformations/light/histogram.svg
@@ -0,0 +1,50 @@
+<svg width="121" height="48" viewBox="0 0 121 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_125874)">
+<path d="M0 0.611699V7.64012H14.394V0H0.601504C0.441975 0 0.28898 0.0644467 0.176176 0.179162C0.0633725 0.293878 0 0.449466 0 0.611699Z" fill="url(#paint0_linear_1248_125874)"/>
+<path d="M33.606 7.64012H48V0.611699C48 0.449466 47.9366 0.293878 47.8238 0.179162C47.711 0.0644467 47.558 0 47.3985 0L33.606 0V7.64012Z" fill="url(#paint1_linear_1248_125874)"/>
+<path d="M31.194 0H16.8V7.64012H31.194V0Z" fill="url(#paint2_linear_1248_125874)"/>
+<path d="M31.194 10.0869H16.8V17.727H31.194V10.0869Z" fill="#84AFF1"/>
+<path d="M14.394 10.0869H0V17.727H14.394V10.0869Z" fill="#84AFF1"/>
+<path d="M48 10.0869H33.606V17.727H48V10.0869Z" fill="#84AFF1"/>
+<path d="M48 20.1799H33.606V27.8262H48V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 20.1799H16.8V27.8262H31.194V20.1799Z" fill="#3865AB"/>
+<path d="M14.394 20.1799H0V27.8262H14.394V20.1799Z" fill="#3865AB"/>
+<path d="M31.194 30.2668H16.8V37.907H31.194V30.2668Z" fill="#84AFF1"/>
+<path d="M48 30.2668H33.606V37.907H48V30.2668Z" fill="#84AFF1"/>
+<path d="M14.394 30.2668H0V37.907H14.394V30.2668Z" fill="#84AFF1"/>
+<path d="M31.194 40.3599H16.8V48H31.194V40.3599Z" fill="#3865AB"/>
+<path d="M48 47.3883V40.3721H33.606V48H47.3985C47.558 48 47.711 47.9356 47.8238 47.8209C47.9366 47.7061 48 47.5505 48 47.3883Z" fill="#3865AB"/>
+<path d="M14.394 48V40.3721H0V47.3883C0 47.5505 0.0633725 47.7061 0.176176 47.8209C0.28898 47.9356 0.441975 48 0.601504 48H14.394Z" fill="#3865AB"/>
+</g>
+<path d="M61.9067 30C62.6011 30 67.9327 26 67.9327 24C67.9327 22 62.7357 18 61.9067 18C61.0778 18 60.4023 18.5 60.4023 19.4756C60.4023 20.4512 63.9067 22.9206 63.9067 22.9206C63.9067 22.9206 56.2539 22.25 56 22.9206C55.7461 23.5911 55.7461 24.4089 56 25.0794C56.2539 25.75 63.9067 25.0794 63.9067 25.0794C63.9067 25.0794 60.4023 27.75 60.4023 28.5301C60.4023 29.3103 61.2124 30 61.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_125874)">
+<path d="M87.833 48H85.4439C85.2855 48 85.1336 47.9371 85.0216 47.825C84.9095 47.7129 84.8466 47.5609 84.8466 47.4023V28.8144C84.8466 28.6559 84.9095 28.5038 85.0216 28.3917C85.1336 28.2797 85.2855 28.2167 85.4439 28.2167H87.833C87.9914 28.2167 88.1433 28.2797 88.2554 28.3917C88.3674 28.5038 88.4303 28.6559 88.4303 28.8144V47.4023C88.4303 47.5609 88.3674 47.7129 88.2554 47.825C88.1433 47.9371 87.9914 48 87.833 48ZM82.4157 40.8278H80.0266C79.8682 40.8278 79.7162 40.8908 79.6042 41.0029C79.4922 41.115 79.4293 41.267 79.4293 41.4255V47.4023C79.4293 47.5609 79.4922 47.7129 79.6042 47.825C79.7162 47.9371 79.8682 48 80.0266 48H82.4157C82.5741 48 82.726 47.9371 82.838 47.825C82.95 47.7129 83.013 47.5609 83.013 47.4023V41.4255C83.0114 41.268 82.9478 41.1175 82.8359 41.0067C82.7241 40.8959 82.5731 40.8338 82.4157 40.8338V40.8278ZM93.2503 9.92756H90.8612C90.7028 9.92756 90.5509 9.99053 90.4389 10.1026C90.3269 10.2147 90.2639 10.3667 90.2639 10.5252V47.4023C90.2639 47.5609 90.3269 47.7129 90.4389 47.825C90.5509 47.9371 90.7028 48 90.8612 48H93.2503C93.4088 48 93.5607 47.9371 93.6727 47.825C93.7847 47.7129 93.8476 47.5609 93.8476 47.4023V10.5252C93.8476 10.3667 93.7847 10.2147 93.6727 10.1026C93.5607 9.99053 93.4088 9.92756 93.2503 9.92756ZM98.6677 4.07623H96.2786C96.1202 4.07623 95.9682 4.1392 95.8562 4.25129C95.7442 4.36338 95.6813 4.5154 95.6813 4.67392V47.4023C95.6813 47.5609 95.7442 47.7129 95.8562 47.825C95.9682 47.9371 96.1202 48 96.2786 48H98.6677C98.8261 48 98.978 47.9371 99.09 47.825C99.202 47.7129 99.265 47.5609 99.265 47.4023V4.67392C99.265 4.5154 99.202 4.36338 99.09 4.25129C98.978 4.1392 98.8261 4.07623 98.6677 4.07623ZM104.085 9.92756H101.696C101.537 9.92756 101.386 9.99053 101.274 10.1026C101.162 10.2147 101.099 10.3667 101.099 10.5252V47.4023C101.099 47.5609 101.162 47.7129 101.274 47.825C101.386 47.9371 101.537 48 101.696 48H104.085C104.243 48 104.395 47.9371 104.507 47.825C104.619 47.7129 104.682 47.5609 104.682 47.4023V10.5252C104.682 10.3667 104.619 10.2147 104.507 10.1026C104.395 9.99053 104.243 9.92756 104.085 9.92756ZM109.502 28.2167H107.113C106.955 28.2167 106.803 28.2797 106.691 28.3917C106.579 28.5038 106.516 28.6559 106.516 28.8144V47.4023C106.516 47.5609 106.579 47.7129 106.691 47.825C106.803 47.9371 106.955 48 107.113 48H109.502C109.661 48 109.813 47.9371 109.925 47.825C110.037 47.7129 110.1 47.5609 110.1 47.4023V28.8144C110.1 28.6559 110.037 28.5038 109.925 28.3917C109.813 28.2797 109.661 28.2167 109.502 28.2167ZM114.92 40.8338H112.531C112.372 40.8338 112.22 40.8968 112.108 41.0089C111.996 41.1209 111.933 41.273 111.933 41.4315V47.4083C111.933 47.5668 111.996 47.7189 112.108 47.831C112.22 47.943 112.372 48.006 112.531 48.006H114.92C115.078 48.006 115.23 47.943 115.342 47.831C115.454 47.7189 115.517 47.5668 115.517 47.4083V41.4315C115.517 41.273 115.454 41.1209 115.342 41.0089C115.23 40.8968 115.078 40.8338 114.92 40.8338ZM120.403 43.7087H118.014C117.855 43.7087 117.703 43.7716 117.591 43.8837C117.479 43.9958 117.416 44.1478 117.416 44.3063V47.4023C117.416 47.5609 117.479 47.7129 117.591 47.825C117.703 47.9371 117.855 48 118.014 48H120.403C120.561 48 120.713 47.9371 120.825 47.825C120.937 47.7129 121 47.5609 121 47.4023V44.3063C121 44.1478 120.937 43.9958 120.825 43.8837C120.713 43.7716 120.561 43.7087 120.403 43.7087ZM76.9864 43.7087H74.5973C74.4389 43.7087 74.287 43.7716 74.1749 43.8837C74.0629 43.9958 74 44.1478 74 44.3063V47.4023C74 47.5609 74.0629 47.7129 74.1749 47.825C74.287 47.9371 74.4389 48 74.5973 48H76.9864C77.1448 48 77.2967 47.9371 77.4087 47.825C77.5208 47.7129 77.5837 47.5609 77.5837 47.4023V44.3063C77.5837 44.1478 77.5208 43.9958 77.4087 43.8837C77.2967 43.7716 77.1448 43.7087 76.9864 43.7087Z" fill="url(#paint3_linear_1248_125874)"/>
+<path d="M74 42.0231V39.6324C74.4652 39.6368 74.9277 39.562 75.3678 39.4113L76.1502 41.6705C75.4581 41.907 74.7314 42.0262 74 42.0231Z" fill="#3865AB"/>
+<path d="M79.1008 39.6563L77.3089 38.0486C78.0263 37.2234 78.6216 36.2995 79.0769 35.3052L81.2331 36.3332C80.6874 37.5387 79.9691 38.6582 79.1008 39.6563ZM115.863 39.6145C115.001 38.6141 114.287 37.495 113.743 36.2914L115.905 35.2634C116.349 36.2573 116.933 37.183 117.637 38.0127L115.863 39.6145ZM82.4157 33.4046L80.14 32.6335C80.4805 31.6414 80.809 30.5357 81.1494 29.2447L83.4609 29.8424C83.1025 31.1991 82.7621 32.3646 82.4037 33.4046H82.4157ZM112.59 33.3627C112.238 32.3227 111.891 31.1573 111.539 29.8125L113.851 29.2148C114.191 30.5058 114.52 31.6055 114.854 32.6037L112.59 33.3627ZM84.1896 26.8958L81.8662 26.3519C82.135 25.1984 82.3918 24.0209 82.6546 22.8315L84.99 23.3515C84.751 24.5469 84.4584 25.7363 84.1896 26.8958ZM110.798 26.848C110.53 25.7004 110.267 24.505 109.998 23.3097L112.333 22.7897C112.596 23.9851 112.859 25.1804 113.122 26.31L110.798 26.848ZM85.647 20.4109L83.3176 19.879C83.6282 18.5043 83.9149 17.3747 84.1657 16.3287L86.4832 16.9264C86.2204 17.9305 85.9456 19.0542 85.647 20.4109ZM109.341 20.3631C109.025 18.9765 108.744 17.8708 108.505 16.8726L110.822 16.2749C111.079 17.291 111.354 18.4206 111.67 19.8252L109.341 20.3631ZM87.2417 14.0575L84.9541 13.3762C85.3424 12.0672 85.7306 10.9197 86.1487 9.85581L88.3765 10.7165C88.0062 11.7206 87.6359 12.8143 87.2656 14.0575H87.2417ZM107.693 14.0037C107.322 12.7665 106.958 11.6787 106.564 10.6687L108.792 9.80202C109.204 10.8719 109.598 12.0254 109.986 13.3224L107.693 14.0037ZM89.5651 8.08069L87.4388 6.98693C88.0181 5.83371 88.7189 4.74572 89.5293 3.7415L91.3809 5.27157C90.6775 6.1407 90.0689 7.08239 89.5651 8.08069ZM105.411 8.03885C104.905 7.04259 104.294 6.10294 103.589 5.23571L105.417 3.69966C106.238 4.69703 106.947 5.78131 107.531 6.93313L105.411 8.03885ZM93.328 3.4845L92.008 1.49421C93.1468 0.726757 94.439 0.216857 95.7948 0L96.171 2.39074C95.154 2.53977 94.1829 2.91339 93.328 3.4845ZM101.63 3.4845C100.775 2.91445 99.8039 2.54094 98.7871 2.39074L99.1455 0C100.502 0.204683 101.799 0.702305 102.944 1.45835L101.63 3.4845Z" fill="#3865AB"/>
+<path d="M121 42.0231C120.269 42.0262 119.542 41.907 118.85 41.6705L119.626 39.4113C120.069 39.5586 120.533 39.6333 121 39.6324V42.0231Z" fill="#3865AB"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_125874" x1="0" y1="3.82312" x2="14.394" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_125874" x1="33.606" y1="3.82312" x2="48" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_125874" x1="16.8" y1="3.82312" x2="31.2" y2="3.82312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_125874" x1="74" y1="26.0411" x2="121" y2="26.0411" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_125874">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_125874">
+<rect width="47" height="48" fill="white" transform="translate(74)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/joinByField.svg b/public/img/transformations/light/joinByField.svg
new file mode 100755
index 00000000000..aa6edbe7c77
--- /dev/null
+++ b/public/img/transformations/light/joinByField.svg
@@ -0,0 +1,99 @@
+<svg width="177" height="52" viewBox="0 0 177 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126012)">
+<path d="M0 3.04083V15H15V2H0.626828C0.460583 2 0.301147 2.10966 0.183594 2.30485C0.0660407 2.50005 0 2.76479 0 3.04083Z" fill="url(#paint0_linear_1248_126012)"/>
+<path d="M15 19.5H0V32.5H15V19.5Z" fill="#84AFF1"/>
+<path d="M15 37H0V50H15V37Z" fill="#84AFF1"/>
+<path d="M6.77442 11.5C7.52635 11.5 8.04638 11.2377 8.34153 10.7415H8.3837V11.4178H10V8.1182C10 7.09102 8.98454 6.5 7.61068 6.5C6.15952 6.5 5.33732 7.1574 5.20028 8.04235L6.78496 8.09292C6.85875 7.78319 7.14336 7.59355 7.59663 7.59355C8.01827 7.59355 8.28531 7.77686 8.28531 8.1024V8.1182C8.28531 8.4153 7.92692 8.47851 7.00633 8.5512C5.91356 8.63338 5 8.99684 5 10.0714C5 11.0322 5.74139 11.5 6.77442 11.5ZM7.30499 10.4886C6.90794 10.4886 6.62684 10.318 6.62684 9.99558C6.62684 9.68268 6.90091 9.49305 7.38932 9.42668C7.70907 9.38559 8.1026 9.32238 8.29585 9.23072V9.69216C8.29585 10.1662 7.85313 10.4886 7.30499 10.4886Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126012)">
+<path d="M19 15H34V3.04083C34 2.76479 33.934 2.50005 33.8164 2.30485C33.6989 2.10966 33.5394 2 33.3732 2H19V15Z" fill="url(#paint1_linear_1248_126012)"/>
+<path d="M34 19.5H19V32.5H34V19.5Z" fill="#84AFF1"/>
+<path d="M34 37H19V50H34V37Z" fill="#84AFF1"/>
+<path d="M27.5 23H26.0716L24.5 23.9199V25.1738L25.9253 24.3535H25.9627V29H27.5V23Z" fill="#24292E"/>
+<path d="M24.3373 46.5H28.75V45.3468H26.3341V45.3092L27.0472 44.6561C28.3396 43.5376 28.6772 42.9682 28.6772 42.289C28.6772 41.2225 27.8011 40.5 26.4476 40.5C25.129 40.5 24.2471 41.2543 24.25 42.4595H25.6151C25.6151 41.9249 25.947 41.6156 26.4418 41.6156C26.9279 41.6156 27.2801 41.9133 27.2801 42.4017C27.2801 42.8439 27.0006 43.1445 26.5116 43.5809L24.3373 45.4711V46.5Z" fill="#24292E"/>
+<path d="M24 11.6862H25.5663V10.9645H25.6149C25.8155 11.3761 26.2621 11.75 27.0129 11.75C28.1133 11.75 29 10.979 29 9.46304C29 7.89203 28.0615 7.17609 27.0227 7.17609C26.2362 7.17609 25.8058 7.58768 25.6149 7.99638H25.5825V5.75H24V11.6862ZM25.5502 9.46015C25.5502 8.73261 25.8867 8.28333 26.466 8.28333C27.0518 8.28333 27.3754 8.7442 27.3754 9.46015C27.3754 10.179 27.0518 10.6457 26.466 10.6457C25.8867 10.6457 25.5502 10.1819 25.5502 9.46015Z" fill="#24292E"/>
+</g>
+<path d="M46.3343 30H49.674V25.3135H54V21.6954H49.674V17H46.3343V21.6954H42V25.3135H46.3343V30Z" fill="#24292E"/>
+<g clip-path="url(#clip2_1248_126012)">
+<path d="M77 25.5H62V38.5H77V25.5Z" fill="#3865AB"/>
+<path d="M62 9.04083V21H77V8H62.6268C62.4606 8 62.3011 8.10966 62.1836 8.30485C62.066 8.50005 62 8.76479 62 9.04083Z" fill="url(#paint2_linear_1248_126012)"/>
+<path d="M70.5 29H69.0716L67.5 29.9199V31.1738L68.9253 30.3535H68.9627V35H70.5V29Z" fill="white"/>
+<path d="M67 17.6862H68.5663V16.9645H68.6149C68.8155 17.3761 69.2621 17.75 70.0129 17.75C71.1133 17.75 72 16.979 72 15.463C72 13.892 71.0615 13.1761 70.0227 13.1761C69.2362 13.1761 68.8058 13.5877 68.6149 13.9964H68.5825V11.75H67V17.6862ZM68.5502 15.4601C68.5502 14.7326 68.8867 14.2833 69.466 14.2833C70.0518 14.2833 70.3754 14.7442 70.3754 15.4601C70.3754 16.179 70.0518 16.6457 69.466 16.6457C68.8867 16.6457 68.5502 16.1819 68.5502 15.4601Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1248_126012)">
+<path d="M96 25.5H81V38.5H96V25.5Z" fill="#3865AB"/>
+<path d="M81 21H96V9.04083C96 8.76479 95.934 8.50005 95.8164 8.30485C95.6989 8.10966 95.5394 8 95.3732 8H81V21Z" fill="url(#paint3_linear_1248_126012)"/>
+<path d="M88.6058 17.5C90.0564 17.5 90.9563 16.7082 91 15.5095H89.4654C89.405 16.0237 89.0759 16.3044 88.6259 16.3044C88.0484 16.3044 87.6723 15.847 87.6723 14.9858C87.6723 14.1309 88.0517 13.6735 88.6259 13.6735C89.096 13.6735 89.4016 13.9732 89.4654 14.4685H91C90.9631 13.276 90.0363 12.5 88.6024 12.5C86.9805 12.5 86 13.5158 86 15.0016C86 16.4811 86.9738 17.5 88.6058 17.5Z" fill="#24292E"/>
+</g>
+<path d="M104 28H116V24.686H104V28ZM104 22.314H116V19H104V22.314Z" fill="#24292E"/>
+<path d="M124 3.04083V15H139V2H124.627C124.461 2 124.301 2.10966 124.184 2.30485C124.066 2.50005 124 2.76479 124 3.04083Z" fill="url(#paint4_linear_1248_126012)"/>
+<path d="M139 19.5H124V32.5H139V19.5Z" fill="#84AFF1"/>
+<path d="M139 37H124V50H139V37Z" fill="#84AFF1"/>
+<path d="M139 32.5V19.5L124 32.5H139Z" fill="#3865AB"/>
+<path d="M129.337 46.5H133.75V45.3468H131.334V45.3092L132.047 44.6561C133.34 43.5376 133.677 42.9682 133.677 42.289C133.677 41.2225 132.801 40.5 131.448 40.5C130.129 40.5 129.247 41.2543 129.25 42.4595H130.615C130.615 41.9249 130.947 41.6156 131.442 41.6156C131.928 41.6156 132.28 41.9133 132.28 42.4017C132.28 42.8439 132.001 43.1445 131.512 43.5809L129.337 45.4711V46.5Z" fill="white"/>
+<path d="M132.5 23H131.072L129.5 23.9199V25.1738L130.925 24.3535H130.963V29H132.5V23Z" fill="white"/>
+<path d="M129 11.6862H130.566V10.9645H130.615C130.816 11.3761 131.262 11.75 132.013 11.75C133.113 11.75 134 10.979 134 9.46304C134 7.89203 133.061 7.17609 132.023 7.17609C131.236 7.17609 130.806 7.58768 130.615 7.99638H130.583V5.75H129V11.6862ZM130.55 9.46015C130.55 8.73261 130.887 8.28333 131.466 8.28333C132.052 8.28333 132.375 8.7442 132.375 9.46015C132.375 10.179 132.052 10.6457 131.466 10.6457C130.887 10.6457 130.55 10.1819 130.55 9.46015Z" fill="#24292E"/>
+<g clip-path="url(#clip4_1248_126012)">
+<path d="M143 3.04083V15H158V2H143.627C143.461 2 143 2 143 2C143 2 143 2.76479 143 3.04083Z" fill="url(#paint5_linear_1248_126012)"/>
+<path d="M158 19.5H143V32.5H158V19.5Z" fill="#84AFF1"/>
+<path d="M158 37H143V50H158V37Z" fill="#84AFF1"/>
+<path d="M149.774 11.5C150.526 11.5 151.046 11.2377 151.342 10.7415H151.384V11.4178H153V8.1182C153 7.09102 151.985 6.5 150.611 6.5C149.16 6.5 148.337 7.1574 148.2 8.04235L149.785 8.09292C149.859 7.78319 150.143 7.59355 150.597 7.59355C151.018 7.59355 151.285 7.77686 151.285 8.1024V8.1182C151.285 8.4153 150.927 8.47851 150.006 8.5512C148.914 8.63338 148 8.99684 148 10.0714C148 11.0322 148.741 11.5 149.774 11.5ZM150.305 10.4886C149.908 10.4886 149.627 10.318 149.627 9.99558C149.627 9.68268 149.901 9.49305 150.389 9.42668C150.709 9.38559 151.103 9.32238 151.296 9.23072V9.69216C151.296 10.1662 150.853 10.4886 150.305 10.4886Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip5_1248_126012)">
+<path d="M162 15.005H177V3.04584C177 2.76979 176.934 2.50505 176.816 2.30986C176.699 2.11466 176.539 2.005 176.373 2.005H162V15.005Z" fill="url(#paint6_linear_1248_126012)"/>
+<path d="M177 19.505H162V32.505H177V19.505Z" fill="#3865AB"/>
+<path d="M177 37.005H162V50.005H177V37.005Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M162.5 37.505H176.5V49.505H162.5V37.505Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M169.606 11.5C171.056 11.5 171.956 10.7082 172 9.50946H170.465C170.405 10.0237 170.076 10.3044 169.626 10.3044C169.048 10.3044 168.672 9.847 168.672 8.9858C168.672 8.13092 169.052 7.6735 169.626 7.6735C170.096 7.6735 170.402 7.97319 170.465 8.46845H172C171.963 7.27602 171.036 6.5 169.602 6.5C167.981 6.5 167 7.51577 167 9.00158C167 10.4811 167.974 11.5 169.606 11.5Z" fill="#24292E"/>
+</g>
+<rect x="18" y="1" width="17" height="50" stroke="#26262A" stroke-width="2"/>
+<rect x="61" y="7" width="17" height="32.5" stroke="#26262A" stroke-width="2"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126012" x1="0" y1="8.5052" x2="15" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126012" x1="19" y1="8.5052" x2="34" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126012" x1="62" y1="14.5052" x2="77" y2="14.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126012" x1="81" y1="14.5052" x2="96" y2="14.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126012" x1="124" y1="8.5052" x2="139" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1248_126012" x1="143" y1="8.5052" x2="158" y2="8.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1248_126012" x1="162" y1="8.51021" x2="177" y2="8.51021" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126012">
+<rect width="15" height="48" fill="white" transform="translate(0 2)"/>
+</clipPath>
+<clipPath id="clip1_1248_126012">
+<rect width="15" height="48" fill="white" transform="translate(19 2)"/>
+</clipPath>
+<clipPath id="clip2_1248_126012">
+<rect width="15" height="30.5" fill="white" transform="translate(62 8)"/>
+</clipPath>
+<clipPath id="clip3_1248_126012">
+<rect width="15" height="30.5" fill="white" transform="translate(81 8)"/>
+</clipPath>
+<clipPath id="clip4_1248_126012">
+<rect width="15" height="48" fill="white" transform="translate(143 2)"/>
+</clipPath>
+<clipPath id="clip5_1248_126012">
+<rect width="15" height="48" fill="white" transform="translate(162 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/joinByLabels.svg b/public/img/transformations/light/joinByLabels.svg
new file mode 100755
index 00000000000..dd0b08dc64e
--- /dev/null
+++ b/public/img/transformations/light/joinByLabels.svg
@@ -0,0 +1,90 @@
+<svg width="148" height="58" viewBox="0 0 148 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126408)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126408)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126408)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1248_126408)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+</g>
+<path d="M6.18549 52H5V56.9302H6.18549V52Z" fill="#24292E"/>
+<path d="M7.98978 56.9928C8.50858 56.9928 8.86737 56.793 9.07102 56.415H9.10011V56.9302H10.2153V54.4169C10.2153 53.6346 9.51466 53.1844 8.56676 53.1844C7.56552 53.1844 6.99823 53.6851 6.90369 54.3592L7.99705 54.3977C8.04796 54.1618 8.24433 54.0173 8.55706 54.0173C8.84798 54.0173 9.03223 54.157 9.03223 54.4049V54.4169C9.03223 54.6432 8.78495 54.6914 8.14978 54.7468C7.39582 54.8093 6.7655 55.0862 6.7655 55.9047C6.7655 56.6365 7.27703 56.9928 7.98978 56.9928ZM8.35585 56.2224C8.0819 56.2224 7.88795 56.0924 7.88795 55.8469C7.88795 55.6086 8.07705 55.4641 8.41403 55.4136C8.63464 55.3823 8.90616 55.3341 9.0395 55.2643V55.6158C9.0395 55.9769 8.73404 56.2224 8.35585 56.2224Z" fill="#24292E"/>
+<path d="M10.9402 56.9302H12.1135V56.3308H12.1499C12.3002 56.6726 12.6347 56.9831 13.1972 56.9831C14.0214 56.9831 14.6857 56.3428 14.6857 55.0838C14.6857 53.779 13.9827 53.1844 13.2045 53.1844C12.6153 53.1844 12.2929 53.5262 12.1499 53.8657H12.1256V52H10.9402V56.9302ZM12.1014 55.0814C12.1014 54.4771 12.3535 54.104 12.7875 54.104C13.2263 54.104 13.4687 54.4868 13.4687 55.0814C13.4687 55.6784 13.2263 56.066 12.7875 56.066C12.3535 56.066 12.1014 55.6808 12.1014 55.0814Z" fill="#24292E"/>
+<path d="M17.0476 57C18.0246 57 18.667 56.5306 18.8028 55.8036L17.7143 55.7723C17.6221 56.0178 17.3797 56.1502 17.0694 56.1502C16.6136 56.1502 16.3324 55.8493 16.3324 55.3967V55.3654H18.8149V55.0717C18.8149 53.8536 18.0682 53.1844 17.0112 53.1844C15.8863 53.1844 15.1639 53.9499 15.1639 55.0958C15.1639 56.2802 15.8766 57 17.0476 57ZM16.3324 54.6818C16.3494 54.3134 16.6427 54.0342 17.0355 54.0342C17.4258 54.0342 17.707 54.3038 17.7118 54.6818H16.3324Z" fill="#24292E"/>
+<path d="M20.6059 52H19.4204V56.9302H20.6059V52Z" fill="#24292E"/>
+<path d="M21.5932 56.2537H25.0623V55.2884H21.5932V56.2537ZM21.5932 54.5975H25.0623V53.6322H21.5932V54.5975Z" fill="#24292E"/>
+<path d="M28.3333 52H27.2206L25.9963 52.7559V53.7862L27.1066 53.1122H27.1357V56.9302H28.3333V52Z" fill="#24292E"/>
+<path d="M46.3343 35H49.674V30.674H54V27.3343H49.674V23H46.3343V27.3343H42V30.674H46.3343V35Z" fill="#24292E"/>
+<g clip-path="url(#clip2_1248_126408)">
+<path d="M77 27H62V40H77V27Z" fill="#3865AB"/>
+<path d="M62 10.5408V22.5H77V9.5H62.6268C62.4606 9.5 62.3011 9.60966 62.1836 9.80485C62.066 10 62 10.2648 62 10.5408Z" fill="url(#paint2_linear_1248_126408)"/>
+<path d="M69.4792 36.5C70.8085 36.5 71.7528 35.7757 71.75 34.7605C71.7528 34.0418 71.2958 33.5285 70.4208 33.423V33.3774C71.0771 33.2804 71.5423 32.827 71.5395 32.1711C71.5423 31.2186 70.706 30.5 69.4903 30.5C68.2663 30.5 67.3746 31.23 67.3635 32.2681H68.6734C68.6845 31.8688 69.0334 31.6008 69.4903 31.6008C69.9251 31.6008 70.2214 31.8717 70.2186 32.2624C70.2214 32.6673 69.8725 32.9468 69.3685 32.9468H68.8174V33.9506H69.3685C69.9417 33.9506 70.3155 34.2414 70.31 34.6521C70.3155 35.0656 69.9721 35.3536 69.4848 35.3536C69.0001 35.3536 68.6429 35.0884 68.6291 34.7034H67.25C67.2611 35.7586 68.1832 36.5 69.4792 36.5Z" fill="white"/>
+<path d="M67 19.4362H68.5663V18.7145H68.6149C68.8155 19.1261 69.2621 19.5 70.0129 19.5C71.1133 19.5 72 18.729 72 17.213C72 15.642 71.0615 14.9261 70.0227 14.9261C69.2362 14.9261 68.8058 15.3377 68.6149 15.7464H68.5825V13.5H67V19.4362ZM68.5502 17.2101C68.5502 16.4826 68.8867 16.0333 69.466 16.0333C70.0518 16.0333 70.3754 16.4942 70.3754 17.2101C70.3754 17.929 70.0518 18.3957 69.466 18.3957C68.8867 18.3957 68.5502 17.9319 68.5502 17.2101Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1248_126408)">
+<path d="M96 27H81V40H96V27Z" fill="#3865AB"/>
+<path d="M81 22.5H96V10.5408C96 10.2648 95.934 10 95.8164 9.80485C95.6989 9.60966 95.5394 9.5 95.3732 9.5H81V22.5Z" fill="url(#paint3_linear_1248_126408)"/>
+<path d="M88.6058 19.5C90.0564 19.5 90.9563 18.7082 91 17.5095H89.4654C89.405 18.0237 89.0759 18.3044 88.6259 18.3044C88.0484 18.3044 87.6723 17.847 87.6723 16.9858C87.6723 16.1309 88.0517 15.6735 88.6259 15.6735C89.096 15.6735 89.4016 15.9732 89.4654 16.4685H91C90.9631 15.276 90.0363 14.5 88.6024 14.5C86.9805 14.5 86 15.5158 86 17.0016C86 18.4811 86.9738 19.5 88.6058 19.5Z" fill="#24292E"/>
+</g>
+<path d="M68.1855 43.75H67V48.6802H68.1855V43.75Z" fill="#24292E"/>
+<path d="M69.9898 48.7428C70.5086 48.7428 70.8674 48.543 71.071 48.165H71.1001V48.6802H72.2153V46.1669C72.2153 45.3846 71.5147 44.9344 70.5668 44.9344C69.5655 44.9344 68.9982 45.4351 68.9037 46.1092L69.997 46.1477C70.048 45.9118 70.2443 45.7673 70.5571 45.7673C70.848 45.7673 71.0322 45.907 71.0322 46.1549V46.1669C71.0322 46.3932 70.7849 46.4414 70.1498 46.4968C69.3958 46.5593 68.7655 46.8362 68.7655 47.6547C68.7655 48.3865 69.277 48.7428 69.9898 48.7428ZM70.3558 47.9724C70.0819 47.9724 69.888 47.8424 69.888 47.5969C69.888 47.3586 70.077 47.2141 70.414 47.1636C70.6346 47.1323 70.9062 47.0841 71.0395 47.0143V47.3658C71.0395 47.7269 70.734 47.9724 70.3558 47.9724Z" fill="#24292E"/>
+<path d="M72.9402 48.6802H74.1135V48.0808H74.1499C74.3002 48.4226 74.6347 48.7331 75.1972 48.7331C76.0214 48.7331 76.6857 48.0928 76.6857 46.8338C76.6857 45.529 75.9827 44.9344 75.2045 44.9344C74.6153 44.9344 74.2929 45.2762 74.1499 45.6157H74.1256V43.75H72.9402V48.6802ZM74.1014 46.8314C74.1014 46.2271 74.3535 45.854 74.7875 45.854C75.2263 45.854 75.4687 46.2368 75.4687 46.8314C75.4687 47.4284 75.2263 47.816 74.7875 47.816C74.3535 47.816 74.1014 47.4308 74.1014 46.8314Z" fill="#24292E"/>
+<path d="M79.0476 48.75C80.0246 48.75 80.667 48.2806 80.8028 47.5536L79.7143 47.5223C79.6221 47.7678 79.3797 47.9002 79.0694 47.9002C78.6136 47.9002 78.3324 47.5993 78.3324 47.1467V47.1154H80.8149V46.8217C80.8149 45.6036 80.0682 44.9344 79.0112 44.9344C77.8863 44.9344 77.1639 45.6999 77.1639 46.8458C77.1639 48.0302 77.8766 48.75 79.0476 48.75ZM78.3324 46.4318C78.3494 46.0634 78.6427 45.7842 79.0355 45.7842C79.4258 45.7842 79.707 46.0538 79.7118 46.4318H78.3324Z" fill="#24292E"/>
+<path d="M82.6059 43.75H81.4204V48.6802H82.6059V43.75Z" fill="#24292E"/>
+<path d="M83.5932 48.0037H87.0623V47.0384H83.5932V48.0037ZM83.5932 46.3475H87.0623V45.3822H83.5932V46.3475Z" fill="#24292E"/>
+<path d="M90.3333 43.75H89.2206L87.9963 44.5059V45.5362L89.1066 44.8622H89.1357V48.6802H90.3333V43.75Z" fill="#24292E"/>
+<path d="M109.907 35C110.601 35 115.933 31 115.933 29C115.933 27 110.736 23 109.907 23C109.078 23 108.402 23.5 108.402 24.4756C108.402 25.4512 111.907 27.9206 111.907 27.9206C111.907 27.9206 104.254 27.25 104 27.9206C103.746 28.5911 103.746 29.4089 104 30.0794C104.254 30.75 111.907 30.0794 111.907 30.0794C111.907 30.0794 108.402 32.75 108.402 33.5301C108.402 34.3103 109.212 35 109.907 35Z" fill="#24292E"/>
+<g clip-path="url(#clip4_1248_126408)">
+<path d="M124 5.80064V15H148V5H125.003L124 5L124 5.80064Z" fill="url(#paint4_linear_1248_126408)"/>
+<path d="M134.774 12.5C135.526 12.5 136.046 12.2377 136.342 11.7415H136.384V12.4178H138V9.1182C138 8.09102 136.985 7.5 135.611 7.5C134.16 7.5 133.337 8.1574 133.2 9.04235L134.785 9.09292C134.859 8.78319 135.143 8.59355 135.597 8.59355C136.018 8.59355 136.285 8.77686 136.285 9.1024V9.1182C136.285 9.4153 135.927 9.47851 135.006 9.5512C133.914 9.63338 133 9.99684 133 11.0714C133 12.0322 133.741 12.5 134.774 12.5ZM135.305 11.4886C134.908 11.4886 134.627 11.318 134.627 10.9956C134.627 10.6827 134.901 10.493 135.389 10.4267C135.709 10.3856 136.103 10.3224 136.296 10.2307V10.6922C136.296 11.1662 135.853 11.4886 135.305 11.4886Z" fill="#24292E"/>
+<path d="M148 18H124V27.5H148V18Z" fill="#84AFF1"/>
+<path d="M148 30.75H124V40.25H148V30.75Z" fill="#84AFF1"/>
+<path d="M148 43.5H124V53H148V43.5Z" fill="#3865AB"/>
+<path d="M137 19.75H135.572L134 20.6699V21.9238L135.425 21.1035H135.463V25.75H137V19.75Z" fill="#24292E"/>
+<path d="M134.087 38.5H138.5V37.3468H136.084V37.3092L136.797 36.6561C138.09 35.5376 138.427 34.9682 138.427 34.289C138.427 33.2225 137.551 32.5 136.198 32.5C134.879 32.5 133.997 33.2543 134 34.4595H135.365C135.365 33.9249 135.697 33.6156 136.192 33.6156C136.678 33.6156 137.03 33.9133 137.03 34.4017C137.03 34.8439 136.751 35.1445 136.262 35.5809L134.087 37.4711V38.5Z" fill="#24292E"/>
+<path d="M135.979 51.25C137.308 51.25 138.253 50.5257 138.25 49.5105C138.253 48.7918 137.796 48.2785 136.921 48.173V48.1274C137.577 48.0304 138.042 47.577 138.04 46.9211C138.042 45.9686 137.206 45.25 135.99 45.25C134.766 45.25 133.875 45.98 133.864 47.0181H135.173C135.184 46.6188 135.533 46.3508 135.99 46.3508C136.425 46.3508 136.721 46.6217 136.719 47.0124C136.721 47.4173 136.372 47.6968 135.868 47.6968H135.317V48.7006H135.868C136.442 48.7006 136.816 48.9914 136.81 49.4021C136.816 49.8156 136.472 50.1036 135.985 50.1036C135.5 50.1036 135.143 49.8384 135.129 49.4534H133.75C133.761 50.5086 134.683 51.25 135.979 51.25Z" fill="white"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126408" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126408" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126408" x1="62" y1="16.0052" x2="77" y2="16.0052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126408" x1="81" y1="16.0052" x2="96" y2="16.0052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126408" x1="124.008" y1="10.004" x2="148.008" y2="10.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126408">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_126408">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip2_1248_126408">
+<rect width="15" height="30.5" fill="white" transform="translate(62 9.5)"/>
+</clipPath>
+<clipPath id="clip3_1248_126408">
+<rect width="15" height="30.5" fill="white" transform="translate(81 9.5)"/>
+</clipPath>
+<clipPath id="clip4_1248_126408">
+<rect width="24" height="48" fill="white" transform="translate(124 5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/labelsToFields.svg b/public/img/transformations/light/labelsToFields.svg
new file mode 100755
index 00000000000..6d293ec6ec3
--- /dev/null
+++ b/public/img/transformations/light/labelsToFields.svg
@@ -0,0 +1,87 @@
+<svg width="125" height="58" viewBox="0 0 125 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126711)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126711)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126711)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1248_126711)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0778 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2124 30 47.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip2_1248_126711)">
+<path d="M62 1.04083V13H77V0H62.6268C62.4606 0 62.3011 0.109659 62.1836 0.304853C62.066 0.500047 62 0.764787 62 1.04083Z" fill="url(#paint2_linear_1248_126711)"/>
+<path d="M77 17.5H62V30.5H77V17.5Z" fill="#84AFF1"/>
+<path d="M77 35H62V48H77V35Z" fill="#84AFF1"/>
+<path d="M70.5 21H69.0716L67.5 21.9199V23.1738L68.9253 22.3535H68.9627V27H70.5V21Z" fill="#24292E"/>
+<path d="M67.3373 44.5H71.75V43.3468H69.3341V43.3092L70.0472 42.6561C71.3396 41.5376 71.6772 40.9682 71.6772 40.289C71.6772 39.2225 70.8011 38.5 69.4476 38.5C68.129 38.5 67.2471 39.2543 67.25 40.4595H68.6151C68.6151 39.9249 68.947 39.6156 69.4418 39.6156C69.9279 39.6156 70.2801 39.9133 70.2801 40.4017C70.2801 40.8439 70.0006 41.1445 69.5116 41.5809L67.3373 43.4711V44.5Z" fill="#24292E"/>
+<path d="M68.7744 9.5C69.5264 9.5 70.0464 9.23767 70.3415 8.74147H70.3837V9.41783H72V6.1182C72 5.09102 70.9845 4.5 69.6107 4.5C68.1595 4.5 67.3373 5.1574 67.2003 6.04235L68.785 6.09292C68.8587 5.78319 69.1434 5.59355 69.5966 5.59355C70.0183 5.59355 70.2853 5.77686 70.2853 6.1024V6.1182C70.2853 6.4153 69.9269 6.47851 69.0063 6.5512C67.9136 6.63338 67 6.99684 67 8.07143C67 9.03224 67.7414 9.5 68.7744 9.5ZM69.305 8.48862C68.9079 8.48862 68.6268 8.31795 68.6268 7.99558C68.6268 7.68268 68.9009 7.49305 69.3893 7.42668C69.7091 7.38559 70.1026 7.32238 70.2959 7.23072V7.69216C70.2959 8.16625 69.8531 8.48862 69.305 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1248_126711)">
+<path d="M96 17.5H81V30.5H96V17.5Z" fill="#84AFF1"/>
+<path d="M96 35H81V48H96V35Z" fill="#84AFF1"/>
+<path d="M81 1.04083V13H96V0H81.6268C81.4606 0 81 0 81 0C81 0 81 0.764787 81 1.04083Z" fill="url(#paint3_linear_1248_126711)"/>
+<path d="M86 9.68623H87.5663V8.96449H87.6149C87.8155 9.37609 88.2621 9.75 89.0129 9.75C90.1133 9.75 91 8.97898 91 7.46304C91 5.89203 90.0615 5.17609 89.0227 5.17609C88.2362 5.17609 87.8058 5.58768 87.6149 5.99638H87.5825V3.75H86V9.68623ZM87.5502 7.46015C87.5502 6.73261 87.8867 6.28333 88.466 6.28333C89.0518 6.28333 89.3754 6.7442 89.3754 7.46015C89.3754 8.17899 89.0518 8.64565 88.466 8.64565C87.8867 8.64565 87.5502 8.18188 87.5502 7.46015Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1248_126711)">
+<path d="M100 13H124V1.04083C124 0.764787 123.894 0.500047 123.706 0.304853C123.518 0.109659 123.263 0 122.997 0L100 0V13Z" fill="url(#paint4_linear_1248_126711)"/>
+<path d="M105.185 4H104V8.93019H105.185V4Z" fill="#24292E"/>
+<path d="M106.99 8.99278C107.509 8.99278 107.867 8.79297 108.071 8.41502H108.1V8.93019H109.215V6.41695C109.215 5.63457 108.515 5.1844 107.567 5.1844C106.566 5.1844 105.998 5.68512 105.904 6.35917L106.997 6.39769C107.048 6.16177 107.244 6.01733 107.557 6.01733C107.848 6.01733 108.032 6.15696 108.032 6.40491V6.41695C108.032 6.64324 107.785 6.69138 107.15 6.74675C106.396 6.80934 105.766 7.08618 105.766 7.90467C105.766 8.63649 106.277 8.99278 106.99 8.99278ZM107.356 8.22244C107.082 8.22244 106.888 8.09244 106.888 7.84689C106.888 7.60857 107.077 7.46413 107.414 7.41358C107.635 7.38228 107.906 7.33414 108.039 7.26432V7.61579C108.039 7.97689 107.734 8.22244 107.356 8.22244Z" fill="#24292E"/>
+<path d="M109.94 8.93019H111.114V8.33077H111.15C111.3 8.6726 111.635 8.98315 112.197 8.98315C113.021 8.98315 113.686 8.3428 113.686 7.08377C113.686 5.77901 112.983 5.1844 112.204 5.1844C111.615 5.1844 111.293 5.52624 111.15 5.86567H111.126V4H109.94V8.93019ZM111.101 7.08137C111.101 6.47713 111.354 6.104 111.787 6.104C112.226 6.104 112.469 6.48676 112.469 7.08137C112.469 7.67838 112.226 8.06596 111.787 8.06596C111.354 8.06596 111.101 7.68079 111.101 7.08137Z" fill="#24292E"/>
+<path d="M116.048 9C117.025 9 117.667 8.53057 117.803 7.80356L116.714 7.77227C116.622 8.01781 116.38 8.15022 116.069 8.15022C115.614 8.15022 115.332 7.8493 115.332 7.39673V7.36543H117.815V7.07174C117.815 5.85363 117.068 5.1844 116.011 5.1844C114.886 5.1844 114.164 5.94993 114.164 7.09581C114.164 8.28021 114.877 9 116.048 9ZM115.332 6.68175C115.349 6.31343 115.643 6.03418 116.035 6.03418C116.426 6.03418 116.707 6.3038 116.712 6.68175H115.332Z" fill="#24292E"/>
+<path d="M119.606 4H118.42V8.93019H119.606V4Z" fill="#24292E"/>
+<path d="M124 17.5H100V30.5H124V17.5Z" fill="#84AFF1"/>
+<path d="M124 35H100V48H124V35Z" fill="#84AFF1"/>
+<path d="M113.5 21H112.072L110.5 21.9199V23.1738L111.925 22.3535H111.963V27H113.5V21Z" fill="#24292E"/>
+<path d="M113.5 39H112.072L110.5 39.9199V41.1738L111.925 40.3535H111.963V45H113.5V39Z" fill="#24292E"/>
+</g>
+<path d="M9.18549 51H8V55.9302H9.18549V51Z" fill="#24292E"/>
+<path d="M10.9898 55.9928C11.5086 55.9928 11.8674 55.793 12.071 55.415H12.1001V55.9302H13.2153V53.4169C13.2153 52.6346 12.5147 52.1844 11.5668 52.1844C10.5655 52.1844 9.99823 52.6851 9.90369 53.3592L10.997 53.3977C11.048 53.1618 11.2443 53.0173 11.5571 53.0173C11.848 53.0173 12.0322 53.157 12.0322 53.4049V53.4169C12.0322 53.6432 11.7849 53.6914 11.1498 53.7468C10.3958 53.8093 9.7655 54.0862 9.7655 54.9047C9.7655 55.6365 10.277 55.9928 10.9898 55.9928ZM11.3558 55.2224C11.0819 55.2224 10.888 55.0924 10.888 54.8469C10.888 54.6086 11.077 54.4641 11.414 54.4136C11.6346 54.3823 11.9062 54.3341 12.0395 54.2643V54.6158C12.0395 54.9769 11.734 55.2224 11.3558 55.2224Z" fill="#24292E"/>
+<path d="M13.9402 55.9302H15.1135V55.3308H15.1499C15.3002 55.6726 15.6347 55.9831 16.1972 55.9831C17.0214 55.9831 17.6857 55.3428 17.6857 54.0838C17.6857 52.779 16.9827 52.1844 16.2045 52.1844C15.6153 52.1844 15.2929 52.5262 15.1499 52.8657H15.1256V51H13.9402V55.9302ZM15.1014 54.0814C15.1014 53.4771 15.3535 53.104 15.7875 53.104C16.2263 53.104 16.4687 53.4868 16.4687 54.0814C16.4687 54.6784 16.2263 55.066 15.7875 55.066C15.3535 55.066 15.1014 54.6808 15.1014 54.0814Z" fill="#24292E"/>
+<path d="M20.0476 56C21.0246 56 21.667 55.5306 21.8028 54.8036L20.7143 54.7723C20.6221 55.0178 20.3797 55.1502 20.0694 55.1502C19.6136 55.1502 19.3324 54.8493 19.3324 54.3967V54.3654H21.8149V54.0717C21.8149 52.8536 21.0682 52.1844 20.0112 52.1844C18.8863 52.1844 18.1639 52.9499 18.1639 54.0958C18.1639 55.2802 18.8766 56 20.0476 56ZM19.3324 53.6818C19.3494 53.3134 19.6427 53.0342 20.0355 53.0342C20.4258 53.0342 20.707 53.3038 20.7118 53.6818H19.3324Z" fill="#24292E"/>
+<path d="M23.6059 51H22.4204V55.9302H23.6059V51Z" fill="#24292E"/>
+<path d="M24.5932 55.2537H28.0623V54.2884H24.5932V55.2537ZM24.5932 53.5975H28.0623V52.6322H24.5932V53.5975Z" fill="#24292E"/>
+<path d="M31.3333 51H30.2206L28.9963 51.7559V52.7862L30.1066 52.1122H30.1357V55.9302H31.3333V51Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126711" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126711" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126711" x1="62" y1="6.5052" x2="77" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126711" x1="81" y1="6.5052" x2="96" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126711" x1="100" y1="6.5052" x2="124" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126711">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_126711">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip2_1248_126711">
+<rect width="15" height="48" fill="white" transform="translate(62)"/>
+</clipPath>
+<clipPath id="clip3_1248_126711">
+<rect width="15" height="48" fill="white" transform="translate(81)"/>
+</clipPath>
+<clipPath id="clip4_1248_126711">
+<rect width="24" height="48" fill="white" transform="translate(100)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/limit.svg b/public/img/transformations/light/limit.svg
new file mode 100755
index 00000000000..ebccbc6479b
--- /dev/null
+++ b/public/img/transformations/light/limit.svg
@@ -0,0 +1,46 @@
+<svg width="108" height="48" viewBox="0 0 108 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126481)">
+<path d="M0 0.800642V10H24V1.05456e-06H1.00292L0.000198677 0L0 0.800642Z" fill="url(#paint0_linear_1248_126481)"/>
+<path d="M24 13H0V22.5H24V13Z" fill="#84AFF1"/>
+<path d="M24 25.75H0V35.25H24V25.75Z" fill="#84AFF1"/>
+<path d="M24 38.5H0V48H24V38.5Z" fill="#84AFF1"/>
+<path d="M13 14.75H11.5716L10 15.6699V16.9238L11.4253 16.1035H11.4627V20.75H13V14.75Z" fill="#24292E"/>
+<path d="M9.83733 33.5H14.25V32.3468H11.8341V32.3092L12.5472 31.6561C13.8396 30.5376 14.1772 29.9682 14.1772 29.289C14.1772 28.2225 13.3011 27.5 11.9476 27.5C10.629 27.5 9.7471 28.2543 9.75001 29.4595H11.1151C11.1151 28.9249 11.447 28.6156 11.9418 28.6156C12.4279 28.6156 12.7801 28.9133 12.7801 29.4017C12.7801 29.8439 12.5006 30.1445 12.0116 30.5809L9.83733 32.4711V33.5Z" fill="#24292E"/>
+<path d="M11.9792 46.25C13.3085 46.25 14.2528 45.5257 14.25 44.5105C14.2528 43.7918 13.7958 43.2785 12.9208 43.173V43.1274C13.5771 43.0304 14.0423 42.577 14.0395 41.9211C14.0423 40.9686 13.206 40.25 11.9903 40.25C10.7663 40.25 9.87462 40.98 9.86354 42.0181H11.1734C11.1845 41.6188 11.5334 41.3508 11.9903 41.3508C12.4251 41.3508 12.7214 41.6217 12.7186 42.0124C12.7214 42.4173 12.3725 42.6968 11.8685 42.6968H11.3174V43.7006H11.8685C12.4417 43.7006 12.8155 43.9914 12.81 44.4021C12.8155 44.8156 12.4721 45.1036 11.9848 45.1036C11.5001 45.1036 11.1429 44.8384 11.1291 44.4534H9.75C9.76108 45.5086 10.6832 46.25 11.9792 46.25Z" fill="#24292E"/>
+<path d="M10.7744 7.5C11.5264 7.5 12.0464 7.23767 12.3415 6.74147H12.3837V7.41783H14V4.1182C14 3.09102 12.9845 2.5 11.6107 2.5C10.1595 2.5 9.33732 3.1574 9.20028 4.04235L10.785 4.09292C10.8587 3.78319 11.1434 3.59355 11.5966 3.59355C12.0183 3.59355 12.2853 3.77686 12.2853 4.1024V4.1182C12.2853 4.4153 11.9269 4.47851 11.0063 4.5512C9.91356 4.63338 9 4.99684 9 6.07143C9 7.03224 9.74139 7.5 10.7744 7.5ZM11.305 6.48862C10.9079 6.48862 10.6268 6.31795 10.6268 5.99558C10.6268 5.68268 10.9009 5.49305 11.3893 5.42668C11.7091 5.38559 12.1026 5.32238 12.2959 5.23072V5.69216C12.2959 6.16625 11.8531 6.48862 11.305 6.48862Z" fill="#24292E"/>
+</g>
+<path d="M32.5 19H55.5V29H32.5V19Z" stroke="#24292E"/>
+<path d="M36.0776 26.5H40V25.539H37.8525V25.5077L38.4864 24.9634C39.6352 24.0313 39.9353 23.5568 39.9353 22.9908C39.9353 22.1021 39.1565 21.5 37.9534 21.5C36.7814 21.5 35.9974 22.1286 36 23.1329H37.2135C37.2135 22.6874 37.5084 22.4297 37.9483 22.4297C38.3803 22.4297 38.6934 22.6777 38.6934 23.0848C38.6934 23.4533 38.445 23.7038 38.0104 24.0674L36.0776 25.6426V26.5Z" fill="#26262A"/>
+<path d="M37.3525 25.539V26H36.5776V25.8801L38.026 24.6997L37.5268 25.1284L37.3525 25.278V25.5077V25.539ZM39.4353 22.9908C39.4353 23.2453 39.359 23.5204 38.6951 24.1273C38.9687 23.8557 39.1934 23.5298 39.1934 23.0848C39.1934 22.7428 39.0569 22.4371 38.8075 22.2243C38.7381 22.1651 38.6631 22.1156 38.5841 22.0751C38.7959 22.1308 38.9657 22.2137 39.0935 22.3106C39.3183 22.481 39.4353 22.7084 39.4353 22.9908ZM36.8547 22.3253C36.9643 22.2347 37.1045 22.1569 37.275 22.1C37.2042 22.1413 37.137 22.1906 37.0748 22.2487C36.9565 22.3591 36.8684 22.4896 36.8089 22.6329H36.6079C36.6683 22.512 36.7522 22.41 36.8547 22.3253Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<mask id="path-12-inside-1_1248_126481" fill="white">
+<path d="M51.8597 22.6397C51.7708 22.5502 51.6506 22.5 51.5253 22.5C51.4 22.5 51.2798 22.5502 51.1909 22.6397L49.4881 24.3398L47.8091 22.6397C47.7202 22.5502 47.6 22.5 47.4747 22.5C47.3494 22.5 47.2292 22.5502 47.1403 22.6397C47.0958 22.6843 47.0606 22.7374 47.0365 22.7959C47.0124 22.8545 47 22.9172 47 22.9806C47 23.044 47.0124 23.1068 47.0365 23.1653C47.0606 23.2239 47.0958 23.277 47.1403 23.3216L49.1514 25.3579C49.1955 25.403 49.2479 25.4387 49.3057 25.4631C49.3635 25.4874 49.4255 25.5 49.4881 25.5C49.5508 25.5 49.6128 25.4874 49.6706 25.4631C49.7284 25.4387 49.7808 25.403 49.8249 25.3579L51.8597 23.3216C51.9042 23.277 51.9394 23.2239 51.9635 23.1653C51.9876 23.1068 52 23.044 52 22.9806C52 22.9172 51.9876 22.8545 51.9635 22.7959C51.9394 22.7374 51.9042 22.6843 51.8597 22.6397Z"/>
+</mask>
+<path d="M51.8597 22.6397C51.7708 22.5502 51.6506 22.5 51.5253 22.5C51.4 22.5 51.2798 22.5502 51.1909 22.6397L49.4881 24.3398L47.8091 22.6397C47.7202 22.5502 47.6 22.5 47.4747 22.5C47.3494 22.5 47.2292 22.5502 47.1403 22.6397C47.0958 22.6843 47.0606 22.7374 47.0365 22.7959C47.0124 22.8545 47 22.9172 47 22.9806C47 23.044 47.0124 23.1068 47.0365 23.1653C47.0606 23.2239 47.0958 23.277 47.1403 23.3216L49.1514 25.3579C49.1955 25.403 49.2479 25.4387 49.3057 25.4631C49.3635 25.4874 49.4255 25.5 49.4881 25.5C49.5508 25.5 49.6128 25.4874 49.6706 25.4631C49.7284 25.4387 49.7808 25.403 49.8249 25.3579L51.8597 23.3216C51.9042 23.277 51.9394 23.2239 51.9635 23.1653C51.9876 23.1068 52 23.044 52 22.9806C52 22.9172 51.9876 22.8545 51.9635 22.7959C51.9394 22.7374 51.9042 22.6843 51.8597 22.6397Z" fill="#26262A"/>
+<path d="M51.8597 22.6397L51.1503 23.3445L51.1511 23.3453L51.8597 22.6397ZM51.5253 22.5V21.5V22.5ZM51.1909 22.6397L51.8975 23.3473L51.9003 23.3445L51.1909 22.6397ZM49.4881 24.3398L48.7766 25.0425L49.4832 25.7579L50.1947 25.0474L49.4881 24.3398ZM47.8091 22.6397L48.5206 21.937L48.5185 21.9349L47.8091 22.6397ZM47.1403 22.6397L47.8489 23.3453L47.8497 23.3445L47.1403 22.6397ZM47.1403 23.3216L47.8518 22.6189L47.8489 22.616L47.1403 23.3216ZM49.1514 25.3579L49.8658 24.6582L49.8629 24.6553L49.1514 25.3579ZM49.8249 25.3579L49.1175 24.6511L49.1105 24.6582L49.8249 25.3579ZM51.8597 23.3216L52.5671 24.0285L52.5683 24.0272L51.8597 23.3216ZM52.5691 21.9349C52.2938 21.6578 51.9188 21.5 51.5253 21.5V23.5C51.3824 23.5 51.2478 23.4426 51.1503 23.3445L52.5691 21.9349ZM51.5253 21.5C51.1318 21.5 50.7568 21.6578 50.4815 21.9349L51.9003 23.3445C51.8028 23.4426 51.6682 23.5 51.5253 23.5V21.5ZM50.4844 21.932L48.7816 23.6321L50.1947 25.0474L51.8975 23.3473L50.4844 21.932ZM50.1996 23.6371L48.5206 21.937L47.0976 23.3423L48.7766 25.0425L50.1996 23.6371ZM48.5185 21.9349C48.2432 21.6578 47.8682 21.5 47.4747 21.5V23.5C47.3318 23.5 47.1972 23.4426 47.0997 23.3445L48.5185 21.9349ZM47.4747 21.5C47.0812 21.5 46.7062 21.6578 46.4309 21.9349L47.8497 23.3445C47.7522 23.4426 47.6176 23.5 47.4747 23.5V21.5ZM46.4317 21.9341C46.2941 22.0722 46.1855 22.236 46.1117 22.4154L47.9613 23.1765C47.9356 23.2389 47.8976 23.2964 47.8489 23.3453L46.4317 21.9341ZM46.1117 22.4154C46.0379 22.5949 46 22.787 46 22.9806H48C48 23.0475 47.9869 23.114 47.9613 23.1765L46.1117 22.4154ZM46 22.9806C46 23.1743 46.0379 23.3664 46.1117 23.5458L47.9613 22.7848C47.9869 22.8472 48 22.9138 48 22.9806H46ZM46.1117 23.5458C46.1855 23.7253 46.2941 23.889 46.4317 24.0272L47.8489 22.616C47.8976 22.6649 47.9356 22.7224 47.9613 22.7848L46.1117 23.5458ZM46.4288 24.0243L48.4399 26.0606L49.8629 24.6553L47.8518 22.6189L46.4288 24.0243ZM48.437 26.0577C48.5735 26.197 48.7365 26.3083 48.9171 26.3844L49.6944 24.5417C49.7594 24.5691 49.8175 24.6089 49.8658 24.6582L48.437 26.0577ZM48.9171 26.3844C49.0976 26.4606 49.2918 26.5 49.4881 26.5V24.5C49.5593 24.5 49.6294 24.5143 49.6944 24.5417L48.9171 26.3844ZM49.4881 26.5C49.6845 26.5 49.8787 26.4606 50.0592 26.3844L49.2819 24.5417C49.3468 24.5143 49.417 24.5 49.4881 24.5V26.5ZM50.0592 26.3844C50.2398 26.3083 50.4028 26.197 50.5393 26.0577L49.1105 24.6582C49.1588 24.6089 49.2169 24.5691 49.2819 24.5417L50.0592 26.3844ZM50.5323 26.0648L52.5671 24.0285L51.1523 22.6148L49.1175 24.6511L50.5323 26.0648ZM52.5683 24.0272C52.7059 23.889 52.8145 23.7253 52.8883 23.5458L51.0387 22.7848C51.0644 22.7224 51.1024 22.6649 51.1511 22.616L52.5683 24.0272ZM52.8883 23.5458C52.9621 23.3664 53 23.1743 53 22.9806H51C51 22.9138 51.0131 22.8472 51.0387 22.7848L52.8883 23.5458ZM53 22.9806C53 22.787 52.9621 22.5949 52.8883 22.4154L51.0387 23.1765C51.0131 23.114 51 23.0475 51 22.9806H53ZM52.8883 22.4154C52.8145 22.236 52.7059 22.0722 52.5683 21.9341L51.1511 23.3453C51.1024 23.2964 51.0644 23.2389 51.0387 23.1765L52.8883 22.4154Z" fill="#CCCCDC" fill-opacity="0.25" mask="url(#path-12-inside-1_1248_126481)"/>
+<path d="M69.9067 30C70.6011 30 75.9327 26 75.9327 24C75.9327 22 70.7357 18 69.9067 18C69.0778 18 68.4023 18.5 68.4023 19.4756C68.4023 20.4512 71.9067 22.9206 71.9067 22.9206C71.9067 22.9206 64.2539 22.25 64 22.9206C63.7461 23.5911 63.7461 24.4089 64 25.0794C64.2539 25.75 71.9067 25.0794 71.9067 25.0794C71.9067 25.0794 68.4023 27.75 68.4023 28.5301C68.4023 29.3103 69.2124 30 69.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_126481)">
+<path d="M84 6.80064V16H108V6H85.0029L84.0002 6L84 6.80064Z" fill="url(#paint1_linear_1248_126481)"/>
+<path d="M108 19H84V28.5H108V19Z" fill="#84AFF1"/>
+<path d="M108 19H84V28.5H108V19Z" fill="#84AFF1"/>
+<path d="M108 31.75H84V41.25H108V31.75Z" fill="#84AFF1"/>
+<path d="M97 20.75H95.5716L94 21.6699V22.9238L95.4253 22.1035H95.4627V26.75H97V20.75Z" fill="#24292E"/>
+<path d="M93.8373 39.5H98.25V38.3468H95.8341V38.3092L96.5472 37.6561C97.8396 36.5376 98.1772 35.9682 98.1772 35.289C98.1772 34.2225 97.3011 33.5 95.9476 33.5C94.629 33.5 93.7471 34.2543 93.75 35.4595H95.1151C95.1151 34.9249 95.447 34.6156 95.9418 34.6156C96.4279 34.6156 96.7801 34.9133 96.7801 35.4017C96.7801 35.8439 96.5006 36.1445 96.0116 36.5809L93.8373 38.4711V39.5Z" fill="#24292E"/>
+<path d="M94.7744 13.5C95.5264 13.5 96.0464 13.2377 96.3415 12.7415H96.3837V13.4178H98V10.1182C98 9.09102 96.9845 8.5 95.6107 8.5C94.1595 8.5 93.3373 9.1574 93.2003 10.0424L94.785 10.0929C94.8587 9.78319 95.1434 9.59355 95.5966 9.59355C96.0183 9.59355 96.2853 9.77686 96.2853 10.1024V10.1182C96.2853 10.4153 95.9269 10.4785 95.0063 10.5512C93.9136 10.6334 93 10.9968 93 12.0714C93 13.0322 93.7414 13.5 94.7744 13.5ZM95.305 12.4886C94.9079 12.4886 94.6268 12.318 94.6268 11.9956C94.6268 11.6827 94.9009 11.493 95.3893 11.4267C95.7091 11.3856 96.1026 11.3224 96.2959 11.2307V11.6922C96.2959 12.1662 95.8531 12.4886 95.305 12.4886Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126481" x1="0.00781255" y1="5.004" x2="24.0078" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126481" x1="84.0078" y1="11.004" x2="108.008" y2="11.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126481">
+<rect width="24" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_126481">
+<rect width="24" height="36" fill="white" transform="translate(84 6)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/merge.svg b/public/img/transformations/light/merge.svg
new file mode 100755
index 00000000000..7430821ce3b
--- /dev/null
+++ b/public/img/transformations/light/merge.svg
@@ -0,0 +1,92 @@
+<svg width="177" height="48" viewBox="0 0 177 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1248_126108)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126108)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126108)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1248_126108)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+</g>
+<path d="M46.3343 30H49.674V25.674H54V22.3343H49.674V18H46.3343V22.3343H42V25.674H46.3343V30Z" fill="#24292E"/>
+<g clip-path="url(#clip2_1248_126108)">
+<path d="M77 26.25H62V39.25H77V26.25Z" fill="#3865AB"/>
+<path d="M62 9.79083V21.75H77V8.75H62.6268C62.4606 8.75 62.3011 8.85966 62.1836 9.05485C62.066 9.25005 62 9.51479 62 9.79083Z" fill="url(#paint2_linear_1248_126108)"/>
+<path d="M69.4792 35.75C70.8085 35.75 71.7528 35.0257 71.75 34.0105C71.7528 33.2918 71.2958 32.7785 70.4208 32.673V32.6274C71.0771 32.5304 71.5423 32.077 71.5395 31.4211C71.5423 30.4686 70.706 29.75 69.4903 29.75C68.2663 29.75 67.3746 30.48 67.3635 31.5181H68.6734C68.6845 31.1188 69.0334 30.8508 69.4903 30.8508C69.9251 30.8508 70.2214 31.1217 70.2186 31.5124C70.2214 31.9173 69.8725 32.1968 69.3685 32.1968H68.8174V33.2006H69.3685C69.9417 33.2006 70.3155 33.4914 70.31 33.9021C70.3155 34.3156 69.9721 34.6036 69.4848 34.6036C69.0001 34.6036 68.6429 34.3384 68.6291 33.9534H67.25C67.2611 35.0086 68.1832 35.75 69.4792 35.75Z" fill="white"/>
+<path d="M67 18.4362H68.5663V17.7145H68.6149C68.8155 18.1261 69.2621 18.5 70.0129 18.5C71.1133 18.5 72 17.729 72 16.213C72 14.642 71.0615 13.9261 70.0227 13.9261C69.2362 13.9261 68.8058 14.3377 68.6149 14.7464H68.5825V12.5H67V18.4362ZM68.5502 16.2101C68.5502 15.4826 68.8867 15.0333 69.466 15.0333C70.0518 15.0333 70.3754 15.4942 70.3754 16.2101C70.3754 16.929 70.0518 17.3957 69.466 17.3957C68.8867 17.3957 68.5502 16.9319 68.5502 16.2101Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1248_126108)">
+<path d="M96 26.25H81V39.25H96V26.25Z" fill="#3865AB"/>
+<path d="M81 21.75H96V9.79083C96 9.51479 95.934 9.25005 95.8164 9.05485C95.6989 8.85966 95.5394 8.75 95.3732 8.75H81V21.75Z" fill="url(#paint3_linear_1248_126108)"/>
+<path d="M88.6058 18.5C90.0564 18.5 90.9563 17.7082 91 16.5095H89.4654C89.405 17.0237 89.0759 17.3044 88.6259 17.3044C88.0484 17.3044 87.6723 16.847 87.6723 15.9858C87.6723 15.1309 88.0517 14.6735 88.6259 14.6735C89.096 14.6735 89.4016 14.9732 89.4654 15.4685H91C90.9631 14.276 90.0363 13.5 88.6024 13.5C86.9805 13.5 86 14.5158 86 16.0016C86 17.4811 86.9738 18.5 88.6058 18.5Z" fill="#24292E"/>
+</g>
+<path d="M109.907 30C110.601 30 115.933 26 115.933 24C115.933 22 110.736 18 109.907 18C109.078 18 108.402 18.5 108.402 19.4756C108.402 20.4512 111.907 22.9206 111.907 22.9206C111.907 22.9206 104.254 22.25 104 22.9206C103.746 23.5911 103.746 24.4089 104 25.0794C104.254 25.75 111.907 25.0794 111.907 25.0794C111.907 25.0794 108.402 27.75 108.402 28.5301C108.402 29.3103 109.212 30 109.907 30Z" fill="#24292E"/>
+<path d="M124 0.720576V9H139V0H124.627C124.461 0 124.301 0.0759177 124.184 0.211052C124.066 0.346186 124 0.529468 124 0.720576Z" fill="url(#paint4_linear_1248_126108)"/>
+<path d="M139 13H124V22H139V13Z" fill="#84AFF1"/>
+<path d="M139 26H124V35H139V26Z" fill="#84AFF1"/>
+<path d="M139 39H124V48H139V39Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M124.5 39.5H138.5V47.5H124.5V39.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M132.5 15H131.31L130 15.7666V16.8115L131.188 16.1279H131.219V20H132.5V15Z" fill="#24292E"/>
+<path d="M130.072 33H133.724V32.039H131.724V32.0077L132.315 31.4634C133.384 30.5313 133.663 30.0568 133.663 29.4908C133.663 28.6021 132.938 28 131.818 28C130.727 28 129.998 28.6286 130 29.6329H131.13C131.13 29.1874 131.404 28.9297 131.814 28.9297C132.216 28.9297 132.507 29.1777 132.507 29.5848C132.507 29.9533 132.276 30.2038 131.871 30.5674L130.072 32.1426V33Z" fill="#24292E"/>
+<path d="M129 7.68623H130.566V6.96449H130.615C130.816 7.37609 131.262 7.75 132.013 7.75C133.113 7.75 134 6.97898 134 5.46304C134 3.89203 133.061 3.17609 132.023 3.17609C131.236 3.17609 130.806 3.58768 130.615 3.99638H130.583V1.75H129V7.68623ZM130.55 5.46015C130.55 4.73261 130.887 4.28333 131.466 4.28333C132.052 4.28333 132.375 4.7442 132.375 5.46015C132.375 6.17899 132.052 6.64565 131.466 6.64565C130.887 6.64565 130.55 6.18188 130.55 5.46015Z" fill="#24292E"/>
+<path d="M143 0.720576V9H158V0H143.627C143.461 0 143.301 0.0759177 143.184 0.211052C143.066 0.346186 143 0.529468 143 0.720576Z" fill="url(#paint5_linear_1248_126108)"/>
+<path d="M158 13H143V22H158V13Z" fill="#84AFF1"/>
+<path d="M158 26H143V35H158V26Z" fill="#84AFF1"/>
+<path d="M158 39H143V48H158V39Z" fill="#3865AB"/>
+<path d="M150.913 46C152.054 46 152.864 45.3964 152.862 44.5504C152.864 43.9515 152.472 43.5238 151.721 43.4358V43.3978C152.284 43.317 152.683 42.9392 152.681 42.3926C152.683 41.5989 151.966 41 150.923 41C149.872 41 149.107 41.6084 149.097 42.4734H150.221C150.231 42.1407 150.53 41.9173 150.923 41.9173C151.296 41.9173 151.55 42.1431 151.548 42.4686C151.55 42.8061 151.25 43.039 150.818 43.039H150.345V43.8755H150.818C151.31 43.8755 151.631 44.1179 151.626 44.4601C151.631 44.8047 151.336 45.0447 150.918 45.0447C150.502 45.0447 150.195 44.8237 150.183 44.5029H149C149.01 45.3821 149.801 46 150.913 46Z" fill="white"/>
+<path d="M149.774 7.5C150.526 7.5 151.046 7.23767 151.342 6.74147H151.384V7.41783H153V4.1182C153 3.09102 151.985 2.5 150.611 2.5C149.16 2.5 148.337 3.1574 148.2 4.04235L149.785 4.09292C149.859 3.78319 150.143 3.59355 150.597 3.59355C151.018 3.59355 151.285 3.77686 151.285 4.1024V4.1182C151.285 4.4153 150.927 4.47851 150.006 4.5512C148.914 4.63338 148 4.99684 148 6.07143C148 7.03224 148.741 7.5 149.774 7.5ZM150.305 6.48862C149.908 6.48862 149.627 6.31795 149.627 5.99558C149.627 5.68268 149.901 5.49305 150.389 5.42668C150.709 5.38559 151.103 5.32238 151.296 5.23072V5.69216C151.296 6.16625 150.853 6.48862 150.305 6.48862Z" fill="#24292E"/>
+<path d="M162 9H177V0.720576C177 0.529468 176.934 0.346186 176.816 0.211052C176.699 0.0759177 176.539 0 176.373 0L162 0V9Z" fill="url(#paint6_linear_1248_126108)"/>
+<path d="M177 39H162V48H177V39Z" fill="#3865AB"/>
+<path d="M177 26H162V35H177V26Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M162.5 26.5H176.5V34.5H162.5V26.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M177 13H162V22H177V13Z" fill="#CCCCDC" fill-opacity="0.4"/>
+<path d="M162.5 13.5H176.5V21.5H162.5V13.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
+<path d="M169.606 7.5C171.056 7.5 171.956 6.7082 172 5.50946H170.465C170.405 6.02366 170.076 6.30442 169.626 6.30442C169.048 6.30442 168.672 5.847 168.672 4.9858C168.672 4.13092 169.052 3.6735 169.626 3.6735C170.096 3.6735 170.402 3.97319 170.465 4.46845H172C171.963 3.27602 171.036 2.5 169.602 2.5C167.981 2.5 167 3.51577 167 5.00158C167 6.48107 167.974 7.5 169.606 7.5Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126108" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126108" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126108" x1="62" y1="15.2552" x2="77" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126108" x1="81" y1="15.2552" x2="96" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126108" x1="124" y1="4.5036" x2="139" y2="4.5036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1248_126108" x1="143" y1="4.5036" x2="158" y2="4.5036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1248_126108" x1="162" y1="4.5036" x2="177" y2="4.5036" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126108">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_126108">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip2_1248_126108">
+<rect width="15" height="30.5" fill="white" transform="translate(62 8.75)"/>
+</clipPath>
+<clipPath id="clip3_1248_126108">
+<rect width="15" height="30.5" fill="white" transform="translate(81 8.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/organize.svg b/public/img/transformations/light/organize.svg
new file mode 100755
index 00000000000..7bda695aa14
--- /dev/null
+++ b/public/img/transformations/light/organize.svg
@@ -0,0 +1,73 @@
+<svg width="154" height="48" viewBox="0 0 154 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 2.57189C15.0002 2.53241 14.9927 2.49327 14.9777 2.45672C14.9628 2.42018 14.9408 2.38693 14.913 2.3589L13.641 1.087C13.613 1.0592 13.5797 1.0372 13.5432 1.02227C13.5066 1.00734 13.4675 0.999777 13.428 1.00001C13.3885 0.999777 13.3494 1.00734 13.3128 1.02227C13.2763 1.0372 13.243 1.0592 13.215 1.087L12.366 1.93594L9.087 5.21469C9.0592 5.24272 9.0372 5.27596 9.02227 5.31251C9.00734 5.34906 8.99978 5.3882 9.00001 5.42767V6.69958C9.00001 6.77914 9.03161 6.85544 9.08787 6.9117C9.14413 6.96795 9.22044 6.99956 9.3 6.99956H10.572C10.614 7.00184 10.656 6.99528 10.6952 6.98029C10.7345 6.9653 10.7702 6.94223 10.8 6.91256L14.061 3.63381L14.913 2.79987C14.9404 2.7708 14.9627 2.73733 14.979 2.70088C14.9819 2.67697 14.9819 2.65279 14.979 2.62888C14.9804 2.61492 14.9804 2.60085 14.979 2.58689L15 2.57189ZM10.449 6.3996H9.6V5.55067L12.579 2.57189L13.428 3.42082L10.449 6.3996ZM13.851 2.99786L13.002 2.14892L13.428 1.72595L14.274 2.57189L13.851 2.99786Z" fill="white"/>
+<g clip-path="url(#clip0_1248_126295)">
+<path d="M0 11.3611V27H24V10H1.00293C0.736933 10 0.481835 10.1434 0.29375 10.3987C0.105665 10.6539 0 11.0001 0 11.3611Z" fill="url(#paint0_linear_1248_126295)"/>
+<path d="M24 31H0V48H24V31Z" fill="#84AFF1"/>
+<path d="M10.7744 21.5C11.5264 21.5 12.0464 21.2377 12.3415 20.7415H12.3837V21.4178H14V18.1182C14 17.091 12.9845 16.5 11.6107 16.5C10.1595 16.5 9.33732 17.1574 9.20028 18.0424L10.785 18.0929C10.8587 17.7832 11.1434 17.5936 11.5966 17.5936C12.0183 17.5936 12.2853 17.7769 12.2853 18.1024V18.1182C12.2853 18.4153 11.9269 18.4785 11.0063 18.5512C9.91356 18.6334 9 18.9968 9 20.0714C9 21.0322 9.74139 21.5 10.7744 21.5ZM11.305 20.4886C10.9079 20.4886 10.6268 20.318 10.6268 19.9956C10.6268 19.6827 10.9009 19.493 11.3893 19.4267C11.7091 19.3856 12.1026 19.3224 12.2959 19.2307V19.6922C12.2959 20.1662 11.8531 20.4886 11.305 20.4886Z" fill="#24292E"/>
+<path d="M13 36.5H11.5716L10 37.4199V38.6738L11.4253 37.8535H11.4627V42.5H13V36.5Z" fill="#24292E"/>
+</g>
+<path d="M35.7976 2.10148C35.7643 2.06962 35.725 2.04465 35.6821 2.02799C35.5969 1.993 35.5013 1.993 35.4161 2.02799C35.3732 2.04465 35.3339 2.06962 35.3007 2.10148L34.6008 2.80134C34.5349 2.86723 34.4979 2.9566 34.4979 3.04979C34.4979 3.14297 34.5349 3.23234 34.6008 3.29823C34.6667 3.36413 34.7561 3.40115 34.8493 3.40115C34.9424 3.40115 35.0318 3.36413 35.0977 3.29823L35.1992 3.19326V5.84921C35.1992 5.94202 35.2361 6.03103 35.3017 6.09665C35.3673 6.16227 35.4563 6.19914 35.5491 6.19914C35.6419 6.19914 35.7309 6.16227 35.7965 6.09665C35.8622 6.03103 35.899 5.94202 35.899 5.84921V3.19326L36.0005 3.29823C36.033 3.33103 36.0718 3.35707 36.1144 3.37483C36.157 3.3926 36.2028 3.40174 36.249 3.40174C36.2952 3.40174 36.3409 3.3926 36.3835 3.37483C36.4262 3.35707 36.4649 3.33103 36.4974 3.29823C36.5302 3.2657 36.5562 3.227 36.574 3.18436C36.5918 3.14172 36.6009 3.09598 36.6009 3.04979C36.6009 3.00359 36.5918 2.95785 36.574 2.91521C36.5562 2.87257 36.5302 2.83387 36.4974 2.80134L35.7976 2.10148ZM37.6487 2.69986H41.148C41.2408 2.69986 41.3298 2.66299 41.3954 2.59737C41.461 2.53174 41.4979 2.44274 41.4979 2.34993C41.4979 2.25712 41.461 2.16812 41.3954 2.10249C41.3298 2.03687 41.2408 2 41.148 2H37.6487C37.5559 2 37.4669 2.03687 37.4012 2.10249C37.3356 2.16812 37.2988 2.25712 37.2988 2.34993C37.2988 2.44274 37.3356 2.53174 37.4012 2.59737C37.4669 2.66299 37.5559 2.69986 37.6487 2.69986V2.69986ZM41.148 5.49928H37.6487C37.5559 5.49928 37.4669 5.53615 37.4012 5.60178C37.3356 5.6674 37.2988 5.75641 37.2988 5.84921C37.2988 5.94202 37.3356 6.03103 37.4012 6.09665C37.4669 6.16227 37.5559 6.19914 37.6487 6.19914H41.148C41.2408 6.19914 41.3298 6.16227 41.3954 6.09665C41.461 6.03103 41.4979 5.94202 41.4979 5.84921C41.4979 5.75641 41.461 5.6674 41.3954 5.60178C41.3298 5.53615 41.2408 5.49928 41.148 5.49928ZM41.148 3.74964H37.6487C37.5559 3.74964 37.4669 3.78651 37.4012 3.85213C37.3356 3.91776 37.2988 4.00676 37.2988 4.09957C37.2988 4.19238 37.3356 4.28138 37.4012 4.34701C37.4669 4.41263 37.5559 4.4495 37.6487 4.4495H41.148C41.2408 4.4495 41.3298 4.41263 41.3954 4.34701C41.461 4.28138 41.4979 4.19238 41.4979 4.09957C41.4979 4.00676 41.461 3.91776 41.3954 3.85213C41.3298 3.78651 41.2408 3.74964 41.148 3.74964Z" fill="white"/>
+<g clip-path="url(#clip1_1248_126295)">
+<path d="M26 27H50V11.3611V10H48.9971H26V27Z" fill="url(#paint1_linear_1248_126295)"/>
+<path d="M50 31H26V48H50V31Z" fill="#84AFF1"/>
+<path d="M35.5 21.4362H37.0663V20.7145H37.1149C37.3155 21.1261 37.7621 21.5 38.5129 21.5C39.6133 21.5 40.5 20.729 40.5 19.213C40.5 17.642 39.5615 16.9261 38.5227 16.9261C37.7362 16.9261 37.3058 17.3377 37.1149 17.7464H37.0825V15.5H35.5V21.4362ZM37.0502 19.2101C37.0502 18.4826 37.3867 18.0333 37.966 18.0333C38.5518 18.0333 38.8754 18.4942 38.8754 19.2101C38.8754 19.929 38.5518 20.3957 37.966 20.3957C37.3867 20.3957 37.0502 19.9319 37.0502 19.2101Z" fill="#24292E"/>
+<path d="M35.5873 42.5H40V41.3468H37.5841V41.3092L38.2972 40.6561C39.5896 39.5376 39.9272 38.9682 39.9272 38.289C39.9272 37.2225 39.0511 36.5 37.6976 36.5C36.379 36.5 35.4971 37.2543 35.5 38.4595H36.8651C36.8651 37.9249 37.197 37.6156 37.6918 37.6156C38.1779 37.6156 38.5301 37.9133 38.5301 38.4017C38.5301 38.8439 38.2506 39.1445 37.7616 39.5809L35.5873 41.4711V42.5Z" fill="#24292E"/>
+</g>
+<path d="M63.6798 2.22255C63.785 2.20642 63.8912 2.19841 63.9976 2.19856C64.9512 2.19856 65.8477 2.88522 66.3695 3.99767C66.2897 4.16696 66.1995 4.33119 66.0996 4.48943C66.0679 4.53854 66.0512 4.59587 66.0516 4.65434C66.0523 4.71978 66.0743 4.78321 66.1144 4.83494C66.1545 4.88667 66.2104 4.92387 66.2736 4.94086C66.3368 4.95784 66.4038 4.95369 66.4645 4.92903C66.5251 4.90437 66.576 4.86055 66.6093 4.80427C66.7491 4.58476 66.8704 4.35409 66.9722 4.11461C66.9883 4.0772 66.9966 4.0369 66.9966 3.99617C66.9966 3.95544 66.9883 3.91514 66.9722 3.87773C66.3665 2.47142 65.227 1.59886 63.9976 1.59886C63.8569 1.59815 63.7164 1.61019 63.5778 1.63484C63.5385 1.64153 63.5008 1.65592 63.467 1.67717C63.4332 1.69842 63.4039 1.72613 63.3807 1.75871C63.3576 1.79128 63.3412 1.82809 63.3323 1.86704C63.3234 1.90598 63.3223 1.94629 63.329 1.98566C63.3357 2.02504 63.35 2.06271 63.3713 2.09653C63.3926 2.13035 63.4203 2.15965 63.4528 2.18276C63.4854 2.20587 63.5222 2.22234 63.5612 2.23122C63.6001 2.24011 63.6404 2.24123 63.6798 2.23454V2.22255ZM61.5119 1.08611C61.4839 1.05815 61.4507 1.03597 61.4142 1.02084C61.3777 1.00571 61.3385 0.997925 61.299 0.997925C61.2594 0.997925 61.2203 1.00571 61.1838 1.02084C61.1472 1.03597 61.114 1.05815 61.0861 1.08611C61.0296 1.14257 60.9979 1.21915 60.9979 1.299C60.9979 1.37885 61.0296 1.45543 61.0861 1.5119L62.0156 2.43844C61.5915 2.8467 61.254 3.33619 61.0231 3.87773C61.0066 3.91556 60.9981 3.95639 60.9981 3.99767C60.9981 4.03895 61.0066 4.07978 61.0231 4.11761C61.6288 5.52391 62.7682 6.39648 63.9976 6.39648C64.5365 6.39276 65.0626 6.23231 65.5119 5.93471L66.4834 6.90923C66.5113 6.93733 66.5444 6.95964 66.581 6.97486C66.6175 6.99009 66.6567 6.99792 66.6963 6.99792C66.7359 6.99792 66.7751 6.99009 66.8116 6.97486C66.8482 6.95964 66.8813 6.93733 66.9092 6.90923C66.9373 6.88135 66.9596 6.84819 66.9748 6.81165C66.9901 6.77511 66.9979 6.73592 66.9979 6.69633C66.9979 6.65675 66.9901 6.61756 66.9748 6.58102C66.9596 6.54448 66.9373 6.51131 66.9092 6.48344L61.5119 1.08611ZM63.4189 3.84175L64.1536 4.57638C64.1029 4.59092 64.0504 4.59799 63.9976 4.59737C63.8386 4.59737 63.6861 4.53419 63.5736 4.42172C63.4611 4.30926 63.3979 4.15672 63.3979 3.99767C63.3973 3.94495 63.4044 3.89242 63.4189 3.84175ZM63.9976 5.79678C63.0441 5.79678 62.1476 5.11012 61.6288 3.99767C61.8225 3.57 62.0975 3.18404 62.4384 2.86123L62.9691 3.39797C62.8445 3.62549 62.797 3.88731 62.8337 4.14413C62.8704 4.40096 62.9895 4.63895 63.1729 4.8224C63.3564 5.00586 63.5943 5.12488 63.8512 5.16162C64.108 5.19835 64.3698 5.15082 64.5973 5.02616L65.0741 5.49693C64.7476 5.6891 64.3765 5.79247 63.9976 5.79678Z" fill="white"/>
+<g clip-path="url(#clip2_1248_126295)">
+<path d="M52 27H76V11.3611C76 11.0001 75.8943 10.6539 75.7063 10.3987C75.5182 10.1434 75.2631 10 74.9971 10H52V27Z" fill="url(#paint2_linear_1248_126295)"/>
+<path d="M76 31H52V48H76V31Z" fill="#84AFF1"/>
+<path d="M64.1058 21.5C65.5564 21.5 66.4563 20.7082 66.5 19.5095H64.9654C64.905 20.0237 64.5759 20.3044 64.1259 20.3044C63.5484 20.3044 63.1723 19.847 63.1723 18.9858C63.1723 18.1309 63.5517 17.6735 64.1259 17.6735C64.596 17.6735 64.9016 17.9732 64.9654 18.4685H66.5C66.4631 17.276 65.5363 16.5 64.1024 16.5C62.4805 16.5 61.5 17.5158 61.5 19.0016C61.5 20.4811 62.4738 21.5 64.1058 21.5Z" fill="#24292E"/>
+<path d="M63.9769 42.5C65.4538 42.5 66.5031 41.7757 66.5 40.7605C66.5031 40.0418 65.9954 39.5285 65.0231 39.423V39.3774C65.7523 39.2804 66.2692 38.827 66.2661 38.1711C66.2692 37.2186 65.34 36.5 63.9892 36.5C62.6292 36.5 61.6385 37.23 61.6262 38.2681H63.0815C63.0938 37.8688 63.4815 37.6008 63.9892 37.6008C64.4723 37.6008 64.8015 37.8717 64.7985 38.2624C64.8015 38.6673 64.4138 38.9468 63.8538 38.9468H63.2415V39.9506H63.8538C64.4908 39.9506 64.9061 40.2414 64.9 40.6521C64.9061 41.0656 64.5246 41.3536 63.9831 41.3536C63.4446 41.3536 63.0477 41.0884 63.0323 40.7034H61.5C61.5123 41.7586 62.5369 42.5 63.9769 42.5Z" fill="#24292E"/>
+</g>
+<path d="M89.9067 30C90.6011 30 95.9327 26 95.9327 24C95.9327 22 90.7357 18 89.9067 18C89.0778 18 88.4023 18.5 88.4023 19.4756C88.4023 20.4512 91.9067 22.9206 91.9067 22.9206C91.9067 22.9206 84.2539 22.25 84 22.9206C83.7461 23.5911 83.7461 24.4089 84 25.0794C84.2539 25.75 91.9067 25.0794 91.9067 25.0794C91.9067 25.0794 88.4023 27.75 88.4023 28.5301C88.4023 29.3103 89.2124 30 89.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip3_1248_126295)">
+<path d="M130 27H154V11.3611C154 11.0001 153.894 10.6539 153.706 10.3987C153.518 10.1434 153.263 10 152.997 10H130V27Z" fill="url(#paint3_linear_1248_126295)"/>
+<path d="M154 31H130V48H154V31Z" fill="#84AFF1"/>
+<path d="M143 36.5H141.572L140 37.4199V38.6738L141.425 37.8535H141.463V42.5H143V36.5Z" fill="#24292E"/>
+<path d="M140.987 21.5C141.738 21.5 142.184 21.1261 142.385 20.7145H142.434V21.4362H144V15.5H142.417V17.7464H142.385C142.197 17.3377 141.764 16.9261 140.981 16.9261C139.942 16.9261 139 17.642 139 19.213C139 20.729 139.89 21.5 140.987 21.5ZM141.537 20.3957C140.951 20.3957 140.625 19.929 140.625 19.2101C140.625 18.4942 140.948 18.0333 141.537 18.0333C142.117 18.0333 142.453 18.4826 142.453 19.2101C142.453 19.9319 142.113 20.3957 141.537 20.3957Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip4_1248_126295)">
+<path d="M128 31H104V48H128V31Z" fill="#84AFF1"/>
+<path d="M104 11.3611V27H128V10H105.003C104.737 10 104.482 10.1434 104.294 10.3987C104.106 10.6539 104 11.0001 104 11.3611Z" fill="url(#paint4_linear_1248_126295)"/>
+<path d="M113.5 21.4362H115.066V20.7145H115.115C115.316 21.1261 115.762 21.5 116.513 21.5C117.613 21.5 118.5 20.729 118.5 19.213C118.5 17.642 117.561 16.9261 116.523 16.9261C115.736 16.9261 115.306 17.3377 115.115 17.7464H115.083V15.5H113.5V21.4362ZM115.05 19.2101C115.05 18.4826 115.387 18.0333 115.966 18.0333C116.552 18.0333 116.875 18.4942 116.875 19.2101C116.875 19.929 116.552 20.3957 115.966 20.3957C115.387 20.3957 115.05 19.9319 115.05 19.2101Z" fill="#24292E"/>
+<path d="M113.587 42.5H118V41.3468H115.584V41.3092L116.297 40.6561C117.59 39.5376 117.927 38.9682 117.927 38.289C117.927 37.2225 117.051 36.5 115.698 36.5C114.379 36.5 113.497 37.2543 113.5 38.4595H114.865C114.865 37.9249 115.197 37.6156 115.692 37.6156C116.178 37.6156 116.53 37.9133 116.53 38.4017C116.53 38.8439 116.251 39.1445 115.762 39.5809L113.587 41.4711V42.5Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126295" x1="0" y1="18.5068" x2="24" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126295" x1="26" y1="18.5068" x2="50" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126295" x1="52" y1="18.5068" x2="76" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126295" x1="130" y1="18.5068" x2="154" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126295" x1="104" y1="18.5068" x2="128" y2="18.5068" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126295">
+<rect width="24" height="38" fill="white" transform="translate(0 10)"/>
+</clipPath>
+<clipPath id="clip1_1248_126295">
+<rect width="24" height="38" fill="white" transform="translate(26 10)"/>
+</clipPath>
+<clipPath id="clip2_1248_126295">
+<rect width="24" height="38" fill="white" transform="translate(52 10)"/>
+</clipPath>
+<clipPath id="clip3_1248_126295">
+<rect width="24" height="38" fill="white" transform="translate(130 10)"/>
+</clipPath>
+<clipPath id="clip4_1248_126295">
+<rect width="24" height="38" fill="white" transform="translate(104 10)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/partitionByValues.svg b/public/img/transformations/light/partitionByValues.svg
new file mode 100755
index 00000000000..03176c9b97a
--- /dev/null
+++ b/public/img/transformations/light/partitionByValues.svg
@@ -0,0 +1,32 @@
+<svg width="101" height="48" viewBox="0 0 101 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126643)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<path d="M28.9067 30C29.6011 30 34.9327 26 34.9327 24C34.9327 22 29.7357 18 28.9067 18C28.0778 18 27.4023 18.5 27.4023 19.4756C27.4023 20.4512 30.9067 22.9206 30.9067 22.9206C30.9067 22.9206 23.2539 22.25 23 22.9206C22.7461 23.5911 22.7461 24.4089 23 25.0794C23.2539 25.75 30.9067 25.0794 30.9067 25.0794C30.9067 25.0794 27.4023 27.75 27.4023 28.5301C27.4023 29.3103 28.2124 30 28.9067 30Z" fill="#24292E"/>
+<path d="M43 10.0408V22H58V9H43.6268C43.4606 9 43.3011 9.10966 43.1836 9.30485C43.066 9.50005 43 9.76479 43 10.0408Z" fill="url(#paint1_linear_1248_126643)"/>
+<path d="M58 26.5H43V39.5H58V26.5Z" fill="#84AFF1"/>
+<path d="M51.5 30H50.0716L48.5 30.9199V32.1738L49.9253 31.3535H49.9627V36H51.5V30Z" fill="#24292E"/>
+<path d="M49.7744 18.5C50.5264 18.5 51.0464 18.2377 51.3415 17.7415H51.3837V18.4178H53V15.1182C53 14.091 51.9845 13.5 50.6107 13.5C49.1595 13.5 48.3373 14.1574 48.2003 15.0424L49.785 15.0929C49.8587 14.7832 50.1434 14.5936 50.5966 14.5936C51.0183 14.5936 51.2853 14.7769 51.2853 15.1024V15.1182C51.2853 15.4153 50.9269 15.4785 50.0063 15.5512C48.9136 15.6334 48 15.9968 48 17.0714C48 18.0322 48.7414 18.5 49.7744 18.5ZM50.305 17.4886C49.9079 17.4886 49.6268 17.318 49.6268 16.9956C49.6268 16.6827 49.9009 16.493 50.3893 16.4267C50.7091 16.3856 51.1026 16.3224 51.2959 16.2307V16.6922C51.2959 17.1662 50.8531 17.4886 50.305 17.4886Z" fill="#24292E"/>
+<path d="M70.3343 30H73.674V25.674H78V22.3343H73.674V18H70.3343V22.3343H66V25.674H70.3343V30Z" fill="#24292E"/>
+<path d="M86 10.0408V22H101V9H86.6268C86.4606 9 86.3011 9.10966 86.1836 9.30485C86.066 9.50005 86 9.76479 86 10.0408Z" fill="url(#paint2_linear_1248_126643)"/>
+<path d="M101 26.5H86V39.5H101V26.5Z" fill="#84AFF1"/>
+<path d="M92.7744 18.5C93.5264 18.5 94.0464 18.2377 94.3415 17.7415H94.3837V18.4178H96V15.1182C96 14.091 94.9845 13.5 93.6107 13.5C92.1595 13.5 91.3373 14.1574 91.2003 15.0424L92.785 15.0929C92.8587 14.7832 93.1434 14.5936 93.5966 14.5936C94.0183 14.5936 94.2853 14.7769 94.2853 15.1024V15.1182C94.2853 15.4153 93.9269 15.4785 93.0063 15.5512C91.9136 15.6334 91 15.9968 91 17.0714C91 18.0322 91.7414 18.5 92.7744 18.5ZM93.305 17.4886C92.9079 17.4886 92.6268 17.318 92.6268 16.9956C92.6268 16.6827 92.9009 16.493 93.3893 16.4267C93.7091 16.3856 94.1026 16.3224 94.2959 16.2307V16.6922C94.2959 17.1662 93.8531 17.4886 93.305 17.4886Z" fill="#24292E"/>
+<path d="M91.0873 36H95.5V34.8468H93.0841V34.8092L93.7972 34.1561C95.0896 33.0376 95.4272 32.4682 95.4272 31.789C95.4272 30.7225 94.5511 30 93.1976 30C91.879 30 90.9971 30.7543 91 31.9595H92.3651C92.3651 31.4249 92.697 31.1156 93.1918 31.1156C93.6779 31.1156 94.0301 31.4133 94.0301 31.9017C94.0301 32.3439 93.7506 32.6445 93.2616 33.0809L91.0873 34.9711V36Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126643" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126643" x1="43" y1="15.5052" x2="58" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126643" x1="86" y1="15.5052" x2="101" y2="15.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/prepareTimeSeries.svg b/public/img/transformations/light/prepareTimeSeries.svg
new file mode 100755
index 00000000000..d8df596c19c
--- /dev/null
+++ b/public/img/transformations/light/prepareTimeSeries.svg
@@ -0,0 +1,84 @@
+<svg width="180" height="48" viewBox="0 0 180 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 9.79071V21.7499H15V8.74988H0.626828C0.460583 8.74988 0.301147 8.85954 0.183594 9.05473C0.0660407 9.24992 0 9.51466 0 9.79071Z" fill="url(#paint0_linear_1248_126664)"/>
+<path d="M15 26.2499H0V39.2499H15V26.2499Z" fill="#84AFF1"/>
+<path d="M8.5 30H7.07158L5.5 30.9199V32.1738L6.92531 31.3535H6.96266V36H8.5V30Z" fill="#24292E"/>
+<path d="M19 9.79083V21.75H34V8.75H19.6268C19.4606 8.75 19 8.75 19 8.75C19 8.75 19 9.51479 19 9.79083Z" fill="url(#paint1_linear_1248_126664)"/>
+<path d="M34 26.25H19V39.25H34V26.25Z" fill="#84AFF1"/>
+<path d="M26.5739 18.25C25.3778 18.2443 24.2472 17.5199 24.25 15.3812C24.2557 13.4192 25.179 12.25 26.6165 12.25C27.7784 12.25 28.5739 13 28.6903 13.961H27.4773C27.3835 13.5532 27.0625 13.308 26.6165 13.308C25.858 13.308 25.4602 14.0152 25.4545 15.153H25.4943C25.7557 14.6369 26.321 14.3289 26.9602 14.3289C27.9915 14.3289 28.7528 15.1188 28.75 16.2139C28.7528 17.403 27.8693 18.2557 26.5739 18.25ZM26.5682 17.2804C27.1364 17.2804 27.5597 16.8327 27.5568 16.2481C27.5597 15.6692 27.1449 15.2215 26.5767 15.2215C26.0114 15.2215 25.5824 15.6834 25.5795 16.2509C25.5795 16.8213 26 17.2804 26.5682 17.2804Z" fill="#24292E"/>
+<path d="M26.2292 35.75C27.5585 35.75 28.5028 35.0257 28.5 34.0105C28.5028 33.2918 28.0458 32.7785 27.1708 32.673V32.6274C27.8271 32.5304 28.2923 32.077 28.2895 31.4211C28.2923 30.4686 27.456 29.75 26.2403 29.75C25.0163 29.75 24.1246 30.48 24.1135 31.5181H25.4234C25.4345 31.1188 25.7834 30.8508 26.2403 30.8508C26.6751 30.8508 26.9714 31.1217 26.9686 31.5124C26.9714 31.9173 26.6225 32.1968 26.1185 32.1968H25.5674V33.2006H26.1185C26.6917 33.2006 27.0655 33.4914 27.06 33.9021C27.0655 34.3156 26.7221 34.6036 26.2348 34.6036C25.7501 34.6036 25.3929 34.3384 25.3791 33.9534H24C24.0111 35.0086 24.9332 35.75 26.2292 35.75Z" fill="#24292E"/>
+<path d="M38 9.79083V21.75H53V8.75H38.6268C38.4606 8.75 38 8.75 38 8.75C38 8.75 38 9.51479 38 9.79083Z" fill="url(#paint2_linear_1248_126664)"/>
+<path d="M53 26.25H38V39.25H53V26.25Z" fill="#84AFF1"/>
+<path d="M43.6884 18.25L46.3471 13.3281V13.2871H43.25V12.25H47.75V13.3018L45.0882 18.25H43.6884Z" fill="#24292E"/>
+<path d="M43 34.6953V33.6963L45.5893 29.75H47.2308V33.6787H48V34.6953H47.2308V35.75H45.977V34.6953H43ZM46.0012 33.6787V31.1328H45.9528L44.3204 33.6318V33.6787H46.0012Z" fill="#24292E"/>
+<path d="M57 21.7499H72V9.79071C72 9.51466 71.934 9.24992 71.8164 9.05473C71.6989 8.85954 71.5394 8.74988 71.3732 8.74988H57V21.7499Z" fill="url(#paint3_linear_1248_126664)"/>
+<path d="M72 26.2499H57V39.2499H72V26.2499Z" fill="#84AFF1"/>
+<path d="M64.4602 35.75C63.0525 35.75 62.0266 35.0188 62 33.9957H63.3944C63.4276 34.4552 63.8891 34.7673 64.4602 34.7673C65.1341 34.7673 65.6155 34.3425 65.6155 33.7269C65.6155 33.1055 65.1242 32.6749 64.4402 32.672C64.0385 32.672 63.6335 32.8251 63.4243 33.0708L62.1461 32.8714L62.4681 29.75H66.6248V30.7731H63.6534L63.4774 32.2558H63.5173C63.7563 31.9639 64.2709 31.7471 64.8685 31.7471C66.0936 31.7471 67.0033 32.5621 67 33.6951C67.0033 34.8916 65.9741 35.75 64.4602 35.75Z" fill="#24292E"/>
+<path d="M64.4986 18.25C63.1902 18.25 62.2472 17.5456 62.25 16.5989C62.2472 15.8688 62.7994 15.2728 63.5074 15.1559V15.116C62.89 14.9905 62.4624 14.4601 62.4652 13.8213C62.4624 12.9173 63.3233 12.25 64.4986 12.25C65.671 12.25 66.5319 12.9173 66.5348 13.8213C66.5319 14.4629 66.0986 14.9905 65.4926 15.116V15.1559C66.1893 15.2728 66.7472 15.8688 66.75 16.5989C66.7472 17.5456 65.807 18.25 64.4986 18.25ZM64.4986 17.3432C65.0791 17.3432 65.4728 16.9981 65.4728 16.5019C65.4728 15.9971 65.0593 15.6321 64.4986 15.6321C63.935 15.6321 63.5244 15.9971 63.5244 16.5019C63.5244 16.9952 63.9152 17.3432 64.4986 17.3432ZM64.4986 14.7338C64.9857 14.7338 65.3369 14.4116 65.3369 13.9496C65.3369 13.4962 64.9914 13.1797 64.4986 13.1797C64.003 13.1797 63.6603 13.4933 63.6603 13.9496C63.6603 14.4116 64.0087 14.7338 64.4986 14.7338Z" fill="#24292E"/>
+<path d="M85.9067 30C86.6011 30 91.9327 26 91.9327 24C91.9327 22 86.7357 18 85.9067 18C85.0778 18 84.4023 18.5 84.4023 19.4756C84.4023 20.4512 87.9067 22.9206 87.9067 22.9206C87.9067 22.9206 80.2539 22.25 80 22.9206C79.7461 23.5911 79.7461 24.4089 80 25.0794C80.2539 25.75 87.9067 25.0794 87.9067 25.0794C87.9067 25.0794 84.4023 27.75 84.4023 28.5301C84.4023 29.3103 85.2124 30 85.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_126664)">
+<path d="M100 0.800641V10H124V0H101.003C100.737 0 100.482 0.084353 100.294 0.234502C100.106 0.384651 100 0.588297 100 0.800641Z" fill="url(#paint4_linear_1248_126664)"/>
+<path d="M124 13H100V22.5H124V13Z" fill="#84AFF1"/>
+<path d="M124 25.75H100V35.25H124V25.75Z" fill="#84AFF1"/>
+<path d="M124 38.5H100V48H112H124V38.5Z" fill="#84AFF1"/>
+<path d="M113.5 40.25H112.072L110.5 41.1699V42.4238L111.925 41.6035H111.963V46.25H113.5V40.25Z" fill="#24292E"/>
+<path d="M113.5 14.75H112.072L110.5 15.6699V16.9238L111.925 16.1035H111.963V20.75H113.5V14.75Z" fill="#24292E"/>
+<path d="M113.5 27.5H112.072L110.5 28.4199V29.6738L111.925 28.8535H111.963V33.5H113.5V27.5Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126664)">
+<path d="M152 13H128V22.5H152V13Z" fill="#84AFF1"/>
+<path d="M152 25.75H128V35.25H152V25.75Z" fill="#84AFF1"/>
+<path d="M152 38.5H128V48H140H152V38.5Z" fill="#84AFF1"/>
+<path d="M128 0.800641V10H152V1.05456e-06H129.003L128 0L128 0.800641Z" fill="url(#paint5_linear_1248_126664)"/>
+<path d="M139.979 20.75C141.308 20.75 142.253 20.0257 142.25 19.0105C142.253 18.2918 141.796 17.7785 140.921 17.673V17.6274C141.577 17.5304 142.042 17.077 142.04 16.4211C142.042 15.4686 141.206 14.75 139.99 14.75C138.766 14.75 137.875 15.48 137.864 16.5181H139.173C139.184 16.1188 139.533 15.8508 139.99 15.8508C140.425 15.8508 140.721 16.1217 140.719 16.5124C140.721 16.9173 140.372 17.1968 139.868 17.1968H139.317V18.2006H139.868C140.442 18.2006 140.816 18.4914 140.81 18.9021C140.816 19.3156 140.472 19.6036 139.985 19.6036C139.5 19.6036 139.143 19.3384 139.129 18.9534H137.75C137.761 20.0086 138.683 20.75 139.979 20.75Z" fill="#24292E"/>
+<path d="M137.75 32.4453V31.4463L140.339 27.5H141.981V31.4287H142.75V32.4453H141.981V33.5H140.727V32.4453H137.75ZM140.751 31.4287V28.8828H140.703L139.07 31.3818V31.4287H140.751Z" fill="#24292E"/>
+<path d="M140.21 46.25C138.802 46.25 137.777 45.5188 137.75 44.4957H139.144C139.178 44.9552 139.639 45.2673 140.21 45.2673C140.884 45.2673 141.366 44.8425 141.366 44.2269C141.366 43.6055 140.874 43.1749 140.19 43.172C139.789 43.172 139.383 43.3251 139.174 43.5708L137.896 43.3714L138.218 40.25H142.375V41.2731H139.403L139.227 42.7558H139.267C139.506 42.4639 140.021 42.2471 140.619 42.2471C141.844 42.2471 142.753 43.0621 142.75 44.1951C142.753 45.3916 141.724 46.25 140.21 46.25Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip2_1248_126664)">
+<path d="M180 13H156V22.5H180V13Z" fill="#84AFF1"/>
+<path d="M180 25.75H156V35.25H180V25.75Z" fill="#84AFF1"/>
+<path d="M180 38.5H156V48H168H180V38.5Z" fill="#84AFF1"/>
+<path d="M156 10H180V0.800641C180 0.588297 179.894 0.384651 179.706 0.234502C179.518 0.084353 179.263 0 178.997 0L156 0V10Z" fill="url(#paint6_linear_1248_126664)"/>
+<path d="M167.999 46.25C166.69 46.25 165.747 45.5456 165.75 44.5989C165.747 43.8688 166.299 43.2728 167.007 43.1559V43.116C166.39 42.9905 165.962 42.4601 165.965 41.8213C165.962 40.9173 166.823 40.25 167.999 40.25C169.171 40.25 170.032 40.9173 170.035 41.8213C170.032 42.4629 169.599 42.9905 168.993 43.116V43.1559C169.689 43.2728 170.247 43.8688 170.25 44.5989C170.247 45.5456 169.307 46.25 167.999 46.25ZM167.999 45.3432C168.579 45.3432 168.973 44.9981 168.973 44.5019C168.973 43.9971 168.559 43.6321 167.999 43.6321C167.435 43.6321 167.024 43.9971 167.024 44.5019C167.024 44.9952 167.415 45.3432 167.999 45.3432ZM167.999 42.7338C168.486 42.7338 168.837 42.4116 168.837 41.9496C168.837 41.4962 168.491 41.1797 167.999 41.1797C167.503 41.1797 167.16 41.4933 167.16 41.9496C167.16 42.4116 167.509 42.7338 167.999 42.7338Z" fill="#24292E"/>
+<path d="M166.188 33.5L168.847 28.5781V28.5371H165.75V27.5H170.25V28.5518L167.588 33.5H166.188Z" fill="#24292E"/>
+<path d="M168.074 20.75C166.878 20.7443 165.747 20.0199 165.75 17.8812C165.756 15.9192 166.679 14.75 168.116 14.75C169.278 14.75 170.074 15.5 170.19 16.461H168.977C168.884 16.0532 168.562 15.808 168.116 15.808C167.358 15.808 166.96 16.5152 166.955 17.653H166.994C167.256 17.1369 167.821 16.8289 168.46 16.8289C169.491 16.8289 170.253 17.6188 170.25 18.7139C170.253 19.903 169.369 20.7557 168.074 20.75ZM168.068 19.7804C168.636 19.7804 169.06 19.3327 169.057 18.7481C169.06 18.1692 168.645 17.7215 168.077 17.7215C167.511 17.7215 167.082 18.1834 167.08 18.7509C167.08 19.3213 167.5 19.7804 168.068 19.7804Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126664" x1="0" y1="15.2551" x2="15" y2="15.2551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126664" x1="19" y1="15.2552" x2="34" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126664" x1="38" y1="15.2552" x2="53" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126664" x1="57" y1="15.2551" x2="72" y2="15.2551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126664" x1="100" y1="5.004" x2="124" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1248_126664" x1="128.008" y1="5.004" x2="152.008" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1248_126664" x1="156" y1="5.004" x2="180" y2="5.004" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126664">
+<rect width="24" height="48" fill="white" transform="translate(100)"/>
+</clipPath>
+<clipPath id="clip1_1248_126664">
+<rect width="24" height="48" fill="white" transform="translate(128)"/>
+</clipPath>
+<clipPath id="clip2_1248_126664">
+<rect width="24" height="48" fill="white" transform="translate(156)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/reduce.svg b/public/img/transformations/light/reduce.svg
new file mode 100755
index 00000000000..d428734a494
--- /dev/null
+++ b/public/img/transformations/light/reduce.svg
@@ -0,0 +1,39 @@
+<svg width="105" height="48" viewBox="0 0 105 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126508)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_126508)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1248_126508)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#24292E"/>
+<path d="M26.4792 27C27.8085 27 28.7528 26.2757 28.75 25.2605C28.7528 24.5418 28.2958 24.0285 27.4208 23.923V23.8774C28.0771 23.7804 28.5423 23.327 28.5395 22.6711C28.5423 21.7186 27.706 21 26.4903 21C25.2663 21 24.3746 21.73 24.3635 22.7681H25.6734C25.6845 22.3688 26.0334 22.1008 26.4903 22.1008C26.9251 22.1008 27.2214 22.3717 27.2186 22.7624C27.2214 23.1673 26.8725 23.4468 26.3685 23.4468H25.8174V24.4506H26.3685C26.9417 24.4506 27.3155 24.7414 27.31 25.1521C27.3155 25.5656 26.9721 25.8536 26.4848 25.8536C26.0001 25.8536 25.6429 25.5884 25.6291 25.2034H24.25C24.2611 26.2586 25.1832 27 26.4792 27Z" fill="#24292E"/>
+<path d="M24 43.4453V42.4463L26.5893 38.5H28.2308V42.4287H29V43.4453H28.2308V44.5H26.977V43.4453H24ZM27.0012 42.4287V39.8828H26.9528L25.3204 42.3818V42.4287H27.0012Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0778 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2124 30 47.9067 30Z" fill="#24292E"/>
+<path d="M67.7955 20.1818H68.2727V20.6591C68.2727 20.9123 68.3733 21.155 68.5523 21.3341C68.7313 21.5131 68.9741 21.6136 69.2273 21.6136C69.4804 21.6136 69.7232 21.5131 69.9022 21.3341C70.0812 21.155 70.1818 20.9123 70.1818 20.6591V20.1818H70.6591C70.9123 20.1818 71.155 20.0813 71.3341 19.9022C71.5131 19.7232 71.6136 19.4804 71.6136 19.2273C71.6136 18.9741 71.5131 18.7313 71.3341 18.5523C71.155 18.3733 70.9123 18.2727 70.6591 18.2727H70.1818V17.7955C70.1818 17.5423 70.0812 17.2995 69.9022 17.1205C69.7232 16.9415 69.4804 16.8409 69.2273 16.8409C68.9741 16.8409 68.7313 16.9415 68.5523 17.1205C68.3733 17.2995 68.2727 17.5423 68.2727 17.7955V18.2727H67.7955C67.5423 18.2727 67.2995 18.3733 67.1205 18.5523C66.9415 18.7313 66.8409 18.9741 66.8409 19.2273C66.8409 19.4804 66.9415 19.7232 67.1205 19.9022C67.2995 20.0813 67.5423 20.1818 67.7955 20.1818ZM67.2036 30.7964C67.3825 30.9742 67.6244 31.0739 67.8766 31.0739C68.1288 31.0739 68.3707 30.9742 68.5495 30.7964L69.2273 30.1186L69.905 30.7964C70.0838 30.9742 70.3258 31.0739 70.578 31.0739C70.8301 31.0739 71.0721 30.9742 71.2509 30.7964C71.4287 30.6175 71.5285 30.3756 71.5285 30.1234C71.5285 29.8712 71.4287 29.6293 71.2509 29.4505L70.5732 28.7727L71.2509 28.095C71.4073 27.9124 71.489 27.6775 71.4797 27.4373C71.4704 27.197 71.3709 26.9691 71.2009 26.7991C71.0309 26.6291 70.803 26.5296 70.5627 26.5203C70.3225 26.511 70.0876 26.5927 69.905 26.7491L69.2273 27.4268L68.5495 26.7491C68.3669 26.5927 68.132 26.511 67.8918 26.5203C67.6516 26.5296 67.4237 26.6291 67.2537 26.7991C67.0837 26.9691 66.9841 27.197 66.9748 27.4373C66.9655 27.6775 67.0473 27.9124 67.2036 28.095L67.8814 28.7727L67.2036 29.4505C67.0259 29.6293 66.9261 29.8712 66.9261 30.1234C66.9261 30.3756 67.0259 30.6175 67.2036 30.7964V30.7964ZM81.6364 13.5H66.3636C65.6042 13.5 64.8758 13.8017 64.3387 14.3387C63.8017 14.8758 63.5 15.6042 63.5 16.3636V31.6364C63.5 32.3959 63.8017 33.1242 64.3387 33.6613C64.8758 34.1983 65.6042 34.5 66.3636 34.5H81.6364C82.3958 34.5 83.1242 34.1983 83.6613 33.6613C84.1983 33.1242 84.5 32.3959 84.5 31.6364V16.3636C84.5 15.6042 84.1983 14.8758 83.6613 14.3387C83.1242 13.8017 82.3958 13.5 81.6364 13.5V13.5ZM73.0455 32.5909H66.3636C66.1105 32.5909 65.8677 32.4903 65.6887 32.3113C65.5097 32.1323 65.4091 31.8895 65.4091 31.6364V24.9545H73.0455V32.5909ZM73.0455 23.0455H65.4091V16.3636C65.4091 16.1105 65.5097 15.8677 65.6887 15.6887C65.8677 15.5097 66.1105 15.4091 66.3636 15.4091H73.0455V23.0455ZM82.5909 31.6364C82.5909 31.8895 82.4903 32.1323 82.3113 32.3113C82.1323 32.4903 81.8895 32.5909 81.6364 32.5909H74.9545V24.9545H82.5909V31.6364ZM82.5909 23.0455H74.9545V15.4091H81.6364C81.8895 15.4091 82.1323 15.5097 82.3113 15.6887C82.4903 15.8677 82.5909 16.1105 82.5909 16.3636V23.0455ZM77.3409 28.2955H80.2045C80.4577 28.2955 80.7005 28.1949 80.8795 28.0159C81.0585 27.8369 81.1591 27.5941 81.1591 27.3409C81.1591 27.0878 81.0585 26.845 80.8795 26.6659C80.7005 26.4869 80.4577 26.3864 80.2045 26.3864H77.3409C77.0877 26.3864 76.845 26.4869 76.6659 26.6659C76.4869 26.845 76.3864 27.0878 76.3864 27.3409C76.3864 27.5941 76.4869 27.8369 76.6659 28.0159C76.845 28.1949 77.0877 28.2955 77.3409 28.2955V28.2955ZM80.2045 18.2727H77.3409C77.0877 18.2727 76.845 18.3733 76.6659 18.5523C76.4869 18.7313 76.3864 18.9741 76.3864 19.2273C76.3864 19.4804 76.4869 19.7232 76.6659 19.9022C76.845 20.0813 77.0877 20.1818 77.3409 20.1818H80.2045C80.4577 20.1818 80.7005 20.0813 80.8795 19.9022C81.0585 19.7232 81.1591 19.4804 81.1591 19.2273C81.1591 18.9741 81.0585 18.7313 80.8795 18.5523C80.7005 18.3733 80.4577 18.2727 80.2045 18.2727ZM77.3409 31.1591H80.2045C80.4577 31.1591 80.7005 31.0585 80.8795 30.8795C81.0585 30.7005 81.1591 30.4577 81.1591 30.2045C81.1591 29.9514 81.0585 29.7086 80.8795 29.5296C80.7005 29.3506 80.4577 29.25 80.2045 29.25H77.3409C77.0877 29.25 76.845 29.3506 76.6659 29.5296C76.4869 29.7086 76.3864 29.9514 76.3864 30.2045C76.3864 30.4577 76.4869 30.7005 76.6659 30.8795C76.845 31.0585 77.0877 31.1591 77.3409 31.1591V31.1591Z" fill="#26262A"/>
+<path d="M90 9.79083V21.75H105V8.75H90.6268C90.4606 8.75 90.3011 8.85966 90.1836 9.05485C90.066 9.25005 90 9.51479 90 9.79083Z" fill="url(#paint2_linear_1248_126508)"/>
+<path d="M105 26.25H90V39.25H105V26.25Z" fill="#84AFF1"/>
+<path d="M98.5 29.75H97.0716L95.5 30.6699V31.9238L96.9253 31.1035H96.9627V35.75H98.5V29.75Z" fill="#24292E"/>
+<path d="M96.7744 18.25C97.5264 18.25 98.0464 17.9877 98.3415 17.4915H98.3837V18.1678H100V14.8682C100 13.841 98.9845 13.25 97.6107 13.25C96.1595 13.25 95.3373 13.9074 95.2003 14.7924L96.785 14.8429C96.8587 14.5332 97.1434 14.3436 97.5966 14.3436C98.0183 14.3436 98.2853 14.5269 98.2853 14.8524V14.8682C98.2853 15.1653 97.9269 15.2285 97.0063 15.3012C95.9136 15.3834 95 15.7468 95 16.8214C95 17.7822 95.7414 18.25 96.7744 18.25ZM97.305 17.2386C96.9079 17.2386 96.6268 17.068 96.6268 16.7456C96.6268 16.4327 96.9009 16.243 97.3893 16.1767C97.7091 16.1356 98.1026 16.0724 98.2959 15.9807V16.4422C98.2959 16.9162 97.8531 17.2386 97.305 17.2386Z" fill="#24292E"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126508" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126508" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126508" x1="90" y1="15.2552" x2="105" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126508">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/renameByRegex.svg b/public/img/transformations/light/renameByRegex.svg
new file mode 100755
index 00000000000..9b60b091b0a
--- /dev/null
+++ b/public/img/transformations/light/renameByRegex.svg
@@ -0,0 +1,67 @@
+<svg width="119" height="48" viewBox="0 0 119 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42.3704 20.6776C42.308 20.6218 42.2344 20.5781 42.1539 20.549C41.9941 20.4877 41.815 20.4877 41.6552 20.549C41.5747 20.5781 41.5011 20.6218 41.4387 20.6776L40.1265 21.9023C40.0029 22.0177 39.9335 22.174 39.9335 22.3371C39.9335 22.5002 40.0029 22.6566 40.1265 22.7719C40.25 22.8872 40.4176 22.952 40.5923 22.952C40.7671 22.952 40.9346 22.8872 41.0582 22.7719L41.2484 22.5882V27.2361C41.2484 27.3985 41.3176 27.5543 41.4406 27.6691C41.5637 27.784 41.7306 27.8485 41.9046 27.8485C42.0786 27.8485 42.2455 27.784 42.3685 27.6691C42.4916 27.5543 42.5607 27.3985 42.5607 27.2361V22.5882L42.751 22.7719C42.8119 22.8293 42.8845 22.8749 42.9645 22.906C43.0444 22.937 43.1302 22.953 43.2168 22.953C43.3034 22.953 43.3892 22.937 43.4691 22.906C43.5491 22.8749 43.6216 22.8293 43.6826 22.7719C43.7441 22.715 43.7929 22.6473 43.8263 22.5726C43.8596 22.498 43.8767 22.418 43.8767 22.3371C43.8767 22.2563 43.8596 22.1762 43.8263 22.1016C43.7929 22.027 43.7441 21.9593 43.6826 21.9023L42.3704 20.6776ZM45.8413 21.7247H52.4024C52.5764 21.7247 52.7433 21.6602 52.8664 21.5454C52.9894 21.4305 53.0585 21.2748 53.0585 21.1124C53.0585 20.95 52.9894 20.7942 52.8664 20.6794C52.7433 20.5645 52.5764 20.5 52.4024 20.5H45.8413C45.6672 20.5 45.5004 20.5645 45.3773 20.6794C45.2543 20.7942 45.1851 20.95 45.1851 21.1124C45.1851 21.2748 45.2543 21.4305 45.3773 21.5454C45.5004 21.6602 45.6672 21.7247 45.8413 21.7247V21.7247ZM52.4024 26.6237H45.8413C45.6672 26.6237 45.5004 26.6883 45.3773 26.8031C45.2543 26.9179 45.1851 27.0737 45.1851 27.2361C45.1851 27.3985 45.2543 27.5543 45.3773 27.6691C45.5004 27.784 45.6672 27.8485 45.8413 27.8485H52.4024C52.5764 27.8485 52.7433 27.784 52.8664 27.6691C52.9894 27.5543 53.0585 27.3985 53.0585 27.2361C53.0585 27.0737 52.9894 26.9179 52.8664 26.8031C52.7433 26.6883 52.5764 26.6237 52.4024 26.6237ZM52.4024 23.5619H45.8413C45.6672 23.5619 45.5004 23.6264 45.3773 23.7412C45.2543 23.8561 45.1851 24.0118 45.1851 24.1742C45.1851 24.3367 45.2543 24.4924 45.3773 24.6073C45.5004 24.7221 45.6672 24.7866 45.8413 24.7866H52.4024C52.5764 24.7866 52.7433 24.7221 52.8664 24.6073C52.9894 24.4924 53.0585 24.3367 53.0585 24.1742C53.0585 24.0118 52.9894 23.8561 52.8664 23.7412C52.7433 23.6264 52.5764 23.5619 52.4024 23.5619Z" fill="#26262A"/>
+<path d="M66.9067 30C67.6011 30 72.9327 26 72.9327 24C72.9327 22 67.7357 18 66.9067 18C66.0778 18 65.4023 18.5 65.4023 19.4756C65.4023 20.4512 68.9067 22.9206 68.9067 22.9206C68.9067 22.9206 61.2539 22.25 61 22.9206C60.7461 23.5911 60.7461 24.4089 61 25.0794C61.2539 25.75 68.9067 25.0794 68.9067 25.0794C68.9067 25.0794 65.4023 27.75 65.4023 28.5301C65.4023 29.3103 66.2124 30 66.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_126251)">
+<path d="M81 1.05495V13.1763H95.9563V0H81.625C81.4592 0 81.3003 0.111146 81.1831 0.308988C81.0658 0.506829 81 0.77516 81 1.05495Z" fill="url(#paint0_linear_1248_126251)"/>
+<path d="M95.9563 17.3962H81V30.5725H95.9563V17.3962Z" fill="#84AFF1"/>
+<path d="M95.9563 34.8132H81V48.0001H95.9563V34.8132Z" fill="#84AFF1"/>
+<path d="M81 1.04083V13H96V0H81.6268C81.4606 0 81.3011 0.109659 81.1836 0.304853C81.066 0.500047 81 0.764787 81 1.04083Z" fill="url(#paint1_linear_1248_126251)"/>
+<path d="M96 17.5H81V30.5H96V17.5Z" fill="#84AFF1"/>
+<path d="M96 35H81V48H96V35Z" fill="#84AFF1"/>
+<path d="M88.58 10.25H89.0225V9.63828C90.2662 9.57764 90.9946 8.9791 91 8.00879C90.9946 7.14658 90.3984 6.61924 89.3085 6.38457L89.0225 6.32129V5.19541C89.4056 5.25078 89.616 5.46699 89.6457 5.79395H90.9245C90.9137 4.84209 90.1826 4.18027 89.0225 4.10908V3.5H88.58V4.10908C87.4362 4.18555 86.6349 4.83418 86.643 5.77813C86.6403 6.59814 87.2284 7.05957 88.1835 7.27314L88.58 7.36279V8.55195C88.1079 8.49658 87.8058 8.23291 87.7788 7.77676H86.5C86.5162 8.97119 87.3174 9.575 88.58 9.63828V10.25ZM89.0225 8.54932V7.4709C89.446 7.59746 89.6403 7.75039 89.6457 8.00615C89.6403 8.28565 89.4164 8.49131 89.0225 8.54932ZM88.58 6.21582C88.2266 6.11035 88.0162 5.95215 88.0243 5.68848C88.027 5.44063 88.2104 5.24814 88.58 5.19541V6.21582Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_126251)">
+<path d="M114.956 17.3962H100V30.5725H114.956V17.3962Z" fill="#84AFF1"/>
+<path d="M114.956 34.8132H100V48.0001H114.956V34.8132Z" fill="#84AFF1"/>
+<path d="M115 17.5001H100V30.5001H115V17.5001Z" fill="#84AFF1"/>
+<path d="M115 35.0001H100V48.0001H115V35.0001Z" fill="#84AFF1"/>
+<path d="M100 13.0001H115V1.04089C115 0.764848 114.934 0.500108 114.816 0.304914C114.699 0.10972 114.539 6.10352e-05 114.373 6.10352e-05L100 6.10352e-05V13.0001Z" fill="url(#paint2_linear_1248_126251)"/>
+<path d="M107.58 10.25H108.022V9.63828C109.266 9.57764 109.995 8.9791 110 8.00879C109.995 7.14658 109.398 6.61924 108.308 6.38457L108.022 6.32129V5.19541C108.406 5.25078 108.616 5.46699 108.646 5.79395H109.924C109.914 4.84209 109.183 4.18027 108.022 4.10908V3.5H107.58V4.10908C106.436 4.18555 105.635 4.83418 105.643 5.77813C105.64 6.59814 106.228 7.05957 107.183 7.27314L107.58 7.36279V8.55195C107.108 8.49658 106.806 8.23291 106.779 7.77676H105.5C105.516 8.97119 106.317 9.575 107.58 9.63828V10.25ZM108.022 8.54932V7.4709C108.446 7.59746 108.64 7.75039 108.646 8.00615C108.64 8.28565 108.416 8.49131 108.022 8.54932ZM107.58 6.21582C107.227 6.11035 107.016 5.95215 107.024 5.68848C107.027 5.44063 107.21 5.24814 107.58 5.19541V6.21582Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip2_1248_126251)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint3_linear_1248_126251)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip3_1248_126251)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint4_linear_1248_126251)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M24.5 9.43623H26.0663V8.71449H26.1149C26.3155 9.12609 26.7621 9.5 27.5129 9.5C28.6133 9.5 29.5 8.72898 29.5 7.21304C29.5 5.64203 28.5615 4.92609 27.5227 4.92609C26.7362 4.92609 26.3058 5.33768 26.1149 5.74638H26.0825V3.5H24.5V9.43623ZM26.0502 7.21015C26.0502 6.48261 26.3867 6.03333 26.966 6.03333C27.5518 6.03333 27.8754 6.4942 27.8754 7.21015C27.8754 7.92899 27.5518 8.39565 26.966 8.39565C26.3867 8.39565 26.0502 7.93188 26.0502 7.21015Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126251" x1="81" y1="6.59344" x2="95.9563" y2="6.59344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126251" x1="81" y1="6.5052" x2="96" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126251" x1="100" y1="6.50527" x2="115" y2="6.50527" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126251" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1248_126251" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126251">
+<rect width="15" height="48" fill="white" transform="translate(81)"/>
+</clipPath>
+<clipPath id="clip1_1248_126251">
+<rect width="15" height="48" fill="white" transform="translate(100)"/>
+</clipPath>
+<clipPath id="clip2_1248_126251">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip3_1248_126251">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/rowsToFields.svg b/public/img/transformations/light/rowsToFields.svg
new file mode 100755
index 00000000000..d933bc4a816
--- /dev/null
+++ b/public/img/transformations/light/rowsToFields.svg
@@ -0,0 +1,49 @@
+<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126533)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M6.84608 27C7.52244 27 7.9902 26.7377 8.25569 26.2415H8.29362V26.9178H9.74747V23.6182C9.74747 22.591 8.83407 22 7.59829 22C6.29298 22 5.55341 22.6574 5.43015 23.5424L6.85556 23.5929C6.92193 23.2832 7.17794 23.0936 7.58565 23.0936C7.96492 23.0936 8.20512 23.2769 8.20512 23.6024V23.6182C8.20512 23.9153 7.88274 23.9785 7.05468 24.0512C6.07174 24.1334 5.25 24.4968 5.25 25.5714C5.25 26.5322 5.91688 27 6.84608 27ZM7.32333 25.9886C6.96618 25.9886 6.71334 25.818 6.71334 25.4956C6.71334 25.1827 6.95986 24.993 7.39918 24.9267C7.68679 24.8856 8.04077 24.8224 8.2146 24.7307V25.1922C8.2146 25.6662 7.81637 25.9886 7.32333 25.9886Z" fill="#24292E"/>
+<path d="M5 44.4362H6.56634V43.7145H6.61489C6.81553 44.1261 7.26214 44.5 8.01294 44.5C9.11327 44.5 10 43.729 10 42.213C10 40.642 9.06149 39.9261 8.02265 39.9261C7.23625 39.9261 6.80583 40.3377 6.61489 40.7464H6.58252V38.5H5V44.4362ZM6.55016 42.2101C6.55016 41.4826 6.88673 41.0333 7.46602 41.0333C8.05178 41.0333 8.3754 41.4942 8.3754 42.2101C8.3754 42.929 8.05178 43.3957 7.46602 43.3957C6.88673 43.3957 6.55016 42.9319 6.55016 42.2101Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_126533)">
+<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="url(#paint1_linear_1248_126533)"/>
+<path d="M34 17.5H19V30.5H34V17.5Z" fill="#84AFF1"/>
+<path d="M34 35H19V48H34V35Z" fill="#84AFF1"/>
+<path d="M27.5 21H26.0716L24.5 21.9199V23.1738L25.9253 22.3535H25.9627V27H27.5V21Z" fill="#24292E"/>
+<path d="M24.3373 44.5H28.75V43.3468H26.3341V43.3092L27.0472 42.6561C28.3396 41.5376 28.6772 40.9682 28.6772 40.289C28.6772 39.2225 27.8011 38.5 26.4476 38.5C25.129 38.5 24.2471 39.2543 24.25 40.4595H25.6151C25.6151 39.9249 25.947 39.6156 26.4418 39.6156C26.9279 39.6156 27.2801 39.9133 27.2801 40.4017C27.2801 40.8439 27.0006 41.1445 26.5116 41.5809L24.3373 43.4711V44.5Z" fill="#24292E"/>
+</g>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0778 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2124 30 47.9067 30Z" fill="#24292E"/>
+<path d="M62 9.79083V21.75H77V8.75H62.6268C62.4606 8.75 62.3011 8.85966 62.1836 9.05485C62.066 9.25005 62 9.51479 62 9.79083Z" fill="url(#paint2_linear_1248_126533)"/>
+<path d="M77 26.25H62V39.25H77V26.25Z" fill="#84AFF1"/>
+<path d="M70.5 29.75H69.0716L67.5 30.6699V31.9238L68.9253 31.1035H68.9627V35.75H70.5V29.75Z" fill="#24292E"/>
+<path d="M68.7744 18.25C69.5264 18.25 70.0464 17.9877 70.3415 17.4915H70.3837V18.1678H72V14.8682C72 13.841 70.9845 13.25 69.6107 13.25C68.1595 13.25 67.3373 13.9074 67.2003 14.7924L68.785 14.8429C68.8587 14.5332 69.1434 14.3436 69.5966 14.3436C70.0183 14.3436 70.2853 14.5269 70.2853 14.8524V14.8682C70.2853 15.1653 69.9269 15.2285 69.0063 15.3012C67.9136 15.3834 67 15.7468 67 16.8214C67 17.7822 67.7414 18.25 68.7744 18.25ZM69.305 17.2386C68.9079 17.2386 68.6268 17.068 68.6268 16.7456C68.6268 16.4327 68.9009 16.243 69.3893 16.1767C69.7091 16.1356 70.1026 16.0724 70.2959 15.9807V16.4422C70.2959 16.9162 69.8531 17.2386 69.305 17.2386Z" fill="#24292E"/>
+<g clip-path="url(#clip1_1248_126533)">
+<path d="M81 21.75H96V9.79083C96 9.51479 95.934 9.25005 95.8164 9.05485C95.6989 8.85966 95.5394 8.75 95.3732 8.75H81V21.75Z" fill="url(#paint3_linear_1248_126533)"/>
+<path d="M96 26.25H81V39.25H96V26.25Z" fill="#84AFF1"/>
+<path d="M86.3373 35.75H90.75V34.5968H88.3341V34.5592L89.0472 33.9061C90.3396 32.7876 90.6772 32.2182 90.6772 31.539C90.6772 30.4725 89.8011 29.75 88.4476 29.75C87.129 29.75 86.2471 30.5043 86.25 31.7095H87.6151C87.6151 31.1749 87.947 30.8656 88.4418 30.8656C88.9279 30.8656 89.2801 31.1633 89.2801 31.6517C89.2801 32.0939 89.0006 32.3945 88.5116 32.8309L86.3373 34.7211V35.75Z" fill="#24292E"/>
+<path d="M86 18.4362H87.5663V17.7145H87.6149C87.8155 18.1261 88.2621 18.5 89.0129 18.5C90.1133 18.5 91 17.729 91 16.213C91 14.642 90.0615 13.9261 89.0227 13.9261C88.2362 13.9261 87.8058 14.3377 87.6149 14.7464H87.5825V12.5H86V18.4362ZM87.5502 16.2101C87.5502 15.4826 87.8867 15.0333 88.466 15.0333C89.0518 15.0333 89.3754 15.4942 89.3754 16.2101C89.3754 16.929 89.0518 17.3957 88.466 17.3957C87.8867 17.3957 87.5502 16.9319 87.5502 16.2101Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126533" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126533" x1="19" y1="6.5052" x2="34" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126533" x1="62" y1="15.2552" x2="77" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126533" x1="81" y1="15.2552" x2="96" y2="15.2552" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126533">
+<rect width="15" height="48" fill="white" transform="translate(19)"/>
+</clipPath>
+<clipPath id="clip1_1248_126533">
+<rect width="15" height="30.5" fill="white" transform="translate(81 8.75)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/seriesToRows.svg b/public/img/transformations/light/seriesToRows.svg
new file mode 100755
index 00000000000..154cd5fda1b
--- /dev/null
+++ b/public/img/transformations/light/seriesToRows.svg
@@ -0,0 +1,64 @@
+<svg width="138" height="59" viewBox="0 0 138 59" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_126445)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+<path d="M6.68848 53.3679H7.69842C7.6899 52.5518 7.04004 52 6.02583 52C5.02868 52 4.31064 52.5433 4.31703 53.3551C4.3149 54.0178 4.77939 54.3906 5.53365 54.5632L5.98961 54.6697C6.46902 54.7805 6.68422 54.9105 6.68848 55.1555C6.68422 55.4219 6.43493 55.6072 6.01092 55.6072C5.5443 55.6072 5.23748 55.3899 5.21404 54.9702H4.2041C4.21689 55.9908 4.9264 56.4787 6.0237 56.4787C7.11035 56.4787 7.75382 55.9865 7.75808 55.1577C7.75382 54.4609 7.28294 54.0348 6.42214 53.8452L6.04714 53.7599C5.65083 53.6747 5.39941 53.5426 5.40794 53.2827C5.41007 53.044 5.61461 52.8714 6.0237 52.8714C6.43493 52.8714 6.66078 53.0568 6.68848 53.3679Z" fill="#24292E"/>
+<path d="M10.3 52.0597H9.322L8.24601 52.7287V53.6406L9.22186 53.044H9.24743V56.4233H10.3V52.0597Z" fill="#24292E"/>
+<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16625 7.85313 8.48862 7.30499 8.48862Z" fill="#24292E"/>
+<path d="M27.3343 35.5H30.674V31.174H35V27.8343H30.674V23.5H27.3343V27.8343H23V31.174H27.3343V35.5Z" fill="#24292E"/>
+<path d="M58 27H43V40H58V27Z" fill="#3865AB"/>
+<path d="M43 10.5408V22.5H58V9.5H43.6268L43 9.50004L43 10.5408Z" fill="url(#paint1_linear_1248_126445)"/>
+<path d="M50.4792 36.5C51.8085 36.5 52.7528 35.7757 52.75 34.7605C52.7528 34.0418 52.2958 33.5285 51.4208 33.423V33.3774C52.0771 33.2804 52.5423 32.827 52.5395 32.1711C52.5423 31.2186 51.706 30.5 50.4903 30.5C49.2663 30.5 48.3746 31.23 48.3635 32.2681H49.6734C49.6845 31.8688 50.0334 31.6008 50.4903 31.6008C50.9251 31.6008 51.2214 31.8717 51.2186 32.2624C51.2214 32.6673 50.8725 32.9468 50.3685 32.9468H49.8174V33.9506H50.3685C50.9417 33.9506 51.3155 34.2414 51.31 34.6521C51.3155 35.0656 50.9721 35.3536 50.4848 35.3536C50.0001 35.3536 49.6429 35.0884 49.6291 34.7034H48.25C48.2611 35.7586 49.1832 36.5 50.4792 36.5Z" fill="white"/>
+<path d="M49.4844 45.3679H50.4943C50.4858 44.5518 49.8359 44 48.8217 44C47.8246 44 47.1065 44.5433 47.1129 45.3551C47.1108 46.0178 47.5753 46.3906 48.3295 46.5632L48.7855 46.6697C49.2649 46.7805 49.4801 46.9105 49.4844 47.1555C49.4801 47.4219 49.2308 47.6072 48.8068 47.6072C48.3402 47.6072 48.0334 47.3899 48.0099 46.9702H47C47.0128 47.9908 47.7223 48.4787 48.8196 48.4787C49.9062 48.4787 50.5497 47.9865 50.554 47.1577C50.5497 46.4609 50.0788 46.0348 49.218 45.8452L48.843 45.7599C48.4467 45.6747 48.1953 45.5426 48.2038 45.2827C48.206 45.044 48.4105 44.8714 48.8196 44.8714C49.2308 44.8714 49.4567 45.0568 49.4844 45.3679Z" fill="#24292E"/>
+<path d="M51.0781 48.4233H54.3082V47.5732H52.5398V47.5455L53.0618 47.0639C54.0078 46.2393 54.255 45.8196 54.255 45.3189C54.255 44.5327 53.6136 44 52.6229 44C51.6577 44 51.0121 44.5561 51.0142 45.4446H52.0135C52.0135 45.0504 52.2564 44.8224 52.6186 44.8224C52.9744 44.8224 53.2322 45.0419 53.2322 45.402C53.2322 45.728 53.0277 45.9496 52.6697 46.2713L51.0781 47.6648V48.4233Z" fill="#24292E"/>
+<path d="M49.7744 18.5C50.5264 18.5 51.0464 18.2377 51.3415 17.7415H51.3837V18.4178H53V15.1182C53 14.091 51.9845 13.5 50.6107 13.5C49.1595 13.5 48.3373 14.1574 48.2003 15.0424L49.785 15.0929C49.8587 14.7832 50.1434 14.5936 50.5966 14.5936C51.0183 14.5936 51.2853 14.7769 51.2853 15.1024V15.1182C51.2853 15.4153 50.9269 15.4785 50.0063 15.5512C48.9136 15.6334 48 15.9968 48 17.0714C48 18.0322 48.7414 18.5 49.7744 18.5ZM50.305 17.4886C49.9079 17.4886 49.6268 17.318 49.6268 16.9956C49.6268 16.6827 49.9009 16.493 50.3893 16.4267C50.7091 16.3856 51.1026 16.3224 51.2959 16.2307V16.6922C51.2959 17.1662 50.8531 17.4886 50.305 17.4886Z" fill="#24292E"/>
+<path d="M71.9067 35.5C72.6011 35.5 77.9327 31.5 77.9327 29.5C77.9327 27.5 72.7357 23.5 71.9067 23.5C71.0778 23.5 70.4023 24 70.4023 24.9756C70.4023 25.9512 73.9067 28.4206 73.9067 28.4206C73.9067 28.4206 66.2539 27.75 66 28.4206C65.7461 29.0911 65.7461 29.9089 66 30.5794C66.2539 31.25 73.9067 30.5794 73.9067 30.5794C73.9067 30.5794 70.4023 33.25 70.4023 34.0301C70.4023 34.8103 71.2124 35.5 71.9067 35.5Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_126445)">
+<path d="M110 18.5H86V28H110V18.5Z" fill="#84AFF1"/>
+<path d="M110 31.25H86V40.75H110V31.25Z" fill="#84AFF1"/>
+<path d="M110 44H86V53.5H110V44Z" fill="#3865AB"/>
+<path d="M86 6.30064V15.5H110V5.5H87.0029C86.7369 5.5 86.4818 5.58435 86.2937 5.7345C86.1057 5.88465 86 6.0883 86 6.30064Z" fill="url(#paint2_linear_1248_126445)"/>
+<path d="M97.4453 22.3744H98.4394C98.431 21.5545 97.7913 21 96.7931 21C95.8116 21 95.1049 21.5459 95.1111 22.3616C95.1091 23.0274 95.5662 23.402 96.3086 23.5754L96.7574 23.6824C97.2293 23.7938 97.4411 23.9244 97.4453 24.1706C97.4411 24.4382 97.1957 24.6244 96.7784 24.6244C96.3191 24.6244 96.0171 24.406 95.9941 23.9843H95C95.0126 25.0098 95.7109 25.5 96.791 25.5C97.8605 25.5 98.4939 25.0055 98.4981 24.1727C98.4939 23.4726 98.0304 23.0445 97.1832 22.8539L96.8141 22.7683C96.424 22.6827 96.1765 22.55 96.1849 22.2888C96.187 22.049 96.3883 21.8756 96.791 21.8756C97.1957 21.8756 97.418 22.0618 97.4453 22.3744Z" fill="#24292E"/>
+<path d="M101 21.0599H100.037L98.9783 21.7322V22.6484L99.9388 22.049H99.964V25.4443H101V21.0599Z" fill="#24292E"/>
+<path d="M97.4453 35.1244H98.4394C98.431 34.3045 97.7913 33.75 96.7931 33.75C95.8116 33.75 95.1049 34.2959 95.1111 35.1116C95.1091 35.7774 95.5662 36.152 96.3086 36.3254L96.7574 36.4324C97.2293 36.5438 97.4411 36.6744 97.4453 36.9206C97.4411 37.1882 97.1957 37.3744 96.7784 37.3744C96.3191 37.3744 96.0171 37.156 95.9941 36.7343H95C95.0126 37.7598 95.7109 38.25 96.791 38.25C97.8605 38.25 98.4939 37.7555 98.4981 36.9227C98.4939 36.2226 98.0304 35.7945 97.1832 35.6039L96.8141 35.5183C96.424 35.4327 96.1765 35.3 96.1849 35.0388C96.187 34.799 96.3883 34.6256 96.791 34.6256C97.1957 34.6256 97.418 34.8118 97.4453 35.1244Z" fill="#24292E"/>
+<path d="M101 33.8099H100.037L98.9783 34.4822V35.3984L99.9388 34.799H99.964V38.1943H101V33.8099Z" fill="#24292E"/>
+<path d="M96.9962 47.8744H98.0109C98.0024 47.0545 97.3494 46.5 96.3304 46.5C95.3285 46.5 94.607 47.0459 94.6135 47.8616C94.6113 48.5274 95.078 48.902 95.8359 49.0754L96.294 49.1824C96.7757 49.2938 96.9919 49.4244 96.9962 49.6706C96.9919 49.9382 96.7414 50.1244 96.3154 50.1244C95.8466 50.1244 95.5383 49.906 95.5147 49.4843H94.5C94.5128 50.5098 95.2257 51 96.3283 51C97.4201 51 98.0666 50.5055 98.0709 49.6727C98.0666 48.9726 97.5935 48.5445 96.7286 48.3539L96.3518 48.2683C95.9536 48.1827 95.701 48.05 95.7096 47.7888C95.7117 47.549 95.9172 47.3756 96.3283 47.3756C96.7414 47.3756 96.9684 47.5618 96.9962 47.8744Z" fill="white"/>
+<path d="M98.5975 50.9443H101.843V50.0902H100.066V50.0623L100.591 49.5785C101.541 48.75 101.789 48.3283 101.789 47.8252C101.789 47.0352 101.145 46.5 100.15 46.5C99.1798 46.5 98.5312 47.0588 98.5333 47.9515H99.5373C99.5373 47.5554 99.7814 47.3264 100.145 47.3264C100.503 47.3264 100.762 47.5469 100.762 47.9087C100.762 48.2362 100.556 48.4588 100.197 48.7821L98.5975 50.1822V50.9443Z" fill="white"/>
+</g>
+<g clip-path="url(#clip1_1248_126445)">
+<path d="M114 15.5H138V6.30064C138 6.0883 137.894 5.88465 137.706 5.7345C137.518 5.58435 137.263 5.5 136.997 5.5H114V15.5Z" fill="url(#paint3_linear_1248_126445)"/>
+<path d="M138 18.5H114V28H138V18.5Z" fill="#84AFF1"/>
+<path d="M138 31.25H114V40.75H138V31.25Z" fill="#84AFF1"/>
+<path d="M138 44H114V53.5H138V44Z" fill="#3865AB"/>
+<path d="M127 20.25H125.572L124 21.1699V22.4238L125.425 21.6035H125.463V26.25H127V20.25Z" fill="#24292E"/>
+<path d="M123.837 39H128.25V37.8468H125.834V37.8092L126.547 37.1561C127.84 36.0376 128.177 35.4682 128.177 34.789C128.177 33.7225 127.301 33 125.948 33C124.629 33 123.747 33.7543 123.75 34.9595H125.115C125.115 34.4249 125.447 34.1156 125.942 34.1156C126.428 34.1156 126.78 34.4133 126.78 34.9017C126.78 35.3439 126.501 35.6445 126.012 36.0809L123.837 37.9711V39Z" fill="#24292E"/>
+<path d="M125.979 51.75C127.308 51.75 128.253 51.0257 128.25 50.0105C128.253 49.2918 127.796 48.7785 126.921 48.673V48.6274C127.577 48.5304 128.042 48.077 128.04 47.4211C128.042 46.4686 127.206 45.75 125.99 45.75C124.766 45.75 123.875 46.48 123.864 47.5181H125.173C125.184 47.1188 125.533 46.8508 125.99 46.8508C126.425 46.8508 126.721 47.1217 126.719 47.5124C126.721 47.9173 126.372 48.1968 125.868 48.1968H125.317V49.2006H125.868C126.442 49.2006 126.816 49.4914 126.81 49.9021C126.816 50.3156 126.472 50.6036 125.985 50.6036C125.5 50.6036 125.143 50.3384 125.129 49.9534H123.75C123.761 51.0086 124.683 51.75 125.979 51.75Z" fill="white"/>
+<path d="M124.774 13C125.526 13 126.046 12.7377 126.342 12.2415H126.384V12.9178H128V9.6182C128 8.59102 126.985 8 125.611 8C124.16 8 123.337 8.6574 123.2 9.54235L124.785 9.59292C124.859 9.28319 125.143 9.09355 125.597 9.09355C126.018 9.09355 126.285 9.27686 126.285 9.6024V9.6182C126.285 9.9153 125.927 9.97851 125.006 10.0512C123.914 10.1334 123 10.4968 123 11.5714C123 12.5322 123.741 13 124.774 13ZM125.305 11.9886C124.908 11.9886 124.627 11.818 124.627 11.4956C124.627 11.1827 124.901 10.993 125.389 10.9267C125.709 10.8856 126.103 10.8224 126.296 10.7307V11.1922C126.296 11.6662 125.853 11.9886 125.305 11.9886Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_126445" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_126445" x1="43" y1="16.0052" x2="58" y2="16.0052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1248_126445" x1="86" y1="10.504" x2="110" y2="10.504" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1248_126445" x1="114" y1="10.504" x2="138" y2="10.504" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_126445">
+<rect width="24" height="48" fill="white" transform="translate(86 5.5)"/>
+</clipPath>
+<clipPath id="clip1_1248_126445">
+<rect width="24" height="48" fill="white" transform="translate(114 5.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/sortBy.svg b/public/img/transformations/light/sortBy.svg
new file mode 100755
index 00000000000..792a7426e15
--- /dev/null
+++ b/public/img/transformations/light/sortBy.svg
@@ -0,0 +1,34 @@
+<svg width="77" height="48" viewBox="0 0 77 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3704 20.6776C23.308 20.6218 23.2344 20.5781 23.1539 20.549C22.9941 20.4877 22.815 20.4877 22.6552 20.549C22.5747 20.5781 22.5011 20.6218 22.4387 20.6776L21.1265 21.9023C21.0029 22.0177 20.9335 22.174 20.9335 22.3371C20.9335 22.5002 21.0029 22.6566 21.1265 22.7719C21.25 22.8872 21.4176 22.952 21.5923 22.952C21.7671 22.952 21.9346 22.8872 22.0582 22.7719L22.2484 22.5882V27.2361C22.2484 27.3985 22.3176 27.5543 22.4406 27.6691C22.5637 27.784 22.7306 27.8485 22.9046 27.8485C23.0786 27.8485 23.2455 27.784 23.3685 27.6691C23.4916 27.5543 23.5607 27.3985 23.5607 27.2361V22.5882L23.751 22.7719C23.8119 22.8293 23.8845 22.8749 23.9645 22.906C24.0444 22.937 24.1302 22.953 24.2168 22.953C24.3034 22.953 24.3892 22.937 24.4691 22.906C24.5491 22.8749 24.6216 22.8293 24.6826 22.7719C24.7441 22.715 24.7929 22.6473 24.8263 22.5726C24.8596 22.498 24.8767 22.418 24.8767 22.3371C24.8767 22.2563 24.8596 22.1762 24.8263 22.1016C24.7929 22.027 24.7441 21.9593 24.6826 21.9023L23.3704 20.6776ZM26.8413 21.7247H33.4024C33.5764 21.7247 33.7433 21.6602 33.8664 21.5454C33.9894 21.4305 34.0585 21.2748 34.0585 21.1124C34.0585 20.95 33.9894 20.7942 33.8664 20.6794C33.7433 20.5645 33.5764 20.5 33.4024 20.5H26.8413C26.6672 20.5 26.5004 20.5645 26.3773 20.6794C26.2543 20.7942 26.1851 20.95 26.1851 21.1124C26.1851 21.2748 26.2543 21.4305 26.3773 21.5454C26.5004 21.6602 26.6672 21.7247 26.8413 21.7247ZM33.4024 26.6237H26.8413C26.6672 26.6237 26.5004 26.6883 26.3773 26.8031C26.2543 26.918 26.1851 27.0737 26.1851 27.2361C26.1851 27.3985 26.2543 27.5543 26.3773 27.6691C26.5004 27.784 26.6672 27.8485 26.8413 27.8485H33.4024C33.5764 27.8485 33.7433 27.784 33.8664 27.6691C33.9894 27.5543 34.0585 27.3985 34.0585 27.2361C34.0585 27.0737 33.9894 26.918 33.8664 26.8031C33.7433 26.6883 33.5764 26.6237 33.4024 26.6237ZM33.4024 23.5619H26.8413C26.6672 23.5619 26.5004 23.6264 26.3773 23.7412C26.2543 23.8561 26.1851 24.0118 26.1851 24.1742C26.1851 24.3367 26.2543 24.4924 26.3773 24.6073C26.5004 24.7221 26.6672 24.7866 26.8413 24.7866H33.4024C33.5764 24.7866 33.7433 24.7221 33.8664 24.6073C33.9894 24.4924 34.0585 24.3367 34.0585 24.1742C34.0585 24.0118 33.9894 23.8561 33.8664 23.7412C33.7433 23.6264 33.5764 23.5619 33.4024 23.5619Z" fill="#26262A"/>
+<path d="M47.9067 30C48.6011 30 53.9327 26 53.9327 24C53.9327 22 48.7357 18 47.9067 18C47.0778 18 46.4023 18.5 46.4023 19.4756C46.4023 20.4512 49.9067 22.9206 49.9067 22.9206C49.9067 22.9206 42.2539 22.25 42 22.9206C41.7461 23.5911 41.7461 24.4089 42 25.0794C42.2539 25.75 49.9067 25.0794 49.9067 25.0794C49.9067 25.0794 46.4023 27.75 46.4023 28.5301C46.4023 29.3103 47.2124 30 47.9067 30Z" fill="#24292E"/>
+<g clip-path="url(#clip0_1248_125954)">
+<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="url(#paint0_linear_1248_125954)"/>
+<path d="M15 17.5H0V30.5H15V17.5Z" fill="#84AFF1"/>
+<path d="M15 35H0V48H15V35Z" fill="#84AFF1"/>
+<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#24292E"/>
+<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#24292E"/>
+</g>
+<g clip-path="url(#clip1_1248_125954)">
+<path d="M77 17.5H62V30.5H77V17.5Z" fill="#84AFF1"/>
+<path d="M77 35H62V48H77V35Z" fill="#84AFF1"/>
+<path d="M62 13H77V1.04083C77 0.764787 76.934 0.500047 76.8164 0.304853C76.6989 0.109659 76.5394 0 76.3732 0L62 0V13Z" fill="url(#paint1_linear_1248_125954)"/>
+<path d="M70.5 38.5H69.0716L67.5 39.4199V40.6738L68.9253 39.8535H68.9627V44.5H70.5V38.5Z" fill="#24292E"/>
+<path d="M67.3373 27H71.75V25.8468H69.3341V25.8092L70.0472 25.1561C71.3396 24.0376 71.6772 23.4682 71.6772 22.789C71.6772 21.7225 70.8011 21 69.4476 21C68.129 21 67.2471 21.7543 67.25 22.9595H68.6151C68.6151 22.4249 68.947 22.1156 69.4418 22.1156C69.9279 22.1156 70.2801 22.4133 70.2801 22.9017C70.2801 23.3439 70.0006 23.6445 69.5116 24.0809L67.3373 25.9711V27Z" fill="#24292E"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1248_125954" x1="0" y1="6.5052" x2="15" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1248_125954" x1="62" y1="6.5052" x2="77" y2="6.5052" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2CC0C"/>
+<stop offset="1" stop-color="#FF9830"/>
+</linearGradient>
+<clipPath id="clip0_1248_125954">
+<rect width="15" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1248_125954">
+<rect width="15" height="48" fill="white" transform="translate(62)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/img/transformations/light/spatial.svg b/public/img/transformations/light/spatial.svg
new file mode 100755
index 00000000000..4d9dc4281f5
--- /dev/null
+++ b/public/img/transformations/light/spatial.svg
@@ -0,0 +1,11 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.7436 30.2214C10.4012 30.2214 10.0827 30.3965 9.89924 30.6856L1.15566 44.4642C0.96022 44.7722 0.947975 45.1622 1.1237 45.4818C1.29943 45.8014 1.63525 46 2 46H24H46C46.3648 46 46.7006 45.8014 46.8763 45.4818C47.052 45.1622 47.0398 44.7722 46.8443 44.4642L38.1008 30.6856C37.9173 30.3965 37.5988 30.2214 37.2564 30.2214H24H10.7436Z" fill="url(#paint0_linear_1248_126346)" stroke="#CCCCDC" stroke-width="2" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 26.7682C17.25 30.6622 21.6037 35.6872 24 38.0189C26.3962 35.6988 30.75 30.6622 30.75 26.7682C30.75 24.9129 30.0388 23.1336 28.773 21.8218C27.5071 20.5099 25.7902 19.7729 24 19.7729C22.2098 19.7729 20.4929 20.5099 19.227 21.8218C17.9612 23.1336 17.25 24.9129 17.25 26.7682ZM22.7501 28.7068C23.1201 28.963 23.5551 29.0997 24.0001 29.0997C24.5969 29.0997 25.1692 28.8541 25.5911 28.4168C26.0131 27.9795 26.2501 27.3864 26.2501 26.768C26.2501 26.3068 26.1182 25.856 25.8709 25.4725C25.6237 25.0891 25.2723 24.7902 24.8612 24.6137C24.45 24.4372 23.9976 24.3911 23.5612 24.481C23.1247 24.571 22.7238 24.7931 22.4091 25.1192C22.0945 25.4453 21.8802 25.8608 21.7934 26.3131C21.7065 26.7654 21.7511 27.2342 21.9214 27.6603C22.0917 28.0864 22.3801 28.4506 22.7501 28.7068Z" fill="#E02F44"/>
+<path d="M24 17.4426C21.6131 17.4426 19.3239 18.4252 17.636 20.1744C15.9482 21.9236 15 24.2959 15 26.7696C15 33.0654 22.9313 40.1773 23.2688 40.4804C23.4725 40.661 23.7319 40.7603 24 40.7603C24.2681 40.7603 24.5275 40.661 24.7312 40.4804C25.125 40.1773 33 33.0654 33 26.7696C33 24.2959 32.0518 21.9236 30.364 20.1744C28.6761 18.4252 26.3869 17.4426 24 17.4426ZM24 38.0204C21.6037 35.6886 17.25 30.6637 17.25 26.7696C17.25 24.9144 17.9612 23.1351 19.227 21.8232C20.4929 20.5113 22.2098 19.7743 24 19.7743C25.7902 19.7743 27.5071 20.5113 28.773 21.8232C30.0388 23.1351 30.75 24.9144 30.75 26.7696C30.75 30.6637 26.3963 35.7003 24 38.0204Z" fill="#22252B"/>
+<defs>
+<linearGradient id="paint0_linear_1248_126346" x1="46" y1="38.2709" x2="3.41025" y2="38.2709" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF9830"/>
+<stop offset="1" stop-color="#F2CC0C"/>
+</linearGradient>
+</defs>
+</svg>