diff --git a/Client/WebServer/index.html b/Client/WebServer/index.html
index 200023f75..97e0210ae 100644
--- a/Client/WebServer/index.html
+++ b/Client/WebServer/index.html
@@ -121,6 +121,7 @@
         <li class="menu-item" onClick="window.contextMenu.toJavascript()">JS Code Style</li>
         <li class="menu-item" onClick="window.contextMenu.toJson()">JSON Code Style</li>
         <li class="menu-item" onClick="window.contextMenu.toTable()">Table Style</li>
+        <li class="menu-item" onClick="window.contextMenu.toGif()">Gif Style</li>
     </ul>
 
 </body>
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/design-space-interface-00-shortcuts.gif b/Projects/Superalgos/Gifs/Docs/design-space/design-space-interface-00-shortcuts.gif
new file mode 100644
index 000000000..53e59772b
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/design-space-interface-00-shortcuts.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/fundamental-design-space-concepts-01.gif b/Projects/Superalgos/Gifs/Docs/design-space/fundamental-design-space-concepts-01.gif
new file mode 100644
index 000000000..187f4de67
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/fundamental-design-space-concepts-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/fundamental-design-space-concepts-02.gif b/Projects/Superalgos/Gifs/Docs/design-space/fundamental-design-space-concepts-02.gif
new file mode 100644
index 000000000..2857e2d58
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/fundamental-design-space-concepts-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/network-farm-01.PNG b/Projects/Superalgos/Gifs/Docs/design-space/network-farm-01.PNG
new file mode 100644
index 000000000..0bc01e1c9
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/network-farm-01.PNG differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-01.gif b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-01.gif
new file mode 100644
index 000000000..3fe150818
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-02.gif b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-02.gif
new file mode 100644
index 000000000..5f8fb49a7
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-03.gif b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-03.gif
new file mode 100644
index 000000000..f1474c256
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-03.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-04.gif b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-04.gif
new file mode 100644
index 000000000..045beb3fe
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/trading-farm-04.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/design-space/workspace-01.gif b/Projects/Superalgos/Gifs/Docs/design-space/workspace-01.gif
new file mode 100644
index 000000000..3b38387ce
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/design-space/workspace-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/build-an-indicator-step-5.gif b/Projects/Superalgos/Gifs/Docs/how-to/build-an-indicator-step-5.gif
new file mode 100644
index 000000000..6a8879e31
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/build-an-indicator-step-5.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/change-directories-in-the-console-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/change-directories-in-the-console-00.gif
new file mode 100644
index 000000000..9288cdd49
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/change-directories-in-the-console-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/data-mining-01.gif b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-01.gif
new file mode 100644
index 000000000..c26193823
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/data-mining-02.gif b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-02.gif
new file mode 100644
index 000000000..d0a34139b
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-00.gif
new file mode 100644
index 000000000..da7cd4acf
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-01.gif b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-01.gif
new file mode 100644
index 000000000..4eb503921
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-02.gif b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-02.gif
new file mode 100644
index 000000000..5995d26e6
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/data-mining-progress-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-00.gif
new file mode 100644
index 000000000..c5058f17d
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-01.gif b/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-01.gif
new file mode 100644
index 000000000..299a8cad9
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-02.gif b/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-02.gif
new file mode 100644
index 000000000..6bb431f51
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/download-the-software-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/empty-cache-hard-reload-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/empty-cache-hard-reload-00.gif
new file mode 100644
index 000000000..f33c51a97
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/empty-cache-hard-reload-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/find-a-hierarchy-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/find-a-hierarchy-00.gif
new file mode 100644
index 000000000..fab374738
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/find-a-hierarchy-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/go-to-the-workspace-node-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/go-to-the-workspace-node-00.gif
new file mode 100644
index 000000000..4a737e093
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/go-to-the-workspace-node-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/import-the-workspace-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/import-the-workspace-00.gif
new file mode 100644
index 000000000..0c517fc7d
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/import-the-workspace-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/install-a-new-market-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/install-a-new-market-00.gif
new file mode 100644
index 000000000..7c32e8beb
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/install-a-new-market-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/quick-overview-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/quick-overview-00.gif
new file mode 100644
index 000000000..c39f8cf6b
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/quick-overview-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/quick-overview-01.gif b/Projects/Superalgos/Gifs/Docs/how-to/quick-overview-01.gif
new file mode 100644
index 000000000..32cc5d5df
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/quick-overview-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/report-a-bug-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/report-a-bug-00.gif
new file mode 100644
index 000000000..feab25c54
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/report-a-bug-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/report-a-bug-01.PNG b/Projects/Superalgos/Gifs/Docs/how-to/report-a-bug-01.PNG
new file mode 100644
index 000000000..f99f5b173
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/report-a-bug-01.PNG differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-00.gif
new file mode 100644
index 000000000..8927c4051
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-01.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-01.gif
new file mode 100644
index 000000000..e33c58f0c
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-02.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-02.gif
new file mode 100644
index 000000000..dd6479dd2
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-03.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-03.gif
new file mode 100644
index 000000000..c86303412
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-backtesting-session-03.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-00.gif
new file mode 100644
index 000000000..099f4353d
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-01.PNG b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-01.PNG
new file mode 100644
index 000000000..bc2760f18
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-01.PNG differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-02.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-02.gif
new file mode 100644
index 000000000..f8a998897
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-02.png b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-02.png
new file mode 100644
index 000000000..abaffd1a0
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-a-live-session-02.png differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-00.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-00.gif
new file mode 100644
index 000000000..330fd28a3
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-00.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-01.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-01.gif
new file mode 100644
index 000000000..18c3916f0
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-01.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-02.gif b/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-02.gif
new file mode 100644
index 000000000..e9e5635a7
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/run-the-system-02.gif differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/tutorial-welcome-00.png b/Projects/Superalgos/Gifs/Docs/how-to/tutorial-welcome-00.png
new file mode 100644
index 000000000..0022e0dab
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/tutorial-welcome-00.png differ
diff --git a/Projects/Superalgos/Gifs/Docs/how-to/uninstall-existing-markets-01.gif b/Projects/Superalgos/Gifs/Docs/how-to/uninstall-existing-markets-01.gif
new file mode 100644
index 000000000..ac1418ad5
Binary files /dev/null and b/Projects/Superalgos/Gifs/Docs/how-to/uninstall-existing-markets-01.gif differ
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/data-dependency.json b/Projects/Superalgos/Schemas/Docs-Nodes/data-dependency.json
index a7b246568..959a3c8f4 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/data-dependency.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/data-dependency.json
@@ -11,8 +11,8 @@
             "text": "Most bots consume data other bots have produced. Because bots need the data as input for their calculations, processes establish a data dependency with the dataset definitions of other bots. The reference provides the process with all the information needed to decode the dataset, enabling it to perform the required calculations."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/indicators-process-dependencies-02.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/indicators-process-dependencies-02.gif"
         },
         {
             "style": "Text",
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/execution-finished-event.json b/Projects/Superalgos/Schemas/Docs-Nodes/execution-finished-event.json
index ea8320cc7..e102033c7 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/execution-finished-event.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/execution-finished-event.json
@@ -11,8 +11,8 @@
             "text": "The execution finished event is responsible for triggering the execution of every process that depends on the data a bot produces. If bot Alice depends on bot Bob, Alice listens to the execution finished event of Bob so that it may start a new execution cycle as soon as Bob finishes its cycle. Alice listens to Bob's execution finished event by establishing a reference from its execution started event."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/indicators-process-execution-started-finished-events-01.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/indicators-process-execution-started-finished-events-01.gif"
         },
         {
             "style": "Text",
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/fee-structure.json b/Projects/Superalgos/Schemas/Docs-Nodes/fee-structure.json
index a6e17c2d8..e9043a62d 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/fee-structure.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/fee-structure.json
@@ -23,8 +23,8 @@
             "text": "To illustrate how fees affect your bottom line, take a look at the image below."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/trading-simulation-fees-fails.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/trading-simulation-fees-fails.gif"
         },
         {
             "style": "Text",
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/output-dataset.json b/Projects/Superalgos/Schemas/Docs-Nodes/output-dataset.json
index 52ebe16d1..a4a9857e1 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/output-dataset.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/output-dataset.json
@@ -15,8 +15,8 @@
             "text": "An example of other entities that may be listening to such events is that of plotters. Plotters read datasets and create graphical representations of this data over the charts. Charts are constantly updating the information in the form of candles and indicators in realtime, synchronized with the data being extracted from the exchange by the sensor bot. That kind of automatism is possible thanks to the events that processes trigger every time an execution cycle is finished, signaling to everyone listening that new data is available on each of the impacted datasets."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/indicators-process-output-01.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/indicators-process-output-01.gif"
         },
         {
             "style": "Text",
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/plotter-module.json b/Projects/Superalgos/Schemas/Docs-Nodes/plotter-module.json
index f8bf2896a..80e5c2212 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/plotter-module.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/plotter-module.json
@@ -11,16 +11,16 @@
             "text": "A single plotter may have several modules. Different modules may be used to plot each product of the bot, or as best suits the expected use-pattern."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/plotter-module-01.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/plotter-module-01.gif"
         },
         {
             "style": "Important",
             "text": "For a bot to use a plotter, the corresponding product definition must establish a reference with the plotter module built to interpret the dataset."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/plotter-module-02-product-link.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/plotter-module-02-product-link.gif"
         },
         {
             "style": "Title",
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/polygon-vertex.json b/Projects/Superalgos/Schemas/Docs-Nodes/polygon-vertex.json
index fedfac2a5..087ff4669 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/polygon-vertex.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/polygon-vertex.json
@@ -11,8 +11,8 @@
             "text": "Vertices are the main element defining polygons. Once created, each vertex must establish a reference to the corresponding point in the charts point."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/vertex-01-add-and-link.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/vertex-01-add-and-link.gif"
         },
         {
             "style": "Text",
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/record-property.json b/Projects/Superalgos/Schemas/Docs-Nodes/record-property.json
index 87648abad..29cd3f145 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/record-property.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/record-property.json
@@ -63,8 +63,8 @@
             "text": " isCalculated determines if the field is stored in the dataset or if, instead, is calculated at a later stage. A value true* means that the record is not stored. In the case isCaculated is not defined in the configuration, it is assumed to be false."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/indicators-record-definitions-01.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/indicators-record-definitions-01.gif"
         },
         {
             "style": "Text",
diff --git a/Projects/Superalgos/Schemas/Docs-Nodes/shapes.json b/Projects/Superalgos/Schemas/Docs-Nodes/shapes.json
index 25911cb18..39d2ee5d5 100644
--- a/Projects/Superalgos/Schemas/Docs-Nodes/shapes.json
+++ b/Projects/Superalgos/Schemas/Docs-Nodes/shapes.json
@@ -11,8 +11,8 @@
             "text": "A plotter recursively renders graphics for each period or candle. This means that a definition of what shapes need to be drawn for a single period is required. The plotter does the same thing for every period or candle that is visible on the screen at any point in time, for any time frame, as long as the corresponding data is available."
         },
         {
-            "style": "Text",
-            "text": "<img src=\"Projects/Superalgos/Docs-Gifs/shapes-01-show-off.gif\"></img>"
+            "style": "Gif",
+            "text": "Projects/Superalgos/Docs-Gifs/shapes-01-show-off.gif"
         },
         {
             "style": "Text",