diff --git a/404.html b/404.html
index c74eaa69417c85841a6fb08eaee81d496ff80480..7975ee4636160b069e0bd5f4d589fce27751169b 100644
--- a/404.html
+++ b/404.html
@@ -8,15 +8,15 @@
   <title>404 Page not found</title>
 
    
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-      <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+      <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
 <style>
     :root #header + #content > #left > #rlblock_left {
diff --git a/advanced/AI_SdV_app/ai_app_on_pg/index.html b/advanced/AI_SdV_app/ai_app_on_pg/index.html
index 7a459df46232d05d28c545b4503b90121d0a0c0a..e795f59ac0ea7ffd38f15d22ec471a3955afc818 100644
--- a/advanced/AI_SdV_app/ai_app_on_pg/index.html
+++ b/advanced/AI_SdV_app/ai_app_on_pg/index.html
@@ -11,22 +11,22 @@
     <title>AI App Concept :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2144,19 +2144,19 @@ For an AI vision app, most of the time input will be an image and your trained m
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/AI_SdV_app/ai_getting_started/index.html b/advanced/AI_SdV_app/ai_getting_started/index.html
index eaa4fd52406b3966bcddbae185e375d12207125f..767bb62001577da1c4e505246bee529d10526661 100644
--- a/advanced/AI_SdV_app/ai_getting_started/index.html
+++ b/advanced/AI_SdV_app/ai_getting_started/index.html
@@ -11,22 +11,22 @@
     <title>AI with playground :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2268,19 +2268,19 @@ In widget option, mention the API you using in python code.</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/AI_SdV_app/index.html b/advanced/AI_SdV_app/index.html
index d928716b933f7772f59de55a533bafaeab99a980..9d591714682b0445c725847cb1998688d823c11a 100644
--- a/advanced/AI_SdV_app/index.html
+++ b/advanced/AI_SdV_app/index.html
@@ -11,22 +11,22 @@
     <title>AI SdV Application :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2120,19 +2120,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/architecture/index.html b/advanced/architecture/index.html
index 3d05130e3aec911e4fd998b34b61c115b2f6ad3b..d0a4ca1947158626f585499095456cef10f09429 100644
--- a/advanced/architecture/index.html
+++ b/advanced/architecture/index.html
@@ -11,22 +11,22 @@
     <title>Architecture :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2188,19 +2188,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/genaiwidget/index.html b/advanced/genaiwidget/index.html
index c537113fea6985f2eb44843ba3b409278ccf2f87..a36cfdc469356a4c6a1aef6e2276b48c3253528d 100644
--- a/advanced/genaiwidget/index.html
+++ b/advanced/genaiwidget/index.html
@@ -11,22 +11,22 @@
     <title>How GenAI works on playground? :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2353,19 +2353,19 @@ Output Format:
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/how-python-javascript-works/index.html b/advanced/how-python-javascript-works/index.html
index 9545a11b1fb34fb7ae783ff92a6cf46eef9f27d4..b0c1a3624282c7475341954db237ba2b760082e6 100644
--- a/advanced/how-python-javascript-works/index.html
+++ b/advanced/how-python-javascript-works/index.html
@@ -11,22 +11,22 @@
     <title>How Python-Javascript works :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2186,19 +2186,19 @@ They always contain this line of code:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/index.html b/advanced/index.html
index 090c49f2fd4e05596658e8e2962f0652c4f83202..2ae88ae73fafd344254270bd9224639bfd104834 100644
--- a/advanced/index.html
+++ b/advanced/index.html
@@ -11,22 +11,22 @@
     <title>Advanced :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2103,19 +2103,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/playground_n_soafee/index.html b/advanced/playground_n_soafee/index.html
index 4f9d98de7c5db756ed1e4f518ac0a71c1f3548cd..8fedd19d1bf65bfb136a0bc4629d76c0dc540a3c 100644
--- a/advanced/playground_n_soafee/index.html
+++ b/advanced/playground_n_soafee/index.html
@@ -11,22 +11,22 @@
     <title>Cloud native experiment with playground :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2184,19 +2184,19 @@ For your case, the app name is the prototype name you made on digtial.auto playg
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/setup-instance/index.html b/advanced/setup-instance/index.html
index 850a24f7c87747c7da7cd41069fcb0b692e87597..9f6eea464616ff31a560393ce32bc15431816869 100644
--- a/advanced/setup-instance/index.html
+++ b/advanced/setup-instance/index.html
@@ -11,22 +11,22 @@
     <title>Setup autowrx instance :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2379,19 +2379,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/advanced/socket-io-provider/index.html b/advanced/socket-io-provider/index.html
index f41cf4fd31a12809cc2f3d3a4fca1d758545de1e..2f0dacdfe54c110ef191ecc8b81823b8c5102505 100644
--- a/advanced/socket-io-provider/index.html
+++ b/advanced/socket-io-provider/index.html
@@ -11,22 +11,22 @@
     <title>Socket.IO Integration :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2228,19 +2228,19 @@ To support you fetch continuous data, 2-ways communication, we build up some soc
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/basics/experiment/index.html b/basics/experiment/index.html
index e8d8ddf74aa88189a55d888a10a7251e220b944b..44933ab548c82dba50977f69d45ec74b50e4c872 100644
--- a/basics/experiment/index.html
+++ b/basics/experiment/index.html
@@ -11,22 +11,22 @@
     <title>Experiment :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2159,19 +2159,19 @@ But, wait, how can those magical things happen? What is the magic behind that? L
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/basics/index.html b/basics/index.html
index a5752f55ef0a2609ea2ed767e10d11e121128ce6..ec7096f36a397f0478da025e2c710a90b6e120af 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -11,22 +11,22 @@
     <title>Getting Started :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2100,19 +2100,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/basics/intro/index.html b/basics/intro/index.html
index 14f03ac64b0291ba4aa435a96231ab162d0a4f24..095f34be87e2d931f16e1dad48198ef4435638c6 100644
--- a/basics/intro/index.html
+++ b/basics/intro/index.html
@@ -11,22 +11,22 @@
     <title>Introduction :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2350,19 +2350,19 @@ now, a grid item can occupy a maximum of 2 boxes.</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/basics/login/index.html b/basics/login/index.html
index a5618b426aae7e1f6fdfbe604d49cb02cbb7d205..b1c31d770a4cafe0a7eaeb53b7858e8c3a5f28a2 100644
--- a/basics/login/index.html
+++ b/basics/login/index.html
@@ -11,22 +11,22 @@
     <title>Login :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2172,19 +2172,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/basics/overview/index.html b/basics/overview/index.html
index 4d63239b08da9144881f8489845747a3e2b2b041..699d2b60ca6a6fc9a00783ccfdfa229b9a5f28ff 100644
--- a/basics/overview/index.html
+++ b/basics/overview/index.html
@@ -11,22 +11,22 @@
     <title>Overview :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2157,19 +2157,19 @@ The <em>Run</em> button executes all your prototype code from top to bottom. The
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/basics/play/index.html b/basics/play/index.html
index 9eb59ad0149827fe68c4226722ac3f1d52840320..094b8b4a3378cb787238d966968b7484f596b4fb 100644
--- a/basics/play/index.html
+++ b/basics/play/index.html
@@ -11,22 +11,22 @@
     <title>Playing with Prototypes :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2204,19 +2204,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/1-getting-started/index.html b/campaign/gen-ai-awards-2024/1-getting-started/index.html
index 837ee436b371388595952a35e58507e4d4f8499c..a0f0925317f82664bcce5b50fe0e9533003c6783 100644
--- a/campaign/gen-ai-awards-2024/1-getting-started/index.html
+++ b/campaign/gen-ai-awards-2024/1-getting-started/index.html
@@ -11,22 +11,22 @@
     <title>Getting started :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2126,19 +2126,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/2-onboarding/index.html b/campaign/gen-ai-awards-2024/2-onboarding/index.html
index bfdd781b2d44eaf41dced020012ece82b4ccf152..6754858859257730913c0c04ce9bb2134717daf9 100644
--- a/campaign/gen-ai-awards-2024/2-onboarding/index.html
+++ b/campaign/gen-ai-awards-2024/2-onboarding/index.html
@@ -11,22 +11,22 @@
     <title>Onboarding :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2149,19 +2149,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/3-access-aws-bedrock/index.html b/campaign/gen-ai-awards-2024/3-access-aws-bedrock/index.html
index c3b8725eaa3dbceada78fa78c943f61e89188a39..683eb9666e4b0b152997e7328a23f6a2246be91b 100644
--- a/campaign/gen-ai-awards-2024/3-access-aws-bedrock/index.html
+++ b/campaign/gen-ai-awards-2024/3-access-aws-bedrock/index.html
@@ -11,22 +11,22 @@
     <title>Access AWS Bedrock console :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2146,19 +2146,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/4-build-first-genai/index.html b/campaign/gen-ai-awards-2024/4-build-first-genai/index.html
index 78313f63bb56f145f6ee96ac88723ca62feb4f65..d78f24a73b51e8e5318b417420836302506203cf 100644
--- a/campaign/gen-ai-awards-2024/4-build-first-genai/index.html
+++ b/campaign/gen-ai-awards-2024/4-build-first-genai/index.html
@@ -11,22 +11,22 @@
     <title>Build your GenAI :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2145,19 +2145,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/5-submit-your-genai/index.html b/campaign/gen-ai-awards-2024/5-submit-your-genai/index.html
index 574cfac0b708e659a3164591283c5aa57d02831a..06da0280aedade80ea98812810269613fac671a7 100644
--- a/campaign/gen-ai-awards-2024/5-submit-your-genai/index.html
+++ b/campaign/gen-ai-awards-2024/5-submit-your-genai/index.html
@@ -11,22 +11,22 @@
     <title>Submit your genAI :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2169,19 +2169,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/6-update-genai/index.html b/campaign/gen-ai-awards-2024/6-update-genai/index.html
index cfb2d0015f60cc135ad0eeaaa12f8b4cdb39440a..ff7d5f738a7c6803e5bd8f2f7f9ee1ee91a359cf 100644
--- a/campaign/gen-ai-awards-2024/6-update-genai/index.html
+++ b/campaign/gen-ai-awards-2024/6-update-genai/index.html
@@ -11,22 +11,22 @@
     <title>Update your submission :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2132,19 +2132,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/7-use-genai/index.html b/campaign/gen-ai-awards-2024/7-use-genai/index.html
index c7edd418d20d5d0ef0ec1fe6f412d1349abfefb6..c35efee6783706535e11847c580dc0eef60a5d0d 100644
--- a/campaign/gen-ai-awards-2024/7-use-genai/index.html
+++ b/campaign/gen-ai-awards-2024/7-use-genai/index.html
@@ -11,22 +11,22 @@
     <title>Use GenAI on playground :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2290,19 +2290,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/gen-ai-awards-2024/index.html b/campaign/gen-ai-awards-2024/index.html
index 782fd819683299c13523dd2f4bcc7e4aed948330..d339fa50dfd4547d2e9a52db4a68608c734f7f63 100644
--- a/campaign/gen-ai-awards-2024/index.html
+++ b/campaign/gen-ai-awards-2024/index.html
@@ -11,22 +11,22 @@
     <title>GenAI Awards 2024 :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2118,19 +2118,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/campaign/index.html b/campaign/index.html
index b2a81dd4141384dc6b7635c788cbe6e074a4ff48..3808d01aa759176a08ae224630cd99badda16bd3 100644
--- a/campaign/index.html
+++ b/campaign/index.html
@@ -11,22 +11,22 @@
     <title>Campaign :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2103,19 +2103,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/categories/index.html b/categories/index.html
index c8ebdfa43519a2fcb8b3794e9f3f4b05bfa9f50c..e0a80518fded17ec67f88ab8e1b2f46e7ef768c0 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -11,22 +11,22 @@
     <title>Categories :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2097,19 +2097,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/architecture/index.html b/dreamkit/architecture/index.html
index f73f2001b5cd9485e3203d8f1a7e42d408803142..584558905778e40f23289d57e88e9318dcb375ae 100644
--- a/dreamkit/architecture/index.html
+++ b/dreamkit/architecture/index.html
@@ -11,22 +11,22 @@
     <title>Architecture :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2117,19 +2117,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/index.html b/dreamkit/index.html
index bfec5f5cbefc216b09ff7846b0ab029d8c4b9f6a..bc6acbf299f6096e6ef56cbe4f86bce869f81351 100644
--- a/dreamkit/index.html
+++ b/dreamkit/index.html
@@ -11,22 +11,22 @@
     <title>dreamKIT :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2103,19 +2103,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/overview/index.html b/dreamkit/overview/index.html
index 87431117449198ee8478121b475f03a45bffe1dc..f849df1939f8165b456564153dc071dfead48aa3 100644
--- a/dreamkit/overview/index.html
+++ b/dreamkit/overview/index.html
@@ -11,22 +11,22 @@
     <title>Overview dreamKIT :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2132,19 +2132,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/retrofit_kit/index.html b/dreamkit/retrofit_kit/index.html
index a924e0cf3b814d9143fd48bc511d9a468292a482..cc94628562c45f0c7c75180bc9b91bc77084fba0 100644
--- a/dreamkit/retrofit_kit/index.html
+++ b/dreamkit/retrofit_kit/index.html
@@ -11,22 +11,22 @@
     <title>Co-Creation Challenge Vehicle KIT :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2374,19 +2374,19 @@ Vehicle.Cabin.HVAC.AmbientAirTemperature
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/working/deployment/index.html b/dreamkit/working/deployment/index.html
index 7420aeae23ddf7999f6fbc64779788fc93b0063e..93420f06cdc6d9818f223a33fe11eab81cefb720 100644
--- a/dreamkit/working/deployment/index.html
+++ b/dreamkit/working/deployment/index.html
@@ -11,22 +11,22 @@
     <title>Playground to dreamKIT :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2130,19 +2130,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/working/ecuplugplay/ecu-how-to-develop-sdv-applications/index.html b/dreamkit/working/ecuplugplay/ecu-how-to-develop-sdv-applications/index.html
index 706f6126012c9406229a16165f30bd1d98df0b82..7ec51778d9eec29b819f38fd5e2a13102482b582 100644
--- a/dreamkit/working/ecuplugplay/ecu-how-to-develop-sdv-applications/index.html
+++ b/dreamkit/working/ecuplugplay/ecu-how-to-develop-sdv-applications/index.html
@@ -11,22 +11,22 @@
     <title>Develop SDV applications to interact with your ECUs :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2350,19 +2350,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/working/ecuplugplay/ecu-how-to-identify-your-ecu/index.html b/dreamkit/working/ecuplugplay/ecu-how-to-identify-your-ecu/index.html
index cf5435f77102b009290ff6e248c698db9a8c7861..cee42f8217e139e351aa9028d5c78be0fdd16a9c 100644
--- a/dreamkit/working/ecuplugplay/ecu-how-to-identify-your-ecu/index.html
+++ b/dreamkit/working/ecuplugplay/ecu-how-to-identify-your-ecu/index.html
@@ -11,22 +11,22 @@
     <title>Identify your ECU with dreamKIT :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2374,19 +2374,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/working/ecuplugplay/index.html b/dreamkit/working/ecuplugplay/index.html
index 46301f3cc4c481066179f2f13b13fe2658283e30..a9b293eaa6f193deb63da4b7719ce515af106485 100644
--- a/dreamkit/working/ecuplugplay/index.html
+++ b/dreamkit/working/ecuplugplay/index.html
@@ -11,22 +11,22 @@
     <title>ECU Plug and Play :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2128,19 +2128,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/dreamkit/working/index.html b/dreamkit/working/index.html
index 665fa34eb14198919ea4f470c000e65880e243d1..a4047f4f646801947bdcc2214fe2a6ad08c9ce6f 100644
--- a/dreamkit/working/index.html
+++ b/dreamkit/working/index.html
@@ -11,22 +11,22 @@
     <title>Working :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2121,19 +2121,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/engaged/3dcar/index.html b/engaged/3dcar/index.html
index a63899e519182b11420303487b56d5f23b686730..2573b32e132910be339f9eb255281f8dfcee8101 100644
--- a/engaged/3dcar/index.html
+++ b/engaged/3dcar/index.html
@@ -11,22 +11,22 @@
     <title>Using &#39;General 3D Car Model&#39; Widget :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2311,19 +2311,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/engaged/create_custom_widget/index.html b/engaged/create_custom_widget/index.html
index dec4193aa416515b09283412881bf1105b98471a..dbca50af20ebba6e81c73209e027a8f956262cea 100644
--- a/engaged/create_custom_widget/index.html
+++ b/engaged/create_custom_widget/index.html
@@ -11,22 +11,22 @@
     <title>Create custom widget :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2319,19 +2319,19 @@ First, we need attach the library:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/engaged/helloworld/index.html b/engaged/helloworld/index.html
index c6f0053d6fb86a5f34e37ecf3689367eabd43cd3..c52d1ac828aa264ba2301798ce0555dc24bb80fd 100644
--- a/engaged/helloworld/index.html
+++ b/engaged/helloworld/index.html
@@ -11,22 +11,22 @@
     <title>Create &#39;Hello World&#39; Prototype :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2184,19 +2184,19 @@ As a free user, you can create up to 3 models. Create a new one if you haven&rsq
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/engaged/index.html b/engaged/index.html
index 0d5f41b989c6e1e10bc156d2f637df3bffa6c3d3..f87cafbde0710b43d91e891d5c8f0122c78830f4 100644
--- a/engaged/index.html
+++ b/engaged/index.html
@@ -11,22 +11,22 @@
     <title>Build Your First Prototype :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2103,19 +2103,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/engaged/simplelandingai/index.html b/engaged/simplelandingai/index.html
index 5fe53c2cbf2a328acaddc3d2797b0da607311695..696012dea1fb66dc38a3b2785d039b2779dfa871 100644
--- a/engaged/simplelandingai/index.html
+++ b/engaged/simplelandingai/index.html
@@ -11,22 +11,22 @@
     <title>Using &#39;Simple LandingAI&#39; Widget :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2255,19 +2255,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/engaged/vss_basic/index.html b/engaged/vss_basic/index.html
index 9bb1351e77c8edc314ce928315adbdd982f2a966..8c3be1f65903e935c17618eae07e1fe839457a91 100644
--- a/engaged/vss_basic/index.html
+++ b/engaged/vss_basic/index.html
@@ -11,22 +11,22 @@
     <title>Vehicle API :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2166,19 +2166,19 @@ Pay attention on the API name, the syntax must follow the rule bellow.</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/engaged/widget_basic/index.html b/engaged/widget_basic/index.html
index 3dbe50930dc774fd1e2c2d8dcd8c6ba8957b4f33..cd724765b91733f479bf55541c1f1799533ceab2 100644
--- a/engaged/widget_basic/index.html
+++ b/engaged/widget_basic/index.html
@@ -11,22 +11,22 @@
     <title>Using builtin widget :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2267,19 +2267,19 @@ Follow the <a href="/playground/engaged/create_custom_widget">instruction here</
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/index.html b/index.html
index bbf2561b71c7147be80d59721ba50d876b9caa70..27f3ee10968e46cb0eeae0e976be347bc44175f2 100644
--- a/index.html
+++ b/index.html
@@ -11,22 +11,22 @@
     <title> :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2045,19 +2045,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/index.json b/index.json
index e1d0e462ad155b83f3857068e05b9909e0504066..84d5a5e6179897219bbd6167498fe7d1a13356a3 100644
--- a/index.json
+++ b/index.json
@@ -4,7 +4,7 @@
 	"title": "Migrate from v1 to v2",
 	"tags": [],
 	"description": "",
-	"content": "At playground.digital.auto, we\u0026rsquo;ve listened to your feedback and identified some limitations in the architecture of v1. To address these, we\u0026rsquo;re excited to announce a new version with significant improvements!\nPython applications utilize the standard Velocitas library. Python applications can leverage external libraries, enabling the development of a wide range of applications. Widgets are fully plug-and-play, with no dependency on any specific model. UX improvements enhance user-friendliness. Rust Language Support: Write, compile, and execute Rust code with a single click. Supports 100 popular Rust libraries by default. New Feature: Staging replaces the previous Deploy dialog, simplifying the management of deployments from the development environment to target hardware. SDV Runtime: A Docker image serves as the execution environment for SDV applications, accommodating both Python and Rust applications. Users can either utilize numerous shared runtimes provided by us or deploy their own runtime on their local machine or in the cloud. Asset Management: Users can add and manage their own SDV runtimes or hardware kits, ensuring exclusive usage and controlled sharing. Furthermore, users can share their assets with collaborators. To accommodate the aforementioned features, the underlying architecture of the entire playground has undergone a complete overhaul. Please take note of the following points when transitioning to version 2.\n1. The Python code is formatted differently now Below is sample code for simple head light blinking app.\nVersion 1 from sdv_model import Vehicle import plugins from browser import aio vehicle = Vehicle() while True: await vehicle.Body.Lights.Beam.Low.IsOn.set(True) await aio.sleep(1) await vehicle.Body.Lights.Beam.Low.IsOn.set(False) await aio.sleep(1) Version 2 from vehicle import Vehicle import time import asyncio import signal from sdv.vdb.reply import DataPointReply from sdv.vehicle_app import VehicleApp from vehicle import Vehicle, vehicle class TestApp(VehicleApp): def __init__(self, vehicle_client: Vehicle): super().__init__() self.Vehicle = vehicle_client async def on_start(self): while True: await asyncio.sleep(1) await self.Vehicle.Body.Lights.Beam.Low.IsOn.set(True) await asyncio.sleep(1) await self.Vehicle.Body.Lights.Beam.Low.IsOn.set(False) await asyncio.sleep(1) async def main(): vehicle_app = TestApp(vehicle) await vehicle_app.run() LOOP = asyncio.get_event_loop() LOOP.add_signal_handler(signal.SIGTERM, LOOP.stop) LOOP.run_until_complete(main()) LOOP.close() As you may have noticed, version 1 simplified the code style to facilitate a quick understanding of the Vehicle API concept. However, this simplified approach precluded execution on actual hardware. In version 2, we strictly adhere to the Velocitas library and templates, enabling code execution on real hardware. This bridges the gap between the playground and hardware setup. The code you write and run in the playground will now accurately reflect the behavior on the target hardware.\nOn version 2:\nThe app is now a class that inherit standard class VehicleApp. Your code will be trigger from function: async def on_start(self): Vehicle API set/get/subcrible is followed below formated: # write an actuator signal with value await self.Vehicle.Body.Lights.Beam.Low.IsOn.set(True) # read an actuator back value = (await self.Vehicle.Body.Lights.Beam.Low.IsOn.get()).value print(\u0026#34;Light value \u0026#34;, value) ... # subscibe for signal value change async def on_light_value_changed(self, data: DataPointReply): print(\u0026#34;Detect that light value changed\u0026#34;) new_value = data.get(self.Vehicle.Body.Lights.Beam.Low.IsOn).value print(\u0026#34;Value change to\u0026#34;, new_value) async def on_start(self): await self.Vehicle.Body.Lights.Beam.Low.IsOn.subscribe(self.on_light_value_changed) ... 2. The plugin mechanism has been deprecated To enhance clarity and adhere to the plug-and-play principle, widgets are now decoupled from any specific model. Python code and widgets operate with complete isolation.\n[widgets] \u0026lt;=\u0026gt; Vehicle API \u0026lt;=\u0026gt; [SDV App]\nData exchange between widgets and your application must exclusively occur through the Vehicle API.\n3. Your Python code runs within SDV Runtime, which is a Docker container Upon clicking the Run button, your code is executed within a runtime environment. The runtime processes your code and streams the output back to the dashboard. Consequently, it is crucial to carefully select the appropriate runtime environment before running your application.\nWe provide a selection of shared runtimes for user convenience. These pre-configured environments allow users to readily execute their applications. Alternatively, users have the flexibility to configure and deploy their own custom runtime environments.\n"
+	"content": "At playground.digital.auto, we\u0026rsquo;ve listened to your feedback and identified some limitations in the architecture of v1. To address these, we\u0026rsquo;re excited to announce a new version with significant improvements!\nPython applications utilize the standard Velocitas library. Python applications can leverage external libraries, enabling the development of a wide range of applications. Widgets are fully plug-and-play, with no dependency on any specific model. UX improvements enhance user-friendliness. Rust Language Support: Write, compile, and execute Rust code with a single click. Supports 100 popular Rust libraries by default. New Feature: Staging replaces the previous Deploy dialog, simplifying the management of deployments from the development environment to target hardware. SDV Runtime: A Docker image serves as the execution environment for SDV applications, accommodating both Python and Rust applications. Users can either utilize numerous shared runtimes provided by us or deploy their own runtime on their local machine or in the cloud. Asset Management: Users can add and manage their own SDV runtimes or hardware kits, ensuring exclusive usage and controlled sharing. Furthermore, users can share their assets with collaborators. To accommodate the aforementioned features, the underlying architecture of the entire playground has undergone a complete overhaul. Please take note of the following points when transitioning to version 2.\n1. The Python code is formatted differently now Below is sample code for simple head light blinking app.\nVersion 1 from sdv_model import Vehicle import plugins from browser import aio vehicle = Vehicle() while True: await vehicle.Body.Lights.Beam.Low.IsOn.set(True) await aio.sleep(1) await vehicle.Body.Lights.Beam.Low.IsOn.set(False) await aio.sleep(1) Version 2 from vehicle import Vehicle import time import asyncio import signal from sdv.vdb.reply import DataPointReply from sdv.vehicle_app import VehicleApp from vehicle import Vehicle, vehicle class TestApp(VehicleApp): def __init__(self, vehicle_client: Vehicle): super().__init__() self.Vehicle = vehicle_client async def on_start(self): while True: await asyncio.sleep(1) await self.Vehicle.Body.Lights.Beam.Low.IsOn.set(True) await asyncio.sleep(1) await self.Vehicle.Body.Lights.Beam.Low.IsOn.set(False) await asyncio.sleep(1) async def main(): vehicle_app = TestApp(vehicle) await vehicle_app.run() LOOP = asyncio.get_event_loop() LOOP.add_signal_handler(signal.SIGTERM, LOOP.stop) LOOP.run_until_complete(main()) LOOP.close() As you may have noticed, version 1 simplified the code style to facilitate a quick understanding of the Vehicle API concept. However, this simplified approach precluded execution on actual hardware. In version 2, we strictly adhere to the Velocitas library and templates, enabling code execution on real hardware. This bridges the gap between the playground and hardware setup. The code you write and run in the playground will now accurately reflect the behavior on the target hardware.\nOn version 2:\nThe app is now a class that inherit standard class VehicleApp. Your code will be trigger from function: async def on_start(self): Vehicle API set/get/subcrible is followed below formated: # write an actuator signal with value await self.Vehicle.Body.Lights.Beam.Low.IsOn.set(True) # read an actuator back value = (await self.Vehicle.Body.Lights.Beam.Low.IsOn.get()).value print(\u0026#34;Light value \u0026#34;, value) ... # subscibe for signal value change async def on_light_value_changed(self, data: DataPointReply): print(\u0026#34;Detect that light value changed\u0026#34;) new_value = data.get(self.Vehicle.Body.Lights.Beam.Low.IsOn).value print(\u0026#34;Value change to\u0026#34;, new_value) async def on_start(self): await self.Vehicle.Body.Lights.Beam.Low.IsOn.subscribe(self.on_light_value_changed) ... 2. The plugin mechanism has been deprecated To enhance clarity and adhere to the plug-and-play principle, widgets are now decoupled from any specific model. Python code and widgets operate with complete isolation.\n[widgets] \u0026lt;=\u0026gt; Vehicle API \u0026lt;=\u0026gt; [SDV App]\nData exchange between widgets and your application must exclusively occur through the Vehicle API.\n3. Your Python code runs within SDV Runtime, which is a Docker container Upon clicking the Run button, your code is executed within a runtime environment. The runtime processes your code and streams the output back to the dashboard. Consequently, it is crucial to carefully select the appropriate runtime environment before running your application.\nWe provide a selection of shared runtimes for user convenience. These pre-configured environments allow users to readily execute their applications. Alternatively, users have the flexibility to configure and deploy their own custom runtime environments.\nHow to migrate your prototypes from v1 to v2 By default, when you log in to v2 for the first time, your data from v1 will not be transferred. This is because the data structure and underlying infrastructure are completely different, and we cannot guarantee a seamless automatic migration.\nWe encourage you to explore the improved features of version 2 and create new prototypes for your use cases. However, if you need to transfer your prototypes from v1 to v2, you can follow the guidance in this video.\n"
 },
 {
 	"uri": "/advanced/ai_sdv_app/ai_app_on_pg/",
diff --git a/insider/index.html b/insider/index.html
index c913e0a67adc6297acbfe44ae68d145962baaf76..0b6c28a5edd7324ac3249c766d1360bd7e1deadf 100644
--- a/insider/index.html
+++ b/insider/index.html
@@ -11,22 +11,22 @@
     <title>Under the Hood :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2103,19 +2103,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/releases/index.html b/releases/index.html
index 42f7ddc5e81bf1f1013c1230dd094ebaba2b0d73..fc0131c3aba872896ae21e3ccfe931be101037e6 100644
--- a/releases/index.html
+++ b/releases/index.html
@@ -11,22 +11,22 @@
     <title>Releases :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2121,19 +2121,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/releases/version2/index.html b/releases/version2/index.html
index 636815b85511915d2ab5dc3e0c70887ed6b74958..8d639189ae12530a2f23257e635561d031ce9bda 100644
--- a/releases/version2/index.html
+++ b/releases/version2/index.html
@@ -11,22 +11,22 @@
     <title>Migrate from v1 to v2 :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -1318,9 +1318,14 @@ if (!doNotTrack) {
     <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#1-the-python-code-is-formatted-differently-now">1. The Python code is formatted differently now</a></li>
-    <li><a href="#2-the-plugin-mechanism-has-been-deprecated">2. The plugin mechanism has been deprecated</a></li>
-    <li><a href="#3-your-python-code-runs-within-sdv-runtime-which-is-a-docker-container">3. Your Python code runs within SDV Runtime, which is a Docker container</a></li>
+    <li>
+      <ul>
+        <li><a href="#1-the-python-code-is-formatted-differently-now">1. The Python code is formatted differently now</a></li>
+        <li><a href="#2-the-plugin-mechanism-has-been-deprecated">2. The plugin mechanism has been deprecated</a></li>
+        <li><a href="#3-your-python-code-runs-within-sdv-runtime-which-is-a-docker-container">3. Your Python code runs within SDV Runtime, which is a Docker container</a></li>
+      </ul>
+    </li>
+    <li><a href="#how-to-migrate-your-prototypes-from-v1-to-v2">How to migrate your prototypes from v1 to v2</a></li>
   </ul>
 </nav>
     </div>
@@ -1357,7 +1362,7 @@ if (!doNotTrack) {
 <li>Asset Management: Users can add and manage their own SDV runtimes or hardware kits, ensuring exclusive usage and controlled sharing. Furthermore, users can share their assets with collaborators.</li>
 </ul>
 <p>To accommodate the aforementioned features, the underlying architecture of the entire playground has undergone a complete overhaul. Please take note of the following points when transitioning to version 2.</p>
-<h2 id="1-the-python-code-is-formatted-differently-now">1. The Python code is formatted differently now</h2>
+<h3 id="1-the-python-code-is-formatted-differently-now">1. The Python code is formatted differently now</h3>
 <p>Below is sample code for simple head light blinking app.</p>
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6%; margin-left: 2%">
     <div style="flex: 1 1 calc(33.33% - 6%); margin-bottom: 20px"><!-- raw HTML omitted -->
@@ -1449,13 +1454,21 @@ if (!doNotTrack) {
 </span></span><span style="display:flex;"><span><span style="color:#66d9ef">async</span> <span style="color:#66d9ef">def</span> <span style="color:#a6e22e">on_start</span>(self):
 </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">await</span> self<span style="color:#f92672">.</span>Vehicle<span style="color:#f92672">.</span>Body<span style="color:#f92672">.</span>Lights<span style="color:#f92672">.</span>Beam<span style="color:#f92672">.</span>Low<span style="color:#f92672">.</span>IsOn<span style="color:#f92672">.</span>subscribe(self<span style="color:#f92672">.</span>on_light_value_changed)
 </span></span><span style="display:flex;"><span><span style="color:#f92672">...</span>
-</span></span></code></pre></div><h2 id="2-the-plugin-mechanism-has-been-deprecated">2. The plugin mechanism has been deprecated</h2>
+</span></span></code></pre></div><h3 id="2-the-plugin-mechanism-has-been-deprecated">2. The plugin mechanism has been deprecated</h3>
 <p>To enhance clarity and adhere to the plug-and-play principle, widgets are now decoupled from any specific model. Python code and widgets operate with complete isolation.</p>
 <p>[widgets] &lt;=&gt; Vehicle API &lt;=&gt; [SDV App]</p>
 <p>Data exchange between widgets and your application must exclusively occur through the Vehicle API.</p>
-<h2 id="3-your-python-code-runs-within-sdv-runtime-which-is-a-docker-container">3. Your Python code runs within SDV Runtime, which is a Docker container</h2>
+<h3 id="3-your-python-code-runs-within-sdv-runtime-which-is-a-docker-container">3. Your Python code runs within SDV Runtime, which is a Docker container</h3>
 <p>Upon clicking the Run button, your code is executed within a runtime environment. The runtime processes your code and streams the output back to the dashboard. Consequently, it is crucial to carefully select the appropriate runtime environment before running your application.</p>
 <p>We provide a selection of shared runtimes for user convenience. These pre-configured environments allow users to readily execute their applications. Alternatively, users have the flexibility to configure and deploy their own custom runtime environments.</p>
+<h2 id="how-to-migrate-your-prototypes-from-v1-to-v2">How to migrate your prototypes from v1 to v2</h2>
+<p>By default, when you log in to v2 for the first time, your data from v1 will not be transferred. This is because the data structure and underlying infrastructure are completely different, and we cannot guarantee a seamless automatic migration.</p>
+<p>We encourage you to explore the improved features of version 2 and create new prototypes for your use cases. However, if you need to transfer your prototypes from v1 to v2, you can follow the guidance in this video.</p>
+
+<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+  <iframe src="https://www.youtube.com/embed/Jd8pyLJOgDo" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+</div>
+
 
 
 <footer class="footline">
@@ -2230,19 +2243,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });
diff --git a/tags/index.html b/tags/index.html
index fc4fd7b70d090773e74fc59f67be757e91a298e1..3d656953f83fe038e9f0429fd9a7d664adb1d9cf 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -11,22 +11,22 @@
     <title>Tags :: digital.auto playground documentation</title>
 
     
-    <link href="/css/nucleus.css?1736223162" rel="stylesheet">
-    <link href="/css/fontawesome-all.min.css?1736223162" rel="stylesheet">
-    <link href="/css/hybrid.css?1736223162" rel="stylesheet">
-    <link href="/css/featherlight.min.css?1736223162" rel="stylesheet">
-    <link href="/css/perfect-scrollbar.min.css?1736223162" rel="stylesheet">
-    <link href="/css/auto-complete.css?1736223162" rel="stylesheet">
-    <link href="/css/atom-one-dark-reasonable.css?1736223162" rel="stylesheet">
-    <link href="/css/theme.css?1736223162" rel="stylesheet">
-    <link href="/css/tabs.css?1736223162" rel="stylesheet">
-    <link href="/css/hugo-theme.css?1736223162" rel="stylesheet">
+    <link href="/css/nucleus.css?1736311052" rel="stylesheet">
+    <link href="/css/fontawesome-all.min.css?1736311052" rel="stylesheet">
+    <link href="/css/hybrid.css?1736311052" rel="stylesheet">
+    <link href="/css/featherlight.min.css?1736311052" rel="stylesheet">
+    <link href="/css/perfect-scrollbar.min.css?1736311052" rel="stylesheet">
+    <link href="/css/auto-complete.css?1736311052" rel="stylesheet">
+    <link href="/css/atom-one-dark-reasonable.css?1736311052" rel="stylesheet">
+    <link href="/css/theme.css?1736311052" rel="stylesheet">
+    <link href="/css/tabs.css?1736311052" rel="stylesheet">
+    <link href="/css/hugo-theme.css?1736311052" rel="stylesheet">
     
-    <link href="/css/theme-green.css?1736223162" rel="stylesheet">
+    <link href="/css/theme-green.css?1736311052" rel="stylesheet">
     
-    <link href="/css/playground.css?1736223162" rel="stylesheet">
+    <link href="/css/playground.css?1736311052" rel="stylesheet">
 
-    <script src="/js/jquery-3.3.1.min.js?1736223162"></script>
+    <script src="/js/jquery-3.3.1.min.js?1736311052"></script>
 
     <style>
       :root #header + #content > #left > #rlblock_left{
@@ -105,14 +105,14 @@ if (!doNotTrack) {
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 
-<script type="text/javascript" src="/js/lunr.min.js?1736223162"></script>
-<script type="text/javascript" src="/js/auto-complete.js?1736223162"></script>
+<script type="text/javascript" src="/js/lunr.min.js?1736311052"></script>
+<script type="text/javascript" src="/js/auto-complete.js?1736311052"></script>
 <script type="text/javascript">
     
         var baseurl = "\/";
     
 </script>
-<script type="text/javascript" src="/js/search.js?1736223162"></script>
+<script type="text/javascript" src="/js/search.js?1736311052"></script>
 
     
   </div>
@@ -2097,19 +2097,19 @@ if (!doNotTrack) {
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/js/clipboard.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.min.js?1736223162"></script>
-    <script src="/js/perfect-scrollbar.jquery.min.js?1736223162"></script>
-    <script src="/js/jquery.sticky.js?1736223162"></script>
-    <script src="/js/featherlight.min.js?1736223162"></script>
-    <script src="/js/highlight.pack.js?1736223162"></script>
+    <script src="/js/clipboard.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.min.js?1736311052"></script>
+    <script src="/js/perfect-scrollbar.jquery.min.js?1736311052"></script>
+    <script src="/js/jquery.sticky.js?1736311052"></script>
+    <script src="/js/featherlight.min.js?1736311052"></script>
+    <script src="/js/highlight.pack.js?1736311052"></script>
     <script>hljs.initHighlightingOnLoad();</script>
-    <script src="/js/modernizr.custom-3.6.0.js?1736223162"></script>
-    <script src="/js/learn.js?1736223162"></script>
-    <script src="/js/hugo-learn.js?1736223162"></script>
+    <script src="/js/modernizr.custom-3.6.0.js?1736311052"></script>
+    <script src="/js/learn.js?1736311052"></script>
+    <script src="/js/hugo-learn.js?1736311052"></script>
     
         
-            <script src="/mermaid/mermaid.js?1736223162"></script>
+            <script src="/mermaid/mermaid.js?1736311052"></script>
         
         <script>
             mermaid.initialize({ startOnLoad: true });