Added PreviewFiles to devTool server side.

layouts/scripts/dist/index.min.js

@@ -11480,6 +11480,14 @@ const SidebarDataOptionsStyle = qe.div`
   }
 `;
 
+function DesignPreview(props = {}) {
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#999'
+    }
+  }, "Preview");
+}
+
 function DataOptions(props = {}) {
   props.rootAttributes = props.rootAttributes ?? {};
   const initialState = {
@@ -11513,10 +11521,16 @@ function DataOptions(props = {}) {
 
   const handleBlur = async e => (await isClickOutside(e)) ? closeSidebar() : null;
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SidebarButtonToggleStyle, {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '1rem',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(SidebarButtonToggleStyle, {
     onClick: () => openSidebar(),
     title: "Open a Sidebar with Data Options"
-  }, "#"), /*#__PURE__*/React.createElement(SidebarStyle, {
+  }), /*#__PURE__*/React.createElement(DesignPreview, null), /*#__PURE__*/React.createElement(SidebarStyle, {
     className: sidebarOpen ? 'active sidebar-active' : '',
     tabIndex: "0",
     onBlur: handleBlur

layouts/scripts/dist/toolbar/images/icon-open-new-tab.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" fill="#21252d">
+  <path
+    d="M9.5 43.05q-1.85 0-3.2-1.35t-1.35-3.2v-29q0-1.9 1.35-3.25T9.5 4.9h13.35v4.6H9.5v29h29V25.15h4.6V38.5q0 1.85-1.35 3.2t-3.25 1.35ZM20.3 30.9l-3.15-3.2 18.2-18.2h-9.5V4.9H43.1v17.25h-4.6V12.7Z"/>
+</svg>