Ticket #4674 - Studio: Layout changes.

install/sql/system.sql

@@ -395,7 +395,7 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 
 (@iCategoryId, 'sys_form_lpc_enable', '_adm_stg_cpt_option_sys_form_lpc_enable', 'on', 'checkbox', '', '', '', '', 260),
 
-(@iCategoryId, 'sys_std_show_header_left', '_adm_stg_cpt_option_sys_std_show_header_left', '', 'checkbox', '', '', '', '', 270),
+(@iCategoryId, 'sys_std_show_header_left', '_adm_stg_cpt_option_sys_std_show_header_left', 'on', 'checkbox', '', '', '', '', 270),
 (@iCategoryId, 'sys_std_show_header_center', '_adm_stg_cpt_option_sys_std_show_header_center', 'on', 'checkbox', '', '', '', '', 271),
 (@iCategoryId, 'sys_std_show_header_right', '_adm_stg_cpt_option_sys_std_show_header_right', 'on', 'checkbox', '', '', '', '', 272),
 (@iCategoryId, 'sys_std_show_header_right_search', '_adm_stg_cpt_option_sys_std_show_header_right_search', 'on', 'checkbox', '', '', '', '', 275),
@@ -6606,7 +6606,7 @@ CREATE TABLE `sys_std_pages_widgets` (
 -- Dumping data for table `sys_std_pages`
 --
 INSERT INTO `sys_std_pages`(`index`, `name`, `header`, `caption`, `icon`) VALUES
-(3, 'home', '_adm_page_cpt_home', '_adm_page_cpt_home', '');
+(3, 'home', '_adm_page_cpt_home', '_adm_page_cpt_home', 'wi-home.svg');
 SET @iIdHome = LAST_INSERT_ID();
 
 INSERT INTO `sys_std_pages`(`index`, `name`, `header`, `caption`, `icon`) VALUES

modules/boonex/accounts/template/images/icons/std-icon.svg

@@ -1,13 +1,75 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2342)"/>
-<path d="M9 24C9 17.636 9 14.4541 11.1967 12.477C13.3934 10.5 16.9289 10.5 24 10.5C31.071 10.5 34.6066 10.5 36.8032 12.477C39 14.4541 39 17.636 39 24C39 30.3639 39 33.546 36.8032 35.523C34.6066 37.5 31.071 37.5 24 37.5C16.9289 37.5 13.3934 37.5 11.1967 35.523C9 33.546 9 30.3639 9 24Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13.5 30.75C15.3125 26.8784 22.0683 26.6236 24 30.75M21.75 20.25C21.75 21.9069 20.4069 23.25 18.75 23.25C17.0931 23.25 15.75 21.9069 15.75 20.25C15.75 18.5931 17.0931 17.25 18.75 17.25C20.4069 17.25 21.75 18.5931 21.75 20.25Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
-<path d="M28.5 21H34.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M28.5 27H34.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_509_4137)"/>
+<g filter="url(#filter0_d_509_4137)">
+<circle cx="40.5" cy="26.5" r="11" fill="url(#paint1_linear_509_4137)"/>
+<circle cx="40.5" cy="26.5" r="10.5" stroke="url(#paint2_linear_509_4137)"/>
+</g>
+<g filter="url(#filter1_d_509_4137)">
+<circle cx="25.5" cy="52.5" r="11" fill="url(#paint3_linear_509_4137)"/>
+<circle cx="25.5" cy="52.5" r="10.5" stroke="url(#paint4_linear_509_4137)"/>
+</g>
+<g filter="url(#filter2_d_509_4137)">
+<circle cx="55.5" cy="52.5" r="11" fill="url(#paint5_linear_509_4137)"/>
+<circle cx="55.5" cy="52.5" r="10.5" stroke="url(#paint6_linear_509_4137)"/>
+</g>
 <defs>
-<linearGradient id="paint0_linear_221_2342" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FACA15"/>
-<stop offset="1" stop-color="#FF5A1F"/>
+<filter id="filter0_d_509_4137" x="27.5" y="14.5" width="26" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_509_4137"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_509_4137" result="shape"/>
+</filter>
+<filter id="filter1_d_509_4137" x="12.5" y="40.5" width="26" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_509_4137"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_509_4137" result="shape"/>
+</filter>
+<filter id="filter2_d_509_4137" x="42.5" y="40.5" width="26" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_509_4137"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_509_4137" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_509_4137" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EA580C"/>
+<stop offset="1" stop-color="#7C2D12"/>
+</linearGradient>
+<linearGradient id="paint1_linear_509_4137" x1="40.5" y1="15.5" x2="40.5" y2="37.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint2_linear_509_4137" x1="40.5" y1="15.5" x2="40.5" y2="37.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_509_4137" x1="25.5" y1="41.5" x2="25.5" y2="63.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_509_4137" x1="25.5" y1="41.5" x2="25.5" y2="63.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_509_4137" x1="55.5" y1="41.5" x2="55.5" y2="63.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_509_4137" x1="55.5" y1="41.5" x2="55.5" y2="63.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>

studio/classes/BxDolStudioMenuTop.php

@@ -56,17 +56,18 @@ class BxDolStudioMenuTop extends BxDol implements iBxDolSingleton
 
         $this->aItems[BX_DOL_STUDIO_MT_LEFT] = BxTemplStudioFunctions::getInstance()->getLogo();
 
-        $this->aItems[BX_DOL_STUDIO_MT_CENTER] = array(
+        $this->aItems[BX_DOL_STUDIO_MT_CENTER] = [
             'template' => 'menu_top_center.html',
-            'menu_items' => array(
-                'launcher' => array(
-                    'name' => 'launcher',
-                    'icon' => 'wi-launcher.svg',
-                    'link' => '{url_studio}',
-                    'title' => '_adm_tmi_cpt_launcher'
-                )
-            )
-        );
+            'menu_items' => []
+        ];
+
+        if(false)
+            $this->aItems[BX_DOL_STUDIO_MT_CENTER]['menu_items']['launcher'] = [
+                'name' => 'launcher',
+                'icon' => 'wi-home.svg',
+                'link' => '{url_studio}',
+                'title' => '_adm_tmi_cpt_launcher'
+            ];
 
         //--- Get Featured
         $aMenuItems = array();

studio/template/bp_block_panel_top.html

@@ -1,7 +1,7 @@
 <div class="bx-std-pt-cnt bx-clearfix">
 	<div class="bx-std-pt-pages">__selector__</div>
 	<div class="bx-std-pt-buttons">
-	    <button class="bx-btn bx-def-margin-thd-left" onclick="javascript:__js_object__.performAction('__action_page_create__');"><bx_text:_adm_bp_btn_create_new /></button>
+	    <button class="bx-btn bx-btn-primary bx-def-margin-thd-left" onclick="javascript:__js_object__.performAction('__action_page_create__');"><bx_text:_adm_bp_btn_create_new /></button>
 	    <bx_if:show_actions>
                 <bx_if:can_view>
                     <button class="bx-btn bx-def-margin-thd-left" onclick="javascript:window.open('__url_view__','_blank');"><bx_text:_adm_bp_btn_view_page /></button>

studio/template/css/common.less

@@ -127,11 +127,9 @@ div.bx-db-note {
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
 
     text-shadow: none;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
 
     font-size: 0.875rem;
-    font-weight: 600;
+    font-weight: 500;
 }
 .bx-btn {
     border: 1px solid rgba(228, 228, 231, 1);

studio/template/css/launcher.css

@@ -98,19 +98,19 @@ div.bx-std-widget-empty {
 .bx-std-widget-icon {
     position: relative;
     top: 0px;
-    width: 6.0rem;
-    height: 6.0rem;
+    width: 5.0rem;
+    height: 5.0rem;
 
     background-color: transparent;
 
-    line-height: 6.0rem;
+    line-height: 5.0rem;
 }
 
 .bx-std-widget-icon i.sys-icon {
     position: absolute;
     z-index: 2;
     left: 0px;
-    width: 6.0rem;
+    width: 5.0rem;
 
     font-size: 48px;
     text-align: center;
@@ -130,8 +130,8 @@ div.bx-std-widget-empty {
     position:relative;
     z-index:2;
 
-    width: 6.0rem;
-    height: 6.0rem;
+    width: 5.0rem;
+    height: 5.0rem;
 
     background-color: transparent;
     background-position:0px 0px;
@@ -142,8 +142,8 @@ div.bx-std-widget-icon-jitter {
     position: absolute;
     top: 0;
     left: 0;
-    width: 6.0rem;
-    height: 6.0rem;
+    width: 5.0rem;
+    height: 5.0rem;
     z-index: 5;
 
     background-color: transparent;
@@ -238,7 +238,7 @@ div.bx-std-widget-action i.sys-icon {
     display: none;
     position: absolute;
     bottom: -2.0rem;
-    width: 6.0rem;
+    width: 5.0rem;
     height: 2.0rem;
 
     background-image: url(../images/loading.gif);
@@ -251,7 +251,7 @@ div.bx-std-widget-action i.sys-icon {
 }
 div.bx-std-widget-caption {
     position: relative;
-    width: 6.0rem;
+    width: 5.0rem;
     height: 2rem;
 
     line-height: 2rem;
@@ -267,8 +267,8 @@ div.bx-std-widget-caption-jitter {
     position: absolute;
     top: 0px;
     left: 0px;
-    width: 96px;
-    height: 32px;
+    width: 5rem;
+    height: 2rem;
 }
 div.bx-std-widget-caption,
 div.bx-std-widget-caption a {

studio/template/css/menu_top.css

@@ -27,9 +27,9 @@ div.bx-std-menu-top.bx-std-menu-top-right {
 }
 div.bx-std-menu-top.bx-std-menu-top-left,
 div.bx-std-menu-top.bx-std-menu-top-right {    
-    min-width: 15%;
+    min-width: 12%;
 }
-div.bx-std-menu-top.bx-std-menu-top-right {    
+div.bx-std-menu-top.bx-std-menu-top-center {    
     -webkit-flex-grow: 1;
     flex-grow: 1;
 }
@@ -55,7 +55,7 @@ div.bx-std-menu-top-right {
 }
 
 /*--- Breadcrumb (Left) ---*/
-.bx-menu-breadcrumb {
+div.bx-std-menu-top .bx-menu-breadcrumb {
     position: relative;
     display: -webkit-flex;
     display: flex;
@@ -64,45 +64,11 @@ div.bx-std-menu-top-right {
     -webkit-align-items: center;
     align-items: center;
 }
-.bx-menu-breadcrumb li.bx-menu-bc-item {
-    position: relative;
-
-    height: 4.0rem;
-    min-width: 1.5rem;
-    
-    line-height: 4.0rem;
-}
-.bx-menu-breadcrumb li.bx-menu-bc-item > a {
-    position: relative;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-justify-content: center;
-    justify-content: center;
-    -webkit-align-items: center;
-    align-items: center;
-
-    width: 100%;
-    height: 100%;
-}
-.bx-menu-breadcrumb li.bx-menu-bc-item > a:hover span {
-    color: rgba(255, 255, 255, 0.85);
-}
-.bx-menu-breadcrumb li.bx-menu-bc-item > a img,
-.bx-menu-breadcrumb li.bx-menu-bc-item > a svg {
-    width: 1.625rem;
-    height: 1.625rem;
-}
-.bx-menu-breadcrumb li.bx-menu-bc-item:not(:last-child) > a svg g {
-    opacity: 0.7;
-}
-
-.bx-menu-breadcrumb li.bx-menu-bc-item:not(:last-child) > a:hover svg g {
-    opacity: 0.85;
-}
 
 /*--- Widgets (Center) ---*/
 div.bx-std-menu-top .bx-menu-top-center {
     display: flex;
+    justify-content: center;
     align-items: center;
     gap: 0.25rem;
 
@@ -112,6 +78,7 @@ div.bx-std-menu-top .bx-menu-top-center {
     list-style: none;
 }
 
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item,
 div.bx-std-menu-top .bx-menu-top-center li {
     position: relative;
     display: -webkit-flex;
@@ -125,6 +92,12 @@ div.bx-std-menu-top .bx-menu-top-center li {
     height: 3.5rem;
 }
 
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item.bx-menu-bc-page {
+    width: auto;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+
 /*
  * Vertical divider between static and dynamic menu items.
  *
@@ -133,6 +106,7 @@ div.bx-std-menu-top .bx-menu-top-center li.bx-menu-item-static + li.bx-menu-item
 }
 */
 
+.bx-menu-breadcrumb li.bx-menu-bc-item > a,
 div.bx-std-menu-top .bx-menu-top-center li a {
     display: block;
     z-index: 2;
@@ -141,6 +115,14 @@ div.bx-std-menu-top .bx-menu-top-center li a {
     width: 2.5rem;
     height: 2.5rem;
 }
+.bx-menu-breadcrumb li.bx-menu-bc-item > a {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+
+    width: auto;
+}
 div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-active a {
     border-color: rgba(37, 99, 235, 0.8);
 }
@@ -159,10 +141,23 @@ div.bx-std-menu-top .bx-menu-top-center li .bx-mi-bg {
 div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-active .bx-mi-bg {
     display: block;
 }
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item .bx-mi-icon,
 div.bx-std-menu-top .bx-menu-top-center li .bx-mi-icon {
     border-radius: 0.5rem;
     overflow: hidden;
 }
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item .bx-mi-title {    
+    text-align: center;
+    letter-spacing: -1.2px; 
+
+    font-size: 24px;
+    font-weight: 500;   
+
+    color: rgb(243, 244, 246);
+}
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item img,
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item svg,
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item .sys-icon,
 div.bx-std-menu-top .bx-menu-top-center li img,
 div.bx-std-menu-top .bx-menu-top-center li .sys-icon {
     display: block;
@@ -193,8 +188,13 @@ div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-divider {
     width: 0.25rem;
     height: 1.75rem;
 }
-div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search {
-    position: relative;
+div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search,
+div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search {
+    overflow: visible;
+}
+div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search > div,
+div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search > div {
+    position: absolute;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
@@ -202,23 +202,26 @@ div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search {
     -webkit-flex-wrap: nowrap;
     flex-wrap: nowrap;
 
-    width: auto;
-    min-width: 3.5rem;
-    max-width: 24rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    right: 0;
+
+    border-radius: 1.5rem;
 }
-div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search img {
-    height: 2rem;
+div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search.bx-mt-active > div,
+div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search.bx-mt-active > div {
+    width: 18.0rem;
 }
-
-div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search .bx-form-input-text {
-    height: 3rem;
+div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search .bx-form-input-text,
+div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search .bx-form-input-text {
+    height: 2.5rem;
     padding-left: 0.5rem;
     padding-right: 0.5rem;
 
     border-width: 0;
     background-color: transparent;
 
-    font-size: 1.5rem;
+    font-size: 1.25rem;
     font-style: normal;
     font-weight: 500;
     letter-spacing: -1.2px; 
@@ -241,16 +244,16 @@ div.bx-std-menu-top .bx-menu-toolbar li {
     float: none;
     display: block;
 
-    height: 3.0rem;
-    min-width: 3.0rem;
+    height: 2.5rem;
+    min-width: 2.5rem;
     
     border-radius: 1.5rem;
     background-color: rgba(17, 24, 39, 1);
 
-    line-height: 3.0rem;
+    line-height: 2.5rem;
     overflow: hidden;
 }
-div.bx-std-menu-top .bx-menu-toolbar li a {
+div.bx-std-menu-top .bx-menu-toolbar li:not(.bx-menu-tab-search) a {
     position: relative;
     display: -webkit-flex;
     display: flex;

studio/template/css/page_columns.css

@@ -31,7 +31,8 @@ div.bx-std-page-column.bx-std-page-menu {
     width: 20rem;
     height: 100%;
 
-    background-color: #ffffff;
+    border-right: 1px solid rgb(209, 213, 219);
+    background-color: rgb(229, 231, 235);
 
     overflow-y: auto;
 }
@@ -63,5 +64,5 @@ div.bx-std-page-column.bx-std-page-content::-webkit-scrollbar {
 div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
     width: 100%;
     height: max-content;
-    padding: 6.5rem 1.5rem  1.5rem  1.5rem;
+    padding: 6.0rem 1.0rem  1.0rem  1.0rem;
 }

studio/template/css/settings.css

@@ -16,7 +16,7 @@ div.bx-std-page-column.bx-std-page-content div.bx-std-page-column-cnt {
 }
 #adm-settings-form .bx-form-advanced-wrapper .bx-form-section-wrapper,
 #adm-settings-form-categorized .bx-form-advanced-wrapper .bx-form-section-wrapper {
-    padding: 0 1.5rem;
+    padding: 0 1.0rem;
 }
 #adm-settings-form-categorized .bx-form-advanced-wrapper .bx-form-section-wrapper:last-child {
     position: absolute;

studio/template/images/icons/bc-arrow.svg

@@ -1,5 +1,3 @@
-<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.3">
-<path d="M10 14.6667L14 11L10 7.33337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
+<svg width="9" height="28" viewBox="0 0 9 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.2983 0.127395C2.33254 -0.260445 3.48536 0.263566 3.8732 1.29781L8.10986 12.5956C8.44944 13.5011 8.44944 14.499 8.10986 15.4045L3.8732 26.7023C3.48536 27.7365 2.33254 28.2606 1.2983 27.8727C0.264055 27.4849 -0.259956 26.332 0.127884 25.2978L3.83786 15.4045C4.17743 14.499 4.17743 13.5011 3.83786 12.5956L0.127884 2.7023C-0.259956 1.66806 0.264055 0.515236 1.2983 0.127395Z" fill="#1F2937"/>
 </svg>

studio/template/images/icons/bc-home.svg

@@ -1,8 +1,118 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.7">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.75 9.75H5C3.895 9.75 3 8.855 3 7.75V5C3 3.895 3.895 3 5 3H7.75C8.855 3 9.75 3.895 9.75 5V7.75C9.75 8.855 8.855 9.75 7.75 9.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.75H16.25C15.145 9.75 14.25 8.855 14.25 7.75V5C14.25 3.895 15.145 3 16.25 3H19C20.105 3 21 3.895 21 5V7.75C21 8.855 20.105 9.75 19 9.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.75 21H5C3.895 21 3 20.105 3 19V16.25C3 15.145 3.895 14.25 5 14.25H7.75C8.855 14.25 9.75 15.145 9.75 16.25V19C9.75 20.105 8.855 21 7.75 21Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19 21H16.25C15.145 21 14.25 20.105 14.25 19V16.25C14.25 15.145 15.145 14.25 16.25 14.25H19C20.105 14.25 21 15.145 21 16.25V19C21 20.105 20.105 21 19 21Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="81" height="80" fill="#9CA3AF"/>
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_57_1234)"/>
+<g filter="url(#filter0_d_57_1234)">
+<mask id="path-1-inside-1_57_1234" fill="white">
+<path d="M34.5 54C34.5 58.4183 30.9184 62 26.5 62C22.0816 62 18.5 58.4183 18.5 54C18.5 49.5817 22.0816 46 26.5 46C30.9184 46 34.5 49.5817 34.5 54Z"/>
+</mask>
+<path d="M34.5 54C34.5 58.4183 30.9184 62 26.5 62C22.0816 62 18.5 58.4183 18.5 54C18.5 49.5817 22.0816 46 26.5 46C30.9184 46 34.5 49.5817 34.5 54Z" fill="url(#paint1_linear_57_1234)"/>
+<path d="M34.5 54C34.5 58.4183 30.9184 62 26.5 62C22.0816 62 18.5 58.4183 18.5 54C18.5 49.5817 22.0816 46 26.5 46C30.9184 46 34.5 49.5817 34.5 54Z" stroke="url(#paint2_linear_57_1234)" stroke-width="2" mask="url(#path-1-inside-1_57_1234)"/>
 </g>
+<g filter="url(#filter1_d_57_1234)">
+<mask id="path-2-inside-2_57_1234" fill="white">
+<path d="M62.5 26C62.5 30.4183 58.9184 34 54.5 34C50.0816 34 46.5 30.4183 46.5 26C46.5 21.5817 50.0816 18 54.5 18C58.9184 18 62.5 21.5817 62.5 26Z"/>
+</mask>
+<path d="M62.5 26C62.5 30.4183 58.9184 34 54.5 34C50.0816 34 46.5 30.4183 46.5 26C46.5 21.5817 50.0816 18 54.5 18C58.9184 18 62.5 21.5817 62.5 26Z" fill="url(#paint3_linear_57_1234)"/>
+<path d="M62.5 26C62.5 30.4183 58.9184 34 54.5 34C50.0816 34 46.5 30.4183 46.5 26C46.5 21.5817 50.0816 18 54.5 18C58.9184 18 62.5 21.5817 62.5 26Z" stroke="url(#paint4_linear_57_1234)" stroke-width="2" mask="url(#path-2-inside-2_57_1234)"/>
+</g>
+<g filter="url(#filter2_d_57_1234)">
+<mask id="path-3-inside-3_57_1234" fill="white">
+<path d="M29.6282 29.0527C32.4172 26.2828 36.2588 24.5714 40.5001 24.5714C40.9432 24.5714 41.382 24.5901 41.8157 24.6267C42.2339 24.662 42.6154 24.3759 42.7069 23.9663C43.5832 20.0437 46.4509 16.8725 50.1935 15.5692C50.543 15.4475 50.5788 14.9412 50.2336 14.8077C47.214 13.6402 43.9318 13 40.5001 13C36.5323 13 32.7643 13.8559 29.3709 15.3931C29.0996 15.516 28.9286 15.7881 28.9286 16.0859V28.7748C28.9286 29.1301 29.3761 29.3031 29.6282 29.0527Z"/>
+<path d="M56.5291 61.7292C56.2784 61.9143 55.9286 61.733 55.9286 61.421V40C55.9286 39.5568 55.91 39.118 55.8734 38.6843C55.8379 38.2661 56.1241 37.8847 56.5337 37.7932C60.4565 36.917 63.6274 34.0492 64.9308 30.3065C65.0523 29.957 65.5587 29.9213 65.6922 30.2664C66.8597 33.2861 67.5 36.5683 67.5 40C67.5 48.91 63.1842 56.8117 56.5291 61.7292Z"/>
+<path d="M16.0692 49.6934C15.9476 50.0428 15.4412 50.0787 15.3077 49.7335C14.1402 46.7139 13.5 43.4317 13.5 40C13.5 31.0902 17.8158 23.1883 24.4709 18.2708C24.7216 18.0855 25.0715 18.2671 25.0715 18.5789V40C25.0715 40.4432 25.0901 40.882 25.1268 41.3157C25.1621 41.7339 24.8759 42.1154 24.4663 42.2069C20.5437 43.0831 17.3725 45.9508 16.0692 49.6934Z"/>
+<path d="M51.6289 64.607C51.9004 64.484 52.0713 64.2121 52.0713 63.9143V51.2251C52.0713 50.8698 51.6239 50.697 51.3716 50.9474C48.5829 53.7172 44.7412 55.4286 40.4998 55.4286C40.0567 55.4286 39.6179 55.4101 39.1842 55.3734C38.766 55.3379 38.3845 55.6241 38.2931 56.0338C37.4168 59.9565 34.5491 63.1274 30.8064 64.4308C30.4569 64.5527 30.4211 65.0587 30.7663 65.1922C33.786 66.3597 37.0681 67 40.4998 67C44.4677 67 48.2357 66.1441 51.6289 64.607Z"/>
+</mask>
+<path d="M29.6282 29.0527C32.4172 26.2828 36.2588 24.5714 40.5001 24.5714C40.9432 24.5714 41.382 24.5901 41.8157 24.6267C42.2339 24.662 42.6154 24.3759 42.7069 23.9663C43.5832 20.0437 46.4509 16.8725 50.1935 15.5692C50.543 15.4475 50.5788 14.9412 50.2336 14.8077C47.214 13.6402 43.9318 13 40.5001 13C36.5323 13 32.7643 13.8559 29.3709 15.3931C29.0996 15.516 28.9286 15.7881 28.9286 16.0859V28.7748C28.9286 29.1301 29.3761 29.3031 29.6282 29.0527Z" fill="url(#paint5_linear_57_1234)"/>
+<path d="M56.5291 61.7292C56.2784 61.9143 55.9286 61.733 55.9286 61.421V40C55.9286 39.5568 55.91 39.118 55.8734 38.6843C55.8379 38.2661 56.1241 37.8847 56.5337 37.7932C60.4565 36.917 63.6274 34.0492 64.9308 30.3065C65.0523 29.957 65.5587 29.9213 65.6922 30.2664C66.8597 33.2861 67.5 36.5683 67.5 40C67.5 48.91 63.1842 56.8117 56.5291 61.7292Z" fill="url(#paint6_linear_57_1234)"/>
+<path d="M16.0692 49.6934C15.9476 50.0428 15.4412 50.0787 15.3077 49.7335C14.1402 46.7139 13.5 43.4317 13.5 40C13.5 31.0902 17.8158 23.1883 24.4709 18.2708C24.7216 18.0855 25.0715 18.2671 25.0715 18.5789V40C25.0715 40.4432 25.0901 40.882 25.1268 41.3157C25.1621 41.7339 24.8759 42.1154 24.4663 42.2069C20.5437 43.0831 17.3725 45.9508 16.0692 49.6934Z" fill="url(#paint7_linear_57_1234)"/>
+<path d="M51.6289 64.607C51.9004 64.484 52.0713 64.2121 52.0713 63.9143V51.2251C52.0713 50.8698 51.6239 50.697 51.3716 50.9474C48.5829 53.7172 44.7412 55.4286 40.4998 55.4286C40.0567 55.4286 39.6179 55.4101 39.1842 55.3734C38.766 55.3379 38.3845 55.6241 38.2931 56.0338C37.4168 59.9565 34.5491 63.1274 30.8064 64.4308C30.4569 64.5527 30.4211 65.0587 30.7663 65.1922C33.786 66.3597 37.0681 67 40.4998 67C44.4677 67 48.2357 66.1441 51.6289 64.607Z" fill="url(#paint8_linear_57_1234)"/>
+<path d="M29.6282 29.0527C32.4172 26.2828 36.2588 24.5714 40.5001 24.5714C40.9432 24.5714 41.382 24.5901 41.8157 24.6267C42.2339 24.662 42.6154 24.3759 42.7069 23.9663C43.5832 20.0437 46.4509 16.8725 50.1935 15.5692C50.543 15.4475 50.5788 14.9412 50.2336 14.8077C47.214 13.6402 43.9318 13 40.5001 13C36.5323 13 32.7643 13.8559 29.3709 15.3931C29.0996 15.516 28.9286 15.7881 28.9286 16.0859V28.7748C28.9286 29.1301 29.3761 29.3031 29.6282 29.0527Z" stroke="url(#paint9_linear_57_1234)" stroke-width="2" mask="url(#path-3-inside-3_57_1234)"/>
+<path d="M56.5291 61.7292C56.2784 61.9143 55.9286 61.733 55.9286 61.421V40C55.9286 39.5568 55.91 39.118 55.8734 38.6843C55.8379 38.2661 56.1241 37.8847 56.5337 37.7932C60.4565 36.917 63.6274 34.0492 64.9308 30.3065C65.0523 29.957 65.5587 29.9213 65.6922 30.2664C66.8597 33.2861 67.5 36.5683 67.5 40C67.5 48.91 63.1842 56.8117 56.5291 61.7292Z" stroke="url(#paint10_linear_57_1234)" stroke-width="2" mask="url(#path-3-inside-3_57_1234)"/>
+<path d="M16.0692 49.6934C15.9476 50.0428 15.4412 50.0787 15.3077 49.7335C14.1402 46.7139 13.5 43.4317 13.5 40C13.5 31.0902 17.8158 23.1883 24.4709 18.2708C24.7216 18.0855 25.0715 18.2671 25.0715 18.5789V40C25.0715 40.4432 25.0901 40.882 25.1268 41.3157C25.1621 41.7339 24.8759 42.1154 24.4663 42.2069C20.5437 43.0831 17.3725 45.9508 16.0692 49.6934Z" stroke="url(#paint11_linear_57_1234)" stroke-width="2" mask="url(#path-3-inside-3_57_1234)"/>
+<path d="M51.6289 64.607C51.9004 64.484 52.0713 64.2121 52.0713 63.9143V51.2251C52.0713 50.8698 51.6239 50.697 51.3716 50.9474C48.5829 53.7172 44.7412 55.4286 40.4998 55.4286C40.0567 55.4286 39.6179 55.4101 39.1842 55.3734C38.766 55.3379 38.3845 55.6241 38.2931 56.0338C37.4168 59.9565 34.5491 63.1274 30.8064 64.4308C30.4569 64.5527 30.4211 65.0587 30.7663 65.1922C33.786 66.3597 37.0681 67 40.4998 67C44.4677 67 48.2357 66.1441 51.6289 64.607Z" stroke="url(#paint12_linear_57_1234)" stroke-width="2" mask="url(#path-3-inside-3_57_1234)"/>
+</g>
+<defs>
+<filter id="filter0_d_57_1234" x="16.5" y="45" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_57_1234"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_57_1234" result="shape"/>
+</filter>
+<filter id="filter1_d_57_1234" x="44.5" y="17" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_57_1234"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_57_1234" result="shape"/>
+</filter>
+<filter id="filter2_d_57_1234" x="11.5" y="12" width="58" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_57_1234"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_57_1234" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_57_1234" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6B7280"/>
+<stop offset="1" stop-color="#374151"/>
+</linearGradient>
+<linearGradient id="paint1_linear_57_1234" x1="26.5" y1="46" x2="26.5" y2="62" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint2_linear_57_1234" x1="26.5" y1="46" x2="26.5" y2="62" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_57_1234" x1="54.5" y1="18" x2="54.5" y2="34" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint4_linear_57_1234" x1="54.5" y1="18" x2="54.5" y2="34" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint7_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint8_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint9_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint10_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint11_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint12_linear_57_1234" x1="40.5" y1="13" x2="40.5" y2="67" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
 </svg>

studio/template/images/icons/tmi-account.svg

@@ -1,5 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.33325 8H26.6666" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33325 16H26.6666" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33325 24H26.6666" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 9H23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 19H23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

studio/template/images/icons/tmi-actions.svg

@@ -1,7 +1,6 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.33337 16C3.33337 10.0289 3.33337 7.04333 5.18836 5.18833C7.04336 3.33334 10.0289 3.33334 16 3.33334C21.9711 3.33334 24.9567 3.33334 26.8118 5.18833C28.6667 7.04333 28.6667 10.0289 28.6667 16C28.6667 21.9711 28.6667 24.9567 26.8118 26.8117C24.9567 28.6667 21.9711 28.6667 16 28.6667C10.0289 28.6667 7.04336 28.6667 5.18836 26.8117C3.33337 24.9567 3.33337 21.9711 3.33337 16Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
-<path d="M11.3334 13.3333C10.2288 13.3333 9.33337 12.4379 9.33337 11.3333C9.33337 10.2288 10.2288 9.33334 11.3334 9.33334C12.4379 9.33334 13.3334 10.2288 13.3334 11.3333C13.3334 12.4379 12.4379 13.3333 11.3334 13.3333Z" stroke="currentColor" stroke-width="2"/>
-<path d="M20.6666 22.6667C21.7712 22.6667 22.6666 21.7712 22.6666 20.6667C22.6666 19.5621 21.7712 18.6667 20.6666 18.6667C19.5621 18.6667 18.6666 19.5621 18.6666 20.6667C18.6666 21.7712 19.5621 22.6667 20.6666 22.6667Z" stroke="currentColor" stroke-width="2"/>
-<path d="M13.3334 11.3333H22.6667" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-<path d="M18.6667 20.6667H9.33337" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 9H17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 19L23 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="8" cy="19" r="3" stroke="currentColor" stroke-width="2"/>
+<circle cx="20" cy="9" r="3" stroke="currentColor" stroke-width="2"/>
 </svg>

studio/template/images/icons/tmi-help.svg

@@ -1,5 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 16C4 17.5759 4.31039 19.1363 4.91345 20.5922C5.5165 22.0481 6.40042 23.371 7.51472 24.4853C8.62902 25.5996 9.95189 26.4835 11.4078 27.0866C12.8637 27.6896 14.4241 28 16 28C17.5759 28 19.1363 27.6896 20.5922 27.0866C22.0481 26.4835 23.371 25.5996 24.4853 24.4853C25.5996 23.371 26.4835 22.0481 27.0866 20.5922C27.6896 19.1363 28 17.5759 28 16C28 12.8174 26.7357 9.76516 24.4853 7.51472C22.2348 5.26428 19.1826 4 16 4C12.8174 4 9.76516 5.26428 7.51472 7.51472C5.26428 9.76516 4 12.8174 4 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16 21.3333V21.3467" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16 17.3333C16.5997 17.3351 17.1824 17.1348 17.6542 16.7646C18.126 16.3944 18.4592 15.876 18.6001 15.2931C18.7409 14.7102 18.6812 14.0968 18.4306 13.5521C18.1799 13.0073 17.753 12.5629 17.2187 12.2907C16.6882 12.0189 16.0815 11.9347 15.4971 12.0516C14.9127 12.1685 14.385 12.4798 14 12.9347" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 17C17.3137 17 20 14.3137 20 11C20 7.68629 17.3137 5 14 5C10.6863 5 8 7.68629 8 11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+<circle cx="14" cy="22" r="1" stroke="currentColor" stroke-width="2"/>
+</svg>

studio/template/images/icons/tmi-search.svg

@@ -1,4 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 13.3333C4 14.559 4.24141 15.7727 4.71046 16.905C5.1795 18.0374 5.86699 19.0663 6.73367 19.933C7.60035 20.7997 8.62925 21.4872 9.76162 21.9562C10.894 22.4253 12.1077 22.6667 13.3333 22.6667C14.559 22.6667 15.7727 22.4253 16.905 21.9562C18.0374 21.4872 19.0663 20.7997 19.933 19.933C20.7997 19.0663 21.4872 18.0374 21.9562 16.905C22.4253 15.7727 22.6667 14.559 22.6667 13.3333C22.6667 12.1077 22.4253 10.894 21.9562 9.76162C21.4872 8.62925 20.7997 7.60035 19.933 6.73367C19.0663 5.86699 18.0374 5.1795 16.905 4.71046C15.7727 4.24141 14.559 4 13.3333 4C12.1077 4 10.894 4.24141 9.76162 4.71046C8.62925 5.1795 7.60035 5.86699 6.73367 6.73367C5.86699 7.60035 5.1795 8.62925 4.71046 9.76162C4.24141 10.894 4 12.1077 4 13.3333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M28 28L20 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 12C5 12.9193 5.18106 13.8295 5.53284 14.6788C5.88463 15.5281 6.40024 16.2997 7.05025 16.9497C7.70026 17.5998 8.47194 18.1154 9.32122 18.4672C10.1705 18.8189 11.0807 19 12 19C12.9193 19 13.8295 18.8189 14.6788 18.4672C15.5281 18.1154 16.2997 17.5998 16.9497 16.9497C17.5998 16.2997 18.1154 15.5281 18.4672 14.6788C18.8189 13.8295 19 12.9193 19 12C19 11.0807 18.8189 10.1705 18.4672 9.32122C18.1154 8.47194 17.5998 7.70026 16.9497 7.05025C16.2997 6.40024 15.5281 5.88463 14.6788 5.53284C13.8295 5.18106 12.9193 5 12 5C11.0807 5 10.1705 5.18106 9.32122 5.53284C8.47194 5.88463 7.70026 6.40024 7.05025 7.05025C6.40024 7.70026 5.88463 8.47194 5.53284 9.32122C5.18106 10.1705 5 11.0807 5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23 23L17 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

studio/template/images/icons/tmi-site.svg

@@ -1,5 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 20L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.6667 7.99999L15.2841 7.28532C16.5345 6.03509 18.2303 5.33279 19.9986 5.33292C21.7668 5.33304 23.4625 6.03558 24.7127 7.28599C25.963 8.5364 26.6653 10.2322 26.6652 12.0005C26.665 13.7687 25.9625 15.4644 24.7121 16.7147L24.0001 17.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.3334 24L16.8041 24.712C15.5391 25.9629 13.8318 26.6645 12.0528 26.6645C10.2737 26.6645 8.56644 25.9629 7.30144 24.712C6.67792 24.0955 6.1829 23.3614 5.84506 22.5522C5.50721 21.743 5.33325 20.8749 5.33325 19.998C5.33325 19.1211 5.50721 18.253 5.84506 17.4438C6.1829 16.6346 6.67792 15.9005 7.30144 15.284L8.00011 14.6667" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 5L14 14M23 5L19 5.00001M23 5V9.00001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 5C9.02944 5 5 9.02944 5 14C5 18.9706 9.02944 23 14 23C18.9706 23 23 18.9706 23 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
 </svg>

studio/template/images/icons/wi-agents.svg

@@ -1,14 +1,75 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2491)"/>
-<path d="M25.4963 9C24.4211 9 23.1173 9.00021 22.7126 9.28346C22.3079 9.5667 22.1379 10.0619 21.7979 11.0523C21.4112 12.1717 21.1361 13.3334 20.0605 14.001L19.5389 14.2927C18.2148 14.952 16.8663 14.3916 15.546 14.0311C14.8589 13.8422 14.1963 13.7856 13.7902 13.7699C13.5378 13.7601 13.3074 13.8965 13.1771 14.113L10.7102 18.2108C10.5806 18.426 10.5672 18.6918 10.6928 18.9094C10.8817 19.2366 11.2062 19.7418 11.6433 20.2129C12.6846 21.3411 13.9069 22.3412 13.9069 24.0057C13.9069 25.6704 12.6848 26.6703 11.6433 27.7988C11.2062 28.2699 10.8817 28.7752 10.6928 29.1024C10.5672 29.32 10.5806 29.5859 10.7102 29.8011L13.1771 33.8988C13.3074 34.1152 13.5378 34.2516 13.7903 34.2418C14.1964 34.2261 14.8589 34.1695 15.546 33.9805C16.8665 33.6201 18.215 33.0597 19.5391 33.7191L20.0607 34.0109C21.1362 34.6787 21.4113 35.8401 21.7979 36.9595C22.1379 37.95 22.3079 38.4451 22.7126 38.7283C23.1173 39.0117 24.4211 39 25.4963 39" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
-<path d="M25.497 29.25C22.5975 29.25 20.2471 26.8995 20.2471 24C20.2471 21.1005 22.5975 18.75 25.497 18.75" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
-<path d="M36.3719 13.125L32.9969 16.5H29.9969M35.2469 13.125C35.2469 13.7463 35.7506 14.25 36.3719 14.25C36.9932 14.25 37.4969 13.7463 37.4969 13.125C37.4969 12.5037 36.9932 12 36.3719 12C35.7506 12 35.2469 12.5037 35.2469 13.125Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M36.3719 34.875L32.9969 31.5H29.9969M35.2469 34.875C35.2469 34.2537 35.7506 33.75 36.3719 33.75C36.9932 33.75 37.4969 34.2537 37.4969 34.875C37.4969 35.4963 36.9932 36 36.3719 36C35.7506 36 35.2469 35.4963 35.2469 34.875Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M36.3719 24H29.9969M35.2469 24C35.2469 24.6213 35.7506 25.125 36.3719 25.125C36.9932 25.125 37.4969 24.6213 37.4969 24C37.4969 23.3787 36.9932 22.875 36.3719 22.875C35.7506 22.875 35.2469 23.3787 35.2469 24Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_571_5857)"/>
+<g filter="url(#filter0_d_571_5857)">
+<path d="M68.4999 40C68.5036 40.469 68.361 40.9276 68.0921 41.3118C67.8232 41.6961 67.4413 41.987 66.9995 42.1442L61.4426 44.1655C59.2186 44.9745 57.4669 46.7267 56.6586 48.9509L54.6386 54.5088C54.4762 54.9465 54.1838 55.324 53.8006 55.5905C53.4174 55.8571 52.9619 56 52.4951 56C52.0284 56 51.5728 55.8571 51.1897 55.5905C50.8065 55.324 50.514 54.9465 50.3516 54.5088L48.3318 48.9504C47.5234 46.7257 45.7712 44.9732 43.5466 44.1643L37.9908 42.1442C37.5532 41.9817 37.1758 41.6892 36.9093 41.3059C36.6428 40.9226 36.5 40.4669 36.5 40C36.5 39.5331 36.6428 39.0774 36.9093 38.6941C37.1758 38.3108 37.5532 38.0183 37.9908 37.8558L43.5466 35.8357C45.7712 35.0269 47.5234 33.2743 48.3318 31.0496L50.3516 25.4912C50.514 25.0535 50.8065 24.676 51.1897 24.4095C51.5728 24.1429 52.0284 24 52.4951 24C52.9619 24 53.4174 24.1429 53.8006 24.4095C54.1838 24.676 54.4762 25.0535 54.6386 25.4912L56.6597 31.0506C57.4683 33.2748 59.2201 35.0268 61.4442 35.8356L66.9995 37.8558C67.4413 38.013 67.8232 38.3039 68.0921 38.6882C68.361 39.0724 68.5036 39.531 68.4999 40Z" fill="url(#paint1_linear_571_5857)"/>
+<path d="M67.9999 39.9961L67.9999 39.9961L67.9999 40.0039C68.0028 40.369 67.8918 40.726 67.6825 41.0252C67.4731 41.3243 67.1758 41.5508 66.8319 41.673L66.8286 41.6743L61.2717 43.6957C58.9087 44.5552 57.0475 46.4169 56.1886 48.7801L54.1699 54.3348C54.1697 54.3353 54.1695 54.3358 54.1693 54.3364C54.0423 54.6777 53.814 54.9721 53.515 55.1801C53.2157 55.3884 52.8598 55.5 52.4951 55.5C52.1305 55.5 51.7746 55.3884 51.4752 55.1801C51.1763 54.9721 50.948 54.6778 50.821 54.3364C50.8208 54.3359 50.8206 54.3354 50.8204 54.3348L48.8018 48.7797C47.9428 46.4159 46.0811 44.5538 43.7174 43.6944L38.1648 41.6754C38.1643 41.6752 38.1638 41.675 38.1633 41.6748C37.8221 41.5478 37.5278 41.3195 37.3199 41.0204C37.1116 40.7209 37 40.3648 37 40C37 39.6352 37.1116 39.2791 37.3199 38.9796C37.5278 38.6805 37.8221 38.4522 38.1633 38.3251C38.1638 38.325 38.1643 38.3248 38.1648 38.3246L43.7174 36.3056C46.0811 35.4462 47.9428 33.5841 48.8018 31.2203L50.8204 25.6652C50.8206 25.6647 50.8208 25.6641 50.821 25.6636C50.948 25.3223 51.1763 25.0279 51.4752 24.8199L51.1897 24.4095L51.4752 24.8199C51.7746 24.6116 52.1305 24.5 52.4951 24.5C52.8598 24.5 53.2157 24.6116 53.515 24.8199C53.814 25.0279 54.0423 25.3223 54.1693 25.6637C54.1695 25.6642 54.1697 25.6647 54.1699 25.6652L56.1898 31.2214C57.0489 33.5846 58.9102 35.4461 61.2733 36.3055L66.8286 38.3258L66.8319 38.3269C67.1758 38.4492 67.4731 38.6757 67.6825 38.9748C67.8918 39.274 68.0028 39.631 67.9999 39.9961Z" stroke="url(#paint2_linear_571_5857)"/>
+</g>
+<g filter="url(#filter1_d_571_5857)">
+<path d="M37.4999 26C37.5027 26.3518 37.3958 26.6957 37.1941 26.9839C36.9924 27.2721 36.706 27.4903 36.3746 27.6081L32.207 29.1241C30.539 29.7309 29.2252 31.045 28.6189 32.7132L27.104 36.8816C26.9822 37.2099 26.7628 37.493 26.4754 37.6929C26.1881 37.8928 25.8464 38 25.4963 38C25.1463 38 24.8046 37.8928 24.5172 37.6929C24.2299 37.493 24.0105 37.2099 23.8887 36.8816L22.3739 32.7128C21.7675 31.0443 20.4534 29.7299 18.7849 29.1232L14.6181 27.6081C14.2899 27.4863 14.0069 27.2669 13.807 26.9794C13.6071 26.6919 13.5 26.3502 13.5 26C13.5 25.6498 13.6071 25.3081 13.807 25.0206C14.0069 24.7331 14.2899 24.5137 14.6181 24.3919L18.7849 22.8768C20.4534 22.2701 21.7675 20.9557 22.3739 19.2872L23.8887 15.1184C24.0105 14.7901 24.2299 14.507 24.5172 14.3071C24.8046 14.1072 25.1463 14 25.4963 14C25.8464 14 26.1881 14.1072 26.4754 14.3071C26.7628 14.507 26.9822 14.7901 27.104 15.1184L28.6198 19.288C29.2262 20.9561 30.5401 22.2701 32.2081 22.8767L36.3746 24.3919C36.706 24.5097 36.9924 24.7279 37.1941 25.0161C37.3958 25.3043 37.5027 25.6482 37.4999 26Z" fill="url(#paint3_linear_571_5857)"/>
+<path d="M37 25.9961L36.9999 25.9961L37 26.0039C37.0019 26.2518 36.9265 26.4941 36.7844 26.6972C36.6423 26.9003 36.4405 27.054 36.2071 27.137L36.2037 27.1382L32.036 28.6543C30.229 29.3116 28.8058 30.7352 28.149 32.5424L26.6352 36.7076C26.635 36.7081 26.6348 36.7086 26.6347 36.7091C26.5482 36.9411 26.3931 37.1411 26.1899 37.2825C25.9863 37.4241 25.7443 37.5 25.4963 37.5C25.2484 37.5 25.0064 37.4241 24.8028 37.2825C24.5996 37.1411 24.4445 36.9411 24.3581 36.7092C24.3579 36.7087 24.3577 36.7081 24.3575 36.7076L22.8438 32.5421C22.1869 30.7344 20.7633 29.3105 18.9558 28.6533L14.7921 27.1394C14.7916 27.1392 14.7911 27.139 14.7906 27.1388C14.5588 27.0524 14.3588 26.8972 14.2175 26.694C14.0759 26.4903 14 26.2481 14 26C14 25.7519 14.0759 25.5097 14.2175 25.306L13.807 25.0206L14.2175 25.306C14.3588 25.1028 14.5588 24.9476 14.7906 24.8612C14.7911 24.861 14.7916 24.8608 14.7921 24.8606L18.9558 23.3467C20.7633 22.6895 22.1869 21.2656 22.8438 19.4579L24.3575 15.2924C24.3577 15.2919 24.3579 15.2914 24.358 15.2909C24.4445 15.0589 24.5996 14.8589 24.8028 14.7175C25.0064 14.5759 25.2484 14.5 25.4963 14.5C25.7443 14.5 25.9863 14.5759 26.1899 14.7175C26.3931 14.8589 26.5482 15.0589 26.6347 15.2909C26.6348 15.2914 26.635 15.2919 26.6352 15.2924L28.1498 19.4588C28.8068 21.2659 30.2302 22.6894 32.0372 23.3466L36.2037 24.8618L36.2071 24.863C36.4405 24.946 36.6423 25.0997 36.7844 25.3028C36.9265 25.5059 37.0019 25.7482 37 25.9961Z" stroke="url(#paint4_linear_571_5857)"/>
+</g>
+<g filter="url(#filter2_d_571_5857)">
+<path d="M41.5 58C41.5018 58.2345 41.4305 58.4638 41.2961 58.6559C41.1616 58.8481 40.9707 58.9935 40.7497 59.0721L37.9713 60.0828C36.8593 60.4873 35.9835 61.3634 35.5793 62.4755L34.5693 65.2544C34.4881 65.4732 34.3419 65.662 34.1503 65.7953C33.9587 65.9286 33.7309 66 33.4976 66C33.2642 66 33.0364 65.9286 32.8448 65.7953C32.6532 65.662 32.507 65.4732 32.4258 65.2544L31.4159 62.4752C31.0117 61.3628 30.1356 60.4866 29.0233 60.0821L26.2454 59.0721C26.0266 58.9908 25.8379 58.8446 25.7047 58.6529C25.5714 58.4613 25.5 58.2334 25.5 58C25.5 57.7666 25.5714 57.5387 25.7047 57.3471C25.8379 57.1554 26.0266 57.0092 26.2454 56.9279L29.0233 55.9179C30.1356 55.5134 31.0117 54.6372 31.4159 53.5248L32.4258 50.7456C32.507 50.5268 32.6532 50.338 32.8448 50.2047C33.0364 50.0714 33.2642 50 33.4976 50C33.7309 50 33.9587 50.0714 34.1503 50.2047C34.3419 50.338 34.4881 50.5268 34.5693 50.7456L35.5798 53.5253C35.9841 54.6374 36.86 55.5134 37.9721 55.9178L40.7497 56.9279C40.9707 57.0065 41.1616 57.1519 41.2961 57.3441C41.4305 57.5362 41.5018 57.7655 41.5 58Z" fill="url(#paint5_linear_571_5857)"/>
+<path d="M41 57.9961L40.9999 57.9961L41 58.0039C41.001 58.1345 40.9613 58.2622 40.8864 58.3692C40.8115 58.4763 40.7052 58.5572 40.5822 58.601L40.5822 58.601L40.5788 58.6022L37.8004 59.6129C36.5494 60.068 35.5641 61.0536 35.1094 62.3047L34.1005 65.0804C34.1004 65.0809 34.1002 65.0814 34.1 65.0819C34.0542 65.2044 33.9721 65.3101 33.8648 65.3848C33.757 65.4598 33.6288 65.5 33.4976 65.5C33.3663 65.5 33.2382 65.4598 33.1304 65.3848C33.023 65.3101 32.9409 65.2044 32.8951 65.0818C32.8949 65.0813 32.8947 65.0809 32.8946 65.0804L31.8858 62.3045C31.4311 61.053 30.4455 60.0672 29.1942 59.6122L26.4194 58.6033C26.419 58.6032 26.4185 58.603 26.418 58.6028C26.2955 58.557 26.1899 58.4749 26.1152 58.3675C26.0402 58.2597 26 58.1314 26 58C26 57.8686 26.0402 57.7403 26.1152 57.6325C26.1899 57.525 26.2956 57.443 26.4181 57.3972L29.1942 56.3878C30.4455 55.9328 31.4311 54.947 31.8858 53.6955L32.8951 50.9182C32.9409 50.7956 33.023 50.6899 33.1304 50.6152C33.2382 50.5402 33.3663 50.5 33.4976 50.5C33.6288 50.5 33.757 50.5402 33.8648 50.6152L34.1503 50.2047L33.8648 50.6152C33.9721 50.6899 34.0542 50.7956 34.1 50.9182C34.1002 50.9186 34.1004 50.9191 34.1005 50.9196L35.1099 53.6961C35.5648 54.9472 36.5502 55.9327 37.8012 56.3877L40.5789 57.3978L40.5789 57.3978L40.5822 57.399C40.7052 57.4428 40.8115 57.5237 40.8864 57.6308C40.9613 57.7378 41.001 57.8655 41 57.9961Z" stroke="url(#paint6_linear_571_5857)"/>
+</g>
 <defs>
-<linearGradient id="paint0_linear_221_2491" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#71717A"/>
-<stop offset="1" stop-color="#52525B"/>
+<filter id="filter0_d_571_5857" x="34.5" y="23" width="36" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5857"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5857" result="shape"/>
+</filter>
+<filter id="filter1_d_571_5857" x="11.5" y="13" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5857"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5857" result="shape"/>
+</filter>
+<filter id="filter2_d_571_5857" x="23.5" y="49" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5857"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5857" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_571_5857" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0284C7"/>
+<stop offset="1" stop-color="#0C4A6E"/>
+</linearGradient>
+<linearGradient id="paint1_linear_571_5857" x1="52.5" y1="24" x2="52.5" y2="56" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_571_5857" x1="52.5" y1="24" x2="52.5" y2="56" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_571_5857" x1="25.5" y1="14" x2="25.5" y2="38" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint4_linear_571_5857" x1="25.5" y1="14" x2="25.5" y2="38" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_571_5857" x1="33.5" y1="50" x2="33.5" y2="66" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_571_5857" x1="33.5" y1="50" x2="33.5" y2="66" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>

studio/template/images/icons/wi-bld-forms.svg

@@ -1,16 +1,78 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_337_2104)"/>
-<path d="M9.75 23.5C9.75 16.7825 9.75 13.4237 11.8369 11.3369C13.9237 9.25 17.2825 9.25 24 9.25C30.7175 9.25 34.0763 9.25 36.1632 11.3369C38.25 13.4237 38.25 16.7825 38.25 23.5C38.25 30.2175 38.25 33.5763 36.1632 35.6632C34.0763 37.75 30.7175 37.75 24 37.75C17.2825 37.75 13.9237 37.75 11.8369 35.6632C9.75 33.5763 9.75 30.2175 9.75 23.5Z" stroke="white" stroke-width="2.25"/>
-<path d="M25.5 16H33.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M25.5 20H31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M25.5 27H33.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M25.5 31H31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 18C15 16.5858 15 15.8787 15.4393 15.4393C15.8787 15 16.5858 15 18 15C19.4142 15 20.1213 15 20.5607 15.4393C21 15.8787 21 16.5858 21 18C21 19.4142 21 20.1213 20.5607 20.5607C20.1213 21 19.4142 21 18 21C16.5858 21 15.8787 21 15.4393 20.5607C15 20.1213 15 19.4142 15 18Z" stroke="white" stroke-width="2"/>
-<path d="M15 29C15 27.5858 15 26.8787 15.4393 26.4393C15.8787 26 16.5858 26 18 26C19.4142 26 20.1213 26 20.5607 26.4393C21 26.8787 21 27.5858 21 29C21 30.4142 21 31.1213 20.5607 31.5607C20.1213 32 19.4142 32 18 32C16.5858 32 15.8787 32 15.4393 31.5607C15 31.1213 15 30.4142 15 29Z" stroke="white" stroke-width="2"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_686_840)"/>
+<g filter="url(#filter0_d_686_840)">
+<rect x="17.5" y="15" width="46" height="14" rx="7" fill="url(#paint1_linear_686_840)"/>
+<rect x="18" y="15.5" width="45" height="13" rx="6.5" stroke="url(#paint2_linear_686_840)"/>
+</g>
+<g filter="url(#filter1_d_686_840)">
+<mask id="path-3-inside-1_686_840" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 33C20.634 33 17.5 36.134 17.5 40C17.5 43.866 20.634 47 24.5 47H56.5C60.366 47 63.5 43.866 63.5 40C63.5 36.134 60.366 33 56.5 33H24.5ZM29.5 37C27.8431 37 26.5 38.3431 26.5 40C26.5 41.6569 27.8431 43 29.5 43C31.1569 43 32.5 41.6569 32.5 40C32.5 38.3431 31.1569 37 29.5 37ZM37.5 40C37.5 38.3431 38.8431 37 40.5 37C42.1569 37 43.5 38.3431 43.5 40C43.5 41.6569 42.1569 43 40.5 43C38.8431 43 37.5 41.6569 37.5 40ZM51.5 37C49.8431 37 48.5 38.3431 48.5 40C48.5 41.6569 49.8431 43 51.5 43C53.1569 43 54.5 41.6569 54.5 40C54.5 38.3431 53.1569 37 51.5 37Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 33C20.634 33 17.5 36.134 17.5 40C17.5 43.866 20.634 47 24.5 47H56.5C60.366 47 63.5 43.866 63.5 40C63.5 36.134 60.366 33 56.5 33H24.5ZM29.5 37C27.8431 37 26.5 38.3431 26.5 40C26.5 41.6569 27.8431 43 29.5 43C31.1569 43 32.5 41.6569 32.5 40C32.5 38.3431 31.1569 37 29.5 37ZM37.5 40C37.5 38.3431 38.8431 37 40.5 37C42.1569 37 43.5 38.3431 43.5 40C43.5 41.6569 42.1569 43 40.5 43C38.8431 43 37.5 41.6569 37.5 40ZM51.5 37C49.8431 37 48.5 38.3431 48.5 40C48.5 41.6569 49.8431 43 51.5 43C53.1569 43 54.5 41.6569 54.5 40C54.5 38.3431 53.1569 37 51.5 37Z" fill="url(#paint3_linear_686_840)"/>
+<path d="M18.5 40C18.5 36.6863 21.1863 34 24.5 34V32C20.0817 32 16.5 35.5817 16.5 40H18.5ZM24.5 46C21.1863 46 18.5 43.3137 18.5 40H16.5C16.5 44.4183 20.0817 48 24.5 48V46ZM56.5 46H24.5V48H56.5V46ZM62.5 40C62.5 43.3137 59.8137 46 56.5 46V48C60.9183 48 64.5 44.4183 64.5 40H62.5ZM56.5 34C59.8137 34 62.5 36.6863 62.5 40H64.5C64.5 35.5817 60.9183 32 56.5 32V34ZM24.5 34H56.5V32H24.5V34ZM27.5 40C27.5 38.8954 28.3954 38 29.5 38V36C27.2909 36 25.5 37.7909 25.5 40H27.5ZM29.5 42C28.3954 42 27.5 41.1046 27.5 40H25.5C25.5 42.2091 27.2909 44 29.5 44V42ZM31.5 40C31.5 41.1046 30.6046 42 29.5 42V44C31.7091 44 33.5 42.2091 33.5 40H31.5ZM29.5 38C30.6046 38 31.5 38.8954 31.5 40H33.5C33.5 37.7909 31.7091 36 29.5 36V38ZM40.5 36C38.2909 36 36.5 37.7909 36.5 40H38.5C38.5 38.8954 39.3954 38 40.5 38V36ZM44.5 40C44.5 37.7909 42.7091 36 40.5 36V38C41.6046 38 42.5 38.8954 42.5 40H44.5ZM40.5 44C42.7091 44 44.5 42.2091 44.5 40H42.5C42.5 41.1046 41.6046 42 40.5 42V44ZM36.5 40C36.5 42.2091 38.2909 44 40.5 44V42C39.3954 42 38.5 41.1046 38.5 40H36.5ZM49.5 40C49.5 38.8954 50.3954 38 51.5 38V36C49.2909 36 47.5 37.7909 47.5 40H49.5ZM51.5 42C50.3954 42 49.5 41.1046 49.5 40H47.5C47.5 42.2091 49.2909 44 51.5 44V42ZM53.5 40C53.5 41.1046 52.6046 42 51.5 42V44C53.7091 44 55.5 42.2091 55.5 40H53.5ZM51.5 38C52.6046 38 53.5 38.8954 53.5 40H55.5C55.5 37.7909 53.7091 36 51.5 36V38Z" fill="url(#paint4_linear_686_840)" mask="url(#path-3-inside-1_686_840)"/>
+</g>
+<g filter="url(#filter2_d_686_840)">
+<rect x="17.5" y="51" width="46" height="14" rx="7" fill="url(#paint5_linear_686_840)"/>
+<rect x="18" y="51.5" width="45" height="13" rx="6.5" stroke="url(#paint6_linear_686_840)"/>
+</g>
 <defs>
-<linearGradient id="paint0_linear_337_2104" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3B82F6"/>
-<stop offset="1" stop-color="#5850EC"/>
+<filter id="filter0_d_686_840" x="15.5" y="14" width="50" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_686_840"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_686_840" result="shape"/>
+</filter>
+<filter id="filter1_d_686_840" x="15.5" y="32" width="50" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_686_840"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_686_840" result="shape"/>
+</filter>
+<filter id="filter2_d_686_840" x="15.5" y="50" width="50" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_686_840"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_686_840" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_686_840" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0284C7"/>
+<stop offset="1" stop-color="#0C4A6E"/>
+</linearGradient>
+<linearGradient id="paint1_linear_686_840" x1="40.5" y1="15" x2="40.5" y2="29" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_686_840" x1="40.5" y1="15" x2="40.5" y2="29" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_686_840" x1="40.5" y1="33" x2="40.5" y2="47" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_686_840" x1="40.5" y1="33" x2="40.5" y2="47" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_686_840" x1="40.5" y1="51" x2="40.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint6_linear_686_840" x1="40.5" y1="51" x2="40.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>

studio/template/images/icons/wi-bld-pages.svg

@@ -1,16 +1,58 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2294)"/>
-<path d="M9.75 23.5C9.75 16.7825 9.75 13.4237 11.8369 11.3369C13.9237 9.25 17.2825 9.25 24 9.25C30.7175 9.25 34.0763 9.25 36.1632 11.3369C38.25 13.4237 38.25 16.7825 38.25 23.5C38.25 30.2175 38.25 33.5763 36.1632 35.6632C34.0763 37.75 30.7175 37.75 24 37.75C17.2825 37.75 13.9237 37.75 11.8369 35.6632C9.75 33.5763 9.75 30.2175 9.75 23.5Z" stroke="white" stroke-width="2.25"/>
-<path d="M9.75 19H38.25" stroke="white" stroke-width="2.25" stroke-linejoin="round"/>
-<path d="M25.5 25H31.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M25.5 31H28.5" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16.4997 14.5H16.5132" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22.4997 14.5H22.5132" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.5 19V37.75" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_571_5862)"/>
+<g filter="url(#filter0_d_571_5862)">
+<path d="M18.3076 62.1925C14.5 58.3847 14.5 52.2564 14.5 40C14.5 38.342 15.8443 37 17.5024 37H29.5C31.7091 37 33.5 38.7909 33.5 41V61.8937C33.5 64.13 31.6645 65.9536 29.4321 65.8202C24.1167 65.5026 20.739 64.6238 18.3076 62.1925Z" fill="url(#paint1_linear_571_5862)"/>
+<path d="M37.5 62.9977C37.5 64.6557 38.8419 66 40.5 66C52.7563 66 58.8847 66 62.6925 62.1925C66.5 58.3847 66.5 52.2564 66.5 40C66.5 38.342 65.1557 37 63.4977 37H41.5C39.2909 37 37.5 38.7909 37.5 41V62.9977Z" fill="url(#paint2_linear_571_5862)"/>
+<path d="M18.6612 61.839C16.8657 60.0435 15.94 57.6825 15.4715 54.1979C15.0011 50.6988 15 46.1423 15 40C15 38.6186 16.1199 37.5 17.5024 37.5H29.5C31.433 37.5 33 39.067 33 41V61.8937C33 63.8585 31.3909 65.4364 29.462 65.3211C24.1688 65.0048 20.9549 64.1326 18.6612 61.839ZM40.5 65.5C39.1186 65.5 38 64.3801 38 62.9977V41C38 39.067 39.567 37.5 41.5 37.5H63.4977C64.8801 37.5 66 38.6186 66 40C66 46.1424 65.9989 50.6988 65.5285 54.1979C65.06 57.6825 64.1343 60.0434 62.339 61.8389C60.5435 63.6343 58.1825 64.56 54.6978 65.0285C51.1988 65.4989 46.6423 65.5 40.5 65.5Z" stroke="url(#paint3_linear_571_5862)" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<g filter="url(#filter1_d_571_5862)">
+<path d="M62.3937 33C64.63 33 66.4536 31.1645 66.3202 28.9321C66.0026 23.6167 65.1238 20.239 62.6925 17.8076C58.8847 14 52.7564 14 40.5 14C28.2434 14 22.1152 14 18.3076 17.8076C15.8762 20.239 14.9974 23.6167 14.6797 28.9321C14.5463 31.1645 16.3699 33 18.6063 33H62.3937Z" fill="url(#paint4_linear_571_5862)"/>
+<path d="M62.3937 32.5C64.3585 32.5 65.9363 30.8909 65.8211 28.962C65.5048 23.6687 64.6325 20.4548 62.3389 18.1612C60.5434 16.3657 58.1825 15.44 54.6978 14.9715C51.1988 14.5011 46.6423 14.5 40.5 14.5C34.3576 14.5 29.8011 14.5011 26.302 14.9715C22.8174 15.44 20.4565 16.3657 18.6611 18.1612M62.3937 32.5L18.6611 18.1612M62.3937 32.5H18.6063C16.6414 32.5 15.0636 30.8909 15.1788 28.962C15.4951 23.6688 16.3674 20.4549 18.6611 18.1612M62.3937 32.5L18.3076 17.8076L18.6611 18.1612" stroke="url(#paint5_linear_571_5862)" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
 <defs>
-<linearGradient id="paint0_linear_221_2294" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#3B82F6"/>
-<stop offset="1" stop-color="#5850EC"/>
+<filter id="filter0_d_571_5862" x="12.5" y="36" width="56" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5862"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5862" result="shape"/>
+</filter>
+<filter id="filter1_d_571_5862" x="12.6729" y="13" width="55.6542" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5862"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5862" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_571_5862" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0284C7"/>
+<stop offset="1" stop-color="#0C4A6E"/>
+</linearGradient>
+<linearGradient id="paint1_linear_571_5862" x1="40.5" y1="37" x2="40.5" y2="66" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_571_5862" x1="40.5" y1="37" x2="40.5" y2="66" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_571_5862" x1="40.5" y1="37" x2="40.5" y2="66" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_571_5862" x1="40.5" y1="14" x2="40.5" y2="33" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint5_linear_571_5862" x1="40.5" y1="14" x2="40.5" y2="33" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>

studio/template/images/icons/wi-designer.svg

@@ -1,14 +1,119 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2231)"/>
-<path d="M30.453 12.6667C31.1087 13.2742 31.8513 14.0338 32.7427 14.9456C35.4142 17.6782 36.75 19.0446 36.75 20.7425C36.75 22.4404 35.4142 23.8066 32.7427 26.5394L23.675 35.8144C23.3326 36.1646 22.9671 36.4764 22.5833 36.75" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
-<path d="M9.83331 30.5383C9.83331 34.7514 13.357 38.1667 17.7037 38.1667H30.2962C34.0065 38.1667 35.8614 38.1667 37.014 37.0495C38.1666 35.9324 38.1666 34.1344 38.1666 30.5383C38.1666 29.6777 38.1666 28.9199 38.1508 28.25" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
-<path d="M9.83331 17.7037C9.83331 13.9936 9.83331 12.1385 10.9744 10.9859C12.1154 9.83333 13.952 9.83333 17.625 9.83333C21.298 9.83333 23.1345 9.83333 24.2755 10.9859C25.4166 12.1385 25.4166 13.9936 25.4166 17.7037V30.2962C25.4166 34.643 21.9282 38.1667 17.625 38.1667C13.3218 38.1667 9.83331 34.643 9.83331 30.2962V17.7037Z" stroke="white" stroke-width="2.25"/>
-<path d="M17.625 31.7917H17.6385" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.83331 18.3333H25.4166M9.83331 25.4167H25.4166" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_672_2012)"/>
+<g filter="url(#filter0_d_672_2012)">
+<path d="M46.6854 52.5629C46.0811 52.8611 45.6045 53.3994 45.5426 54.0704C45.5144 54.3765 45.5 54.6866 45.5 55C45.5 60.5228 49.9772 65 55.5 65C61.0228 65 65.5 60.5228 65.5 55C65.5 49.4772 61.0228 45 55.5 45C55.1866 45 54.8765 45.0144 54.5704 45.0426C53.8994 45.1045 53.3611 45.5811 53.063 46.1854C51.6993 48.9499 49.4499 51.1992 46.6854 52.5629Z" fill="url(#paint1_linear_672_2012)"/>
+<path d="M46.0405 54.1163C46.082 53.6666 46.4093 53.2567 46.9066 53.0114C49.7698 51.599 52.099 49.2698 53.5114 46.4066C53.7567 45.9093 54.1666 45.582 54.6163 45.5405C54.9072 45.5137 55.2019 45.5 55.5 45.5C60.7467 45.5 65 49.7533 65 55C65 60.2467 60.7467 64.5 55.5 64.5C50.2533 64.5 46 60.2467 46 55C46 54.7019 46.0137 54.4072 46.0405 54.1163Z" stroke="url(#paint2_linear_672_2012)"/>
+</g>
+<g filter="url(#filter1_d_672_2012)">
+<path d="M35.4574 54.0704C35.3955 53.3994 34.9189 52.8611 34.3146 52.563C31.5501 51.1993 29.3007 48.9499 27.937 46.1854C27.6389 45.5811 27.1006 45.1045 26.4296 45.0426C26.1235 45.0144 25.8134 45 25.5 45C19.9772 45 15.5 49.4772 15.5 55C15.5 60.5228 19.9772 65 25.5 65C31.0228 65 35.5 60.5228 35.5 55C35.5 54.6866 35.4856 54.3765 35.4574 54.0704Z" fill="url(#paint3_linear_672_2012)"/>
+<path d="M34.0934 53.0114C34.5907 53.2567 34.918 53.6666 34.9595 54.1163C34.9863 54.4072 35 54.7019 35 55C35 60.2467 30.7467 64.5 25.5 64.5C20.2533 64.5 16 60.2467 16 55C16 49.7533 20.2533 45.5 25.5 45.5C25.7981 45.5 26.0928 45.5137 26.3837 45.5405C26.8334 45.582 27.2433 45.9093 27.4886 46.4066C28.901 49.2698 31.2302 51.599 34.0934 53.0114Z" stroke="url(#paint4_linear_672_2012)"/>
+</g>
+<g filter="url(#filter2_d_672_2012)">
+<path d="M34.3146 27.437C34.9189 27.1389 35.3955 26.6006 35.4574 25.9296C35.4856 25.6235 35.5 25.3134 35.5 25C35.5 19.4772 31.0228 15 25.5 15C19.9772 15 15.5 19.4772 15.5 25C15.5 30.5228 19.9772 35 25.5 35C25.8134 35 26.1235 34.9856 26.4296 34.9574C27.1006 34.8955 27.6389 34.4189 27.937 33.8146C29.3007 31.0501 31.5501 28.8007 34.3146 27.437Z" fill="url(#paint5_linear_672_2012)"/>
+<path d="M34.9595 25.8837C34.918 26.3334 34.5907 26.7433 34.0934 26.9886C31.2302 28.401 28.901 30.7302 27.4886 33.5934C27.2433 34.0907 26.8334 34.418 26.3837 34.4595C26.0928 34.4863 25.7981 34.5 25.5 34.5C20.2533 34.5 16 30.2467 16 25C16 19.7533 20.2533 15.5 25.5 15.5C30.7467 15.5 35 19.7533 35 25C35 25.2981 34.9863 25.5928 34.9595 25.8837Z" stroke="url(#paint6_linear_672_2012)"/>
+</g>
+<g filter="url(#filter3_d_672_2012)">
+<path d="M55.5 35C61.0228 35 65.5 30.5228 65.5 25C65.5 19.4772 61.0228 15 55.5 15C49.9772 15 45.5 19.4772 45.5 25C45.5 25.3134 45.5144 25.6235 45.5426 25.9296C45.6045 26.6006 46.0811 27.1389 46.6854 27.437C49.4499 28.8007 51.6993 31.0501 53.063 33.8146C53.3611 34.4189 53.8994 34.8955 54.5704 34.9574C54.8765 34.9856 55.1866 35 55.5 35Z" fill="url(#paint7_linear_672_2012)"/>
+<path d="M65 25C65 30.2467 60.7467 34.5 55.5 34.5C55.2019 34.5 54.9072 34.4863 54.6163 34.4595C54.1666 34.418 53.7567 34.0907 53.5114 33.5934C52.099 30.7302 49.7698 28.401 46.9066 26.9886C46.4093 26.7433 46.082 26.3334 46.0405 25.8837C46.0137 25.5928 46 25.2981 46 25C46 19.7533 50.2533 15.5 55.5 15.5C60.7467 15.5 65 19.7533 65 25Z" stroke="url(#paint8_linear_672_2012)"/>
+</g>
+<g filter="url(#filter4_d_672_2012)">
+<circle cx="40.5" cy="40" r="10" fill="url(#paint9_linear_672_2012)"/>
+<circle cx="40.5" cy="40" r="9.5" stroke="url(#paint10_linear_672_2012)"/>
+</g>
 <defs>
-<linearGradient id="paint0_linear_221_2231" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#71717A"/>
-<stop offset="1" stop-color="#52525B"/>
+<filter id="filter0_d_672_2012" x="43.5" y="44" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_672_2012"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_672_2012" result="shape"/>
+</filter>
+<filter id="filter1_d_672_2012" x="13.5" y="44" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_672_2012"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_672_2012" result="shape"/>
+</filter>
+<filter id="filter2_d_672_2012" x="13.5" y="14" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_672_2012"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_672_2012" result="shape"/>
+</filter>
+<filter id="filter3_d_672_2012" x="43.5" y="14" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_672_2012"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_672_2012" result="shape"/>
+</filter>
+<filter id="filter4_d_672_2012" x="28.5" y="29" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_672_2012"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_672_2012" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_672_2012" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6B7280"/>
+<stop offset="1" stop-color="#374151"/>
+</linearGradient>
+<linearGradient id="paint1_linear_672_2012" x1="55.5" y1="45" x2="55.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_672_2012" x1="55.5" y1="45" x2="55.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_672_2012" x1="25.5" y1="45" x2="25.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_672_2012" x1="25.5" y1="45" x2="25.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_672_2012" x1="25.5" y1="15" x2="25.5" y2="35" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_672_2012" x1="25.5" y1="15" x2="25.5" y2="35" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_672_2012" x1="55.5" y1="15" x2="55.5" y2="35" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint8_linear_672_2012" x1="55.5" y1="15" x2="55.5" y2="35" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint9_linear_672_2012" x1="40.5" y1="30" x2="40.5" y2="50" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint10_linear_672_2012" x1="40.5" y1="30" x2="40.5" y2="50" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>

studio/template/images/icons/wi-launcher.svg → studio/template/images/icons/wi-home.svg

@@ -63,8 +63,8 @@
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_57_1234" result="shape"/>
 </filter>
 <linearGradient id="paint0_linear_57_1234" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
-<stop stop-color="#4B5563"/>
-<stop offset="1" stop-color="#1F2937"/>
+<stop stop-color="#6B7280"/>
+<stop offset="1" stop-color="#374151"/>
 </linearGradient>
 <linearGradient id="paint1_linear_57_1234" x1="26.5" y1="46" x2="26.5" y2="62" gradientUnits="userSpaceOnUse">
 <stop stop-color="#FDE68A"/>

studio/template/images/icons/wi-storages.svg

@@ -1,12 +1,80 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_221_2196)"/>
-<path d="M18.9645 10.7184L16.4072 11.9004C12.4691 13.7208 10.5 14.631 10.5 16.125C10.5 17.619 12.4691 18.5292 16.4073 20.3496L18.9645 21.5316C21.4428 22.6771 22.6821 23.25 24 23.25C25.3179 23.25 26.5572 22.6771 29.0355 21.5316L31.5927 20.3496C35.5309 18.5292 37.5 17.619 37.5 16.125C37.5 14.631 35.5309 13.7208 31.5927 11.9004L29.0355 10.7184C26.5572 9.57279 25.3179 9 24 9C22.6821 9 21.4428 9.57279 18.9645 10.7184Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M37.182 22.6458C37.394 22.9439 37.5 23.2547 37.5 23.5964C37.5 25.0691 35.5309 25.9664 31.5927 27.7608L29.0355 28.926C26.5572 30.0552 25.3179 30.62 24 30.62C22.6821 30.62 21.4428 30.0552 18.9645 28.926L16.4073 27.7608C12.4691 25.9664 10.5 25.0691 10.5 23.5964C10.5 23.2547 10.606 22.9439 10.818 22.6458" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M36.565 30.3991C37.1883 30.8956 37.5 31.3905 37.5 31.9764C37.5 33.4492 35.5309 34.3464 31.5927 36.1408L29.0355 37.306C26.5572 38.4354 25.3179 39 24 39C22.6821 39 21.4428 38.4354 18.9645 37.306L16.4073 36.1408C12.4691 34.3464 10.5 33.4492 10.5 31.9764C10.5 31.3905 10.8117 30.8956 11.435 30.3991" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_655_2315)"/>
+<g clip-path="url(#clip0_655_2315)">
+<g filter="url(#filter0_d_655_2315)">
+<path d="M19.0183 35.9487C20.478 36.6312 22.1022 37.3398 23.8363 38.0963L29.0637 40.3773C29.2907 40.4763 29.5148 40.5744 29.7363 40.6713L29.7407 40.6732L29.7499 40.6772C33.8458 42.4691 37.0348 43.8641 40.5 43.8641C43.9652 43.8641 47.1541 42.4691 51.2501 40.6773L51.2547 40.6752C51.4791 40.5771 51.7063 40.4777 51.9363 40.3773L57.1642 38.0961C58.8981 37.3397 60.5221 36.6312 61.9817 35.9487C62.5743 35.6716 63.27 35.683 63.8229 36.0326C65.6076 37.1607 66.5 38.2285 66.5 39.5462C66.5 42.2624 62.7076 43.9173 55.1231 47.2268L50.1981 49.3758C45.425 51.4586 43.0382 52.5 40.5 52.5C37.9618 52.5 35.575 51.4586 30.802 49.3758L25.877 47.2268C18.2922 43.9172 14.5 42.2625 14.5 39.5462C14.5 38.2285 15.3924 37.1607 17.1771 36.0325C17.73 35.683 18.4257 35.6716 19.0183 35.9487Z" fill="url(#paint1_linear_655_2315)"/>
+<path d="M51.4548 41.1335L51.4551 41.1333C51.6795 41.0351 51.9065 40.9359 52.1363 40.8356L57.3641 38.5544L57.3642 38.5544L57.368 38.5527C59.0989 37.7976 60.728 37.0869 62.1935 36.4016C62.6497 36.1883 63.1629 36.2069 63.5558 36.4552C65.3116 37.565 66 38.5027 66 39.5462C66 40.6221 65.2673 41.5851 63.3937 42.7382C61.5349 43.8821 58.7307 45.1071 54.9231 46.7685L49.9981 48.9176C45.1857 51.0175 42.9096 52 40.5 52C38.0904 52 35.8143 51.0175 31.002 48.9176L26.077 46.7685L26.077 46.7685C22.2693 45.1071 19.4651 43.8821 17.6063 42.7382C15.7326 41.5851 15 40.6221 15 39.5462C15 38.5027 15.6884 37.565 17.4442 36.4552C17.8371 36.2069 18.3503 36.1883 18.8065 36.4016C20.2721 37.0869 21.9013 37.7976 23.6323 38.5528L23.6363 38.5546L23.6364 38.5546L28.8637 40.8356C29.0904 40.9345 29.3142 41.0324 29.5356 41.1292L29.5359 41.1294L29.5359 41.1294L29.5403 41.1313L29.7407 40.6732L29.5403 41.1313L29.5495 41.1353L29.7499 40.6772L29.5495 41.1353L29.6165 41.1646C33.6569 42.9322 36.93 44.3641 40.5 44.3641C44.07 44.3641 47.343 42.9322 51.3834 41.1647L51.4501 41.1355L51.4504 41.1354L51.4548 41.1335Z" stroke="url(#paint2_linear_655_2315)"/>
+</g>
+<g filter="url(#filter1_d_655_2315)">
+<path d="M19.0183 48.4487C20.478 49.1312 22.1022 49.8398 23.8363 50.5963L29.0637 52.8773C29.2907 52.9763 29.5148 53.0744 29.7363 53.1713L29.7407 53.1732L29.7499 53.1772C33.8458 54.9691 37.0348 56.3641 40.5 56.3641C43.9652 56.3641 47.1541 54.9691 51.2501 53.1773L51.2547 53.1752C51.4791 53.0771 51.7063 52.9777 51.9363 52.8773L57.1642 50.5961C58.8981 49.8397 60.5221 49.1312 61.9817 48.4487C62.5743 48.1716 63.27 48.183 63.8229 48.5326C65.6076 49.6607 66.5 50.7285 66.5 52.0462C66.5 54.7624 62.7076 56.4173 55.1231 59.7268L50.1981 61.8758C45.425 63.9586 43.0382 65 40.5 65C37.9618 65 35.575 63.9586 30.802 61.8758L25.877 59.7268C18.2922 56.4172 14.5 54.7625 14.5 52.0462C14.5 50.7285 15.3924 49.6607 17.1771 48.5325C17.73 48.183 18.4257 48.1716 19.0183 48.4487Z" fill="url(#paint3_linear_655_2315)"/>
+<path d="M51.4548 53.6335L51.4551 53.6333C51.6795 53.5351 51.9065 53.4359 52.1363 53.3356L57.3641 51.0544L57.3642 51.0544L57.368 51.0527C59.0989 50.2976 60.728 49.5869 62.1935 48.9016C62.6497 48.6883 63.1629 48.7069 63.5558 48.9552C65.3116 50.065 66 51.0027 66 52.0462C66 53.1221 65.2673 54.0851 63.3937 55.2382C61.5349 56.3821 58.7307 57.6071 54.9231 59.2685L49.9981 61.4176C45.1857 63.5175 42.9096 64.5 40.5 64.5C38.0904 64.5 35.8143 63.5175 31.002 61.4176L26.077 59.2685L26.077 59.2685C22.2693 57.6071 19.4651 56.3821 17.6063 55.2382C15.7326 54.0851 15 53.1221 15 52.0462C15 51.0027 15.6884 50.065 17.4442 48.9552C17.8371 48.7069 18.3503 48.6883 18.8065 48.9016C20.2721 49.5869 21.9013 50.2976 23.6323 51.0528L23.6363 51.0546L23.6364 51.0546L28.8637 53.3356C29.0904 53.4345 29.3142 53.5324 29.5356 53.6292L29.5359 53.6294L29.5359 53.6294L29.5403 53.6313L29.7407 53.1732L29.5403 53.6313L29.5495 53.6353L29.7499 53.1772L29.5495 53.6353L29.6165 53.6646C33.6569 55.4322 36.93 56.8641 40.5 56.8641C44.07 56.8641 47.343 55.4322 51.3834 53.6647L51.4501 53.6355L51.4504 53.6354L51.4548 53.6335Z" stroke="url(#paint4_linear_655_2315)"/>
+</g>
+<g filter="url(#filter2_d_655_2315)">
+<path d="M50.1981 36.8647L55.1231 34.708C62.7077 31.3866 66.5 29.726 66.5 27C66.5 24.274 62.7077 22.6134 55.1231 19.292L50.1981 17.1353C45.425 15.0452 43.0382 14 40.5 14C37.9618 14 35.575 15.0452 30.802 17.1353L25.877 19.292C18.2922 22.6134 14.5 24.274 14.5 27C14.5 29.726 18.2922 31.3866 25.877 34.708L30.802 36.8647C35.575 38.9549 37.9618 40 40.5 40C43.0382 40 45.425 38.9549 50.1981 36.8647Z" fill="url(#paint5_linear_655_2315)"/>
+<path d="M31.0026 36.4067L30.802 36.8647L31.0026 36.4067L26.0776 34.25L25.877 34.708L26.0776 34.25C22.2699 32.5826 19.4657 31.3533 17.607 30.2053C15.7339 29.0485 15 28.0816 15 27C15 25.9184 15.7339 24.9515 17.607 23.7947C19.4657 22.6467 22.2699 21.4174 26.0776 19.75L31.0026 17.5933C35.815 15.4859 38.0908 14.5 40.5 14.5C42.9092 14.5 45.185 15.4859 49.9975 17.5933L54.9225 19.75C58.7301 21.4174 61.5343 22.6467 63.393 23.7947C65.2661 24.9515 66 25.9184 66 27C66 28.0816 65.2661 29.0485 63.393 30.2053C61.5343 31.3533 58.7301 32.5826 54.9225 34.25L49.9975 36.4067C45.185 38.5142 42.9092 39.5 40.5 39.5C38.0908 39.5 35.815 38.5142 31.0026 36.4067Z" stroke="url(#paint6_linear_655_2315)"/>
+</g>
+</g>
 <defs>
-<linearGradient id="paint0_linear_221_2196" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#71717A"/>
-<stop offset="1" stop-color="#52525B"/>
+<filter id="filter0_d_655_2315" x="12.5" y="34.7543" width="56" height="20.7457" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_655_2315"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_655_2315" result="shape"/>
+</filter>
+<filter id="filter1_d_655_2315" x="12.5" y="47.2543" width="56" height="20.7457" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_655_2315"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_655_2315" result="shape"/>
+</filter>
+<filter id="filter2_d_655_2315" x="12.5" y="13" width="56" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_655_2315"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_655_2315" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_655_2315" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6B7280"/>
+<stop offset="1" stop-color="#374151"/>
 </linearGradient>
+<linearGradient id="paint1_linear_655_2315" x1="40.5" y1="28.2116" x2="40.5" y2="52.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_655_2315" x1="40.5" y1="27.1321" x2="40.5" y2="52.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_655_2315" x1="40.5" y1="40.7116" x2="40.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_655_2315" x1="40.5" y1="39.6321" x2="40.5" y2="65" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_655_2315" x1="40.5" y1="12.375" x2="40.5" y2="40" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint6_linear_655_2315" x1="40.5" y1="14.5417" x2="40.5" y2="40" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0_655_2315">
+<rect width="56" height="56" fill="white" transform="translate(12.5 12)"/>
+</clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-store.svg

@@ -1,12 +1,97 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_linear_376_1439)"/>
-<path d="M31.2426 16.5935C33 18.187 33 20.7518 33 25.8811V28.1189C33 33.2483 33 35.813 31.2426 37.4066C29.4853 39 26.6568 39 21 39C15.3431 39 12.5147 39 10.7574 37.4066C9 35.813 9 33.2483 9 28.1189V25.8811C9 20.7518 9 18.187 10.7574 16.5935C12.5147 15 15.3431 15 21 15C26.6568 15 29.4853 15 31.2426 16.5935Z" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.0996 15C15.2602 12.9182 15.6765 11.5726 16.7562 10.5935C18.5135 9 21.342 9 26.9988 9C32.6557 9 35.4841 9 37.2415 10.5935C38.9988 12.187 38.9988 14.7518 38.9988 19.8812V22.1189C38.9988 27.2483 38.9988 29.813 37.2415 31.4066C36.2617 32.2949 34.9489 32.688 32.9988 32.862" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21 21V33M27 27H15" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" transform="translate(0.5)" fill="url(#paint0_linear_571_5874)"/>
+<g filter="url(#filter0_d_571_5874)">
+<path d="M16.5 54C16.5 50.149 16.5 48.2232 17.3668 46.8087C17.8519 46.0172 18.5173 45.3517 19.3088 44.8667C20.7234 44 22.6489 44 26.5 44C30.3511 44 32.2766 44 33.6912 44.8667C34.4827 45.3517 35.1481 46.0172 35.6332 46.8087C36.5 48.2232 36.5 50.149 36.5 54C36.5 57.851 36.5 59.7767 35.6332 61.1912C35.1481 61.9827 34.4827 62.6482 33.6912 63.1332C32.2766 64 30.3511 64 26.5 64C22.6489 64 20.7234 64 19.3088 63.1332C18.5173 62.6482 17.8519 61.9827 17.3668 61.1912C16.5 59.7767 16.5 57.851 16.5 54Z" fill="url(#paint1_linear_571_5874)"/>
+<path d="M17.7931 47.07L17.7931 47.07C18.2369 46.3458 18.8459 45.7368 19.5701 45.2931C20.1856 44.9159 20.935 44.711 22.038 44.6061C23.1485 44.5005 24.5648 44.5 26.5 44.5C28.4352 44.5 29.8515 44.5005 30.962 44.6061C32.065 44.711 32.8144 44.9159 33.4299 45.2931C34.1541 45.7368 34.7631 46.3458 35.2069 47.07L35.6332 46.8087L35.2069 47.07C35.584 47.6855 35.789 48.435 35.8939 49.538C35.9995 50.6485 36 52.0648 36 54C36 55.9352 35.9995 57.3515 35.8939 58.462C35.789 59.565 35.584 60.3145 35.2069 60.93L35.6332 61.1912L35.2069 60.93C34.7631 61.6542 34.1541 62.2632 33.4299 62.7069C32.8144 63.0841 32.065 63.289 30.962 63.3939C29.8515 63.4995 28.4352 63.5 26.5 63.5C24.5648 63.5 23.1485 63.4995 22.038 63.3939C20.935 63.289 20.1856 63.0841 19.5701 62.7069C18.8459 62.2632 18.2369 61.6542 17.7931 60.93L17.3672 61.191L17.7931 60.93C17.416 60.3145 17.211 59.565 17.1061 58.462C17.0005 57.3515 17 55.9352 17 54C17 52.0648 17.0005 50.6485 17.1061 49.538C17.211 48.435 17.416 47.6855 17.7931 47.07ZM17.3672 46.809L17.3668 46.8087L17.3672 46.809Z" stroke="url(#paint2_linear_571_5874)"/>
+</g>
+<g filter="url(#filter1_d_571_5874)">
+<path d="M44.5 54C44.5 50.149 44.5 48.2232 45.3667 46.8087C45.8517 46.0172 46.5172 45.3517 47.3087 44.8667C48.7232 44 50.649 44 54.5 44C58.351 44 60.2767 44 61.6912 44.8667C62.4827 45.3517 63.1482 46.0172 63.6332 46.8087C64.5 48.2232 64.5 50.149 64.5 54C64.5 57.851 64.5 59.7767 63.6332 61.1912C63.1482 61.9827 62.4827 62.6482 61.6912 63.1332C60.2767 64 58.351 64 54.5 64C50.649 64 48.7232 64 47.3087 63.1332C46.5172 62.6482 45.8517 61.9827 45.3667 61.1912C44.5 59.7767 44.5 57.851 44.5 54Z" fill="url(#paint3_linear_571_5874)"/>
+<path d="M45 54C45 52.0648 45.0005 50.6485 45.1061 49.538C45.211 48.435 45.4159 47.6855 45.7931 47.07C46.2368 46.3458 46.8458 45.7368 47.57 45.2931C48.1855 44.9159 48.935 44.711 50.038 44.6061C51.1485 44.5005 52.5648 44.5 54.5 44.5C56.4352 44.5 57.8515 44.5005 58.962 44.6061C60.065 44.711 60.8145 44.9159 61.43 45.2931C62.1542 45.7368 62.7632 46.3458 63.2069 47.07L63.6332 46.8087L63.2069 47.07C63.5841 47.6855 63.789 48.435 63.8939 49.538C63.9995 50.6485 64 52.0648 64 54C64 55.9352 63.9995 57.3515 63.8939 58.462C63.789 59.565 63.5841 60.3145 63.2069 60.93C62.7632 61.6542 62.1542 62.2632 61.43 62.7069C60.8145 63.0841 60.065 63.289 58.962 63.3939C57.8515 63.4995 56.4352 63.5 54.5 63.5C52.5648 63.5 51.1485 63.4995 50.038 63.3939C48.935 63.289 48.1855 63.0841 47.57 62.7069L47.3087 63.1332L47.57 62.7069C46.8458 62.2632 46.2368 61.6542 45.7931 60.93C45.4159 60.3145 45.211 59.565 45.1061 58.462C45.0005 57.3515 45 55.9352 45 54Z" stroke="url(#paint4_linear_571_5874)"/>
+</g>
+<g filter="url(#filter2_d_571_5874)">
+<path d="M16.5 26C16.5 22.1489 16.5 20.2234 17.3668 18.8088C17.8519 18.0173 18.5173 17.3519 19.3088 16.8668C20.7234 16 22.6489 16 26.5 16C30.3511 16 32.2766 16 33.6912 16.8668C34.4827 17.3519 35.1481 18.0173 35.6332 18.8088C36.5 20.2234 36.5 22.1489 36.5 26C36.5 29.8511 36.5 31.7766 35.6332 33.1912C35.1481 33.9827 34.4827 34.6481 33.6912 35.1332C32.2766 36 30.3511 36 26.5 36C22.6489 36 20.7234 36 19.3088 35.1332C18.5173 34.6481 17.8519 33.9827 17.3668 33.1912C16.5 31.7766 16.5 29.8511 16.5 26Z" fill="url(#paint5_linear_571_5874)"/>
+<path d="M17.7931 19.0701L17.7931 19.0701C18.2369 18.3459 18.8459 17.7369 19.5701 17.2931L19.5701 17.2931C20.1856 16.916 20.935 16.711 22.038 16.6061C23.1485 16.5005 24.5648 16.5 26.5 16.5C28.4352 16.5 29.8515 16.5005 30.962 16.6061C32.065 16.711 32.8144 16.916 33.4299 17.2931L33.6912 16.8668L33.4299 17.2931C34.1541 17.7369 34.7631 18.3459 35.2069 19.0701C35.584 19.6856 35.789 20.435 35.8939 21.538C35.9995 22.6485 36 24.0648 36 26C36 27.9352 35.9995 29.3515 35.8939 30.462C35.789 31.565 35.584 32.3144 35.2069 32.9299C34.7631 33.6541 34.1541 34.2631 33.4299 34.7069C32.8144 35.084 32.065 35.289 30.962 35.3939C29.8515 35.4995 28.4352 35.5 26.5 35.5C24.5648 35.5 23.1485 35.4995 22.038 35.3939C20.935 35.289 20.1856 35.084 19.5701 34.7069C18.8459 34.2631 18.2369 33.6541 17.7931 32.9299L17.3676 33.1907L17.7931 32.9299C17.416 32.3144 17.211 31.565 17.1061 30.462C17.0005 29.3515 17 27.9352 17 26C17 24.0648 17.0005 22.6485 17.1061 21.538C17.211 20.435 17.416 19.6856 17.7931 19.0701Z" stroke="url(#paint6_linear_571_5874)"/>
+</g>
+<g filter="url(#filter3_d_571_5874)">
+<path d="M44.5 26C44.5 22.1489 44.5 20.2234 45.3667 18.8088C45.8517 18.0173 46.5172 17.3519 47.3087 16.8668C48.7232 16 50.649 16 54.5 16C58.351 16 60.2767 16 61.6912 16.8668C62.4827 17.3519 63.1483 18.0173 63.6332 18.8088C64.5 20.2234 64.5 22.1489 64.5 26C64.5 29.8511 64.5 31.7766 63.6332 33.1912C63.1483 33.9827 62.4827 34.6482 61.6912 35.1332C60.2767 36 58.351 36 54.5 36C50.649 36 48.7232 36 47.3087 35.1332C46.5172 34.6482 45.8517 33.9827 45.3667 33.1912C44.5 31.7766 44.5 29.8511 44.5 26Z" fill="url(#paint7_linear_571_5874)"/>
+<path d="M47.57 17.2931L47.57 17.2931C48.1855 16.916 48.935 16.711 50.038 16.6061C51.1485 16.5005 52.5648 16.5 54.5 16.5C56.4352 16.5 57.8515 16.5005 58.962 16.6061C60.065 16.711 60.8145 16.916 61.43 17.2931L61.6912 16.8668L61.43 17.2931C62.1542 17.7369 62.7632 18.3459 63.2069 19.0701C63.5841 19.6856 63.789 20.435 63.8939 21.538C63.9995 22.6485 64 24.0648 64 26C64 27.9352 63.9995 29.3515 63.8939 30.462C63.789 31.565 63.5841 32.3144 63.2069 32.9299C62.7632 33.6541 62.1542 34.2631 61.43 34.7069L61.6912 35.1332L61.43 34.7069C60.8145 35.084 60.065 35.289 58.962 35.3939C57.8515 35.4995 56.4352 35.5 54.5 35.5C52.5648 35.5 51.1485 35.4995 50.038 35.3939C48.935 35.289 48.1855 35.084 47.57 34.7069L47.3087 35.1332L47.57 34.7069C46.8458 34.2631 46.2368 33.6541 45.7931 32.9299C45.4159 32.3144 45.211 31.565 45.1061 30.462C45.0005 29.3515 45 27.9352 45 26C45 24.0648 45.0005 22.6485 45.1061 21.538C45.211 20.435 45.4159 19.6856 45.7931 19.0701C46.2368 18.3459 46.8458 17.7369 47.57 17.2931Z" stroke="url(#paint8_linear_571_5874)"/>
+</g>
 <defs>
-<linearGradient id="paint0_linear_376_1439" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
-<stop stop-color="#71717A"/>
-<stop offset="1" stop-color="#52525B"/>
+<filter id="filter0_d_571_5874" x="14.5" y="43" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5874"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5874" result="shape"/>
+</filter>
+<filter id="filter1_d_571_5874" x="42.5" y="43" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5874"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5874" result="shape"/>
+</filter>
+<filter id="filter2_d_571_5874" x="14.5" y="15" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5874"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5874" result="shape"/>
+</filter>
+<filter id="filter3_d_571_5874" x="42.5" y="15" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_571_5874"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_571_5874" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_571_5874" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6B7280"/>
+<stop offset="1" stop-color="#374151"/>
+</linearGradient>
+<linearGradient id="paint1_linear_571_5874" x1="26.5" y1="44" x2="26.5" y2="64" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_571_5874" x1="26.5" y1="44" x2="26.5" y2="64" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_571_5874" x1="54.5" y1="44" x2="54.5" y2="64" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_571_5874" x1="54.5" y1="44" x2="54.5" y2="64" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_571_5874" x1="26.5" y1="16" x2="26.5" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F3F4F6"/>
+<stop offset="1" stop-color="#9CA3AF"/>
+</linearGradient>
+<linearGradient id="paint6_linear_571_5874" x1="26.5" y1="16" x2="26.5" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_571_5874" x1="54.5" y1="16" x2="54.5" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE68A"/>
+<stop offset="1" stop-color="#D97706"/>
+</linearGradient>
+<linearGradient id="paint8_linear_571_5874" x1="54.5" y1="16" x2="54.5" y2="36" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.8"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>

studio/template/menu_top_center.html

@@ -9,16 +9,4 @@
             </a>
         </li>
     </bx_repeat:menu_items>
-    <bx_if:show_search>
-        <li class="bx-menu-tab-divider rounded bg-gray-800"></li>
-        <li class="bx-menu-tab-search flex-auto text-gray-100">
-            <svg class="ml-2 hidden" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M4 13.3333C4 14.559 4.24141 15.7727 4.71046 16.905C5.1795 18.0374 5.86699 19.0663 6.73367 19.933C7.60035 20.7997 8.62925 21.4872 9.76162 21.9562C10.894 22.4253 12.1077 22.6667 13.3333 22.6667C14.559 22.6667 15.7727 22.4253 16.905 21.9562C18.0374 21.4872 19.0663 20.7997 19.933 19.933C20.7997 19.0663 21.4872 18.0374 21.9562 16.905C22.4253 15.7727 22.6667 14.559 22.6667 13.3333C22.6667 12.1077 22.4253 10.894 21.9562 9.76162C21.4872 8.62925 20.7997 7.60035 19.933 6.73367C19.0663 5.86699 18.0374 5.1795 16.905 4.71046C15.7727 4.24141 14.559 4 13.3333 4C12.1077 4 10.894 4.24141 9.76162 4.71046C8.62925 5.1795 7.60035 5.86699 6.73367 6.73367C5.86699 7.60035 5.1795 8.62925 4.71046 9.76162C4.24141 10.894 4 12.1077 4 13.3333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-                <path d="M28 28L20 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-            <div class="bx-form-input-wrapper bx-form-input-wrapper-text">
-                <input type="text" name="search" value="" placeholder="<bx_text_attribute:_adm_tmi_cpt_search />" class="bx-def-font-inputs bx-form-input-text" onkeydown="return oBxDolStudioMenuTop.searchWidget(event)" />
-            </div>
-        </li>
-    </bx_if:show_search>
 </ul>

studio/template/menu_top_toolbar.html

@@ -1,4 +1,19 @@
 <ul class="bx-menu-toolbar gap-x-4">
+    <bx_if:show_search>
+        <li class="bx-menu-tab-search flex-auto">
+            <div class="bg-gray-800 hover:bg-gray-700 text-gray-300 hover:text-white hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
+                <a class="text-gray-300 hover:text-white" href="javascript:void(0)" onclick="javascript:$(this).parents('li:first').toggleClass('bx-mt-active')">
+                    <svg class="flex-none ml-1.5" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M5 12C5 12.9193 5.18106 13.8295 5.53284 14.6788C5.88463 15.5281 6.40024 16.2997 7.05025 16.9497C7.70026 17.5998 8.47194 18.1154 9.32122 18.4672C10.1705 18.8189 11.0807 19 12 19C12.9193 19 13.8295 18.8189 14.6788 18.4672C15.5281 18.1154 16.2997 17.5998 16.9497 16.9497C17.5998 16.2997 18.1154 15.5281 18.4672 14.6788C18.8189 13.8295 19 12.9193 19 12C19 11.0807 18.8189 10.1705 18.4672 9.32122C18.1154 8.47194 17.5998 7.70026 16.9497 7.05025C16.2997 6.40024 15.5281 5.88463 14.6788 5.53284C13.8295 5.18106 12.9193 5 12 5C11.0807 5 10.1705 5.18106 9.32122 5.53284C8.47194 5.88463 7.70026 6.40024 7.05025 7.05025C6.40024 7.70026 5.88463 8.47194 5.53284 9.32122C5.18106 10.1705 5 11.0807 5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        <path d="M23 23L17 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                </a>
+                <div class="bx-form-input-wrapper bx-form-input-wrapper-text">
+                    <input type="text" name="search" value="" placeholder="<bx_text_attribute:_adm_tmi_cpt_search />" class="bx-def-font-inputs bx-form-input-text" onkeydown="return oBxDolStudioMenuTop.searchWidget(event)" />
+                </div>
+            </div>
+        </li>
+    </bx_if:show_search>
     <bx_repeat:menu_items>
         <li class="bx-menu-tab-__name__  __class_add__ hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
             <a href="__link__" onclick="__onclick__" class="bg-gray-800 hover:bg-gray-700 text-gray-300 hover:text-white" title="__title__"__attrs__><bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon><bx_if:image><img src="__icon_url__" /></bx_if:image><bx_if:image_inline>__image__</bx_if:image_inline></a>

studio/template/page_breadcrumb.html

@@ -5,7 +5,14 @@
                 <img src="<bx_icon_url:bc-arrow.svg />" />
             </li>
             <li class="bx-menu-bc-item bx-menu-bc-__name__  __class_add__">
-                <a href="__link__" onclick="__onclick__" class="bx-def-margin-sec-left bx-def-font-contrasted" title="__title_attr__"__attrs__><bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon><bx_if:image><img src="__icon_url__" /></bx_if:image><bx_if:image_inline>__image__</bx_if:image_inline><bx_if:title><span class="bx-def-padding-thd-left">__title__</span></bx_if:title></a>
+                <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
+                    <div class="bx-mi-icon flex-0">
+                        <bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon>
+                        <bx_if:image><img src="__icon_url__" /></bx_if:image>
+                        <bx_if:image_inline>__image__</bx_if:image_inline>
+                    </div>
+                    <bx_if:title><div class="bx-mi-title flex-1 pl-2">__title__</div></bx_if:title>
+                </a>
             </li>
         </bx_repeat:menu_items>
     </ul>

studio/template/scripts/BxBaseStudioMenuTop.php

@@ -51,7 +51,7 @@ class BxBaseStudioMenuTop extends BxDolStudioMenuTop
                 ));
 
                 $sContent = $oMenu->getCode();
-                if($sPosition == BX_DOL_STUDIO_MT_CENTER) {
+                if($sPosition == BX_DOL_STUDIO_MT_RIGHT) {
                     $sContent = $oTemplate->parseHtmlByContent($sContent, [
                         'bx_if:show_search' => [
                             'condition' => $this->sPageName == 'home' && getParam('sys_std_show_header_right_search') == 'on',

studio/template/scripts/BxBaseStudioPage.php

@@ -109,36 +109,39 @@ class BxBaseStudioPage extends BxDolStudioPage
 
         $this->addMarkers($aMarkers);
 
-        $aMenuItems = array(
-            'home' => array(
+        $aMenuItems = [];
+        if($this->aPage['name'] != 'home')
+            $aMenuItems['home'] = [
                 'name' => 'home',
                 'icon' => 'bc-home.svg',
-                'link' => 'javascript:void(0)',
-                'onclick' => bx_replace_markers('return {js_object_launcher}.browser(this)', $this->aMarkers),
+                'link' => BX_DOL_URL_STUDIO,
+                //'onclick' => bx_replace_markers('return {js_object_launcher}.browser(this)', $this->aMarkers),
                 'title' => ''
-            )
-        );
+            ];
 
-        if($bWidgetType)
-            $aMenuItems['type'] = array(
+        /**
+         * Hidden for now.
+         */
+        if(false && $bWidgetType)
+            $aMenuItems['type'] = [
                 'name' => 'type',
                 'icon' => $this->getPageTypeIcon(),
                 'link' => $this->getPageTypeUrl(),
                 'onclick' => bx_replace_markers("return {js_object_launcher}.browser(this, '{widget_type}')", $this->aMarkers),
                 'title' => ''
-            );
+            ];
 
-        $aMenuItems['page'] = array(
+        $aMenuItems['page'] = [
             'name' => 'page',
             'icon' => $this->aPage['icon'],
             'link' => $this->getPageUrl(),
             'title' => _t($this->aPage['caption'])
-        );       
+        ];
 
-        $oMenu = new BxTemplStudioMenu(array(
+        $oMenu = new BxTemplStudioMenu([
             'template' => 'page_breadcrumb.html',
             'menu_items' => $aMenuItems
-        ));
+        ]);
 
         return $oMenu->getCode();
     }

studio/template/scripts/BxBaseStudioWidgets.php

@@ -104,6 +104,7 @@ class BxBaseStudioWidgets extends BxDolStudioWidgets
 
         $oTopMenu = BxTemplStudioMenuTop::getInstance();
         $oTopMenu->setPageName($this->aPage['name']);
+        $oTopMenu->setContent(BX_DOL_STUDIO_MT_LEFT, $this->getPageBreadcrumb());
         $oTopMenu->setContent(BX_DOL_STUDIO_MT_RIGHT, $aItemsRight);
 
         return '';