diff --git a/dist/challenge/index.html b/dist/challenge/index.html
index a6c77b5938..bc9c90b161 100644
--- a/dist/challenge/index.html
+++ b/dist/challenge/index.html
@@ -21,7 +21,8 @@
 			body { font-family: 'Inter', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; background-color: #fff; color: #252525; }
 
 			.content { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 16px; height: 100%; }
-			.title { font-size: 18px; line-height: 26px; letter-spacing: -0.28px; font-weight: 700; margin: 0px 0px 24px 0px; text-align: center; }
+			.title { font-size: 18px; line-height: 26px; letter-spacing: -0.28px; font-weight: 700; margin: 0px 0px 4px 0px; text-align: center; }
+			.description { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; font-weight: 400; margin: 0px 0px 24px 0px; text-align: center; }
 
 			#challenge { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 0px 8px; }
 			#challenge .number { background-color: #f2f2f2; border-radius: 12px; font-weight: 700; font-size: 36px; line-height: 40px; padding: 12px; }
@@ -31,6 +32,7 @@
 	<body>
 		<div class="content">
 			<div id="title" class="title"></div>
+			<div id="description" class="description"></div>
 			<div id="challenge"></div>
 		</div>
 		<script type="text/javascript">
@@ -38,6 +40,7 @@
 				const win = $(window);
 				const html = $('html')
 				const title = $('#title');
+				const description = $('#description');
 				const challengeEl = $('#challenge');
 
 				window.Electron.on('challenge', (e, data) => {
@@ -57,6 +60,7 @@
 						contentType: 'application/json',
 						success: data => {
 							title.text(data.challengeTitle);
+							description.text(data.challengeDescription);
 						},
 					});
 				});
diff --git a/dist/embed/iframe.html b/dist/embed/iframe.html
index d4ca48529c..5b23d0d75c 100644
--- a/dist/embed/iframe.html
+++ b/dist/embed/iframe.html
@@ -130,6 +130,9 @@
 					// Github Gist
 					if (processor == Processor.GithubGist) {
 						loadGithubGist(html);
+					} else
+					if (processor == Processor.Kroki) {
+						loadKroki(html);
 					} else {
 						if ((processor == Processor.Telegram) && !html.match(/<script/)) {
 							const post = html.replace(/^https:\/\/t.me\//, '');
@@ -179,7 +182,7 @@
 
 				function resize () {
 					const height = useRootHeight ? root.height() : document.documentElement.scrollHeight;
-					window.parent.postMessage({ height, blockId }, '*');
+					window.parent.postMessage({ type: 'resize', height, blockId }, '*');
 				};
 
 				function insertHtml (html) {
@@ -246,6 +249,26 @@
 					});
 				};
 
+				function loadKroki (html) {
+					if (!html) {
+						return;
+					};
+
+					$.ajax({
+						url: html,
+						dataType: 'text',
+						timeout: 1000,
+						success: (data) => {
+							root.html(data);
+
+							root.find('a').off('click').on('click', function (e) {
+								e.preventDefault();
+								window.parent.postMessage({ type: 'openUrl', url: $(this).attr('href') }, '*');
+							});
+						}
+					});
+				};
+
 				function getEnvironmentContent (processor) {
 					const libs = [];
 
diff --git a/electron.js b/electron.js
index f4f897c5c4..ce26f56993 100644
--- a/electron.js
+++ b/electron.js
@@ -10,6 +10,8 @@ const remote = require('@electron/remote/main');
 const { installNativeMessagingHost } = require('./electron/js/lib/installNativeMessagingHost.js');
 const binPath = fixPathForAsarUnpack(path.join(__dirname, 'dist', `anytypeHelper${is.windows ? '.exe' : ''}`));
 const Store = require('electron-store');
+const suffix = app.isPackaged ? '' : 'dev';
+const store = new Store({ name: [ 'localStorage', suffix ].join('-') });
 
 // Fix notifications app name
 if (is.windows) {
@@ -17,7 +19,7 @@ if (is.windows) {
 };
 
 storage.setDataPath(app.getPath('userData'));
-Store.initRenderer();
+//Store.initRenderer();
 
 const Api = require('./electron/js/api.js');
 const ConfigManager = require('./electron/js/config.js');
@@ -53,6 +55,16 @@ powerMonitor.on('resume', () => {
 	Util.log('info', '[PowerMonitor] resume');
 });
 
+ipcMain.on('storeGet', (e, key) => {
+	e.returnValue = store.get(key);
+});
+ipcMain.on('storeSet', (e, key, value) => {
+	e.returnValue = store.set(key, value);
+});
+ipcMain.on('storeDelete', (e, key) => {
+	e.returnValue = store.delete(key);
+});
+
 let deeplinkingUrl = '';
 let waitLibraryPromise = null;
 let mainWindow = null;
diff --git a/electron/js/api.js b/electron/js/api.js
index 17d9d8d658..6f68e3915b 100644
--- a/electron/js/api.js
+++ b/electron/js/api.js
@@ -217,6 +217,10 @@ class Api {
 		WindowManager.createChallenge(param);
 	};
 
+	hideChallenge (win, param) {
+		WindowManager.closeChallenge(param);
+	};
+
 	reload (win, route) {
 		win.route = route;
 		win.webContents.reload();
diff --git a/electron/js/preload.js b/electron/js/preload.js
index 77f321592f..b2f22bca8b 100644
--- a/electron/js/preload.js
+++ b/electron/js/preload.js
@@ -5,9 +5,6 @@ const os = require('os');
 const path = require('path');
 const mime = require('mime-types');
 const tmpPath = () => app.getPath('temp');
-const Store = require('electron-store');
-const suffix = app.isPackaged ? '' : 'dev';
-const store = new Store({ name: [ 'localStorage', suffix ].join('-') });
 
 contextBridge.exposeInMainWorld('Electron', {
 	version: {
@@ -19,9 +16,9 @@ contextBridge.exposeInMainWorld('Electron', {
 	platform: os.platform(),
 	arch: process.arch,
 
-	storeSet: (key, value) => store.set(key, value),
-	storeGet: key => store.get(key),
-	storeDelete: key => store.delete(key),
+	storeGet: key => ipcRenderer.sendSync('storeGet', key),
+	storeSet: (key, value) => ipcRenderer.sendSync('storeSet', key, value),
+	storeDelete: key => ipcRenderer.sendSync('storeDelete', key),
 
 	isPackaged: app.isPackaged,
 	userPath: () => app.getPath('userData'),
diff --git a/electron/js/window.js b/electron/js/window.js
index 9b0f36aef7..e7e7b3f81c 100644
--- a/electron/js/window.js
+++ b/electron/js/window.js
@@ -21,7 +21,6 @@ class WindowManager {
 	list = new Set();
 
 	create (options, param) {
-		const { route, isChild } = options;
 		const { hideMenuBar } = ConfigManager.config;
 
 		param = Object.assign({
@@ -45,8 +44,7 @@ class WindowManager {
 
 		remote.enable(win.webContents);
 
-		win.isChild = isChild;
-		win.route = route;
+		win = Object.assign(win, options);
 		win.windowId = win.id;
 
 		this.list.add(win);
@@ -144,33 +142,39 @@ class WindowManager {
 	createChallenge (options) {
 		const { screen } = require('electron');
 		const primaryDisplay = screen.getPrimaryDisplay();
-		const { width } = primaryDisplay.workAreaSize;
+		const { width, height } = primaryDisplay.workAreaSize;
 
-		const win = this.create({}, {
+		const win = this.create({ ...options, isChallenge: true }, {
 			backgroundColor: '',
 			width: 424, 
 			height: 232,
 			x: Math.floor(width / 2 - 212),
-			y: 50,
+			y: Math.floor(height - 282),
 			titleBarStyle: 'hidden',
+			alwaysOnTop: true,
+			focusable: true,
+			skipTaskbar: true,
 		});
 
-		win.loadURL('file://' + path.join(Util.appPath, 'dist', 'challenge', `index.html`));
+		win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });
+		win.loadURL('file://' + path.join(Util.appPath, 'dist', 'challenge', 'index.html'));
 		win.setMenu(null);
-
-		is.windows || is.linux ? win.showInactive() : win.show();
-		win.focus();
+		win.showInactive(); // show inactive to prevent focus loose from other app
 
 		win.webContents.once('did-finish-load', () => {
 			win.webContents.postMessage('challenge', options);
 		});
 
-		setTimeout(() => {
-			if (win && !win.isDestroyed()) {
+		setTimeout(() => this.closeChallenge(options), 30000);
+		return win;
+	};
+
+	closeChallenge (options) {
+		for (const win of this.list) {
+			if (win && win.isChallenge && (win.challenge == options.challenge) && !win.isDestroyed()) {
 				win.close();
 			};
-		}, 30000);
-		return win;
+		};
 	};
 
 	command (win, cmd, param) {
diff --git a/electron/json/cors.json b/electron/json/cors.json
index e32566a575..e756bc8317 100644
--- a/electron/json/cors.json
+++ b/electron/json/cors.json
@@ -52,7 +52,8 @@
 		"https://cdnjs.cloudflare.com",
 		"https://*.bilibili.com",
 		"https://s1.hdslb.com",
-		"https://static.sketchfab.com"
+		"https://static.sketchfab.com",
+		"https://*.bstarstatic.com"
 	],
 
 	"font-src": [ 
@@ -69,7 +70,8 @@
 		"https://*.fbcdn.net",
 		"https://static.cdninstagram.com",
 		"https://telegram.org",
-		"https://static.sketchfab.com"
+		"https://static.sketchfab.com",
+		"https://*.bstarstatic.com"
 	],
 
 	"connect-src": [ 
@@ -121,7 +123,11 @@
 		"https://media.sketchfab.com",
 		"https://sentry.io",
 		"https://*.any.coop",
-		"https://*.amplitude.com"
+		"https://*.amplitude.com",
+		"https://kroki.io",
+		"https://*.vimeo.com",
+		"https://*.statsigapi.net",
+		"https://*.bstarstatic.com"
 	],
 
 	"script-src-elem": [
@@ -155,7 +161,11 @@
 		"https://codepen.io",
 		"https://cdnjs.cloudflare.com",
 		"https://*.hdslb.com",
-		"https://static.sketchfab.com"
+		"https://static.sketchfab.com",
+		"https://*.codepenassets.com",
+		"https://*.bstarstatic.com",
+		"https://*.googletagmanager.com",
+		"https://*.facebook.net"
 	],
 
 	"frame-src": [
@@ -171,6 +181,7 @@
 		"https://*.figma.com",
 		"https://*.github.com",
 		"https://*.bilibili.com",
+		"https://*.bilibili.tv",
 		"https://platform.twitter.com",
 		"https://*.openstreetmap.org",
 		"https://embed.reddit.com",
diff --git a/extension/popup/index.tsx b/extension/popup/index.tsx
index cf2930f017..7dc187e2b7 100644
--- a/extension/popup/index.tsx
+++ b/extension/popup/index.tsx
@@ -66,6 +66,8 @@ const Index = observer(class Index extends React.Component<I.PageComponent, Stat
 	login () {
 		const appKey = Storage.get('appKey');
 
+		console.log('appKey', appKey);
+
 		if (appKey) {
 			Util.authorize(appKey, () => {
 				const { serverPort, gatewayPort } = S.Extension;
diff --git a/middleware.version b/middleware.version
index 09fc9f9ddb..2635752090 100644
--- a/middleware.version
+++ b/middleware.version
@@ -1 +1 @@
-0.38.7
\ No newline at end of file
+0.39.0-rc08
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 4430f7296d..5b9b3dee7a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "anytype",
-	"version": "0.44.0",
+	"version": "0.44.11-alpha",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "anytype",
-			"version": "0.44.0",
+			"version": "0.44.11-alpha",
 			"hasInstallScript": true,
 			"license": "SEE LICENSE IN LICENSE.md",
 			"dependencies": {
@@ -6526,9 +6526,9 @@
 			}
 		},
 		"node_modules/dom-iterator": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/dom-iterator/-/dom-iterator-1.0.0.tgz",
-			"integrity": "sha512-7dsMOQI07EMU98gQM8NSB3GsAiIeBYIPKpnxR3c9xOvdvBjChAcOM0iJ222I3p5xyiZO9e5oggkNaCusuTdYig==",
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/dom-iterator/-/dom-iterator-1.0.2.tgz",
+			"integrity": "sha512-BMelEjhy08OpoWF3v/jrPtx7PZCyP1VM9yiB7rJk19UVmt7zTN5rqoC0Jea+EyT0M6v/VokL0LxIlGLUOBJZ2g==",
 			"dependencies": {
 				"component-props": "1.1.1",
 				"component-xor": "0.0.4"
@@ -18235,9 +18235,9 @@
 			}
 		},
 		"node_modules/systeminformation": {
-			"version": "5.23.5",
-			"resolved": "https://registry.npmjs.org/systeminformation/-/systeminformation-5.23.5.tgz",
-			"integrity": "sha512-PEpJwhRYxZgBCAlWZhWIgfMTjXLqfcaZ1pJsJn9snWNfBW/Z1YQg1mbIUSWrEV3ErAHF7l/OoVLQeaZDlPzkpA==",
+			"version": "5.25.11",
+			"resolved": "https://registry.npmjs.org/systeminformation/-/systeminformation-5.25.11.tgz",
+			"integrity": "sha512-jI01fn/t47rrLTQB0FTlMCC+5dYx8o0RRF+R4BPiUNsvg5OdY0s9DKMFmJGrx5SwMZQ4cag0Gl6v8oycso9b/g==",
 			"os": [
 				"darwin",
 				"linux",
diff --git a/package.json b/package.json
index 51027d3bba..2d77255c44 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "anytype",
-	"version": "0.44.0",
+	"version": "0.44.11-alpha",
 	"description": "Anytype",
 	"main": "electron.js",
 	"scripts": {
@@ -298,10 +298,22 @@
 				"from": "node_modules/@electron",
 				"to": "node_modules/@electron"
 			},
+			{
+				"from": "node_modules/ajv",
+				"to": "node_modules/ajv"
+			},
+			{
+				"from": "node_modules/ajv-formats",
+				"to": "node_modules/ajv-formats"
+			},
 			{
 				"from": "node_modules/async",
 				"to": "node_modules/async"
 			},
+			{
+				"from": "node_modules/atomically",
+				"to": "node_modules/atomically"
+			},
 			{
 				"from": "node_modules/balanced-match",
 				"to": "node_modules/balanced-match"
@@ -318,14 +330,26 @@
 				"from": "node_modules/concat-map",
 				"to": "node_modules/concat-map"
 			},
+			{
+				"from": "node_modules/conf",
+				"to": "node_modules/conf"
+			},
 			{
 				"from": "node_modules/core-util-is",
 				"to": "node_modules/core-util-is"
 			},
+			{
+				"from": "node_modules/debounce-fn",
+				"to": "node_modules/debounce-fn"
+			},
 			{
 				"from": "node_modules/debug",
 				"to": "node_modules/debug"
 			},
+			{
+				"from": "node_modules/dot-prop",
+				"to": "node_modules/dot-prop"
+			},
 			{
 				"from": "node_modules/electron-dl",
 				"to": "node_modules/electron-dl"
@@ -342,6 +366,10 @@
 				"from": "node_modules/electron-log",
 				"to": "node_modules/electron-log"
 			},
+			{
+				"from": "node_modules/electron-store",
+				"to": "node_modules/electron-store"
+			},
 			{
 				"from": "node_modules/electron-updater",
 				"to": "node_modules/electron-updater"
@@ -354,6 +382,10 @@
 				"from": "node_modules/electron-window-state",
 				"to": "node_modules/electron-window-state"
 			},
+			{
+				"from": "node_modules/env-paths",
+				"to": "node_modules/env-paths"
+			},
 			{
 				"from": "node_modules/ext-list",
 				"to": "node_modules/ext-list"
@@ -362,6 +394,18 @@
 				"from": "node_modules/ext-name",
 				"to": "node_modules/ext-name"
 			},
+			{
+				"from": "node_modules/fast-deep-equal",
+				"to": "node_modules/fast-deep-equal"
+			},
+			{
+				"from": "node_modules/fast-uri",
+				"to": "node_modules/fast-uri"
+			},
+			{
+				"from": "node_modules/find-up",
+				"to": "node_modules/find-up"
+			},
 			{
 				"from": "node_modules/fs-extra",
 				"to": "node_modules/fs-extra"
@@ -398,6 +442,10 @@
 				"from": "node_modules/inherits",
 				"to": "node_modules/inherits"
 			},
+			{
+				"from": "node_modules/is-obj",
+				"to": "node_modules/is-obj"
+			},
 			{
 				"from": "node_modules/is-plain-obj",
 				"to": "node_modules/is-plain-obj"
@@ -410,6 +458,10 @@
 				"from": "node_modules/js-yaml",
 				"to": "node_modules/js-yaml"
 			},
+			{
+				"from": "node_modules/json-schema-traverse",
+				"to": "node_modules/json-schema-traverse"
+			},
 			{
 				"from": "node_modules/jsonfile",
 				"to": "node_modules/jsonfile"
@@ -422,6 +474,10 @@
 				"from": "node_modules/lazy-val",
 				"to": "node_modules/lazy-val"
 			},
+			{
+				"from": "node_modules/locate-path",
+				"to": "node_modules/locate-path"
+			},
 			{
 				"from": "node_modules/lockfile",
 				"to": "node_modules/lockfile"
@@ -442,6 +498,10 @@
 				"from": "node_modules/mime-db",
 				"to": "node_modules/mime-db"
 			},
+			{
+				"from": "node_modules/mimic-fn",
+				"to": "node_modules/mimic-fn"
+			},
 			{
 				"from": "node_modules/minimatch",
 				"to": "node_modules/minimatch"
@@ -466,6 +526,22 @@
 				"from": "node_modules/once",
 				"to": "node_modules/once"
 			},
+			{
+				"from": "node_modules/onetime",
+				"to": "node_modules/onetime"
+			},
+			{
+				"from": "node_modules/p-limit",
+				"to": "node_modules/p-limit"
+			},
+			{
+				"from": "node_modules/p-locate",
+				"to": "node_modules/p-locate"
+			},
+			{
+				"from": "node_modules/p-try",
+				"to": "node_modules/p-try"
+			},
 			{
 				"from": "node_modules/path-exists",
 				"to": "node_modules/path-exists"
@@ -474,6 +550,10 @@
 				"from": "node_modules/path-is-absolute",
 				"to": "node_modules/path-is-absolute"
 			},
+			{
+				"from": "node_modules/pkg-up",
+				"to": "node_modules/pkg-up"
+			},
 			{
 				"from": "node_modules/pupa",
 				"to": "node_modules/pupa"
diff --git a/src/img/arrow/existing.svg b/src/img/arrow/existing.svg
new file mode 100644
index 0000000000..31ab00c2f0
--- /dev/null
+++ b/src/img/arrow/existing.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
+    <path d="M10.75 4L16.75 10L10.75 16" stroke="#B6B6B6" stroke-width="1.5" stroke-linecap="round"/>
+    <rect width="13" height="1.5" transform="matrix(1 0 0 -1 3.75 10.75)" fill="#B6B6B6"/>
+</svg>
diff --git a/src/img/icon/info.svg b/src/img/icon/info.svg
new file mode 100644
index 0000000000..ac991f6204
--- /dev/null
+++ b/src/img/icon/info.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+    <circle cx="10" cy="10" r="9" fill="#EBEBEB"/>
+    <path d="M8.83736 12.0078H10.4929V11.8786C10.5028 10.8246 10.8459 10.3423 11.6562 9.84517C12.571 9.2983 13.1428 8.55256 13.1428 7.41406C13.1428 5.73367 11.8352 4.67969 9.93608 4.67969C8.19602 4.67969 6.78409 5.64418 6.73438 7.53338H8.50426C8.54901 6.59872 9.22514 6.15128 9.92614 6.15128C10.6868 6.15128 11.2983 6.65838 11.2983 7.43892C11.2983 8.13494 10.8359 8.61222 10.2344 8.99006C9.3544 9.53693 8.8473 10.0888 8.83736 11.8786V12.0078ZM9.70739 15.1101C10.294 15.1101 10.7962 14.6229 10.8011 14.0163C10.7962 13.4197 10.294 12.9325 9.70739 12.9325C9.10085 12.9325 8.60866 13.4197 8.61364 14.0163C8.60866 14.6229 9.10085 15.1101 9.70739 15.1101Z" fill="#949494"/>
+</svg>
diff --git a/src/img/icon/menu/action/import0.svg b/src/img/icon/menu/action/import0.svg
new file mode 100644
index 0000000000..1b8e2b51db
--- /dev/null
+++ b/src/img/icon/menu/action/import0.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.75049 7C2.33628 7 2.00049 7.33579 2.00049 7.75V14.5C2.00049 16.433 3.56749 18 5.50049 18H14.5C16.433 18 18 16.433 18 14.5V7.75C18 7.33579 17.6642 7 17.25 7C16.8358 7 16.5 7.33579 16.5 7.75V14.5C16.5 15.6046 15.6046 16.5 14.5 16.5H5.50049C4.39592 16.5 3.50049 15.6046 3.50049 14.5V7.75C3.50049 7.33579 3.1647 7 2.75049 7Z" fill="#B6B6B6"/>
+<path d="M13.5 10L10 13.5L6.5 10" stroke="#B6B6B6" stroke-width="1.5" stroke-linecap="round"/>
+<rect x="-0.375" y="-0.375" width="9.75" height="0.75" transform="matrix(0 -1 -1 0 10 11.75)" fill="#B6B6B6" stroke="#B6B6B6" stroke-width="0.75"/>
+</svg>
diff --git a/src/img/icon/menu/widget/compact.svg b/src/img/icon/menu/widget/compact.svg
index 9d35669576..a7647d328d 100644
--- a/src/img/icon/menu/widget/compact.svg
+++ b/src/img/icon/menu/widget/compact.svg
@@ -1,11 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="20" y="11.25" width="17" height="1.5" rx="0.75" fill="#B6B6B6"/>
-<rect x="20" y="15.25" width="12" height="1.5" rx="0.75" fill="#B6B6B6"/>
-<rect x="9" y="10" width="8" height="8" rx="2" fill="#E3E3E3"/>
-<rect x="20" y="21.25" width="17" height="1.5" rx="0.75" fill="#B6B6B6"/>
-<rect x="20" y="25.25" width="12" height="1.5" rx="0.75" fill="#B6B6B6"/>
-<rect x="9" y="20" width="8" height="8" rx="2" fill="#E3E3E3"/>
-<rect x="20" y="31.25" width="17" height="1.5" rx="0.75" fill="#B6B6B6"/>
-<rect x="20" y="35.25" width="12" height="1.5" rx="0.75" fill="#B6B6B6"/>
-<rect x="9" y="30" width="8" height="8" rx="2" fill="#E3E3E3"/>
+<rect x="13.375" y="13.625" width="23.25" height="0.75" rx="0.375" stroke="#B6B6B6" stroke-width="0.75"/>
+<path d="M9.5 14C9.5 13.7239 9.72386 13.5 10 13.5C10.2761 13.5 10.5 13.7239 10.5 14C10.5 14.2761 10.2761 14.5 10 14.5C9.72386 14.5 9.5 14.2761 9.5 14Z" stroke="#B6B6B6"/>
+<path d="M9.5 19C9.5 18.7239 9.72386 18.5 10 18.5C10.2761 18.5 10.5 18.7239 10.5 19C10.5 19.2761 10.2761 19.5 10 19.5C9.72386 19.5 9.5 19.2761 9.5 19Z" stroke="#B6B6B6"/>
+<path d="M13.5 19C13.5 18.8619 13.6119 18.75 13.75 18.75H30.25C30.3881 18.75 30.5 18.8619 30.5 19C30.5 19.1381 30.3881 19.25 30.25 19.25H13.75C13.6119 19.25 13.5 19.1381 13.5 19Z" stroke="#B6B6B6"/>
+<rect x="13.375" y="23.625" width="23.25" height="0.75" rx="0.375" stroke="#B6B6B6" stroke-width="0.75"/>
+<path d="M9.5 24C9.5 23.7239 9.72386 23.5 10 23.5C10.2761 23.5 10.5 23.7239 10.5 24C10.5 24.2761 10.2761 24.5 10 24.5C9.72386 24.5 9.5 24.2761 9.5 24Z" stroke="#B6B6B6"/>
+<path d="M9.5 29C9.5 28.7239 9.72386 28.5 10 28.5C10.2761 28.5 10.5 28.7239 10.5 29C10.5 29.2761 10.2761 29.5 10 29.5C9.72386 29.5 9.5 29.2761 9.5 29Z" stroke="#B6B6B6"/>
+<path d="M13.5 29C13.5 28.8619 13.6119 28.75 13.75 28.75H30.25C30.3881 28.75 30.5 28.8619 30.5 29C30.5 29.1381 30.3881 29.25 30.25 29.25H13.75C13.6119 29.25 13.5 29.1381 13.5 29Z" stroke="#B6B6B6"/>
+<path d="M9.5 34C9.5 33.7239 9.72386 33.5 10 33.5C10.2761 33.5 10.5 33.7239 10.5 34C10.5 34.2761 10.2761 34.5 10 34.5C9.72386 34.5 9.5 34.2761 9.5 34Z" stroke="#B6B6B6"/>
+<path d="M13.5 34C13.5 33.8619 13.6119 33.75 13.75 33.75H36.25C36.3881 33.75 36.5 33.8619 36.5 34C36.5 34.1381 36.3881 34.25 36.25 34.25H13.75C13.6119 34.25 13.5 34.1381 13.5 34Z" stroke="#B6B6B6"/>
 </svg>
diff --git a/src/img/icon/menu/widget/list.svg b/src/img/icon/menu/widget/list.svg
index a7647d328d..9d35669576 100644
--- a/src/img/icon/menu/widget/list.svg
+++ b/src/img/icon/menu/widget/list.svg
@@ -1,12 +1,11 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="13.375" y="13.625" width="23.25" height="0.75" rx="0.375" stroke="#B6B6B6" stroke-width="0.75"/>
-<path d="M9.5 14C9.5 13.7239 9.72386 13.5 10 13.5C10.2761 13.5 10.5 13.7239 10.5 14C10.5 14.2761 10.2761 14.5 10 14.5C9.72386 14.5 9.5 14.2761 9.5 14Z" stroke="#B6B6B6"/>
-<path d="M9.5 19C9.5 18.7239 9.72386 18.5 10 18.5C10.2761 18.5 10.5 18.7239 10.5 19C10.5 19.2761 10.2761 19.5 10 19.5C9.72386 19.5 9.5 19.2761 9.5 19Z" stroke="#B6B6B6"/>
-<path d="M13.5 19C13.5 18.8619 13.6119 18.75 13.75 18.75H30.25C30.3881 18.75 30.5 18.8619 30.5 19C30.5 19.1381 30.3881 19.25 30.25 19.25H13.75C13.6119 19.25 13.5 19.1381 13.5 19Z" stroke="#B6B6B6"/>
-<rect x="13.375" y="23.625" width="23.25" height="0.75" rx="0.375" stroke="#B6B6B6" stroke-width="0.75"/>
-<path d="M9.5 24C9.5 23.7239 9.72386 23.5 10 23.5C10.2761 23.5 10.5 23.7239 10.5 24C10.5 24.2761 10.2761 24.5 10 24.5C9.72386 24.5 9.5 24.2761 9.5 24Z" stroke="#B6B6B6"/>
-<path d="M9.5 29C9.5 28.7239 9.72386 28.5 10 28.5C10.2761 28.5 10.5 28.7239 10.5 29C10.5 29.2761 10.2761 29.5 10 29.5C9.72386 29.5 9.5 29.2761 9.5 29Z" stroke="#B6B6B6"/>
-<path d="M13.5 29C13.5 28.8619 13.6119 28.75 13.75 28.75H30.25C30.3881 28.75 30.5 28.8619 30.5 29C30.5 29.1381 30.3881 29.25 30.25 29.25H13.75C13.6119 29.25 13.5 29.1381 13.5 29Z" stroke="#B6B6B6"/>
-<path d="M9.5 34C9.5 33.7239 9.72386 33.5 10 33.5C10.2761 33.5 10.5 33.7239 10.5 34C10.5 34.2761 10.2761 34.5 10 34.5C9.72386 34.5 9.5 34.2761 9.5 34Z" stroke="#B6B6B6"/>
-<path d="M13.5 34C13.5 33.8619 13.6119 33.75 13.75 33.75H36.25C36.3881 33.75 36.5 33.8619 36.5 34C36.5 34.1381 36.3881 34.25 36.25 34.25H13.75C13.6119 34.25 13.5 34.1381 13.5 34Z" stroke="#B6B6B6"/>
+<rect x="20" y="11.25" width="17" height="1.5" rx="0.75" fill="#B6B6B6"/>
+<rect x="20" y="15.25" width="12" height="1.5" rx="0.75" fill="#B6B6B6"/>
+<rect x="9" y="10" width="8" height="8" rx="2" fill="#E3E3E3"/>
+<rect x="20" y="21.25" width="17" height="1.5" rx="0.75" fill="#B6B6B6"/>
+<rect x="20" y="25.25" width="12" height="1.5" rx="0.75" fill="#B6B6B6"/>
+<rect x="9" y="20" width="8" height="8" rx="2" fill="#E3E3E3"/>
+<rect x="20" y="31.25" width="17" height="1.5" rx="0.75" fill="#B6B6B6"/>
+<rect x="20" y="35.25" width="12" height="1.5" rx="0.75" fill="#B6B6B6"/>
+<rect x="9" y="30" width="8" height="8" rx="2" fill="#E3E3E3"/>
 </svg>
diff --git a/src/img/icon/widget/button/arrow.svg b/src/img/icon/widget/button/arrow.svg
new file mode 100644
index 0000000000..d8af3c4936
--- /dev/null
+++ b/src/img/icon/widget/button/arrow.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5 8.5L10.5 12.5L6.5 8.5" stroke="#B6B6B6" stroke-linecap="round"/>
+</svg>
\ No newline at end of file
diff --git a/src/img/icon/widget/button/chat.svg b/src/img/icon/widget/button/chat.svg
index 743c7b5162..31908ad433 100644
--- a/src/img/icon/widget/button/chat.svg
+++ b/src/img/icon/widget/button/chat.svg
@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.44444 16C4.96914 16 4.83333 15.6374 5.07407 15.3496C5.30864 15.0619 5.92593 14.4288 6.27161 13.8993C6.32099 13.8129 6.29012 13.7266 6.19753 13.6806C4.21605 12.6906 3 11.0734 3 9.23165C3 6.33669 6.11111 4 10 4C13.8889 4 17 6.33669 17 9.23165C17 12.0978 14.0494 14.4576 9.59877 14.4576C9.51852 14.4576 9.43827 14.4518 9.35802 14.446C9.27161 14.446 9.18518 14.4748 9.08025 14.5439C8.03086 15.246 6.18519 16 5.44444 16Z" fill="#252525"/>
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.43066 17.6943C5.16634 17.6943 4.99772 17.6077 4.9248 17.4346C4.85645 17.266 4.88835 17.0951 5.02051 16.9219C5.1071 16.8079 5.23014 16.6553 5.38965 16.4639C5.55371 16.277 5.72233 16.0719 5.89551 15.8486C6.06868 15.6253 6.21908 15.4089 6.34668 15.1992C6.37402 15.1491 6.37858 15.1012 6.36035 15.0557C6.34668 15.0055 6.31478 14.9668 6.26465 14.9395C5.53548 14.5475 4.9043 14.0804 4.37109 13.5381C3.84245 12.9912 3.43457 12.3896 3.14746 11.7334C2.86491 11.0771 2.72363 10.3844 2.72363 9.65527C2.72363 8.79395 2.92188 7.9873 3.31836 7.23535C3.7194 6.4834 4.27311 5.82487 4.97949 5.25977C5.69043 4.6901 6.5153 4.24577 7.4541 3.92676C8.3929 3.60319 9.40006 3.44141 10.4756 3.44141C11.5511 3.44141 12.5583 3.60319 13.4971 3.92676C14.4359 4.24577 15.2585 4.6901 15.9648 5.25977C16.6758 5.82487 17.2295 6.4834 17.626 7.23535C18.027 7.9873 18.2275 8.79395 18.2275 9.65527C18.2275 10.3343 18.1022 10.9837 17.8516 11.6035C17.6009 12.2233 17.2386 12.793 16.7646 13.3125C16.2907 13.8275 15.7165 14.2764 15.042 14.6592C14.3721 15.042 13.6156 15.3382 12.7725 15.5479C11.9294 15.7575 11.0156 15.8623 10.0312 15.8623C9.99023 15.8623 9.94694 15.86 9.90137 15.8555C9.85579 15.8555 9.81022 15.8532 9.76465 15.8486C9.71908 15.8486 9.67122 15.8577 9.62109 15.876C9.57096 15.8942 9.51628 15.9238 9.45703 15.9648C9.16536 16.1745 8.8304 16.3796 8.45215 16.5801C8.07845 16.7852 7.69792 16.972 7.31055 17.1406C6.92773 17.3092 6.56999 17.4437 6.2373 17.5439C5.90462 17.6442 5.63574 17.6943 5.43066 17.6943Z" fill="#252525"/>
 </svg>
diff --git a/src/img/theme/dark/icon/menu/widget/compact.svg b/src/img/theme/dark/icon/menu/widget/compact.svg
index 8a1f907c20..b1c609e605 100644
--- a/src/img/theme/dark/icon/menu/widget/compact.svg
+++ b/src/img/theme/dark/icon/menu/widget/compact.svg
@@ -1,11 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="20" y="11.25" width="17" height="1.5" rx="0.75" fill="#737373"/>
-<rect x="20" y="15.25" width="12" height="1.5" rx="0.75" fill="#737373"/>
-<rect x="9" y="10" width="8" height="8" rx="2" fill="#313131"/>
-<rect x="20" y="21.25" width="17" height="1.5" rx="0.75" fill="#737373"/>
-<rect x="20" y="25.25" width="12" height="1.5" rx="0.75" fill="#737373"/>
-<rect x="9" y="20" width="8" height="8" rx="2" fill="#313131"/>
-<rect x="20" y="31.25" width="17" height="1.5" rx="0.75" fill="#737373"/>
-<rect x="20" y="35.25" width="12" height="1.5" rx="0.75" fill="#737373"/>
-<rect x="9" y="30" width="8" height="8" rx="2" fill="#313131"/>
+<rect x="13.375" y="13.625" width="23.25" height="0.75" rx="0.375" stroke="#737373" stroke-width="0.75"/>
+<path d="M9.5 14C9.5 13.7239 9.72386 13.5 10 13.5C10.2761 13.5 10.5 13.7239 10.5 14C10.5 14.2761 10.2761 14.5 10 14.5C9.72386 14.5 9.5 14.2761 9.5 14Z" stroke="#737373"/>
+<path d="M9.5 19C9.5 18.7239 9.72386 18.5 10 18.5C10.2761 18.5 10.5 18.7239 10.5 19C10.5 19.2761 10.2761 19.5 10 19.5C9.72386 19.5 9.5 19.2761 9.5 19Z" stroke="#737373"/>
+<path d="M13.5 19C13.5 18.8619 13.6119 18.75 13.75 18.75H30.25C30.3881 18.75 30.5 18.8619 30.5 19C30.5 19.1381 30.3881 19.25 30.25 19.25H13.75C13.6119 19.25 13.5 19.1381 13.5 19Z" stroke="#737373"/>
+<rect x="13.375" y="23.625" width="23.25" height="0.75" rx="0.375" stroke="#737373" stroke-width="0.75"/>
+<path d="M9.5 24C9.5 23.7239 9.72386 23.5 10 23.5C10.2761 23.5 10.5 23.7239 10.5 24C10.5 24.2761 10.2761 24.5 10 24.5C9.72386 24.5 9.5 24.2761 9.5 24Z" stroke="#737373"/>
+<path d="M9.5 29C9.5 28.7239 9.72386 28.5 10 28.5C10.2761 28.5 10.5 28.7239 10.5 29C10.5 29.2761 10.2761 29.5 10 29.5C9.72386 29.5 9.5 29.2761 9.5 29Z" stroke="#737373"/>
+<path d="M13.5 29C13.5 28.8619 13.6119 28.75 13.75 28.75H30.25C30.3881 28.75 30.5 28.8619 30.5 29C30.5 29.1381 30.3881 29.25 30.25 29.25H13.75C13.6119 29.25 13.5 29.1381 13.5 29Z" stroke="#737373"/>
+<path d="M9.5 34C9.5 33.7239 9.72386 33.5 10 33.5C10.2761 33.5 10.5 33.7239 10.5 34C10.5 34.2761 10.2761 34.5 10 34.5C9.72386 34.5 9.5 34.2761 9.5 34Z" stroke="#737373"/>
+<path d="M13.5 34C13.5 33.8619 13.6119 33.75 13.75 33.75H36.25C36.3881 33.75 36.5 33.8619 36.5 34C36.5 34.1381 36.3881 34.25 36.25 34.25H13.75C13.6119 34.25 13.5 34.1381 13.5 34Z" stroke="#737373"/>
 </svg>
diff --git a/src/img/theme/dark/icon/menu/widget/list.svg b/src/img/theme/dark/icon/menu/widget/list.svg
index b1c609e605..8a1f907c20 100644
--- a/src/img/theme/dark/icon/menu/widget/list.svg
+++ b/src/img/theme/dark/icon/menu/widget/list.svg
@@ -1,12 +1,11 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="13.375" y="13.625" width="23.25" height="0.75" rx="0.375" stroke="#737373" stroke-width="0.75"/>
-<path d="M9.5 14C9.5 13.7239 9.72386 13.5 10 13.5C10.2761 13.5 10.5 13.7239 10.5 14C10.5 14.2761 10.2761 14.5 10 14.5C9.72386 14.5 9.5 14.2761 9.5 14Z" stroke="#737373"/>
-<path d="M9.5 19C9.5 18.7239 9.72386 18.5 10 18.5C10.2761 18.5 10.5 18.7239 10.5 19C10.5 19.2761 10.2761 19.5 10 19.5C9.72386 19.5 9.5 19.2761 9.5 19Z" stroke="#737373"/>
-<path d="M13.5 19C13.5 18.8619 13.6119 18.75 13.75 18.75H30.25C30.3881 18.75 30.5 18.8619 30.5 19C30.5 19.1381 30.3881 19.25 30.25 19.25H13.75C13.6119 19.25 13.5 19.1381 13.5 19Z" stroke="#737373"/>
-<rect x="13.375" y="23.625" width="23.25" height="0.75" rx="0.375" stroke="#737373" stroke-width="0.75"/>
-<path d="M9.5 24C9.5 23.7239 9.72386 23.5 10 23.5C10.2761 23.5 10.5 23.7239 10.5 24C10.5 24.2761 10.2761 24.5 10 24.5C9.72386 24.5 9.5 24.2761 9.5 24Z" stroke="#737373"/>
-<path d="M9.5 29C9.5 28.7239 9.72386 28.5 10 28.5C10.2761 28.5 10.5 28.7239 10.5 29C10.5 29.2761 10.2761 29.5 10 29.5C9.72386 29.5 9.5 29.2761 9.5 29Z" stroke="#737373"/>
-<path d="M13.5 29C13.5 28.8619 13.6119 28.75 13.75 28.75H30.25C30.3881 28.75 30.5 28.8619 30.5 29C30.5 29.1381 30.3881 29.25 30.25 29.25H13.75C13.6119 29.25 13.5 29.1381 13.5 29Z" stroke="#737373"/>
-<path d="M9.5 34C9.5 33.7239 9.72386 33.5 10 33.5C10.2761 33.5 10.5 33.7239 10.5 34C10.5 34.2761 10.2761 34.5 10 34.5C9.72386 34.5 9.5 34.2761 9.5 34Z" stroke="#737373"/>
-<path d="M13.5 34C13.5 33.8619 13.6119 33.75 13.75 33.75H36.25C36.3881 33.75 36.5 33.8619 36.5 34C36.5 34.1381 36.3881 34.25 36.25 34.25H13.75C13.6119 34.25 13.5 34.1381 13.5 34Z" stroke="#737373"/>
+<rect x="20" y="11.25" width="17" height="1.5" rx="0.75" fill="#737373"/>
+<rect x="20" y="15.25" width="12" height="1.5" rx="0.75" fill="#737373"/>
+<rect x="9" y="10" width="8" height="8" rx="2" fill="#313131"/>
+<rect x="20" y="21.25" width="17" height="1.5" rx="0.75" fill="#737373"/>
+<rect x="20" y="25.25" width="12" height="1.5" rx="0.75" fill="#737373"/>
+<rect x="9" y="20" width="8" height="8" rx="2" fill="#313131"/>
+<rect x="20" y="31.25" width="17" height="1.5" rx="0.75" fill="#737373"/>
+<rect x="20" y="35.25" width="12" height="1.5" rx="0.75" fill="#737373"/>
+<rect x="9" y="30" width="8" height="8" rx="2" fill="#313131"/>
 </svg>
diff --git a/src/img/theme/dark/icon/widget/button/export.svg b/src/img/theme/dark/icon/widget/button/export.svg
new file mode 100644
index 0000000000..09e7e69d6c
--- /dev/null
+++ b/src/img/theme/dark/icon/widget/button/export.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 18C16.2091 18 18 16.2091 18 14V6C18 3.79086 16.2091 2 14 2H6C3.79086 2 2 3.79086 2 6L2 14C2 16.2091 3.79086 18 6 18H14ZM9.5 14C9.5 14.2761 9.72386 14.5 10 14.5C10.2761 14.5 10.5 14.2761 10.5 14L10.5 7.11342L12.6678 9.04037C12.8742 9.22383 13.1902 9.20524 13.3737 8.99885C13.5572 8.79246 13.5386 8.47642 13.3322 8.29296L10.3322 5.6263L10 5.33102L9.66782 5.6263L6.66782 8.29296C6.46143 8.47642 6.44284 8.79246 6.6263 8.99885C6.80975 9.20524 7.12579 9.22383 7.33218 9.04037L9.5 7.11342L9.5 14Z" fill="#f8f8f8"/>
+</svg>
diff --git a/src/json/constant.ts b/src/json/constant.ts
index b417ffe1a0..e27daa2109 100644
--- a/src/json/constant.ts
+++ b/src/json/constant.ts
@@ -12,7 +12,7 @@ export default {
 	textColor:			 [ 'grey', 'yellow', 'orange', 'red', 'pink', 'purple', 'blue', 'ice', 'teal', 'lime' ],
 	namespace:			 { 0: '.any' },
 
-	allowedSchemes:		 [ 'https?', 'mailto', 'tel' ],
+	allowedSchemes:		 [ 'http', 'https', 'mailto', 'tel' ],
 
 	count: {
 		icon:			 10,
diff --git a/src/json/error.ts b/src/json/error.ts
index 4f6ee4ba86..a605f3d081 100644
--- a/src/json/error.ts
+++ b/src/json/error.ts
@@ -2,6 +2,7 @@ export default {
 	Code: {
 		ANYTYPE_NEEDS_UPGRADE:				 	10,
 		NO_ACCOUNTS_FOUND:					 	101,
+		SPACE_IS_DELETED:						103,
 		FAILED_TO_FIND_ACCOUNT_INFO:		 	104,
 		ANOTHER_ANYTYPE_PROCESS_IS_RUNNING:	 	108,
 		ACCOUNT_IS_DELETED:					 	109,
diff --git a/src/json/menu.ts b/src/json/menu.ts
index be6e52581f..a6eb39bdb0 100644
--- a/src/json/menu.ts
+++ b/src/json/menu.ts
@@ -54,7 +54,8 @@ export default {
 		'select',
 		'searchObject',
 		'dataviewObjectValues',
-		'dataviewObjectList'
+		'dataviewObjectList',
+		'blockAlign',
 	],
 	layout: [ 'blockAlign' ],
 	latex: [ 'previewLatex' ],
@@ -65,5 +66,6 @@ export default {
 	widget: [ 'searchObject', 'select' ],
 	dataviewTemplate: [ 'previewObject' ],
 	table: [ 'select2', 'blockColor', 'blockBackground' ],
-	dataviewContext: [ 'typeSuggest', 'searchObject' ]
-};
\ No newline at end of file
+	dataviewContext: [ 'typeSuggest', 'searchObject' ],
+	dataviewNew: [ 'searchObject', 'typeSuggest', 'dataviewTemplateList' ]
+};
diff --git a/src/json/text.json b/src/json/text.json
index f0de211efe..47175ecddc 100644
--- a/src/json/text.json
+++ b/src/json/text.json
@@ -123,6 +123,7 @@
 	"commonRedo": "Redo",
 	"commonBlank": "Blank",
 	"commonSetDefault": "Set as default",
+	"commonTemplate": "Template",
 	"commonTemplates": "Templates",
 	"commonSkip": "Skip",
 	"commonCreateNew": "Create new",
@@ -177,6 +178,12 @@
 	"commonNotFound": "Not found",
 	"commonCalculate": "Calculate",
 	"commonRelations": "Relations",
+	"commonSelectType": "Select Type",
+	"commonPin": "Pin on top",
+	"commonUnpin": "Unpin",
+	"commonOpenType": "Open Type",
+	"commonManage": "Manage",
+	"commonSize": "Size",
 
 	"pluralDay": "day|days",
 	"pluralObject": "Object|Objects",
@@ -776,7 +783,6 @@
 	"popupSettingsSpacesListSpace": "Space",
 	"popupSettingsSpacesCancelRequest": "Cancel request",
 	"popupSettingsSpacesListAccess": "Access",
-	"popupSettingsSpacesListSize": "Size",
 	"popupSettingsSpacesListNetwork": "Network",
 	"popupSettingsSpacesListDevice": "Device",
 
@@ -792,6 +798,9 @@
 	"popupSettingsDataManagementDeleteText": "Once you request your vault to be deleted, you have 30 days to cancel this request. After 30 days, your encrypted vault data is permanently removed from the backup node, you won't be able to sign into Anytype on new devices.",
 	"popupSettingsDataManagementDeleteButton": "Delete vault",
 
+	"popupSettingsDataManagementDataPublishTitle": "My Sites",
+	"popupSettingsDataManagementDataPublishDate": "Published date",
+
 	"popupSettingsSpaceIndexTitle": "Space Settings",
 	"popupSettingsSpaceIndexDescriptionPlaceholder": "Add a few words about the space...",
 	"popupSettingsSpaceIndexSpaceTypePersonalTooltipTitle": "End-to-end encryption (E2EE)",
@@ -897,7 +906,6 @@
 	"popupSettingsMembershipPerGenericMany": "per %s %s",
 	"popupSettingsMembershipLearnMore": "Learn more",
 	"popupSettingsMembershipCurrent": "Current",
-	"popupSettingsMembershipManage": "Manage",
 	"popupSettingsMembershipValidUntil": "Valid until %s",
 	"popupSettingsMembershipForeverFree": "Forever free",
 	"popupSettingsMembershipPending": "Pending...",
@@ -1065,6 +1073,7 @@
 
 	"popupConfirmDuplicateSpace": "You are already a member of this space",
 	"popupConfirmInviteError": "The link you have tried to use does not seem to work",
+	"popupConfirmSpaceDeleted": "The space you try to access has been deleted",
 
 	"popupConfirmWelcomeTitle": "Welcome to your Space",
 	"popupConfirmWelcomeText": "Your <b>Space</b> is an encrypted, local-first container.<br/><b>Spaces</b> can be shared and co-created with others.<br/>Each space contains a <b>Graph of objects</b>.",
@@ -1090,7 +1099,7 @@
 	"popupConfirmActionReconcileText": "This operation will clean up the incorrectly occupied space in the remote file storage. Are you sure?",
 
 	"popupConfirmOpenExternalLinkTitle": "Are you sure?",
-	"popupConfirmOpenExternalLinkText": "You are trying to open url that is potentially harmful. Are you sure you want to proceed?",
+	"popupConfirmOpenExternalLinkText": "You are trying to open url that is potentially harmful. Are you sure you want to proceed?<br/>Url: %s",
 
 	"popupConfirmChatDeleteMessageTitle": "Delete this message?",
 	"popupConfirmChatDeleteMessageText": "It cannot be restored after confirmation",
@@ -1513,6 +1522,8 @@
 	"menuDataviewTemplateSetDefaultForView": "Default for this view",
 	"menuDataviewTemplateEdit": "Edit template",
 
+	"menuDataviewExistingObject": "Existing object",
+
 	"menuGraphSettingsTitles": "Titles",
 	"menuGraphSettingsArrows": "Arrows",
 	"menuGraphSettingsIcons": "Icons",
@@ -1575,15 +1586,6 @@
 	"menuPreviewLatexExample": "Example: %s",
 	"menuSelectEmpty": "No options found",
 
-	"menuQuickCaptureSearchObjectTypes": "Search object types...",
-	"menuQuickCaptureGroups": "Lists",
-	"menuQuickCapturePinned": "Pinned",
-	"menuQuickCaptureTooltipSearch": "Search types",
-	"menuQuickCaptureTooltipClipboard": "Create object from clipboard",
-	"menuQuickCaptureOpenType": "Open type",
-	"menuQuickCapturePin": "Pin on top",
-	"menuQuickCaptureUnpin": "Unpin",
-
 	"syncButtonNameError1": "Storage limit reached",
 	"syncButtonNameError2": "Incompatible version",
 	"syncButtonNameError3": "No access",
@@ -1624,8 +1626,15 @@
 	"menuSyncStatusEmpty": "There are no objects to show",
 
 	"menuPublishTitle": "Publish to web",
-	"menuPublishLabel": "Join Space Button",
-	"menuPublishButton": "Publish",
+	"menuPublishInfoTooltip": "Published object will be uploaded to our publishing server and will be accessible via the URL as a static, unencrypted HTML page. Linked objects will not be published.<br/>Currently, not all blocks are supported for publishing, such as sets, collections, and relations.",
+	"menuPublishLabelJoin": "Join Space Button",
+	"menuPublishButtonPublish": "Publish",
+	"menuPublishButtonUnpublish": "Unpublish",
+	"menuPublishButtonUpdate": "Update",
+	"menuPublishButtonView": "View in Browser",
+	"menuPublishButtonOpen": "Open Object",
+	"menuPublishButtonCopy": "Copy Web Link",
+	"menuPublishLabelOffline": "No internet connection",
 
 	"previewEdit": "Edit Link",
 
@@ -1791,6 +1800,7 @@
 	"widgetEmptyLabel": "There are no Objects here",
 	"widgetEmptyLabelCreate": "There are no Objects here,<br/>create the first one",
 	"widgetShowAll": "See all Objects",
+	"widgetItemClipboard": "Create from clipboard",
 
 	"phrasePlaceholder": "Please enter your Key",
 
@@ -2135,6 +2145,8 @@
 	"errorSpaceMakeShareable103": "Oops! The request failed. Please check your Internet connection and try again.",
 	"errorSpaceMakeShareable104": "Limit reached for this space. Please upgrade your membership or contact support for assistance.",
 
+	"errorPublishingCreate103": "Looks like some files are over 100 MB. Please remove or slim them down and try again.",
+
 	"errorIncorrectEmail": "Incorrect E-mail",
 
 	"origin0": "Empty",
@@ -2146,6 +2158,7 @@
 	"origin6": "Use case",
 	"origin7": "Library installed",
 	"origin8": "Bookmark",
+	"origin9": "API",
 
 	"emojiCategoryPeople": "Smileys & People",
 	"emojiCategoryNature": "Animals & Nature",
@@ -2227,7 +2240,8 @@
 	"spaceStatus9": "Joining",
 	"spaceStatus10": "Removing",
 
-	"challengeTitle": "Please enter the following numbers in the extension",
+	"challengeTitle": "Grant Limited Access",
+	"challengeDescription": "This extension requires a 4-digit code for limited access to your account. Proceed only if you trust the extension.",
 	"webclipperEmptySelection": "Selection is empty",
 
 	"paymentMethod0": "None",
diff --git a/src/json/url.ts b/src/json/url.ts
index bd12e527f5..8dbfee0468 100644
--- a/src/json/url.ts
+++ b/src/json/url.ts
@@ -23,7 +23,9 @@ export default {
 	invite:				 'https://invite.any.coop/%s#%s',
 	share: 				 'https://join.anytype.io/',
 	notionFAQ:			 'https://doc.anytype.io/anytype-docs/basics/space/import-export#notion-import-faq',
-	publish:			 '%s.coop',
+	publishDomain:		 '%s.org',
+	publish:			 'https://any.coop/%s/',
+	api:				 '127.0.0.1:31009',
 
 	survey: {
 		register:		 'https://community.anytype.io/survey0',
@@ -33,4 +35,4 @@ export default {
 		shared:			 'https://community.anytype.io/survey4',
 		multiplayer:	 'https://community.anytype.io/survey5'
 	}
-};
\ No newline at end of file
+};
diff --git a/src/scss/block/bookmark.scss b/src/scss/block/bookmark.scss
index 810eebc893..3f70268673 100644
--- a/src/scss/block/bookmark.scss
+++ b/src/scss/block/bookmark.scss
@@ -16,7 +16,13 @@
 			display: flex; border: 1px solid var(--color-shape-secondary); transition: border-color $transitionCommon; 
 			position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
 		}
+		.inner::after { 
+			content: ''; position: absolute; left: 0px; top: 0px; border-radius: inherit; width: 100%; height: 100%; 
+			background: rgba(0,0,0,0.03); transition: $transitionAllCommon; pointer-events: none; opacity: 0; z-index: 1;
+		}
+
 		.inner:hover { border-color: var(--color-shape-primary); }
+		.inner:hover::after { opacity: 1; }
 		.inner.bgColor { border: 0px; }
 		
 		.inner {
diff --git a/src/scss/block/chat/form.scss b/src/scss/block/chat/form.scss
index 7dea159edc..3d61b710cb 100644
--- a/src/scss/block/chat/form.scss
+++ b/src/scss/block/chat/form.scss
@@ -38,6 +38,7 @@
 	.editableWrap {
 		.editable, .placeholder { padding: 16px; }
 	}
+	.editableWrap.isRtl { text-align: right; }
 
 	.attachments { padding: 0px 8px; max-height: 360px; overflow-x: hidden; overflow-y: auto; max-width: unset; }
 	.attachments {
diff --git a/src/scss/block/dataview/cell.scss b/src/scss/block/dataview/cell.scss
index 0629f36e47..911837d952 100644
--- a/src/scss/block/dataview/cell.scss
+++ b/src/scss/block/dataview/cell.scss
@@ -39,7 +39,7 @@
 
 .cellContent { cursor: default; }
 .cellContent {
-	.iconObject { margin-right: 8px; vertical-align: top; flex-shrink: 0; cursor: default; }
+	.iconObject { flex-shrink: 0; cursor: default; }
 	.icon.clear { display: none; }
 
 	.name { display: inline-block; vertical-align: top; user-select: text !important; }
diff --git a/src/scss/block/dataview/view/common.scss b/src/scss/block/dataview/view/common.scss
index 1154ad874c..d04b6a9152 100644
--- a/src/scss/block/dataview/view/common.scss
+++ b/src/scss/block/dataview/view/common.scss
@@ -101,6 +101,12 @@
 					.input.name { text-indent: 0px; padding: 0px; height: unset; }
 				}
 			}
+			.card::after { 
+				content: ''; position: absolute; left: 0px; top: 0px; border-radius: inherit; width: 100%; height: 100%; 
+				background: rgba(0,0,0,0.03); transition: $transitionAllCommon; pointer-events: none; opacity: 0; z-index: 1;
+			}
+
+			.card:hover::after { opacity: 1; }
 
 			.card.withCover {
 				.cardContent > .inner { padding-top: 12px; }
diff --git a/src/scss/block/dataview/view/gallery.scss b/src/scss/block/dataview/view/gallery.scss
index 49546e30d5..2bed1eccac 100644
--- a/src/scss/block/dataview/view/gallery.scss
+++ b/src/scss/block/dataview/view/gallery.scss
@@ -27,7 +27,7 @@
 				.selectionTarget { height: 100%; }
 				.selectionTarget.isSelectionSelected::after { border-radius: 8px; }
 			}
-			.card:hover { border-color: var(--color-shape-secondary); background: var(--color-shape-highlight-light); }
+			.card:hover { border-color: var(--color-shape-secondary); }
 			.card:hover {
 				.icon.checkbox { opacity: 1; }
 			}
diff --git a/src/scss/block/dataview/view/grid.scss b/src/scss/block/dataview/view/grid.scss
index e01b1bbb82..66a0d8787b 100644
--- a/src/scss/block/dataview/view/grid.scss
+++ b/src/scss/block/dataview/view/grid.scss
@@ -26,6 +26,9 @@
 		}
 
 		.cellHead, .cellFoot {
+			&.align1 { text-align: center; }
+			&.align2 { text-align: right; }
+
 			.cellContent { height: 36px !important; overflow: visible !important; }
 			.flex { padding: 9px 14px; gap: 0px 6px; align-items: center; height: 100%; }
 			.iconObject { width: 20px; height: 20px; margin: 0px; vertical-align: top; flex-shrink: 0; display: none; }
@@ -39,6 +42,10 @@
 			.resize { width: 20px; height: calc(100% - 2px); position: absolute; right: 0px; top: 1px; cursor: col-resize; z-index: 10; }
 		}
 
+		.cellHead {
+			.name { user-select: none !important; }
+		}
+
 		.cellHead.small { text-align: center; }
 		.cellHead.small {
 			.flex { display: inline-block; }
@@ -110,6 +117,7 @@
 			}
 
 			.cell.isName, .cellContent.isName { cursor: default; }
+			.cellContent.isName { display: flex; flex-direction: row; align-items: center; gap: 0px 6px; }
 
 			.cell.isName.canEdit:hover {
 				.name { width: calc(100% - 40px) !important; }
@@ -123,13 +131,31 @@
 				}
 			};
 			
-			.cell.c-object, .cell.c-file { padding-right: 0px; }
+			.cell.c-object, .cell.c-file {
+				:not(.align1, .align2) { padding-right: 0px; }
+				&.align2 { padding-left: 0px; }
+			}
 			.cellContent.c-object, .cellContent.c-select, .cellContent.c-file {
 				.wrap { height: 100%; overflow: hidden; white-space: nowrap; }
 			}
+
+			.cell.c-checkbox {
+				&.align1 .cellContent { justify-content: center; }
+				&.align2 .cellContent { justify-content: flex-end; }
+			}
 				
 			.cell { display: inline-block; height: 48px; padding: 14px; vertical-align: top; position: relative; word-break: break-word; }
 			.cell.cellKeyHover { background-color: var(--color-shape-highlight-light); }
+			.cell {
+				&.align1 { text-align: center; }
+				&.align1 {
+					.over { justify-content: center; }
+				}
+				&.align2 { text-align: right; }
+				&.align2 {
+					.over { justify-content: flex-end; }
+				}
+			}
 
 			.cell.isEditing {
 				.cellContent { height: 100% !important; min-width: 300px; padding: 14px; border-radius: 4px; }
diff --git a/src/scss/block/link.scss b/src/scss/block/link.scss
index 61da021232..f05d6ac912 100644
--- a/src/scss/block/link.scss
+++ b/src/scss/block/link.scss
@@ -138,6 +138,11 @@
 	.block.blockLink.card {
 		.linkCard { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05); border-radius: 8px; }
 		.linkCard {
+			.side::after { 
+				content: ''; position: absolute; left: 0px; top: 0px; border-radius: inherit; width: 100%; height: 100%; 
+				background: rgba(0,0,0,0.03); transition: $transitionAllCommon; pointer-events: none; opacity: 0; z-index: 1;
+			}
+
 			.side.left { padding: 16px; border: 1px solid var(--color-shape-secondary); border-radius: 8px; flex-direction: column; justify-content: center; }
 			.side.right { border-radius: 0px 8px 8px 0px; }
 
@@ -160,7 +165,8 @@
 
 	.block.blockLink.card:hover {
 		.linkCard {
-			.side.left, .side.right { border-color: var(--color-shape-primary); }
+			.side { border-color: var(--color-shape-primary); }
+			.side::after { opacity: 1; }
 		}
 	}
 
diff --git a/src/scss/block/media.scss b/src/scss/block/media.scss
index 74cde17702..61c14f219c 100644
--- a/src/scss/block/media.scss
+++ b/src/scss/block/media.scss
@@ -68,7 +68,6 @@
 		}
 	}
 
-	.block.blockMedia > .wrapContent { border-radius: 8px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05); }
 	.block.blockMedia.isAudio > .wrapContent  { border: 1px solid var(--color-shape-secondary); }
 	.block.blockMedia.isAudio > .wrapContent > .selectionTarget > .dropTarget > .focusable > .wrap { width: 100%; padding: 12px 12px 7px 14px; }
 
diff --git a/src/scss/common.scss b/src/scss/common.scss
index 0091e798b0..1a1e72906c 100644
--- a/src/scss/common.scss
+++ b/src/scss/common.scss
@@ -60,6 +60,8 @@ input, textarea, select { font-family: 'Inter'; }
 
 .onboardingDimmer { content: ''; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); -webkit-app-region: no-drag; z-index: 999; pointer-events: none; }
 
+.ReactVirtualized__List { overscroll-behavior: none; }
+
 html.platformWindows {
 	body { overflow-y: overlay; }
 }
@@ -106,7 +108,7 @@ html.platformWindows, html.platformLinux {
 ::-webkit-input-placeholder { color: var(--color-text-tertiary) !important; }
 .isBlurred { filter: blur(7px); }
 .animationWord { display: inline-block; }
-.isRtl { direction: rtl; text-align: right; }
+.isRtl { direction: rtl; }
 .isOnboardingHidden { visibility: hidden; }
 
 .fileWrap { position: relative; overflow: hidden; }
diff --git a/src/scss/component/editor.scss b/src/scss/component/editor.scss
index d3b6f5a21b..9070a4e422 100644
--- a/src/scss/component/editor.scss
+++ b/src/scss/component/editor.scss
@@ -94,12 +94,13 @@
 				.icon { width: 20px; height: 20px; margin-top: -4px; }
 				.icon.help { background-image: url('~img/icon/help.svg'); }
 
-				.full, .c70, .half { margin: 16px 0px; border-radius: 8px; display: block; }
+				.c50, .c60, .c70, .half, .full, .screen { margin: 16px auto; border-radius: 8px; display: block; }
 
-				.full { width: 100%; }
-				.c70 { width: 70%; margin: 16px auto; }
-				.half { width: 50%; }
-				.screen { margin: 16px auto; display: block; box-shadow: 0px 0px 25px rgba(0,0,0,0.2); }
+				.full, .c100 { width: 100%; }
+				.half, .c50 { width: 50%; }
+				.c60 {  width: 60%; }
+				.c70 { width: 70%; }
+				.screen { box-shadow: 0px 0px 25px rgba(0,0,0,0.2); }
 
 				img.mention { margin-left: -18px; }
 			}
diff --git a/src/scss/component/icon.scss b/src/scss/component/icon.scss
index c4bd579ea2..a1354d52ae 100644
--- a/src/scss/component/icon.scss
+++ b/src/scss/component/icon.scss
@@ -5,7 +5,9 @@
 	background-position: center center; transition: $transitionAllCommon; position: relative;
 }
 .icon.withBackground { width: 28px !important; height: 28px !important; background-size: 20px !important; border-radius: 6px; }
-.icon.withBackground:hover, .icon.withBackground.hover  { background-color: var(--color-shape-highlight-medium) !important; };
+.icon.withBackground { 
+	&:hover, &.hover { background-color: var(--color-shape-highlight-medium) !important; }
+};
 
 .arrow { background-position: center center; transition: $transitionAllCommon; background-repeat: no-repeat; background-size: 100% 100%; }
 
diff --git a/src/scss/component/tooltip.scss b/src/scss/component/tooltip.scss
index b38775dfe3..58ccbe23e4 100644
--- a/src/scss/component/tooltip.scss
+++ b/src/scss/component/tooltip.scss
@@ -1,6 +1,6 @@
 @import "~scss/_mixins";
 
-#tooltipContainer { position: fixed; left: 0px; top: 0px; z-index: 1000; pointer-events: none; }
+#tooltipContainer { position: fixed; left: 0px; top: 0px; z-index: 1002; pointer-events: none; }
 
 .tooltip { 
 	position: absolute; border-radius: 4px; background: #373632; padding: 3px 7px; text-transform: none;
diff --git a/src/scss/debug.scss b/src/scss/debug.scss
index 1e8bebd997..be7796efa5 100644
--- a/src/scss/debug.scss
+++ b/src/scss/debug.scss
@@ -18,4 +18,12 @@ html.debug {
 
 	.blockLast { background: rgba(0,0,255,0.1); }
 	.isHidden { background-color: rgba(255,192,203,0.3) !important; }
+
+	.menus {
+		.menu.vertical {
+			.icon.delete, .icon.more {
+				&:not(.withBackground) { background: red; }
+			}
+		}
+	}
 } 
\ No newline at end of file
diff --git a/src/scss/form/button.scss b/src/scss/form/button.scss
index cd78128967..41bb452627 100644
--- a/src/scss/form/button.scss
+++ b/src/scss/form/button.scss
@@ -7,7 +7,10 @@
 	@include text-common; cursor: default; -webkit-app-region: no-drag;
 }
 
-.button > .loaderWrapper { position: absolute; z-index: 1; width: 100%; height: 100%; }
+.button > .loaderWrapper { 
+	position: absolute !important; ; z-index: 1; width: 100% !important; ; height: 100% !important; ; border-radius: inherit !important; 
+	background: none !important; 
+}
 .button.isLoading {
 	.txt, .icon { display: none; }
 }
diff --git a/src/scss/form/pin.scss b/src/scss/form/pin.scss
index e6bccdae8d..970a3242d8 100644
--- a/src/scss/form/pin.scss
+++ b/src/scss/form/pin.scss
@@ -1,8 +1,9 @@
 @import "~scss/_mixins";
 
+.pin { display: flex; flex-direction:row; align-items: center; gap: 0px 8px; }
 .pin {
     .input { 
-        width: 40px; height: 40px; margin-right: 8px; padding: 0px; text-align: center; vertical-align: top; font-size: var(--font-size-header3);
+        width: 40px; height: 40px; padding: 0px; text-align: center; vertical-align: top; font-size: var(--font-size-header3);
         border: 1px solid var(--color-shape-primary); border-radius: 2px;
     }
     .input.isFocused { box-shadow: 0px 0px 0px 1px var(--color-system-accent-100) inset; border-color: var(--color-system-accent-100); }
diff --git a/src/scss/list/object.scss b/src/scss/list/object.scss
index ab1a389b5b..16d46c17ab 100644
--- a/src/scss/list/object.scss
+++ b/src/scss/list/object.scss
@@ -16,7 +16,7 @@
 			}
 
 			.icon.sortArrow { width: 20px; height: 20px; margin: 0px; background-image: url('~img/icon/sortArrow.svg'); }
-			.icon.sortArrow.c1 { transform: rotateZ(180deg); }
+			.icon.sortArrow.c0 { transform: rotateZ(180deg); }
 		}
 
 		.row { border-bottom: 1px solid var(--color-shape-secondary); }
diff --git a/src/scss/menu/common.scss b/src/scss/menu/common.scss
index 540f7396b3..49a3bae37f 100644
--- a/src/scss/menu/common.scss
+++ b/src/scss/menu/common.scss
@@ -95,6 +95,7 @@
 			.icon.delete, .icon.more { opacity: 1; }
 		}
 		.item.withMore.hover, .item.withMore:hover {
+			.clickable { padding-right: 28px; }
 			.caption { opacity: 0; }
 		}
 
@@ -111,8 +112,8 @@
 			.icon.dnd { width: 20px; height: 20px; background-image: url('~img/icon/dnd.svg'); margin: 0px; vertical-align: top; cursor: grab; }
 			.icon.plus { margin-right: 6px; background-image: url('~img/icon/plus/menu0.svg'); }
 			.icon.delete, .icon.more { 
-				width: 24px; height: 24px; background-size: 20px; position: absolute; right: 10px; top: 50%; 
-				margin: -12px 0px 0px 0px; border-radius: 4px; opacity: 0; z-index: 1;
+				width: 24px !important; height: 24px !important; background-size: 20px; position: absolute; right: 10px; top: 50%; margin: -12px 0px 0px 0px; 
+				border-radius: 4px; opacity: 0; z-index: 1;
 			}
 			.icon.delete { background-image: url('~img/icon/menu/delete.svg'); }
 			.icon.delete:hover, .icon.more:hover { background-color: var(--color-shape-highlight-medium); }
@@ -268,7 +269,6 @@ html.platformWindows {
 @import "./smile";
 @import "./type";
 @import "./widget";
-@import "./quickCapture";
 @import "./syncStatus";
 @import "./graph";
 @import "./participant";
diff --git a/src/scss/menu/icon.scss b/src/scss/menu/icon.scss
index 3a375ec27e..b50323659e 100644
--- a/src/scss/menu/icon.scss
+++ b/src/scss/menu/icon.scss
@@ -21,6 +21,7 @@
 		.icon.mediaVideo { background-image: url('~img/icon/menu/action/block/media/video0.svg'); }
 		
 		.icon.existing { background-image: url('~img/icon/menu/action/block/existing0.svg'); }
+		.icon.existingObject { background-image: url('~img/arrow/existing.svg'); }
 		.icon.linkTo { background-image: url('~img/icon/menu/action/block/linkto0.svg'); }
 		.icon.unlink { background-image: url('~img/icon/menu/action/block/unlink0.svg'); }
 		.icon.bookmark { background-image: url('~img/icon/menu/action/block/bookmark0.svg'); }
@@ -89,6 +90,7 @@
 		.icon.editRelation { background-image: url('~img/icon/header/relation.svg'); }
 		.icon.time { background-image: url('~img/icon/menu/action/time0.svg'); }
 		.icon.collection { background-image: url('~img/icon/menu/action/collection0.svg'); }
+		.icon.import { background-image: url('~img/icon/menu/action/import0.svg'); }
 
 		.icon.coverChange { background-image: url('~img/icon/cover/change.svg'); }
 		.icon.coverPosition { background-image: url('~img/icon/cover/position.svg'); }
diff --git a/src/scss/menu/publish.scss b/src/scss/menu/publish.scss
index 19497c16db..35a1a637a7 100644
--- a/src/scss/menu/publish.scss
+++ b/src/scss/menu/publish.scss
@@ -4,19 +4,31 @@
 	.menu.menuPublish { width: var(--menu-width-large); }
 	.menu.menuPublish {
 		.content { padding: 16px; display: flex; flex-direction: column; gap: 8px 0px; overflow: visible; max-height: unset; }
-		.title { padding: 0px; @include text-paragraph; font-weight: 600; margin: 0px 0px 8px 0px; color: var(--color-text-primary); }
+
+		.menuHeader { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
+		.title { padding: 0px; @include text-paragraph; font-weight: 600; margin: 0px; color: var(--color-text-primary); }
+		.icon.info { width: 20px; height: 20px; background: url('~img/icon/info.svg'); }
 
 		.input { padding: 7px 9px; height: auto; border-radius: 7px; border: 1px solid var(--color-shape-secondary); }
 		.input.isReadonly { background: rgba(0, 0, 0, 0.03); }
 		.input.isFocused { box-shadow: 0px 0px 0px 1px var(--color-system-accent-50); border-color: var(--color-system-accent-50); }
 
-		.label.small { @include text-small; @include text-overflow-nw; color: var(--color-text-secondary); }
+		.label.small { @include text-small; color: var(--color-text-secondary); @include text-overflow-nw; }
 
 		.flex { padding: 3px 0px; align-items: center; gap: 0px 16px; justify-content: space-between; }
 		.flex {
 			.value { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; flex-shrink: 0; }
 		}
 
+		.buttons { display: flex; flex-direction: row; align-items: center; gap: 0px 8px; justify-content: space-evenly; height: 36px; }
+		.buttons {
+			.button { flex-grow: 1; width: 100%; }
+			.loaderWrapper { position: relative; height: 36px; }
+			.label { color: var(--color-text-secondary); }
+		}
+
+		.error { margin: 0px; }
+
 		.outer { 
 			position: absolute; left: 0px; bottom: 0px; transform: translateY(calc(100% + 8px)); width: 100%; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); 
 			border-radius: 8px; overflow: hidden; background: var(--color-bg-primary);
@@ -40,4 +52,4 @@
 			.name { flex-grow: 1; }
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/src/scss/menu/quickCapture.scss b/src/scss/menu/quickCapture.scss
deleted file mode 100644
index 7a42b8f712..0000000000
--- a/src/scss/menu/quickCapture.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@import "~scss/_mixins";
-
-.menus {
-    .menu.menuQuickCapture { box-shadow: none; background: none; position: fixed; }
-    .menu.menuQuickCapture {
-        .wrap { display: flex; flex-direction: column; width: 100%; }
-		.wrap.isDragging {
-			.item.hover:before { display: none; }
-		}
-		
-		.filter { @include text-paragraph; padding: 0px 16px; }
-		.filter {
-			.icon.search { margin-right: 3px; }
-			.inner { height: 54px; }
-			.line { margin: 0px -16px !important; }
-		}
-
-		.section { height: auto; padding: 0px; border: 0px; }
-		.section > .name { @include text-small; color: var(--color-text-secondary); padding: 4px 0px; margin: 0px 0px 4px 0px; width: 100%; flex-shrink: 0; }
-
-		.items { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
-
-		.item {
-			position: relative; display: flex; flex-wrap: nowrap; height: 48px; align-items: center; gap: 0px 8px; padding: 0px 14px;
-			background: var(--color-bg-primary); border: 1px solid var(--color-shape-highlight-medium); border-radius: 10px; overflow: hidden;
-			box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07); transition: $transitionAllCommon; max-width: 200px; font-weight: 500;
-		}
-		.item.isDragging { z-index: 1; width: auto; }
-		.item {
-			.icon { margin-right: 0; flex-shrink: 0; }
-			.iconObject { flex-shrink: 0; }
-			.name { @include text-overflow-nw; width: 100%; }
-		}
-		.item.withIcon {
-			.name { width: calc(100% - 20px); }
-		}
-		.item.hover:before { 
-			content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; left: 0px; top: 0px; background: var(--color-shape-highlight-light); 
-		}
-
-		.item.clipboard { opacity: 0.5; }
-		.item.clipboard.active { opacity: 1; }
-    }
-
-    .menu.menuQuickCapture.isExpanded { 
-		width: 600px; box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.20); background: var(--color-bg-primary); padding: 0px; border-radius: 12px; 
-	}
-    .menu.menuQuickCapture.isExpanded {
-		.wrap { height: 312px; }
-		.sections { overflow-x: hidden; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px 0px; }
-
-		.items { gap: 8px; justify-content: flex-start; }
-		.item { box-shadow: none; }
-		.item.isDefault { border-color: var(--color-system-accent-100); box-shadow: 0px 0px 0px 1px var(--color-system-accent-100) inset !important; }
-    }
-}
diff --git a/src/scss/menu/type.scss b/src/scss/menu/type.scss
index 0d84a9075a..d2ce12c868 100644
--- a/src/scss/menu/type.scss
+++ b/src/scss/menu/type.scss
@@ -12,5 +12,10 @@
 			.name { @include text-overflow-nw; width: calc(100% - 26px); }
 		}
 		.label { color: var(--color-control-active); @include text-common; padding: 0px 16px; }
+
+		.bottom { padding: 8px 0px; position: relative; }
+		.bottom::before {
+			content: ''; position: absolute; top: 0px; left: 14px; height: 1px; width: calc(100% - 28px); background: var(--color-shape-secondary); 
+		}
 	}
 }
diff --git a/src/scss/menu/widget.scss b/src/scss/menu/widget.scss
index 9c68c4c7d8..16896436b6 100644
--- a/src/scss/menu/widget.scss
+++ b/src/scss/menu/widget.scss
@@ -1,7 +1,7 @@
 @import "~scss/_mixins";
 
 .menus {
-	.menu.menuWidget { width: unset; }
+	.menu.menuWidget { width: unset; min-width: var(--menu-width-common); }
 	.menu.menuWidget {
 		.section::after { display: none; }
 		.section:last-child::before { content: ''; display: block; height: 1px; margin: 0px 14px 8px; background-color: var(--color-shape-secondary); }
@@ -13,7 +13,7 @@
 		.options { display: flex; gap: 0px 8px; padding: 0px 14px; margin-bottom: 4px; }
 		.options {
 			.option { display: flex; align-items: center; justify-content: center; width: 48px; height: 32px; border-radius: 8px; border: 1px solid var(--color-shape-tertiary); }
-			.option.withIcon { height: 48px; }
+			.option.icon { height: 48px; }
 			.option {
 				.icon { width: 48px; height: 48px; flex-shrink: 0; }
 				.icon.widget-0 { background-image: url('~img/icon/menu/widget/link.svg'); }
diff --git a/src/scss/page/main/archive.scss b/src/scss/page/main/archive.scss
index 2c61fd87a3..f7379e3527 100644
--- a/src/scss/page/main/archive.scss
+++ b/src/scss/page/main/archive.scss
@@ -1,9 +1,8 @@
 @import "~scss/_mixins";
 
 .pageMainArchive {
-	.wrapper { width: calc(100% - 96px); margin: 0px auto; padding: 150px 0px 0px 0px; user-select: none; }
+	.wrapper { width: calc(100% - 96px); margin: 0px auto; padding: 52px 0px 0px 0px; user-select: none; }
 	.wrapper {
-
 		.body { height: 100%; display: flex; flex-direction: column; }
 
 		.titleWrapper { display: flex; flex-direction: row; align-items: center; gap: 0px 10px; margin: 0px 0px 46px 0px; }
diff --git a/src/scss/popup/objectManager.scss b/src/scss/popup/objectManager.scss
index f52bdf8821..8a1852ee86 100644
--- a/src/scss/popup/objectManager.scss
+++ b/src/scss/popup/objectManager.scss
@@ -24,6 +24,7 @@
 		}
 		.emptySearch { height: 238px; }
 
-        .button { flex-shrink: 0; width: 100%; }
+		.buttons { display: flex; flex-direction: row-reverse; gap: 0px 8px; justify-content: space-evenly; }
+		.button { width: 100%; }
     }
 }
diff --git a/src/scss/popup/settings.scss b/src/scss/popup/settings.scss
index 3fbc511c37..67c0d5cfe6 100644
--- a/src/scss/popup/settings.scss
+++ b/src/scss/popup/settings.scss
@@ -233,6 +233,9 @@
 						.sectionContent {
 							> .item { padding: 16px; border-bottom: 1px solid var(--color-shape-secondary); }
 							> .item:last-child { border-bottom: 0; }
+							> .item.red { 
+								.title { color: var(--color-red); }
+							}
 
 							> .item {
 								.sides { display: flex; justify-content: space-between; gap: 0px 16px; }
@@ -347,7 +350,7 @@
 				.qrWrap { width: 130px; overflow: hidden; }
 			}
 
-			> .side.right.tabDataManagement {
+			> .side.right.tabDataIndex {
 				.description {
 					.label { display: inline; }
 					.label.extend { color: var(--color-red); }
@@ -380,7 +383,8 @@
 				}
 			}
 
-			> .side.right.tabSpaceList {
+			> .side.right.tabSpaceList,
+			> .side.right.tabDataPublish {
 				.title { margin-bottom: 32px !important; }
 
 				.items {
@@ -388,29 +392,35 @@
 
 					.row.isHead { 
 						@include text-small; color: var(--color-text-secondary); font-weight: 400; border-color: var(--color-shape-secondary); border-style: solid;
-						border-top-width: 1px; border-bottom-width: 1px;
+						padding: 9px 0px;
 					}
 					.row.isHead {
-						.col { height: 36px; line-height: 36px; }
+						.col { height: 18px; line-height: 18px; }
 					}
 
-					.row { border-bottom: 1px solid var(--color-shape-secondary); padding: 12px 8px 12px 0px; }
+					.row { border-bottom: 1px solid var(--color-shape-secondary); padding: 11px 0px; }
 
-					.col.colSpace { display: flex; flex-wrap: nowrap; align-items: center; gap: 0px 12px; }
-					.col.colSpace {
+					.col.colObject { display: flex; flex-wrap: nowrap; align-items: center; gap: 0px 12px; }
+					.col.colObject {
 						.iconObject { flex-shrink: 0; }
 						.info { width: calc(100% - 52px); }
-						.info {
-							.name { @include text-overflow-nw; }
-						}
+						.name { @include text-overflow-nw; }
 						.creator { display: flex; flex-wrap: nowrap; align-items: center; gap: 0px 6px; @include text-small; color: var(--color-text-secondary); }
 					}
 
+					.col.colDate { @include text-overflow-nw; }
+
 					.icon.more { background-image: url('~img/icon/menu/action/more0.svg'); }
 					.icon.active { background-color: var(--color-shape-highlight-medium); }
 				}
 			}
 
+			> .side.right.tabDataPublish {
+				.items {
+					.col.colObject { gap: 0px 8px; }
+				}
+			}
+
 			> .side.right.tabSpaceStorageManager { padding: 0px !important; }
 			> .side.right.tabSpaceStorageManager {
 				> .wrap { height: 100%; display: flex; flex-direction: column; }
diff --git a/src/scss/theme/dark/block.scss b/src/scss/theme/dark/block.scss
index 5fa5c7c80f..8c0b894a98 100644
--- a/src/scss/theme/dark/block.scss
+++ b/src/scss/theme/dark/block.scss
@@ -37,6 +37,14 @@
         .loaderWrapper { border: 0px; }
     }
 
+	/* BlockLink */
+
+	/*
+	.block.blockLink.card {
+		.side::after { background: rgba(255,255,255,0.03); }
+	}
+	*/
+
     /* BlockDataview */
 
     .block.blockDataview {
@@ -101,9 +109,12 @@
 			.cell.cellKeyHover { background-color: rgba(223, 221, 208, 0.04); }
         }
 
-        .viewContent.viewGallery {
-			.card:hover { background: rgba(166, 166, 166, 0.04); }
+		/*
+        .viewContent.viewGallery,
+		.viewContent.viewBoard {
+			.card::after { background: rgba(255,255,255,0.03); }
         }
+		*/
 
         .viewContent.viewBoard {
             .cardContent { background: var(--color-bg-secondary); }
@@ -178,6 +189,7 @@
 
     .block.blockBookmark {
 		.loaderWrapper { border: 0px; }
+		.inner::after { background: rgba(255,255,255,0.03); }
     }
 
 	/* BlockTable */
diff --git a/src/scss/theme/dark/common.scss b/src/scss/theme/dark/common.scss
index 61d629d1b0..0c83edd36f 100644
--- a/src/scss/theme/dark/common.scss
+++ b/src/scss/theme/dark/common.scss
@@ -307,7 +307,7 @@ html.themeDark {
 
 	/* Sidebar */
 
-	.sidebar { background-color: var(--color-bg-secondary); box-shadow: 0px 4px 16px rgba(0,0,0,0.2); }
+	.sidebar { box-shadow: 0px 4px 16px rgba(0,0,0,0.2); }
 	.sidebar.fixed { box-shadow: 0px 0px rgba(0,0,0,0); }
 	.sidebar {
 		.icon.back { background-image: url('#{$themePath}/icon/widget/back.svg'); }
diff --git a/src/scss/theme/dark/menu.scss b/src/scss/theme/dark/menu.scss
index 1fea8b8d12..3e9e45395f 100644
--- a/src/scss/theme/dark/menu.scss
+++ b/src/scss/theme/dark/menu.scss
@@ -274,11 +274,6 @@
         }
     }
 
-	/* QuickCapture */
-
-	.menu.menuQuickCapture { background: none; box-shadow: none; }
-	.menu.menuQuickCapture.isExpanded { background: var(--color-bg-secondary); box-shadow: 0px 4px 16px rgb(0 0 0 / 20%), 0px 0px 0px 1px #393933 inset; }
-
     /* SyncStatus */
 
     .menu.menuSyncStatus {
@@ -307,16 +302,27 @@
 
     /* Widget */
 
-    .menu.menuWidget {
-        .options {
-            .option {
-                .icon.widget-0 { background-image: url('#{$themePath}/icon/menu/widget/link.svg'); }
-                .icon.widget-1 { background-image: url('#{$themePath}/icon/menu/widget/tree.svg'); }
-                .icon.widget-2 { background-image: url('#{$themePath}/icon/menu/widget/list.svg'); }
-                .icon.widget-3 { background-image: url('#{$themePath}/icon/menu/widget/compact.svg'); }
-                .icon.widget-4 { background-image: url('#{$themePath}/icon/menu/widget/view.svg'); }
-            }
-        }
-    }
+	.menu.menuWidget {
+		.options {
+			.option {
+				.icon.widget-0 { background-image: url('#{$themePath}/icon/menu/widget/link.svg'); }
+				.icon.widget-1 { background-image: url('#{$themePath}/icon/menu/widget/tree.svg'); }
+				.icon.widget-2 { background-image: url('#{$themePath}/icon/menu/widget/list.svg'); }
+				.icon.widget-3 { background-image: url('#{$themePath}/icon/menu/widget/compact.svg'); }
+				.icon.widget-4 { background-image: url('#{$themePath}/icon/menu/widget/view.svg'); }
+			}
+		}
+	}
+
+	/* Publish */
+
+	.menu.menuPublish {
+		.input.isReadonly { background: rgba(255, 255, 255, 0.03); }
+
+		.outer {
+			.icon.space { background-image: url('#{$themePath}/icon/widget/button/member.svg'); }
+			.icon.export { background-image: url('#{$themePath}/icon/widget/button/export.svg'); }
+		}
+	}
 
 }
diff --git a/src/scss/theme/dark/widget.scss b/src/scss/theme/dark/widget.scss
index 7b5c633486..2d0a1010a0 100644
--- a/src/scss/theme/dark/widget.scss
+++ b/src/scss/theme/dark/widget.scss
@@ -19,6 +19,18 @@
 		.side.right {
 			.cnt { background-color: var(--color-shape-secondary); color: var(--color-text-primary); }
 		}
+
+		.buttons {
+			.item {
+				.icon.member { background-image: url('#{$themePath}/icon/widget/button/member.svg'); }
+				.icon.all { background-image: url('#{$themePath}/icon/widget/button/all.svg'); }
+				.icon.chat { background-image: url('#{$themePath}/icon/widget/button/chat.svg'); }
+
+				.side.right {
+					.icon.more:hover, .icon.more.hover { background-image: url('#{$themePath}/icon/menu/action/more1.svg'); opacity: 1; }
+				}
+			}
+		}
 	}
 }
 
@@ -64,20 +76,6 @@
 	}
 }
 
-.widget.widgetButtons {
-	.body {
-		.item {
-			.icon.member { background-image: url('#{$themePath}/icon/widget/button/member.svg'); }
-			.icon.all { background-image: url('#{$themePath}/icon/widget/button/all.svg'); }
-			.icon.chat { background-image: url('#{$themePath}/icon/widget/button/chat.svg'); }
-
-			.side.right {
-				.icon.more:hover, .icon.more.hover { background-image: url('#{$themePath}/icon/menu/action/more1.svg'); opacity: 1; }
-			}
-		}
-	}
-}
-
 .button.widget {
 	.icon.bin { background-image: url('#{$themePath}/icon/widget/button/bin.svg'); }
 }
\ No newline at end of file
diff --git a/src/scss/widget/space.scss b/src/scss/widget/space.scss
index d4ea3eb753..deb65b4745 100644
--- a/src/scss/widget/space.scss
+++ b/src/scss/widget/space.scss
@@ -18,28 +18,33 @@
 
 			.side.right { flex-shrink: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 0px 4px; }
 			.side.right {
-				.cnt { 
-					@include text-very-small; background-color: var(--color-control-active); color: var(--color-control-bg); border-radius: 50%; min-width: 18px; 
-					text-align: center; font-weight: 500; height: 18px; line-height: 18px; display: none; padding: 0px 2px; flex-shrink: 0;
-				}
-
-				.icon { width: 24px; height: 24px; flex-shrink: 0; }
+				.icon { width: 24px !important; height: 24px !important; flex-shrink: 0; }
 				.icon.search { background-image: url('~img/icon/widget/button/search.svg'); }
 				.icon.plus { background-image: url('~img/icon/widget/button/plus.svg'); }
+				.icon.arrow { background-image: url('~img/icon/widget/button/arrow.svg'); }
 			}
 		}
 
 		.buttons {
-			.item { padding: 4px 8px; display: flex; align-items: center; justify-content: space-between; position: relative; }
+			.item { 
+				padding: 3px 8px; display: flex; align-items: center; justify-content: space-between; position: relative; background: var(--color-bg-primary); 
+				border-radius: 6px;
+			}
 			.item::before {
 				content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--color-shape-highlight-medium); z-index: 1; pointer-events: none;
-				border-radius: 6px; opacity: 0;
+				border-radius: inherit; opacity: 0;
 			}
 			.item:hover::before, .item.hover::before { opacity: 1; }
 
 			.item {
 				.side { display: flex; flex-direction: row; align-items: center; }
 				.side.left { gap: 0px 6px; }
+				.side.right {
+					.cnt { 
+						@include text-very-small; background-color: var(--color-control-active); color: var(--color-control-bg); border-radius: 50%; min-width: 18px; 
+						text-align: center; font-weight: 500; height: 18px; line-height: 18px; display: none; padding: 0px 2px; flex-shrink: 0;
+					}
+				}
 
 				.name { display: flex; gap: 0px 8px; @include text-overflow-nw; }
 
@@ -47,8 +52,6 @@
 				.icon.member { background-image: url('~img/icon/widget/button/member.svg'); }
 				.icon.all { background-image: url('~img/icon/widget/button/all.svg'); }
 				.icon.chat { background-image: url('~img/icon/widget/button/chat.svg'); }
-
-				.cnt { color: var(--color-text-secondary); }
 			}
 			.item:hover {
 				.side.right {
@@ -59,7 +62,7 @@
 	}
 
 	.body.withCnt {
-		.sides {
+		.buttons {
 			.side.left { width: calc(100% - 30px); }
 			.side.right {
 				.cnt { display: block; }
diff --git a/src/scss/widget/view/common.scss b/src/scss/widget/view/common.scss
index 9126b4e36a..4660d142e5 100644
--- a/src/scss/widget/view/common.scss
+++ b/src/scss/widget/view/common.scss
@@ -21,7 +21,7 @@
 	}
 }
 
-.widget.widgetView.isPreview { padding: 0px; }
+.widget.widgetView.isPreview { padding: 0px; height: 100%; }
 .widget.widgetView.isPreview {
 	.head { margin: 0px; padding-bottom: 16px; }
 	.innerWrap { padding: 0px; }
diff --git a/src/ts/app.tsx b/src/ts/app.tsx
index 6013e58e2b..a88cc904e0 100644
--- a/src/ts/app.tsx
+++ b/src/ts/app.tsx
@@ -139,7 +139,7 @@ class RoutePage extends React.Component<RouteComponentProps> {
 					<ListPopup key="listPopup" {...this.props} />
 					<ListMenu key="listMenu" {...this.props} />
 
-					<Sidebar key="sidebar" {...this.props} />
+					<Sidebar ref={ref => S.Common.refSet('sidebarLeft', ref)} key="sidebar" {...this.props} />
 					<Page {...this.props} isPopup={false} />
 				</DragProvider>
 			</SelectionProvider>
diff --git a/src/ts/component/block/chat/form.tsx b/src/ts/component/block/chat/form.tsx
index f663b71812..0672be3e5b 100644
--- a/src/ts/component/block/chat/form.tsx
+++ b/src/ts/component/block/chat/form.tsx
@@ -353,9 +353,7 @@ const ChatForm = observer(class ChatForm extends React.Component<Props, State> {
 				this.editingId = '';
 				this.marks = [];
 				this.range = { from: 0, to: 0 };
-
-				this.refEditable.setValue('');
-				this.refEditable.placeholderCheck();
+				this.updateValue('');
 			});
 		};
 
@@ -394,8 +392,7 @@ const ChatForm = observer(class ChatForm extends React.Component<Props, State> {
 		let adjustMarks = false;
 
 		if (value !== parsed.text) {
-			this.refEditable.setValue(Mark.toHtml(parsed.text, this.marks));
-			this.refEditable.setRange(this.range);
+			this.updateValue(parsed.text);
 		};
 
 		if (canOpenMenuMention) {
@@ -457,7 +454,7 @@ const ChatForm = observer(class ChatForm extends React.Component<Props, State> {
 		const value = this.getTextValue();
 		const checkRtl = U.Common.checkRtl(value);
 
-		$(this.refEditable?.node).toggleClass('isRtl', checkRtl);
+		$(this.refEditable?.getNode()).toggleClass('isRtl', checkRtl);
 	};
 
 	onPaste (e: any) {
@@ -483,10 +480,7 @@ const ChatForm = observer(class ChatForm extends React.Component<Props, State> {
 		};
 
 		this.range = { from: to, to: to + text.length };
-		this.refEditable.setValue(Mark.toHtml(value, this.marks));
-		this.refEditable.setRange(this.range);
-		this.refEditable.placeholderCheck();
-		this.renderMarkup();
+		this.updateMarkup(value, this.range.from, this.range.to);
 
 		if (list.length) {
 			U.Common.saveClipboardFiles(list, {}, data => {
@@ -495,7 +489,6 @@ const ChatForm = observer(class ChatForm extends React.Component<Props, State> {
 		};
 
 		this.checkUrls();
-		this.onInput();
 		this.updateCounter();
 	};
 
@@ -1037,14 +1030,18 @@ const ChatForm = observer(class ChatForm extends React.Component<Props, State> {
 
 	updateMarkup (value: string, from: number, to: number) {
 		this.range = { from, to };
-		this.refEditable.setValue(Mark.toHtml(value, this.marks));
-
-		this.refEditable.setRange({ from, to });
-		this.refEditable.placeholderCheck();
+		this.updateValue(value);
 		this.renderMarkup();
 		this.checkSendButton();
 	};
 
+	updateValue (value: string) {
+		this.refEditable.setValue(Mark.toHtml(value, this.marks));
+		this.refEditable.setRange(this.range);
+		this.refEditable.placeholderCheck();
+		this.onInput();
+	};
+
 	renderMarkup () {
 		const { rootId, renderLinks, renderMentions, renderObjects, renderEmoji } = this.props;
 		const node = this.refEditable.getNode();
@@ -1108,4 +1105,4 @@ const ChatForm = observer(class ChatForm extends React.Component<Props, State> {
 
 });
 
-export default ChatForm;
+export default ChatForm;
\ No newline at end of file
diff --git a/src/ts/component/block/dataview.tsx b/src/ts/component/block/dataview.tsx
index ec5253f6a9..212a7910c6 100644
--- a/src/ts/component/block/dataview.tsx
+++ b/src/ts/component/block/dataview.tsx
@@ -811,7 +811,7 @@ const BlockDataview = observer(class BlockDataview extends React.Component<Props
 
 		let menuContext = null;
 
-		S.Menu.open('dataviewTemplateList', {
+		S.Menu.open('dataviewNew', {
 			...menuParam,
 			offsetY: 10,
 			noAnimation: true,
@@ -829,15 +829,21 @@ const BlockDataview = observer(class BlockDataview extends React.Component<Props
 			data: {
 				rootId,
 				blockId: block.id,
+				subId: this.getSubId(),
 				hasSources,
 				getView: this.getView,
 				withTypeSelect: this.isAllowedDefaultType(),
 				typeId,
 				templateId: this.getDefaultTemplateId(),
 				route,
+				isAllowedObject: this.isAllowedObject(),
+				isCollection,
 				onTypeChange: (id) => {
 					if (id != this.getTypeId()) {
-						Dataview.viewUpdate(rootId, block.id, view.id, { defaultTypeId: id, defaultTemplateId: J.Constant.templateId.blank });
+						const newType = S.Record.getTypeById(id);
+						const newTemplateId = newType?.defaultTemplateId || J.Constant.templateId.blank;
+
+						Dataview.viewUpdate(rootId, block.id, view.id, { defaultTypeId: id, defaultTemplateId: newTemplateId });
 						analytics.event('DefaultTypeChange', { route });
 					};
 				},
@@ -1212,7 +1218,7 @@ const BlockDataview = observer(class BlockDataview extends React.Component<Props
 			return [];
 		};
 
-		const keys = S.Record.getObjectRelationKeys(rootId, block.id);
+		const keys = S.Record.getDataviewRelationKeys(rootId, block.id);
 		return view.getVisibleRelations().filter(it => keys.includes(it.relationKey));
 	};
 
diff --git a/src/ts/component/block/dataview/view/grid.tsx b/src/ts/component/block/dataview/view/grid.tsx
index 07586e12ee..4efeac68bb 100644
--- a/src/ts/component/block/dataview/view/grid.tsx
+++ b/src/ts/component/block/dataview/view/grid.tsx
@@ -388,12 +388,17 @@ const ViewGrid = observer(class ViewGrid extends React.Component<I.ViewComponent
 	onCellAdd (e: any) {
 		const { rootId, block, readonly, loadData, getView, isInline, isCollection } = this.props;
 		const blockEl = `#block-${block.id}`;
-		const cellLast = $(`${blockEl} .cellHead.last`);
+		const rowHead = $(`${blockEl} #rowHead`);
+		const isFixed = rowHead.hasClass('fixed');
+		const headEl = isFixed ? `#rowHeadClone` : `#rowHead`;
+		const element = `${blockEl} ${headEl} #cell-add`;
+		const cellLast = $(`${blockEl} ${headEl} .cellHead.last`);
 
 		S.Menu.open('dataviewRelationList', { 
-			element: `${blockEl} #cell-add`,
+			element,
 			horizontal: I.MenuDirection.Center,
 			offsetY: 10,
+			className: isFixed ? 'fixed' : '',
 			onOpen: () => cellLast.addClass('hover'),
 			onClose: () => cellLast.removeClass('hover'),
 			data: {
@@ -427,14 +432,17 @@ const ViewGrid = observer(class ViewGrid extends React.Component<I.ViewComponent
 		keyboard.disableSelection(false);
 	};
 
-	loadMoreRows ({ startIndex, stopIndex }) {
+	loadMoreRows () {
 		const { rootId, block, loadData, getView, getLimit } = this.props;
 		const subId = S.Record.getSubId(rootId, block.id);
-		let { offset } = S.Record.getMeta(subId, '');
 		const view = getView();
+		const limit = getLimit();
+
+		let { offset } = S.Record.getMeta(subId, '');
 
 		return new Promise((resolve, reject) => {
-			offset += getLimit();
+			offset += limit;
+
 			loadData(view.id, offset, false, resolve);
 			S.Record.metaSet(subId, '', { offset });
 		});
diff --git a/src/ts/component/block/dataview/view/grid/body/cell.tsx b/src/ts/component/block/dataview/view/grid/body/cell.tsx
index 6f6c5eaf15..c61bc3da1b 100644
--- a/src/ts/component/block/dataview/view/grid/body/cell.tsx
+++ b/src/ts/component/block/dataview/view/grid/body/cell.tsx
@@ -12,6 +12,7 @@ interface Props {
 	className?: string;
 	recordId?: string;
 	recordIdx?: number;
+	getView?(): I.View;
 	getRecord?(id: string): any;
 	getIdPrefix?(): string;
 	onRef?(ref: any, id: string): void;
@@ -31,21 +32,31 @@ const BodyCell = observer(class BodyCell extends React.Component<Props> {
 	};
 
 	render () {
-		const { rootId, block, className, relationKey, readonly, recordId, getRecord, onRef, onCellClick, onCellChange, getIdPrefix, canCellEdit } = this.props;
+		const { 
+			rootId, block, className, relationKey, readonly, recordId, getView, getRecord, onRef, onCellClick, onCellChange, 
+			getIdPrefix, canCellEdit,
+		} = this.props;
 		const record = getRecord(recordId);
 		const relation: any = S.Record.getRelationByKey(relationKey) || {};
-		const cn = [ 'cell', `cell-key-${relationKey}`, Relation.className(relation.format), (!readonly ? 'canEdit' : '') ];
+		const view = getView();
+		const viewRelation = view?.getRelation(relationKey);
+		const cn = [ 'cell', `cell-key-${relationKey}`, Relation.className(relation.format), `align${viewRelation?.align}` ];
 		const idPrefix = getIdPrefix();
 		const id = Relation.cellId(idPrefix, relationKey, record.id);
 		const width = Relation.width(this.props.width, relation.format);
 		const size = J.Size.dataview.cell;
 		const subId = S.Record.getSubId(rootId, block.id);
 		const canEdit = canCellEdit(relation, record);
+		const isName = relationKey == 'name';
 
-		if (relationKey == 'name') {
+		if (isName) {
 			cn.push('isName');
 		};
 
+		if (!readonly) {
+			cn.push('canEdit');
+		};
+
 		if (width <= size.icon) {
 			cn.push('small');
 		};
@@ -55,7 +66,7 @@ const BodyCell = observer(class BodyCell extends React.Component<Props> {
 		};
 
 		let iconEdit = null;
-		if ((relationKey == 'name') && !U.Object.isNoteLayout(record.layout) && canEdit) {
+		if (isName && !U.Object.isNoteLayout(record.layout) && canEdit) {
 			iconEdit = <Icon className="edit" onClick={this.onEdit} />;
 		};
 
diff --git a/src/ts/component/block/dataview/view/grid/body/row.tsx b/src/ts/component/block/dataview/view/grid/body/row.tsx
index 82933949c6..8d595acff0 100644
--- a/src/ts/component/block/dataview/view/grid/body/row.tsx
+++ b/src/ts/component/block/dataview/view/grid/body/row.tsx
@@ -65,14 +65,16 @@ const BodyRow = observer(class BodyRow extends React.Component<Props> {
 		if (isCollection && !isInline) {
 			content = (
 				<React.Fragment>
-					{!readonly ? <Icon
-						className="drag"
-						draggable={true}
-						onClick={e => onSelectToggle(e, record.id)}
-						onDragStart={e => onDragRecordStart(e, record.id)}
-						onMouseEnter={() => keyboard.setSelectionClearDisabled(true)}
-						onMouseLeave={() => keyboard.setSelectionClearDisabled(false)}
-					/> : ''}
+					{!readonly ? (
+						<Icon
+							className="drag"
+							draggable={true}
+							onClick={e => onSelectToggle(e, record.id)}
+							onDragStart={e => onDragRecordStart(e, record.id)}
+							onMouseEnter={() => keyboard.setSelectionClearDisabled(true)}
+							onMouseLeave={() => keyboard.setSelectionClearDisabled(false)}
+						/>
+ 					) : ''}
 					<DropTarget {...this.props} rootId={rootId} id={record.id} dropType={I.DropType.Record}>
 						{content}
 					</DropTarget>
diff --git a/src/ts/component/block/dataview/view/grid/head/cell.tsx b/src/ts/component/block/dataview/view/grid/head/cell.tsx
index 077c68342e..6b9e1ebde5 100644
--- a/src/ts/component/block/dataview/view/grid/head/cell.tsx
+++ b/src/ts/component/block/dataview/view/grid/head/cell.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { observer } from 'mobx-react';
 import { SortableElement } from 'react-sortable-hoc';
-import { I, S, keyboard, Relation, Dataview } from 'Lib';
+import { I, S, J, keyboard, Relation, Dataview } from 'Lib';
 import Handle from './handle';
 
 interface Props extends I.ViewComponent, I.ViewRelation {
@@ -22,15 +22,17 @@ const HeadCell = observer(class HeadCell extends React.Component<Props> {
 	};
 
 	render () {
-		const { rootId, block, relationKey, index, onResizeStart, readonly } = this.props;
+		const { rootId, block, relationKey, index, onResizeStart, getView, readonly } = this.props;
 		const relation = S.Record.getRelationByKey(relationKey);
 		
 		if (!relation) {
-			return;
+			return null;
 		};
 
+		const view = getView();
+		const viewRelation = view?.getRelation(relationKey);
 		const allowed = !readonly && S.Block.checkFlags(rootId, block.id, [ I.RestrictionDataview.View ]);
-		const cn = [ 'cellHead', `cell-key-${relationKey}`, Relation.className(relation.format) ];
+		const cn = [ 'cellHead', `cell-key-${relationKey}`, Relation.className(relation.format), `align${viewRelation?.align}` ];
 
 		if (allowed) {
 			cn.push('canDrag');
@@ -95,6 +97,7 @@ const HeadCell = observer(class HeadCell extends React.Component<Props> {
 				onOpen: () => obj.addClass('active'),
 				onClose: () => obj.removeClass('active'),
 				className: isFixed ? 'fixed' : '',
+				subIds: J.Menu.relationEdit,
 				data: {
 					...this.props,
 					blockId: block.id,
diff --git a/src/ts/component/block/embed.tsx b/src/ts/component/block/embed.tsx
index f4230b77a6..4185c234a3 100644
--- a/src/ts/component/block/embed.tsx
+++ b/src/ts/component/block/embed.tsx
@@ -686,16 +686,24 @@ const BlockEmbed = observer(class BlockEmbed extends React.Component<I.BlockComp
 
 					iw.postMessage(data, '*');
 
-					if (allowIframeResize) {
-						win.off(`message.${block.id}`).on(`message.${block.id}`, e => {
-							const oe = e.originalEvent as any;
-							const { height, blockId } = oe.data;
+					win.off(`message.${block.id}`).on(`message.${block.id}`, e => {
+						const oe = e.originalEvent as any;
+						const { type, height, blockId, url } = oe.data;
 
-							if (blockId == block.id) {
-								iframe.css({ height: Math.max(80, height) });
+						switch (type) {
+							case 'resize': {
+								if (allowIframeResize && (blockId == block.id)) {
+									iframe.css({ height: Math.max(80, height) });
+								};
+								break;
 							};
-						});
-					};
+
+							case 'openUrl': {
+								Action.openUrl(url);
+								break;
+							};
+						};
+					});
 				};
 
 				if (!iframe.length) {
@@ -752,7 +760,7 @@ const BlockEmbed = observer(class BlockEmbed extends React.Component<I.BlockComp
 			};
 
 			case I.EmbedProcessor.Mermaid: {
-				ReactDOM.render(<MediaMermaid chart={this.text} />, value.get(0));
+				ReactDOM.render(<MediaMermaid id={`block-${block.id}-mermaid`} chart={this.text} />, value.get(0));
 				break;
 			};
 
diff --git a/src/ts/component/block/media/image.tsx b/src/ts/component/block/media/image.tsx
index dcee674c3a..ef4a9ed480 100644
--- a/src/ts/component/block/media/image.tsx
+++ b/src/ts/component/block/media/image.tsx
@@ -237,7 +237,7 @@ const BlockImage = observer(class BlockImage extends React.Component<I.BlockComp
 
 		const { rootId, block } = this.props;
 		const blocks = S.Block.getBlocks(rootId, (it: I.Block) => it.isFileImage() || it.isFileVideo());
-		const idx = blocks.findIndex(it => it.id == block.id);
+		const targetId = block.getTargetObjectId();
 		const gallery = [];
 
 		blocks.forEach(it => {
@@ -268,7 +268,7 @@ const BlockImage = observer(class BlockImage extends React.Component<I.BlockComp
 
 		S.Popup.open('preview', { 
 			data: {
-				initialIdx: idx,
+				initialIdx: gallery.findIndex(it => it.object.id == targetId),
 				gallery,
 			},
 		});
diff --git a/src/ts/component/block/text.tsx b/src/ts/component/block/text.tsx
index 5e5619e03d..55f86a0ed7 100644
--- a/src/ts/component/block/text.tsx
+++ b/src/ts/component/block/text.tsx
@@ -315,7 +315,7 @@ const BlockText = observer(class BlockText extends React.Component<Props> {
 		const reg = /(^|[^\d<\$]+)?\$((?:[^$<]|\.)*?)\$([^\d>\$]+|$)/gi;
 		const regCode = new RegExp(`^${code}|${code}$`, 'i');
 
-		if (!/\$((?:[^$<]|\.)*?)\$/.test(value)) {
+		if (!/\$[^\$]+\$/.test(value)) {
 			return;
 		};
 
@@ -675,7 +675,7 @@ const BlockText = observer(class BlockText extends React.Component<Props> {
 
 		const { rootId, block, onMenuAdd, isInsideTable, onKeyUp } = this.props;
 		const { filter } = S.Common;
-		const { id, content } = block;
+		const { id, content, fields } = block;
 		const range = this.getRange();
 		const langCodes = Object.keys(Prism.languages).join('|');
 		const langKey = '```(' + langCodes + ')?';
@@ -712,8 +712,13 @@ const BlockText = observer(class BlockText extends React.Component<Props> {
 		const menuOpenMention = S.Menu.isOpen('blockMention');
 		const oneSymbolBefore = range ? value[range.from - 1] : '';
 		const twoSymbolBefore = range ? value[range.from - 2] : '';
+		const isRtl = U.Common.checkRtl(value);
 
-		keyboard.setRtl(U.Common.checkRtl(value));
+		keyboard.setRtl(isRtl);
+
+		if (isRtl) {
+			U.Data.setRtl(rootId, block.id);
+		};
 
 		if (range) {
 			isAllowedMenu = isAllowedMenu && (!range.from || (range.from == 1) || [ ' ', '\n', '(', '[', '"', '\'' ].includes(twoSymbolBefore));
diff --git a/src/ts/component/block/type.tsx b/src/ts/component/block/type.tsx
index f4422e63a8..b8bc60e347 100644
--- a/src/ts/component/block/type.tsx
+++ b/src/ts/component/block/type.tsx
@@ -21,7 +21,12 @@ const BlockType = observer(class BlockType extends React.Component<I.BlockCompon
 	};
 
 	render (): any {
-		const { block } = this.props;
+		const { block, readonly } = this.props;
+
+		if (readonly) {
+			return null;
+		};
+
 		const items = this.getItems();
 		const cn = [ 'wrap', 'focusable', 'c' + block.id ];
 
diff --git a/src/ts/component/editor/page.tsx b/src/ts/component/editor/page.tsx
index 1203606422..874f130f75 100644
--- a/src/ts/component/editor/page.tsx
+++ b/src/ts/component/editor/page.tsx
@@ -249,11 +249,8 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 				return;
 			};
 
-			this.containerScrollTop = Storage.getScroll('editor', rootId, isPopup);
 			this.focusInit();
 
-			U.Common.getScrollContainer(isPopup).scrollTop(this.containerScrollTop);
-
 			if (onOpen) {
 				onOpen();
 			};
@@ -262,7 +259,12 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 				this.refControls.forceUpdate();
 			};
 
-			window.setTimeout(() => this.resizePage(), 15);
+			this.resizePage(() => {
+				this.containerScrollTop = Storage.getScroll('editor', rootId, isPopup);
+				if (this.containerScrollTop) {
+					U.Common.getScrollContainer(isPopup).scrollTop(this.containerScrollTop);
+				};
+			});
 		});
 	};
 
@@ -352,7 +354,7 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 			to = storage.range.to;
 		};
 
-		if (!block) {
+		if (!block || !block.isText()) {
 			if (U.Object.isNoteLayout(root.layout)) {
 				block = S.Block.getFirstBlock(rootId, -1, it => it.isFocusable());
 			} else {
@@ -370,8 +372,7 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 
 		focus.set(block.id, { from, to });
 		focus.apply();
-
-		window.setTimeout(() => focus.scroll(isPopup, block.id), 10);
+		focus.scroll(isPopup, block.id);
 	};
 	
 	unbind () {
@@ -402,7 +403,7 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 		win.on(`keydown.${ns}`, e => this.onKeyDownEditor(e));
 		win.on(`paste.${ns}`, (e: any) => {
 			if (!keyboard.isFocused) {
-				this.onPasteEvent(e, {});
+				this.onPasteEvent(e, this.props);
 			};
 		});
 
@@ -595,6 +596,11 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 			ret = true;
 		});
 
+		// Paste
+		keyboard.shortcut(`${cmd}+v`, e, (pressed: string) => {
+			ret = true;
+		});
+
 		// Undo
 		keyboard.shortcut(`${cmd}+z`, e, () => {
 			if (!readonly) {
@@ -980,7 +986,7 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 			});
 
 			keyboard.shortcut('arrowleft, arrowright', e, (pressed: string) => {
-				this.onArrowHorizontal(e, pressed, range, length, props);
+				this.onArrowHorizontal(e, text, pressed, range, length, props);
 			});
 
 			// Enter
@@ -997,7 +1003,7 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 				const isShift = pressed.match('shift') ? true : false;
 
 				if (isInsideTable) {
-					this.onArrowHorizontal(e, pressed, { from: length, to: length }, length, props);
+					this.onArrowHorizontal(e, text, pressed, { from: length, to: length }, length, props);
 				} else {
 					this.onTabBlock(e, range, isShift);
 				};
@@ -1595,13 +1601,14 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 		};
 	};
 
-	onArrowHorizontal (e: any, pressed: string, range: I.TextRange, length: number, props: any) {
+	onArrowHorizontal (e: any, text: string, pressed: string, range: I.TextRange, length: number, props: any) {
 		const { focused } = focus.state;
 		const { rootId } = this.props;
 		const { isInsideTable } = props;
 		const block = S.Block.getLeaf(rootId, focused);
 		const withTab = pressed.match(Key.tab);
-		const dir = pressed.match([ Key.left, Key.shift ].join('|')) ? -1 : 1;
+		const isRtl = U.Common.checkRtl(text);
+		const dir = (pressed.match([ Key.left, Key.shift ].join('|')) ? -1 : 1) * (isRtl ? -1 : 1);
 
 		if (!block) {
 			return;
@@ -2195,6 +2202,10 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 				S.Block.toggle(rootId, message.blockId, true);
 			};
 
+			if (keyboard.isRtl) {
+				U.Data.setRtl(rootId, message.blockId);
+			};
+
 			analytics.event('CreateBlock', { middleTime: message.middleTime, type: I.BlockType.Text, style });
 		});
 	};
@@ -2287,7 +2298,7 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 		};
 	};
 	
-	resizePage () {
+	resizePage (callBack?: () => void) {
 		const { isLoading } = this.state;
 
 		if (isLoading || !this._isMounted) {
@@ -2331,6 +2342,10 @@ const EditorPage = observer(class EditorPage extends React.Component<Props, Stat
 			if (cover.length) {
 				cover.css({ top: hh });
 			};
+
+			if (callBack) {
+				callBack();
+			};
 		});
 	};
 
diff --git a/src/ts/component/form/input.tsx b/src/ts/component/form/input.tsx
index 3aaf0658bb..9233c76b16 100644
--- a/src/ts/component/form/input.tsx
+++ b/src/ts/component/form/input.tsx
@@ -96,7 +96,7 @@ const Input = forwardRef<InputRef, Props>(({
 	const isFocused = useRef(false);
 	const rangeRef = useRef<I.TextRange | null>(null);
 	const cn = [ 'input', `input-${inputType}`, className ];
-	
+
 	if (readonly) {
 		cn.push('isReadonly');
 	};
@@ -247,8 +247,6 @@ const Input = forwardRef<InputRef, Props>(({
 		return rect;
 	};
 
-	useEffect(() => setValue(initialValue), []);
-
 	useEffect(() => {
 		if (maskOptions && inputRef.current) {
 			new Inputmask(maskOptions.mask, maskOptions).mask($(inputRef.current).get(0));
diff --git a/src/ts/component/form/phrase.tsx b/src/ts/component/form/phrase.tsx
index 0c79c60d2b..3131173954 100644
--- a/src/ts/component/form/phrase.tsx
+++ b/src/ts/component/form/phrase.tsx
@@ -157,7 +157,7 @@ const Phrase = forwardRef<PhraseRefProps, Props>(({
 	};
 
 	const onToggleHandler = () => {
-		const pin = Storage.getPin();
+		const { pin } = S.Common;
 		const onSuccess = () => {
 			setIsHidden(!isHidden);
 
diff --git a/src/ts/component/form/select.tsx b/src/ts/component/form/select.tsx
index fac21b5ccd..6338e8ba9f 100644
--- a/src/ts/component/form/select.tsx
+++ b/src/ts/component/form/select.tsx
@@ -23,6 +23,7 @@ interface SelectRefProps {
 	getValue: () => any;
 	setValue: (v: any) => void;
 	setOptions: (options: I.Option[]) => void;
+	show: (e: MouseEvent) => void;
 };
 
 const Select = forwardRef<SelectRefProps, Props>(({
@@ -198,6 +199,7 @@ const Select = forwardRef<SelectRefProps, Props>(({
 		getValue: () => getValue(val),
 		setValue: setValueHandler,
 		setOptions: (options: I.Option[]) => setOptions(options),
+		show,
 	}));
 
 	return (
diff --git a/src/ts/component/header/main/object.tsx b/src/ts/component/header/main/object.tsx
index ea5a10c365..f2fb4c2313 100644
--- a/src/ts/component/header/main/object.tsx
+++ b/src/ts/component/header/main/object.tsx
@@ -1,7 +1,7 @@
 import React, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import { observer } from 'mobx-react';
 import { Button, Icon, IconObject, ObjectName, Label } from 'Component';
-import { I, S, U, J, keyboard, translate } from 'Lib';
+import { I, S, U, J, keyboard, translate, analytics } from 'Lib';
 import HeaderBanner from 'Component/page/elements/head/banner';
 
 const HeaderMainObject = observer(forwardRef<{}, I.HeaderComponent>((props, ref) => {
@@ -16,7 +16,7 @@ const HeaderMainObject = observer(forwardRef<{}, I.HeaderComponent>((props, ref)
 	const isLocked = root ? root.isLocked() : false;
 	const isTypeOrRelation = U.Object.isTypeOrRelationLayout(object.layout);
 	const isDate = U.Object.isDateLayout(object.layout);
-	const showShare = !isTypeOrRelation && !isDate && config.experimental && !isDeleted;
+	const showShare = S.Block.isAllowed(object.restrictions, [ I.RestrictionObject.Publish ], true) && config.experimental && !isDeleted;
 	const showRelations = !isTypeOrRelation && !isDate && !isDeleted;
 	const showMenu = !isTypeOrRelation && !isDeleted;
 	const cmd = keyboard.cmdSymbol();
@@ -94,6 +94,8 @@ const HeaderMainObject = observer(forwardRef<{}, I.HeaderComponent>((props, ref)
 				rootId,
 			}
 		});
+
+		analytics.event('ClickShareObject', { objectType: object.type });
 	};
 
 	const onRelationHandler = () => {
@@ -174,4 +176,4 @@ const HeaderMainObject = observer(forwardRef<{}, I.HeaderComponent>((props, ref)
 
 }));
 
-export default HeaderMainObject;
\ No newline at end of file
+export default HeaderMainObject;
diff --git a/src/ts/component/list/object.tsx b/src/ts/component/list/object.tsx
index 3390b0f4fb..f9198d0dff 100644
--- a/src/ts/component/list/object.tsx
+++ b/src/ts/component/list/object.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef, useImperativeHandle, useEffect } from 'react';
+import React, { forwardRef, useImperativeHandle, useEffect, useState } from 'react';
 import { observer } from 'mobx-react';
 import { I, C, S, U, J, Relation, translate, keyboard, analytics } from 'Lib';
 import { Icon, IconObject, Pager, ObjectName, Cell, SelectionTarget } from 'Component';
@@ -40,8 +40,8 @@ const ListObject = observer(forwardRef<ListObjectRefProps, Props>(({
 	route = '',
 }, ref) => {
 
-	const [ sortId, setSortId ] = React.useState('');
-	const [ sortType, setSortType ] = React.useState(I.SortType.Asc);
+	const [ sortId, setSortId ] = useState('');
+	const [ sortType, setSortType ] = useState(I.SortType.Asc);
 	const { offset, total } = S.Record.getMeta(subId, '');
 	const { dateFormat } = S.Common;
 
diff --git a/src/ts/component/list/objectManager.tsx b/src/ts/component/list/objectManager.tsx
index 68549ca651..c0e4565ff5 100644
--- a/src/ts/component/list/objectManager.tsx
+++ b/src/ts/component/list/objectManager.tsx
@@ -26,6 +26,7 @@ interface Props {
 interface ListManagerRefProps {
 	getSelected(): string[];
 	setSelection(ids: string[]): void;
+	setSelectedRange(start: number, end: number): void;
 	selectionClear(): void;
 };
 
@@ -48,7 +49,6 @@ const ListManager = observer(forwardRef<ListManagerRefProps, Props>(({
 	onAfterLoad
 }, ref) => {
 
-	const nodeRef = useRef(null);
 	const filterWrapperRef = useRef(null);
 	const filterRef = useRef(null);
 	const listRef = useRef(null);
@@ -144,18 +144,17 @@ const ListManager = observer(forwardRef<ListManagerRefProps, Props>(({
 
 	const load = () => {
 		const filter = getFilterValue();
-		const fl = [].concat(filters || []);
-		const sl = [].concat(sorts || []);
+		const fl = [ ...filters ];
 
 		if (filter) {
-			filters.push({ relationKey: 'name', condition: I.FilterCondition.Like, value: filter });
+			fl.push({ relationKey: 'name', condition: I.FilterCondition.Like, value: filter });
 		};
 
 		setIsLoading(true);
 
 		U.Data.searchSubscribe({
 			subId,
-			sorts: sl,
+			sorts,
 			filters: fl,
 			ignoreArchived,
 			ignoreHidden,
@@ -400,6 +399,7 @@ const ListManager = observer(forwardRef<ListManagerRefProps, Props>(({
 	useImperativeHandle(ref, () => ({
 		getSelected: () => selected,
 		setSelection,
+		setSelectedRange,
 		selectionClear,
 	}));
 
diff --git a/src/ts/component/menu/block/align.tsx b/src/ts/component/menu/block/align.tsx
index 255b0453b1..a277a37bad 100644
--- a/src/ts/component/menu/block/align.tsx
+++ b/src/ts/component/menu/block/align.tsx
@@ -53,7 +53,7 @@ class MenuBlockHAlign extends React.Component<I.Menu> {
 		const { data } = param;
 		const { rootId } = data;
 		const blockIds = data.blockIds || [];
-		const restricted = [];
+		const restricted = [].concat(data.restricted || []);
 		
 		for (const id of blockIds) {
 			const block = S.Block.getLeaf(rootId, id);
@@ -69,7 +69,7 @@ class MenuBlockHAlign extends React.Component<I.Menu> {
 			};
 		};
 
-		return U.Menu.getHAlign(restricted);
+		return U.Menu.prepareForSelect(U.Menu.getHAlign(restricted));
 	};
 	
 	onOver (e: any, item: any) {
@@ -79,12 +79,12 @@ class MenuBlockHAlign extends React.Component<I.Menu> {
 	};
 	
 	onClick (e: any, item: any) {
-		const { param } = this.props;
+		const { param, close } = this.props;
 		const { data } = param;
 		const { onSelect } = data;
 		
-		this.props.close();
-		onSelect(item.id);
+		close();
+		onSelect(Number(item.id));
 	};
 	
 };
diff --git a/src/ts/component/menu/dataview/filter/values.tsx b/src/ts/component/menu/dataview/filter/values.tsx
index b4a8fd9ba7..18429fa929 100644
--- a/src/ts/component/menu/dataview/filter/values.tsx
+++ b/src/ts/component/menu/dataview/filter/values.tsx
@@ -113,7 +113,7 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
 								/>
 							</div>
 							<div className="buttons">
-								<Icon className="delete" onClick={e => this.onDelete(e, element)} />
+								<Icon className="delete withBackground" onClick={e => this.onDelete(e, element)} />
 							</div>
 						</div>
 					);
@@ -149,7 +149,7 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
 								{type?.name}
 							</div>
 							<div className="buttons">
-								<Icon className="delete" onClick={e => this.onDelete(e, element)} />
+								<Icon className="delete withBackground" onClick={e => this.onDelete(e, element)} />
 							</div>
 						</div>
 					);
diff --git a/src/ts/component/menu/dataview/new.tsx b/src/ts/component/menu/dataview/new.tsx
new file mode 100644
index 0000000000..c0532b33f1
--- /dev/null
+++ b/src/ts/component/menu/dataview/new.tsx
@@ -0,0 +1,268 @@
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import $ from 'jquery';
+import { observer } from 'mobx-react';
+import { I, S, U, J, analytics, keyboard, translate, Action } from 'Lib';
+import { MenuItemVertical } from 'Component';
+
+const MenuNew = observer(forwardRef<I.MenuRef, I.Menu>((props, ref) => {
+
+	const { param, setActive, setHover, onKeyDown, getId, getSize, position } = props;
+	const { data } = param;
+	const { 
+		rootId, subId, blockId, typeId, templateId, route, hasSources, getView, onTypeChange, onSetDefault, onSelect, isCollection, withTypeSelect, 
+		isAllowedObject,
+	} = data;
+	const n = useRef(-1);
+	const [ template, setTemplate ] = useState(null);
+
+	const rebind = () => {
+		unbind();
+		$(window).on('keydown.menu', e => onKeyDown(e));
+		window.setTimeout(() => setActive(), 15);
+	};
+
+	const unbind = () => {
+		$(window).off('keydown.menu');
+	};
+
+	const loadTemplate = () => {
+		U.Object.getById(templateId, {}, (object: any) => {
+			setTemplate(object ? object : null);
+		});
+	};
+
+	const getSections = () => {
+		const type = S.Record.getTypeById(typeId);
+		const templateName = template ? template.name : translate('commonBlank');
+
+		const itemsAdd: any[] = [
+			{ id: 'new', icon: 'add', name: translate('commonNew') },
+		];
+		const itemsSettings: any[] = [
+			{ id: 'template', name: translate('commonTemplate'), arrow: true, caption: templateName },
+		];
+
+		if (isAllowedObject && isCollection) {
+			itemsAdd.push({ id: 'existing', icon: 'existingObject', name: translate('menuDataviewExistingObject'), arrow: true });
+		};
+
+		if (withTypeSelect) {
+			itemsSettings.unshift({ id: 'type', name: translate('commonDefaultType'), arrow: true, caption: type.name });
+		};
+
+		let sections: any[] = [
+			{ id: 'add', name: '', children: itemsAdd },
+			{ id: 'settings', name: translate('commonSettings'), children: itemsSettings },
+		].filter(it => it);
+
+		sections = sections.map((s: any) => {
+			s.children = s.children.filter(it => it);
+			return s;
+		}).filter(s => !!s.children.length);
+
+		return sections;
+	};
+
+	const getItems = () => {
+		const sections = getSections();
+
+		let items: any[] = [];
+		for (const section of sections) {
+			items = items.concat(section.children);
+		};
+
+		return items;
+	};
+
+	const onOver = (e: React.MouseEvent, item: any) => {
+		if (!item.arrow) {
+			S.Menu.closeAll(J.Menu.dataviewNew);
+			return;
+		};
+
+		const allowedLayouts = U.Object.getPageLayouts().concat(U.Object.getSetLayouts());
+
+		const menuParam: I.MenuParam = {
+			element: `#${getId()} #item-${item.id}`,
+			offsetX: getSize().width,
+			vertical: I.MenuDirection.Center,
+			isSub: true,
+			className: param.className,
+			classNameWrap: param.classNameWrap,
+			data: {
+				rootId,
+				blockId,
+				hasSources,
+				getView,
+				typeId,
+				templateId,
+				route,
+			},
+		};
+
+		let menuId = '';
+
+		switch (item.id) {
+			case 'existing': {
+				menuId = 'searchObject';
+				menuParam.data = Object.assign(menuParam.data, {
+					filters: [
+						{ relationKey: 'layout', condition: I.FilterCondition.NotIn, value: U.Object.getSystemLayouts() },
+						{ relationKey: 'isReadonly', condition: I.FilterCondition.NotEqual, value: true },
+					],
+					onSelect: (el: any) => {
+						Action.addToCollection(rootId, [ el.id ]);
+					},
+					skipIds: [ ...S.Record.getRecordIds(subId, ''), rootId ],
+				});
+				break;
+			};
+
+			case 'type': {
+				menuId = 'typeSuggest';
+				menuParam.data = Object.assign(menuParam.data, {
+					filter: '',
+					filters: [
+						{ relationKey: 'recommendedLayout', condition: I.FilterCondition.In, value: allowedLayouts },
+						{ relationKey: 'uniqueKey', condition: I.FilterCondition.NotEqual, value: J.Constant.typeKey.template },
+					],
+					skipIds: [ typeId ],
+					onClick: type => {
+						data.typeId = type.id;
+						data.templateId = type.defaultTemplateId || J.Constant.templateId.blank;
+
+						loadTemplate();
+
+						if (onTypeChange) {
+							onTypeChange(type.id);
+						};
+					},
+				});
+				break;
+			};
+
+			case 'template': {
+				const update = (item) => {
+					data.templateId = item.id;
+					loadTemplate();
+				};
+
+				menuId = 'dataviewTemplateList';
+				menuParam.data = Object.assign(menuParam.data, {
+					onSetDefault: (item) => {
+						update(item);
+
+						if (onSetDefault) {
+							onSetDefault(item);
+						};
+					},
+					onSelect: (item) => {
+						update(item);
+
+						if (onSelect) {
+							onSelect(item);
+						};
+					},
+				});
+				break;
+			};
+		};
+
+		if (menuId && !S.Menu.isOpen(menuId, item.id)) {
+			S.Menu.closeAll(J.Menu.dataviewNew, () => {
+				S.Menu.open(menuId, menuParam);
+			});
+		};
+	};
+
+	const onClick = (e: React.MouseEvent, item: any) => {
+		if (item.arrow) {
+			return;
+		};
+
+		switch (item.id) {
+			case 'new': {
+				if (onSelect) {
+					onSelect(template ? template : { id: J.Constant.templateId.blank });
+				};
+				break;
+			};
+		};
+	};
+
+	const onMouseEnter = (e: React.MouseEvent, item: any) => {
+		if (!keyboard.isMouseDisabled) {
+			setActive(item, false);
+			onOver(e, item);
+		};
+	};
+
+	const onMouseLeave = (e: React.MouseEvent, item: any) => {
+		if (!keyboard.isMouseDisabled) {
+			setHover(null, false);
+		};
+	};
+
+	const resize = () => {
+		$(`#${getId()} .content`).css({ height: 'auto' });
+		position();
+	};
+
+	const sections = getSections();
+
+	const Section = (item: any) => (
+		<div id={'section-' + item.id} className="section">
+			{item.name ? <div className="name">{item.name}</div> : ''}
+			<div className="items">
+				{item.children.map((action: any, i: number) => (
+					<MenuItemVertical
+						key={i}
+						{...action}
+						icon={action.icon}
+						onMouseEnter={e => onMouseEnter(e, action)}
+						onMouseLeave={e => onMouseLeave(e, action)}
+						onClick={e => onClick(e, action)}
+					/>
+				))}
+			</div>
+		</div>
+	);
+
+	useEffect(() => {
+		rebind();
+		loadTemplate();
+		window.setTimeout(() => resize(), 5);
+
+		return () => {
+			unbind();
+			S.Menu.closeAll(J.Menu.dataviewNew);
+		};
+	}, []);
+
+	useImperativeHandle(ref, () => ({
+		rebind,
+		unbind,
+		loadTemplate,
+		getSections,
+		getItems,
+		getIndex: () => n.current,
+		setIndex: (i: number) => n.current = i,
+		onOver,
+		onClick,
+		onMouseEnter,
+		onMouseLeave,
+		resize,
+		Section,
+	}), []);
+
+	return (
+		<>
+			{sections.map((item: any, i: number) => (
+				<Section key={i} index={i} {...item} />
+			))}
+		</>
+	);
+	
+}));
+
+export default MenuNew;
\ No newline at end of file
diff --git a/src/ts/component/menu/dataview/object/values.tsx b/src/ts/component/menu/dataview/object/values.tsx
index 5deda146a0..c021cbe445 100644
--- a/src/ts/component/menu/dataview/object/values.tsx
+++ b/src/ts/component/menu/dataview/object/values.tsx
@@ -55,7 +55,7 @@ const MenuObjectValues = observer(class MenuObjectValues extends React.Component
 						<IconObject object={item} />
 						<ObjectName object={item} />
 					</span>
-					{canEdit ? <Icon className="delete" onClick={e => this.onRemove(e, item)} /> : ''}
+					{canEdit ? <Icon className="delete withBackground" onClick={e => this.onRemove(e, item)} /> : ''}
 				</div>
 			);
 		});
diff --git a/src/ts/component/menu/dataview/relation/edit.tsx b/src/ts/component/menu/dataview/relation/edit.tsx
index 5f9acca57d..1f0215b628 100644
--- a/src/ts/component/menu/dataview/relation/edit.tsx
+++ b/src/ts/component/menu/dataview/relation/edit.tsx
@@ -212,12 +212,20 @@ const MenuRelationEdit = observer(class MenuRelationEdit extends React.Component
 		const { param } = this.props;
 		const { data } = param;
 		const { rootId, blockId, extendedOptions, readonly, noUnlink } = data;
-		const object = S.Detail.get(rootId, rootId);
 		const relation = this.getRelation();
+
+		if (!relation) {
+			return [];
+		};
+
+		const viewRelation = this.getViewRelation();
+		const object = S.Detail.get(rootId, rootId);
 		const isFile = relation && (relation.format == I.RelationType.File);
+		const isName = relation && (relation.relationKey == 'name');
 		const canFilter = !isFile;
 		const canSort = !isFile;
-		const canHide = relation && (relation.relationKey != 'name');
+		const canHide = !isName;
+		const canAlign = !isName; 
 		const canCalculate = relation;
 		
 		let unlinkText = translate('commonUnlink');
@@ -267,19 +275,19 @@ const MenuRelationEdit = observer(class MenuRelationEdit extends React.Component
 				},
 				{
 					children: [
+						canAlign ? { id: 'align', icon: U.Data.alignHIcon(viewRelation?.align), name: translate('commonAlign'), arrow: true } : null,
 						canCalculate ? { id: 'calculate', icon: 'relation c-number', name: translate('commonCalculate'), arrow: true } : null,
 					]
 				},
 			]);
-
-
 		};
 
-		sections = sections.filter((s: any) => {
+		sections = sections.map(s => {
 			s.children = s.children.filter(c => c);
-			return s.children.length > 0;
+			return s;
 		});
 
+		sections = sections.filter(s => s.children.length);
 		return sections;
 	};
 
@@ -306,16 +314,18 @@ const MenuRelationEdit = observer(class MenuRelationEdit extends React.Component
 			return;
 		};
 
-		const { getId, getSize, param } = this.props;
+		const { getId, getSize, param, close } = this.props;
 		const { classNameWrap, data } = param;
 		const { rootId } = data;
 		const relation = this.getRelation();
-		const object = S.Detail.get(rootId, rootId);
 
 		if (!relation) {
 			return;
 		};
 
+		const viewRelation = this.getViewRelation();
+		const object = S.Detail.get(rootId, rootId);
+
 		let menuContext = null;
 		let menuId = '';
 
@@ -331,6 +341,20 @@ const MenuRelationEdit = observer(class MenuRelationEdit extends React.Component
 		};
 
 		switch (item.id) {
+			case 'align': {
+				menuId = 'blockAlign';
+
+				menuParam.data = Object.assign(menuParam.data, {
+					value: viewRelation?.align,
+					restricted: [ I.BlockHAlign.Justify ],
+					onSelect: (align: I.BlockHAlign) => {
+						this.saveViewRelation('align', align);
+						close();
+					}
+				});
+				break;
+			};
+
 			case 'calculate': {
 				const save = (id: any) => {
 					id = Number(id) || 0;
diff --git a/src/ts/component/menu/dataview/sort.tsx b/src/ts/component/menu/dataview/sort.tsx
index 90ca9e5f61..8ccfabfc7b 100644
--- a/src/ts/component/menu/dataview/sort.tsx
+++ b/src/ts/component/menu/dataview/sort.tsx
@@ -80,8 +80,8 @@ const MenuSort = observer(class MenuSort extends React.Component<I.Menu> {
 					</div>
 					{!isReadonly ? (
 						<div className="buttons">
-							<Icon className="more" onClick={e => this.onMore(e, item)} />
-							<Icon className="delete" onClick={e => this.onRemove(e, item)} />
+							<Icon className="more withBackground" onClick={e => this.onMore(e, item)} />
+							<Icon className="delete withBackground" onClick={e => this.onRemove(e, item)} />
 						</div>
 					) : ''}
 				</div>
diff --git a/src/ts/component/menu/dataview/source.tsx b/src/ts/component/menu/dataview/source.tsx
index bd99e8a2ad..ac8b031d28 100644
--- a/src/ts/component/menu/dataview/source.tsx
+++ b/src/ts/component/menu/dataview/source.tsx
@@ -33,7 +33,7 @@ const MenuSource = observer(class MenuSource extends React.Component<I.Menu> {
 						<div className="value">{item.value}</div>
 					</div>
 					<div className="buttons">
-						{canDelete ? <Icon className="delete" onClick={e => this.onRemove(e, item)} /> : ''}
+						{canDelete ? <Icon className="delete withBackground" onClick={e => this.onRemove(e, item)} /> : ''}
 					</div>
 				</form>
 			);
diff --git a/src/ts/component/menu/dataview/template/list.tsx b/src/ts/component/menu/dataview/template/list.tsx
index b9c089518c..cdda66ebf3 100644
--- a/src/ts/component/menu/dataview/template/list.tsx
+++ b/src/ts/component/menu/dataview/template/list.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import $ from 'jquery';
-import { Icon, Title, PreviewObject, IconObject } from 'Component';
+import { Icon, PreviewObject } from 'Component';
 import { I, C, S, U, J, translate, keyboard, sidebar } from 'Lib';
 import { observer } from 'mobx-react';
 
@@ -14,14 +14,12 @@ const MenuTemplateList = observer(class MenuTemplateList extends React.Component
 
 	node: any = null;
 	n = 0;
-	typeId = '';
 
 	constructor (props: I.Menu) {
 		super(props);
 
 		this.onClick = this.onClick.bind(this);
 		this.onMore = this.onMore.bind(this);
-		this.onType = this.onType.bind(this);
 		this.setCurrent = this.setCurrent.bind(this);
 		this.getTemplateId = this.getTemplateId.bind(this);
 		this.onKeyDown = this.onKeyDown.bind(this);
@@ -31,11 +29,10 @@ const MenuTemplateList = observer(class MenuTemplateList extends React.Component
 	render () {
 		const { param, setHover } = this.props;
 		const { data } = param;
-		const { withTypeSelect, noTitle, typeId } = data;
+		const { typeId } = data;
 		const previewSize = data.previewSize || I.PreviewSize.Small;
 		const templateId = this.getTemplateId();
 		const items = this.getItems();
-		const type = S.Record.getTypeById(typeId);
 		const isAllowed = U.Object.isAllowedTemplate(typeId);
 
 		const ItemBlank = (item: any) => {
@@ -105,18 +102,6 @@ const MenuTemplateList = observer(class MenuTemplateList extends React.Component
 
 		return (
 			<div ref={node => this.node = node}>
-				{withTypeSelect ? (
-					<div id="defaultType" className="select big defaultTypeSelect" onClick={this.onType}>
-						<div className="item">
-							<IconObject object={type} size={18} />
-							<div className="name">{type?.name || translate('commonObjectType')}</div>	
-						</div>
-						<Icon className="arrow black" />
-					</div>
-				) : ''}
-
-				{!noTitle ? <Title text={translate('commonTemplates')} /> : ''}
-
 				<div className="items">
 					{items.map((item: any, i: number) => (
 						<Item key={i} {...item} />
@@ -320,36 +305,6 @@ const MenuTemplateList = observer(class MenuTemplateList extends React.Component
 		};
 	};
 
-	onType () {
-		const { getId, param } = this.props;
-		const { data } = param;
-		const { onTypeChange } = data;
-		const allowedLayouts = U.Object.getPageLayouts().concat(U.Object.getSetLayouts());
-
-		S.Menu.open('typeSuggest', {
-			element: `#${getId()} #defaultType`,
-			horizontal: I.MenuDirection.Right,
-			data: {
-				rebind: this.rebind,
-				filter: '',
-				filters: [
-					{ relationKey: 'recommendedLayout', condition: I.FilterCondition.In, value: allowedLayouts },
-					{ relationKey: 'uniqueKey', condition: I.FilterCondition.NotEqual, value: J.Constant.typeKey.template },
-				],
-				onClick: type => {
-					data.typeId = type.id;
-					data.templateId = type.defaultTemplateId || J.Constant.templateId.blank;
-
-					this.load();
-
-					if (onTypeChange) {
-						onTypeChange(type.id);
-					};
-				},
-			}
-		});
-	};
-
 	beforePosition () {
 		const { param, getId } = this.props;
 		const { data } = param;
diff --git a/src/ts/component/menu/dataview/text.tsx b/src/ts/component/menu/dataview/text.tsx
index 1003fe6838..4d3be6d899 100644
--- a/src/ts/component/menu/dataview/text.tsx
+++ b/src/ts/component/menu/dataview/text.tsx
@@ -3,7 +3,7 @@ import $ from 'jquery';
 import raf from 'raf';
 import { observer } from 'mobx-react';
 import { Editable } from 'Component';
-import { I, J, keyboard, translate } from 'Lib';
+import { I, J, U } from 'Lib';
 
 const MenuText = observer(class MenuText extends React.Component<I.Menu> {
 	
@@ -44,7 +44,7 @@ const MenuText = observer(class MenuText extends React.Component<I.Menu> {
 		const length = value.length;
 
 		if (this.node) {
-			this.node.setValue(value);
+			this.node.setValue(U.Common.htmlSpecialChars(value));
 			this.node.setRange({ from: length, to: length });
 		};
 
diff --git a/src/ts/component/menu/dataview/view/list.tsx b/src/ts/component/menu/dataview/view/list.tsx
index 6b6c096371..9d3e59919c 100644
--- a/src/ts/component/menu/dataview/view/list.tsx
+++ b/src/ts/component/menu/dataview/view/list.tsx
@@ -53,7 +53,7 @@ const MenuViewList = observer(class MenuViewList extends React.Component<I.Menu>
 					<div className="name">{item.name}</div>
 				</div>
 				<div className="buttons">
-					<Icon className="more" onClick={e => this.onViewContext(e, item)} />
+					<Icon className="more withBackground" onClick={e => this.onViewContext(e, item)} />
 				</div>
 			</div>
 		));
diff --git a/src/ts/component/menu/index.tsx b/src/ts/component/menu/index.tsx
index 316b7bf8b9..5ab692595b 100644
--- a/src/ts/component/menu/index.tsx
+++ b/src/ts/component/menu/index.tsx
@@ -70,8 +70,7 @@ import MenuDataviewContext from './dataview/context';
 import MenuDataviewCreateBookmark from './dataview/create/bookmark';
 import MenuDataviewTemplateContext from './dataview/template/context';
 import MenuDataviewTemplateList from './dataview/template/list';
-
-import MenuQuickCapture from './quickCapture';
+import MenuDataviewNew from './dataview/new';
 
 import MenuSyncStatus from './syncStatus';
 import MenuSyncStatusInfo from './syncStatus/info';
@@ -150,8 +149,7 @@ const Components: any = {
 	dataviewCreateBookmark:	 MenuDataviewCreateBookmark,
 	dataviewTemplateContext: MenuDataviewTemplateContext,
 	dataviewTemplateList:	 MenuDataviewTemplateList,
-
-	quickCapture: 			 MenuQuickCapture,
+	dataviewNew: 		 	 MenuDataviewNew,
 
 	syncStatus:				 MenuSyncStatus,
 	syncStatusInfo:			 MenuSyncStatusInfo,
diff --git a/src/ts/component/menu/item/filter.tsx b/src/ts/component/menu/item/filter.tsx
index dc23fc8f42..8b30b91df7 100644
--- a/src/ts/component/menu/item/filter.tsx
+++ b/src/ts/component/menu/item/filter.tsx
@@ -169,8 +169,8 @@ const MenuItemFilter = observer(class MenuItemFilter extends React.Component<Pro
 
 				{!readonly ? (
 					<div className="buttons">
-						<Icon className="more" onClick={onClick} />
-						<Icon className="delete" onClick={onRemove} />
+						<Icon className="more withBackground" onClick={onClick} />
+						<Icon className="delete withBackground" onClick={onRemove} />
 					</div>
 				) : ''}
 			</div>
diff --git a/src/ts/component/menu/item/vertical.tsx b/src/ts/component/menu/item/vertical.tsx
index f0fd1e7628..fab43f9df4 100644
--- a/src/ts/component/menu/item/vertical.tsx
+++ b/src/ts/component/menu/item/vertical.tsx
@@ -155,7 +155,7 @@ class MenuItemVertical extends React.Component<I.MenuItem> {
 						) : (
 							<div className="caption">{caption}</div>
 						)}
-						{withMore ? <Icon className="more" onMouseDown={onMore} /> : ''}
+						{withMore ? <Icon className="more withBackground" onMouseDown={onMore} /> : ''}
 					</React.Fragment>
 				);
 			};
@@ -164,7 +164,8 @@ class MenuItemVertical extends React.Component<I.MenuItem> {
 				<React.Fragment>
 					<div 
 						className="clickable" 
-						onMouseDown={hasClick ? undefined : onClick}
+						onClick={hasClick ? undefined : onClick}
+						onContextMenu={!hasClick && withMore ? onMore : undefined}
 					>
 						{iconMainElement}
 						{nameElement}
@@ -180,9 +181,10 @@ class MenuItemVertical extends React.Component<I.MenuItem> {
 				ref={node => this.node = node}
 				id={`item-${id}`} 
 				className={cn.join(' ')} 
-				onMouseDown={hasClick ? onClick : undefined}
+				onClick={hasClick ? onClick : undefined}
 				onMouseEnter={onMouseEnter} 
-				onMouseLeave={onMouseLeave} 
+				onMouseLeave={onMouseLeave}
+				onContextMenu={hasClick && withMore ? onMore : undefined}
 				style={style}
 			>
 				{content}
diff --git a/src/ts/component/menu/publish.tsx b/src/ts/component/menu/publish.tsx
index 3c609082d1..955d37f13a 100644
--- a/src/ts/component/menu/publish.tsx
+++ b/src/ts/component/menu/publish.tsx
@@ -1,58 +1,215 @@
-import React, { forwardRef, useRef, useState } from 'react';
-import { Title, Input, Label, Switch, Button, Icon, Loader } from 'Component';
-import { J, U, I, S, Action, translate } from 'Lib';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import { observer } from 'mobx-react';
+import { Title, Input, Label, Switch, Button, Icon, Error, Loader } from 'Component';
+import { C, U, I, S, Action, translate, analytics, Preview } from 'Lib';
+import $ from 'jquery';
 
-const MenuPublish = forwardRef<I.MenuRef, I.Menu>((props, ref) => {
+const MenuPublish = observer(forwardRef<I.MenuRef, I.Menu>((props, ref) => {
 
 	const { param, close } = props;
 	const { data } = param;
 	const { rootId } = data;
+	const { isOnline } = S.Common;
 	const inputRef = useRef(null);
+	const publishRef = useRef(null);
+	const unpublishRef = useRef(null);
+	const joinRef = useRef(null);
 	const space = U.Space.getSpaceview();
 	const object = S.Detail.get(rootId, rootId, []);
-	const [ isLoading, setIsLoading ] = useState(false);
-	const participant = U.Space.getMyParticipant();
-	const domain = U.Common.sprintf(J.Url.publish, participant.resolvedName);
+	const [ slug, setSlug ] = useState(U.Common.slug(object.name));
+	const [ status, setStatus ] = useState(null);
+	const [ isStatusLoading, setIsStatusLoading ] = useState(false);
+	const [ isStatusLoaded, setIsStatusLoaded ] = useState(false);
+	const [ error, setError ] = useState('');
+
+	const domain = U.Space.getPublishDomain();
+	const url = U.Space.getPublishUrl(slug);
 	const items = [
-		(!space.isPersonal ? { 
-			id: 'space', name: translate('popupSettingsSpaceIndexShareShareTitle'), onClick: () => {
-				S.Popup.open('settings', { data: { page: 'spaceShare', isSpace: true }, className: 'isSpace' });
+		(!space.isPersonal ? 
+		{ 
+			id: 'space', 
+			name: translate('popupSettingsSpaceIndexShareShareTitle'), 
+			onClick: () => {
+				S.Popup.open('settings', { 
+					data: { 
+						page: 'spaceShare', 
+						isSpace: true, 
+						route: analytics.route.share,
+					}, 
+					className: 'isSpace' 
+				});
 				close();
+
+				analytics.event('ClickShareObjectShareSpace', { objectType: object.type });
 			},
 		} : null),
 		{ 
-			id: 'export', name: translate('popupExportTitle'), onClick: () => {
+			id: 'export', 
+			name: translate('popupExportTitle'), 
+			onClick: () => {
 				S.Popup.open('export', { data: { objectIds: [ rootId ], allowHtml: true } });
 				close();
+
+				analytics.event('ClickShareObjectShareExport', { objectType: object.type });
 			},
 		},
 	].filter(it => it);
 
-	const onPublish = () => {
-		setIsLoading(true);
-		Action.publish(rootId, inputRef.current.getValue(), () => setIsLoading(false));
+	const onPublish = (isUpdate?: boolean) => {
+		const analyticsName = isUpdate ? 'ShareObjectUpdate' : 'ShareObjectPublish';
+
+		publishRef.current.setLoading(true);
+
+		C.PublishingCreate(S.Common.space, rootId, slug, joinRef.current?.getValue(), (message: any) => {
+			publishRef.current.setLoading(false);
+
+			if (message.error.code) {
+				setError(message.error.description);
+				return;
+			};
+
+			if (message.url) {
+				Action.openUrl(message.url);
+				close();
+
+				analytics.event(analyticsName, { objectType: object.type });
+			};
+		});
+
+		analytics.event(`Click${analyticsName}`, { objectType: object.type });
 	};
 
+	const onUnpublish = () => {
+		unpublishRef.current.setLoading(true);
+
+		C.PublishingRemove(S.Common.space, rootId, (message: any) => {
+			unpublishRef.current.setLoading(false);
+
+			if (message.error.code) {
+				setError(message.error.description);
+				return;
+			};
+
+			close();
+			analytics.event('ShareObjectUnpublish', { objectType: object.type });
+		});
+
+		analytics.event('ClickShareObjectUnpublish', { objectType: object.type });
+	};
+
+	const onJoinSwitch = (v: boolean) => {
+		analytics.event('JoinSpaceButtonToPublish', { objectType: object.type, type: v });
+	};
+
+	const loadStatus = () => {
+		setIsStatusLoading(true);
+
+		C.PublishingGetStatus(space.targetSpaceId, rootId, message => {
+			setIsStatusLoading(false);
+
+			if (message.error.code) {
+				setError(message.error.description);
+				return;
+			};
+
+			setIsStatusLoaded(true);
+
+			const { state } = message;
+
+			if (state) {
+				setStatus(state);
+				setSlug(state.uri);
+				inputRef.current.setValue(state.uri);
+			};
+		});
+	};
+
+	const showInfo = (e: React.MouseEvent) => {
+		Preview.tooltipShow({
+			text: translate('menuPublishInfoTooltip'),
+			className: 'big',
+			element: $(e.currentTarget),
+			typeY: I.MenuDirection.Bottom,
+			typeX: I.MenuDirection.Left,
+			delay: 0,
+		});
+
+		analytics.event('ShowShareObjectHelp', { objectType: object.type });
+	};
+
+	const setSlugHander = v => setSlug(U.Common.slug(v));
+	const onUrlClick = () => Action.openUrl(url);
+
+	let buttons = [];
+
+	if (isStatusLoaded && isOnline) {
+		if (status === null) {
+			buttons.push({ text: translate('menuPublishButtonPublish'), ref: publishRef, onClick: onPublish });
+		} else {
+			buttons = buttons.concat([
+				{ text: translate('menuPublishButtonUnpublish'), color: 'blank', ref: unpublishRef, onClick: onUnpublish },
+				{ text: translate('menuPublishButtonUpdate'), ref: publishRef, onClick: () => onPublish(true) },
+			]);
+		};
+	};
+
+	useEffect(() => {
+		setSlugHander(object.name);
+
+		if (isOnline) {
+			loadStatus();
+		};
+
+		return () => {
+			Preview.tooltipHide(true);
+		};
+	}, []);
+
+	useEffect(() => {
+		if (isOnline) {
+			loadStatus();
+		};
+	}, [ isOnline ]);
+
 	return (
 		<>
-			{isLoading ? <Loader /> : ''}
-			<Title text={translate('menuPublishTitle')} />
+			<div className="menuHeader">
+				<Title text={translate('menuPublishTitle')} />
+				<Icon className="info" onClick={showInfo} />
+			</div>
+
 			<Input value={domain} readonly={true} />
 			<Input
                 ref={inputRef}
-                value={U.Common.slug(object.name)}
+                value={slug}
                 focusOnMount={true} 
+				onChange={(e, v) => setSlugHander(v)}
+				maxLength={300}
 			/>
-			<Label className="small" text="https:/any.copp/kjshdfkjahsjdkhAJDH*78/rem-koolhaas-architects" />
+			<Label className="small" text={url} onClick={onUrlClick} />
 
-			<div className="flex">
-				<Label text={translate('menuPublishLabel')} />
-				<div className="value">
-					<Switch />
+			{space.isShared ? (
+				<div className="flex">
+					<Label text={translate('menuPublishLabelJoin')} />
+					<div className="value">
+						<Switch ref={joinRef} value={true} onChange={(e, v) => onJoinSwitch(v)} />
+					</div>
 				</div>
+			) : ''}
+
+			<div className="buttons">
+				{isOnline ? (
+					<>
+						{isStatusLoading ? <Loader /> : (
+							<>
+								{buttons.map((item, i) => <Button key={i} {...item} className="c36" />)}
+							</>
+						)}
+					</>
+				) : <Label text={translate('menuPublishLabelOffline')} />}
 			</div>
 
-			<Button text={translate('menuPublishButton')} className="c36" onClick={onPublish} />
+			<Error text={error} />
 
 			<div className="outer">
 				{items.map((item, index) => (
@@ -66,6 +223,6 @@ const MenuPublish = forwardRef<I.MenuRef, I.Menu>((props, ref) => {
 		</>
 	);
 
-});
+}));
 
 export default MenuPublish;
diff --git a/src/ts/component/menu/quickCapture.tsx b/src/ts/component/menu/quickCapture.tsx
deleted file mode 100644
index 68628d479e..0000000000
--- a/src/ts/component/menu/quickCapture.tsx
+++ /dev/null
@@ -1,677 +0,0 @@
-import * as React from 'react';
-import $ from 'jquery';
-import arrayMove from 'array-move';
-import { SortableContainer, SortableElement } from 'react-sortable-hoc';
-import { IconObject, ObjectName, Icon, Filter } from 'Component';
-import { I, C, S, U, J, analytics, keyboard, translate, Action, Storage, Preview, sidebar } from 'Lib';
-
-interface State {
-	isExpanded: boolean;
-};
-
-const LIMIT_PINNED = 5;
-
-enum SystemIds {
-	Add = 'add',
-	Search = 'search',
-	Clipboard = 'clipboard',
-};
-
-class MenuQuickCapture extends React.Component<I.Menu, State> {
-
-	n = 0;
-	node: any = null;
-	_isMounted = false;
-
-	filter = '';
-	refFilter: any = null;
-	timeoutFilter = 0;
-	intervalClipboard = 0;
-	items: any[] = [];
-	clipboardItems: any[] = [];
-	offset = 0;
-	state = {
-		isExpanded: false,
-	};
-
-	constructor (props: I.Menu) {
-		super(props);
-
-		this.onFilterChange = this.onFilterChange.bind(this);
-		this.onSortStart = this.onSortStart.bind(this);
-		this.onSortEnd = this.onSortEnd.bind(this);
-	};
-
-	render () {
-		const { isExpanded } = this.state;
-		const { getId } = this.props;
-		const sections = this.getSections();
-		const { type } = S.Common;
-
-		const Items = SortableContainer(({ items }) => (
-			<div className="items">
-				{items.map((item, i) => (
-					<SortableItem key={i} {...item} index={i} />
-				))}
-			</div>
-		));
-
-		const Section = section => (
-			<div id={`section-${section.id}`} className="section">
-				{section.name ? <div className="name">{section.name}</div> : ''}
-
-				{section.id == 'pinned' ? (
-					<Items 
-						items={section.children}
-						axis="xy" 
-						lockToContainerEdges={true}
-						transitionDuration={150}
-						distance={10}
-						onSortStart={this.onSortStart}
-						onSortEnd={this.onSortEnd}
-						helperClass="isDragging"
-						helperContainer={() => $(`#${getId()} #section-${section.id} .items`).get(0)}
-					/>
-				) : (
-					<div className="items">
-						{section.children.map((item, i) => (
-							<Item key={i} {...item} />
-						))}
-					</div>
-				)}
-			</div>
-		);
-
-		const SortableItem = SortableElement(item => (<Item {...item} />));
-
-		const Item = (item: any) => {
-			const cn = [ 'item' ];
-
-			let icon = null;
-			let name = null;
-
-			if (item.itemId == type) {
-				cn.push('isDefault');
-			};
-
-			if (item.className) {
-				cn.push(item.className);
-			};
-
-			if ([ SystemIds.Search, SystemIds.Add, SystemIds.Clipboard ].includes(item.itemId)) {
-				icon = <Icon className={item.itemId} />;
-			} else {
-				icon = <IconObject object={item} />;
-			};
-
-			if (![ SystemIds.Search, SystemIds.Clipboard ].includes(item.itemId)) {
-				name = <ObjectName object={item} />;
-			};
-
-			return (
-				<div
-					id={`item-${item.id}`}
-					className={cn.join(' ')}
-					onClick={e => this.onClick(e, item)}
-					onContextMenu={e => this.onContextMenu(e, item)}
-					onMouseEnter={e => this.onOver(e, item)}
-					onMouseLeave={e => this.onOut(e, item)}
-				>
-					{icon}
-					{name}
-				</div>
-			);
-		};
-
-		return (
-			<div ref={node => this.node = node} className="wrap">
-				{isExpanded ? (
-					<Filter
-						ref={ref => this.refFilter = ref}
-						icon="search"
-						onIconClick={() => this.refFilter.focus()}
-						placeholder={translate('menuQuickCaptureSearchObjectTypes')}
-						value={this.filter}
-						onChange={this.onFilterChange}
-						focusOnMount={true}
-					/>
-				) : ''}
-				<div className="sections scrollWrap">
-					{sections.map((section: any, i: number) => (
-						<Section key={i} {...section} />
-					))}
-				</div>
-			</div>
-		);
-	};
-
-	componentDidMount () {
-		const { param } = this.props;
-		const { data } = param;
-		const { isExpanded } = data;
-
-		this._isMounted = true;
-		this.load(true);
-		this.rebind();
-
-		const check = async () => {
-			const items = await this.getClipboardData();
-			const needUpdate = this.clipboardItems.length != items.length;
-
-			this.clipboardItems = items;
-
-			if (needUpdate) {
-				this.forceUpdate();
-			};
-		};
-
-		check();
-		this.intervalClipboard = window.setInterval(check, 2000);
-
-		if (isExpanded) {
-			this.onExpand();
-		};
-	};
-
-	componentDidUpdate () {
-		const filter = this.refFilter?.getValue();
-
-		if (this.filter != filter) {
-			this.filter = filter;
-			this.n = 0;
-			this.offset = 0;
-			this.load(true);
-			return;
-		};
-
-		this.props.position();
-		this.rebind();
-	};
-
-	componentWillUnmount () {
-		this._isMounted = false;
-		this.unbind();
-
-		window.clearInterval(this.intervalClipboard);
-	};
-
-	rebind () {
-		const { getId, close, setActive } = this.props;
-
-		this.unbind();
-		$(window).on('keydown.menu', e => this.onKeyDown(e));
-		window.setTimeout(() => setActive(), 15);
-	};
-
-	unbind () {
-		$(window).off('keydown.menu');
-		$(`#${this.props.getId()}`).off(`mouseleave`);
-	};
-
-	load (clear: boolean, callBack?: (message: any) => void) {
-		const filter = String(this.filter || '');
-		const layouts = U.Object.getPageLayouts().concat(U.Object.getSetLayouts());
-
-		const filters: any[] = [
-			{ relationKey: 'layout', condition: I.FilterCondition.In, value: I.ObjectLayout.Type },
-			{ relationKey: 'recommendedLayout', condition: I.FilterCondition.In, value: layouts },
-			{ relationKey: 'uniqueKey', condition: I.FilterCondition.NotEqual, value: J.Constant.typeKey.template },
-		];
-		const sorts = [
-			{ relationKey: 'lastUsedDate', type: I.SortType.Desc },
-			{ relationKey: 'name', type: I.SortType.Asc },
-		];
-
-		const param = {
-			filters,
-			sorts,
-			keys: U.Data.typeRelationKeys(),
-			fullText: filter,
-			offset: this.offset,
-		};
-
-		if (clear) {
-			this.items = [];
-		};
-
-		this.loadRequest(param, () => {
-			this.loadRequest({ ...param, spaceId: J.Constant.storeSpaceId }, (message: any) => {
-				if (!this._isMounted) {
-					return;
-				};
-
-				if (callBack) {
-					callBack(message);
-				};
-
-				this.forceUpdate();
-			});
-		});
-	};
-
-	loadRequest (param: any, callBack?: (message: any) => void) {
-		U.Data.search(param, (message: any) => {
-			this.items = this.items.concat(message.records || []);
-
-			if (callBack) {
-				callBack(message);
-			};
-		});
-	};
-
-	getSections () {
-		const { isExpanded } = this.state;
-		const { space, type } = S.Common;
-		const pinnedIds = Storage.getPinnedTypes();
-		const hasClipboard = this.clipboardItems && this.clipboardItems.length;
-		const cmd = keyboard.cmdSymbol();
-
-		let sections: any[] = [];
-		let items: any[] = [];
-
-		if (isExpanded) {
-			const items = U.Common.objectCopy(this.items || []).map(it => ({ ...it, object: it }));
-			const library = items.filter(it => (it.spaceId == space)).map((it, i) => {
-				if (isExpanded && (it.id == type)) {
-					it.tooltip = translate('commonDefaultType');
-				};
-				return it;
-			});
-
-			const pinned = items.filter(it => pinnedIds.includes(it.id)).sort((c1: any, c2: any) => U.Data.sortByPinnedTypes(c1, c2, pinnedIds));
-			const librarySources = library.map(it => it.sourceObject);
-			const groups = library.filter(it => U.Object.isInSetLayouts(it.recommendedLayout) && !pinnedIds.includes(it.id));
-			const objects = library.filter(it => !U.Object.isInSetLayouts(it.recommendedLayout) && !pinnedIds.includes(it.id));
-
-			if (this.filter) {
-				objects.push({ 
-					id: SystemIds.Add, 
-					name: U.Common.sprintf(translate('menuTypeSuggestCreateType'), this.filter),
-				});
-			};
-
-			sections = sections.concat([
-				{ id: 'groups', name: translate('menuQuickCaptureGroups'), children: groups },
-				{ id: 'objects', name: translate('commonObjects'), children: objects },
-			]);
-
-			if (pinned.length) {
-				sections.unshift({ id: 'pinned', name: translate('menuQuickCapturePinned'), children: pinned });
-			};
-
-			if (this.filter) {
-				sections.push({ 
-					id: 'store', name: translate('commonAnytypeLibrary'), 
-					children: items.filter(it => (it.spaceId == J.Constant.storeSpaceId) && !librarySources.includes(it.id)),
-				});
-			};
-		} else {
-			const pinned = pinnedIds.map(id => S.Record.getTypeById(id)).filter(it => it).slice(0, LIMIT_PINNED);
-
-			items = U.Data.getObjectTypesForNewObject().filter(it => !pinnedIds.includes(it.id));
-			items = items.slice(0, LIMIT_PINNED - pinned.length);
-			items.push(S.Record.getSetType());
-			items.push(S.Record.getCollectionType());
-			items = [].concat(pinned, items);
-			items = items.filter(it => it);
-			
-			items = items.map((it, i) => {
-				it.tooltip = translate('commonNewObject');
-				it.caption = String(i + 1);
-				return it;
-			});
-
-			items.unshift({ 
-				id: SystemIds.Search, 
-				icon: 'search', 
-				name: '', 
-				tooltip: translate('menuQuickCaptureTooltipSearch'),
-				caption: '0',
-			});
-
-			items.push({ 
-				id: SystemIds.Clipboard, 
-				icon: 'clipboard', 
-				name: '', 
-				tooltip: translate('menuQuickCaptureTooltipClipboard'),
-				caption: `${cmd} + V`,
-				className: [ 'clipboard', (hasClipboard ? 'active' : '') ].join(' '),
-			});
-
-			sections.push({ id: 'collapsed', children: items });
-		};
-
-		return U.Menu.sectionsMap(sections.filter((section: any) => {
-			section.children = section.children.filter(it => it);
-			return section.children.length > 0;
-		}));
-	};
-
-	getItems () {
-		const sections = this.getSections();
-
-		let items: any[] = [];
-		sections.forEach((section: any, i: number) => {
-			if (section.name && section) {
-				items.push({ id: section.id, name: section.name, isSection: true });
-			};
-
-			items = items.concat(section.children);
-		});
-		return items;
-	};
-
-	onFilterChange (v: string) {
-		window.clearTimeout(this.timeoutFilter);
-		this.timeoutFilter = window.setTimeout(() => this.forceUpdate(), J.Constant.delay.keyboard);
-	};
-
-	onKeyDown (e: any) {
-		const { isExpanded } = this.state;
-		const { setHover, onKeyDown } = this.props;
-		const items = this.getItems();
-		const length = items.length;
-		const cmd = keyboard.cmdKey();
-
-		keyboard.disableMouse(true);
-
-		let ret = false;
-
-		keyboard.shortcut('arrowup, arrowleft, arrowdown, arrowright, tab', e, (pressed: string) => {
-			e.preventDefault();
-
-			const dir = [ 'arrowup', 'arrowleft' ].includes(pressed) ? -1 : 1;
-
-			this.n += dir;
-
-			if (this.n < 0) {
-				this.n = length - 1;
-			};
-
-			if (this.n > length - 1) {
-				this.n = 0;
-			};
-
-			setHover(items[this.n], true);
-			ret = true;
-		});
-
-		if (!isExpanded) {
-			keyboard.shortcut('0, 1, 2, 3, 4, 5, 6, 7, 8, 9', e, (pressed: string) => {
-				e.preventDefault();
-
-				const n = Number(pressed) || 0;
-				if (items[n]) {
-					this.onClick(e, items[n]);
-				};
-				ret = true;
-			});
-		};
-
-		keyboard.shortcut(`${cmd}+v`, e, () => {
-			e.preventDefault();
-
-			this.onPaste();
-			ret = true;
-		});
-
-		if (!ret) {
-			onKeyDown(e);
-		};
-	};
-
-	onClick (e: any, item: any) {
-		if (item.itemId == SystemIds.Clipboard) {
-			this.onPaste();
-			return;
-		};
-
-		if (item.itemId == SystemIds.Search) {
-			this.onExpand();
-			analytics.event('ScreenObjectTypeSearch');
-			return;
-		};
-
-		const { close } = this.props;
-
-		const cb = (created?: any) => {
-			const { isExpanded } = this.state;
-			const type = created || item;
-
-			if (isExpanded && this.filter.length) {
-				analytics.event('TypeSearchResult');
-			};
-
-			let flags: I.ObjectFlag[] = [];
-			if (!U.Object.isInSetLayouts(type.recommendedLayout)) {
-				flags = flags.concat([ I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ]);
-			};
-
-			C.ObjectCreate({ layout: type.recommendedLayout }, flags, item.defaultTemplateId, type.uniqueKey, S.Common.space, (message: any) => {
-				if (message.error.code || !message.details) {
-					return;
-				};
-
-				const object = message.details;
-
-				U.Object.openAuto(object);
-				U.Object.setLastUsedDate(object.id, U.Date.now());
-
-				analytics.createObject(object.type, object.layout, '', message.middleTime);
-				analytics.event('SelectObjectType', { objectType: object.type });
-			});
-		};
-
-		if (item.itemId == SystemIds.Add) {
-			C.ObjectCreateObjectType({ name: this.filter }, [], S.Common.space, (message: any) => {
-				if (!message.error.code) {
-					cb(message.details);
-					analytics.event('CreateType');
-				};
-			});
-		} else {
-			if (item.isInstalled) {
-				cb();
-			} else {
-				Action.install({ ...item, id: item.itemId }, true, message => cb(message.details));
-			};
-		};
-
-		close();
-	};
-
-	onContextMenu (e: any, item: any) {
-		e.preventDefault();
-		e.stopPropagation();
-
-		if (!this.state.isExpanded) {
-			return;
-		};
-
-		if ([ SystemIds.Add, SystemIds.Search, SystemIds.Clipboard ].includes(item.itemId)) {
-			return;
-		};
-
-		const { getId, param } = this.props;
-		const { className, classNameWrap } = param;
-		const type = S.Record.getTypeById(item.itemId);
-		const isPinned = Storage.getPinnedTypes().includes(item.itemId);
-		const canPin = type.isInstalled;
-		const canDefault = type.isInstalled && !U.Object.isInSetLayouts(item.recommendedLayout) && (type.id != S.Common.type);
-		const canDelete = type.isInstalled && S.Block.isAllowed(item.restrictions, [ I.RestrictionObject.Delete ]);
-		const route = '';
-
-		let options: any[] = [
-			canPin ? { id: 'pin', name: (isPinned ? translate('menuQuickCaptureUnpin') : translate('menuQuickCapturePin')) } : null,
-			canDefault ? { id: 'default', name: translate('commonSetDefault') } : null,
-			{ id: 'open', name: translate('menuQuickCaptureOpenType') },
-		];
-
-		if (canDelete) {
-			options = options.concat([
-				{ isDiv: true },
-				{ id: 'remove', name: translate('commonDelete'), color: 'red' },
-			]);
-		};
-
-		S.Menu.open('select', {
-			element: `#${getId()} #item-${item.id}`,
-			vertical: I.MenuDirection.Top,
-			offsetY: -4,
-			className,
-			classNameWrap,
-			data: {
-				options,
-				onSelect: (event: any, element: any) => {
-					switch (element.id) {
-
-						case 'open': {
-							U.Object.openAuto({ ...item, id: item.itemId });
-							break;
-						};
-
-						case 'pin': {
-							isPinned ? Storage.removePinnedType(item.itemId) : Storage.addPinnedType(item.itemId);
-							analytics.event(isPinned ? 'UnpinObjectType' : 'PinObjectType', { objectType: item.uniqueKey, route });
-							this.forceUpdate();
-							break;
-						};
-
-						case 'default': {
-							S.Common.typeSet(item.uniqueKey);
-							analytics.event('DefaultTypeChange', { objectType: item.uniqueKey, route });
-							this.forceUpdate();
-							break;
-						};
-
-						case 'remove': {
-							if (S.Block.isAllowed(item.restrictions, [ I.RestrictionObject.Delete ])) {
-								Action.uninstall({ ...item, id: item.itemId }, true, route);
-							};
-							break;
-						};
-					};
-				}
-			}
-		});
-	};
-
-	onExpand () {
-		$(`#${this.props.getId()}`).addClass('isExpanded');
-		this.setState({ isExpanded: true });
-	};
-
-	onOver (e: any, item: any) {
-		if (keyboard.isMouseDisabled) {
-			return;
-		};
-
-		this.props.setActive(item);
-
-		if (item.tooltip) {
-			const node = $(this.node);
-			const element = node.find(`#item-${item.id}`);
-			const t = Preview.tooltipCaption(item.tooltip, item.caption);
-
-			Preview.tooltipShow({ text: t, element });
-		};
-	};
-
-	onOut (e: any, item: any) {
-		Preview.tooltipHide();
-	};
-
-	onSortStart () {
-		keyboard.disableSelection(true);
-		$(this.node).addClass('isDragging');
-		$('body').addClass('grab');
-	};
-
-	onSortEnd (result: any) {
-		const { oldIndex, newIndex } = result;
-		const pinned = Storage.getPinnedTypes();
-
-		Storage.setPinnedTypes(arrayMove(pinned, oldIndex, newIndex));
-		this.forceUpdate();
-
-		keyboard.disableSelection(false);
-		$('body').removeClass('grab');
-	};
-
-	async onPaste () {
-		const type = S.Record.getTypeById(S.Common.type);
-		const data = await this.getClipboardData();
-
-		data.forEach(async item => {
-			let text = '';
-			let html = '';
-
-			if (item.types.includes('text/plain')) {
-				const textBlob = await item.getType('text/plain');
-
-				if (textBlob) {
-					text = await textBlob.text();
-				};
-			};
-
-			if (item.types.includes('text/html')) {
-				const htmlBlob = await item.getType('text/html');
-
-				if (htmlBlob) {
-					html = await htmlBlob.text();
-				};
-			};
-
-			if (!text && !html) {
-				return;
-			};
-
-			const url = U.Common.matchUrl(text);
-
-			if (url) {
-				C.ObjectCreateBookmark({ source: url }, S.Common.space, (message: any) => {
-					U.Object.openAuto(message.details);
-				});
-			} else {
-				C.ObjectCreate({}, [], type?.defaultTemplateId, type?.uniqueKey, S.Common.space, (message: any) => {
-					if (message.error.code) {
-						return;
-					};
-
-					const object = message.details;
-
-					C.BlockPaste (object.id, '', { from: 0, to: 0 }, [], false, { html, text }, '', () => {
-						U.Object.openAuto(object);
-					});
-
-					analytics.createObject(object.type, object.layout, analytics.route.clipboard, message.middleTime);
-				});
-			};
-		});
-	};
-
-	async getClipboardData () {
-		let ret = [];
-		try { ret = await navigator.clipboard.read(); } catch (e) { /**/ };
-		return ret;
-	};
-
-	beforePosition () {
-		const { getId } = this.props;
-		const obj = $(`#${getId()}`);
-		const { ww } = U.Common.getWindowDimensions();
-		const sw = sidebar.getDummyWidth();
-		
-		obj.css({ width: '' });
-
-		obj.find('.item').each((i: number, item: any) => {
-			item = $(item);
-			item.toggleClass('withIcon', !!item.find('.iconObject').length);
-		});
-
-		obj.css({ width: Math.min(ww - J.Size.menuBorder * 2 - sw, Math.ceil(obj.outerWidth())) });
-	};
-
-};
-
-export default MenuQuickCapture;
diff --git a/src/ts/component/menu/relation/suggest.tsx b/src/ts/component/menu/relation/suggest.tsx
index 39b9019146..b30394a88c 100644
--- a/src/ts/component/menu/relation/suggest.tsx
+++ b/src/ts/component/menu/relation/suggest.tsx
@@ -108,8 +108,6 @@ const MenuRelationSuggest = observer(class MenuRelationSuggest extends React.Com
 					/>
 				) : ''}
 
-				{isLoading ? <Loader /> : ''}
-
 				{!items.length && !isLoading ? (
 					<EmptySearch readonly={!canWrite} filter={filter} />
 				) : ''}
@@ -159,7 +157,7 @@ const MenuRelationSuggest = observer(class MenuRelationSuggest extends React.Com
 	componentDidUpdate () {
 		const { param } = this.props;
 		const { data } = param;
-		const { filter } = data;
+		const filter = String(data.filter || '');
 		const items = this.getItems();
 
 		if (filter != this.filter) {
@@ -326,10 +324,12 @@ const MenuRelationSuggest = observer(class MenuRelationSuggest extends React.Com
 	};
 
 	onFilterChange (v: string) {
-		window.clearTimeout(this.timeoutFilter);
-		this.timeoutFilter = window.setTimeout(() => {
-			this.props.param.data.filter = this.refFilter.getValue();
-		}, J.Constant.delay.keyboard);
+		if (v != this.filter) {
+			window.clearTimeout(this.timeoutFilter);
+			this.timeoutFilter = window.setTimeout(() => {
+				this.props.param.data.filter = this.refFilter.getValue();
+			}, J.Constant.delay.keyboard);
+		};
 	};
 
 	onMouseEnter (e: any, item: any) {
@@ -494,7 +494,6 @@ const MenuRelationSuggest = observer(class MenuRelationSuggest extends React.Com
 	};
 
 	resize () {
-		const { isLoading } = this.state;
 		const { getId, position, param } = this.props;
 		const { data } = param;
 		const { noFilter } = data;
@@ -503,7 +502,7 @@ const MenuRelationSuggest = observer(class MenuRelationSuggest extends React.Com
 
 		let height = 16 + (noFilter ? 0 : 42);
 		if (!items.length) {
-			height = isLoading ? height + 40 : 160;
+			height = 160;
 		} else {
 			height = items.reduce((res: number, current: any) => res + this.getRowHeight(current), height);
 		};
diff --git a/src/ts/component/menu/search/object.tsx b/src/ts/component/menu/search/object.tsx
index decb7db17d..9a87137c5b 100644
--- a/src/ts/component/menu/search/object.tsx
+++ b/src/ts/component/menu/search/object.tsx
@@ -130,8 +130,6 @@ const MenuSearchObject = observer(class MenuSearchObject extends React.Component
 					/>
 				) : ''}
 
-				{isLoading ? <Loader /> : ''}
-
 				{!items.length && !isLoading ? (
 					<EmptySearch filter={filter} />
 				) : ''}
@@ -459,7 +457,7 @@ const MenuSearchObject = observer(class MenuSearchObject extends React.Component
 				addParam.onClick(details);
 				close();
 			} else {
-				const flags = [ I.ObjectFlag.SelectType, I.ObjectFlag.SelectTemplate ];
+				const flags = [ I.ObjectFlag.SelectTemplate ];
 
 				U.Object.create('', '', details, I.BlockPosition.Bottom, '', flags, route || analytics.route.search, (message: any) => {
 					process(message.details, true);
@@ -476,16 +474,18 @@ const MenuSearchObject = observer(class MenuSearchObject extends React.Component
 		const { data } = param;
 		const { onFilterChange } = data;
 
-		window.clearTimeout(this.timeoutFilter);
-		this.timeoutFilter = window.setTimeout(() => {
-			const filter = this.refFilter.getValue();
+		if (v != this.filter) {
+			window.clearTimeout(this.timeoutFilter);
+			this.timeoutFilter = window.setTimeout(() => {
+				const filter = this.refFilter.getValue();
 
-			this.props.param.data.filter = filter;
+				data.filter = filter;
 
-			if (onFilterChange) {
-				onFilterChange(filter);
-			};
-		}, J.Constant.delay.keyboard);
+				if (onFilterChange) {
+					onFilterChange(filter);
+				};
+			}, J.Constant.delay.keyboard);
+		};
 	};
 
 	getRowHeight (item: any) {
@@ -508,13 +508,12 @@ const MenuSearchObject = observer(class MenuSearchObject extends React.Component
 		const { getId, position, param } = this.props;
 		const { data } = param;
 		const { noFilter } = data;
-		const { isLoading } = this.state;
 		const items = this.getItems().slice(0, LIMIT);
 		const obj = $(`#${getId()} .content`);
 
 		let height = 16 + (noFilter ? 0 : 42);
 		if (!items.length) {
-			height = isLoading ? height + 40 : 160;
+			height = 160;
 		} else {
 			height = items.reduce((res: number, current: any) => res + this.getRowHeight(current), height);
 		};
diff --git a/src/ts/component/menu/syncStatus.tsx b/src/ts/component/menu/syncStatus.tsx
index 161a7a7930..4382af3a57 100644
--- a/src/ts/component/menu/syncStatus.tsx
+++ b/src/ts/component/menu/syncStatus.tsx
@@ -83,7 +83,7 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 					</div>
 					<div className="side right">
 						<Icon className={icon} />
-						<Icon className="more" onClick={e => this.onContextMenu(e, item)} />
+						<Icon className="more withBackground" onClick={e => this.onContextMenu(e, item)} />
 					</div>
 				</div>
 			);
@@ -92,8 +92,6 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 		const rowRenderer = ({ index, key, style, parent }) => {
 			const item = items[index];
 
-			console.log(item);
-
 			let content = null;
 			if (item.isSection) {
 				content = (
diff --git a/src/ts/component/menu/type/suggest.tsx b/src/ts/component/menu/type/suggest.tsx
index c05aca3a12..3d77be5678 100644
--- a/src/ts/component/menu/type/suggest.tsx
+++ b/src/ts/component/menu/type/suggest.tsx
@@ -3,7 +3,7 @@ import $ from 'jquery';
 import { observer } from 'mobx-react';
 import { AutoSizer, CellMeasurer, InfiniteLoader, List, CellMeasurerCache } from 'react-virtualized';
 import { Filter, Icon, MenuItemVertical, Loader, EmptySearch } from 'Component';
-import { I, C, S, U, J, analytics, keyboard, Action, translate } from 'Lib';
+import { I, C, S, U, J, analytics, keyboard, Action, translate, Storage } from 'Lib';
 
 interface State {
 	isLoading: boolean;
@@ -11,7 +11,7 @@ interface State {
 
 const HEIGHT_ITEM = 28;
 const HEIGHT_DIV = 16;
-const LIMIT = 20;
+const LIMIT = 15;
 
 const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I.Menu, State> {
 
@@ -40,11 +40,12 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 	
 	render () {
 		const { isLoading } = this.state;
-		const { param } = this.props;
+		const { param, setHover } = this.props;
 		const { data } = param;
 		const { filter, noFilter } = data;
 		const items = this.getItems();
 		const canWrite = U.Space.canMyParticipantWrite();
+		const buttons = data.buttons || [];
 
 		if (!this.cache) {
 			return null;
@@ -76,6 +77,7 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 						style={param.style}
 						onMouseEnter={e => this.onMouseEnter(e, item)} 
 						onClick={e => this.onClick(e, item)}
+						withMore={!!item.onMore}
 					/>
 				);
 			};
@@ -106,8 +108,6 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 					/>
 				) : ''}
 
-				{isLoading ? <Loader /> : ''}
-
 				{!items.length && !isLoading ? (
 					<EmptySearch readonly={!canWrite} filter={filter} />
 				) : ''}
@@ -141,6 +141,19 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 						</InfiniteLoader>
 					</div>
 				) : ''}
+
+				{buttons.length ? (
+					<div className="bottom">
+						{buttons.map((item, i) => (
+							<MenuItemVertical 
+								key={item.id}
+								{...item}
+								onMouseEnter={e => setHover(item)} 
+								onClick={e => this.onClick(e, item)}
+							/>
+						))}
+					</div>
+				) : ''}
 			</div>
 		);
 	};
@@ -148,21 +161,29 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 	componentDidMount () {
 		this._isMounted = true;
 
+		const { param } = this.props;
+		const { data } = param;
+		const { noStore } = data;
+
+		if (noStore) {
+			this.n = 0;
+		};
+
 		this.rebind();
 		this.resize();
 		this.load(true);
-		this.forceUpdate();
 	};
 
 	componentDidUpdate () {
 		const { param } = this.props;
 		const { data } = param;
-		const { filter } = data;
+		const { noStore } = data;
+		const filter = String(data.filter || '');
 		const items = this.getItems();
 
 		if (filter != this.filter) {
 			this.filter = filter;
-			this.n = -1;
+			this.n = noStore ? 0 : 1;
 			this.offset = 0;
 			this.load(true);
 			return;
@@ -174,8 +195,8 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 			keyMapper: i => (items[i] || {}).id,
 		});
 
+		this.rebind();
 		this.resize();
-		this.props.setActive();
 	};
 	
 	componentWillUnmount () {
@@ -189,7 +210,7 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 
 	rebind () {
 		this.unbind();
-		$(window).on('keydown.menu', e => this.props.onKeyDown(e));
+		$(window).on('keydown.menu', e => this.onKeyDown(e));
 		window.setTimeout(() => this.props.setActive(), 15);
 	};
 	
@@ -197,7 +218,7 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 		$(window).off('keydown.menu');
 	};
 
-	loadMoreRows ({ startIndex, stopIndex }) {
+	loadMoreRows () {
 		return new Promise((resolve, reject) => {
 			this.offset += J.Constant.limit.menuRecords;
 			this.load(false, resolve);
@@ -276,8 +297,12 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 		const { space } = S.Common;
 		const { param } = this.props;
 		const { data } = param;
-		const { filter } = data;
+		const { filter, noStore } = data;
+		const pinned = Storage.getPinnedTypes();
 		const items = U.Common.objectCopy(this.items || []).map(it => ({ ...it, object: it }));
+
+		items.sort((c1, c2) => U.Data.sortByPinnedTypes(c1, c2, pinned));
+
 		const library = items.filter(it => (it.spaceId == space));
 		const librarySources = library.map(it => it.sourceObject);
 		const canWrite = U.Space.canMyParticipantWrite();
@@ -297,14 +322,22 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 			} else {
 				sections = sections.concat([
 					{ 
-						children: [
+						id: 'store', children: [
 							{ id: 'store', icon: 'store', name: translate('commonAnytypeLibrary'), arrow: true }
-						] 
+						]
 					},
 				]);
 			};
 		};
 
+		if (noStore) {
+			sections = sections.map(it => {
+				it.name = '';
+				return it;
+			});
+			sections = sections.filter(it => it.id != 'store');
+		};
+
 		sections = sections.filter((section: any) => {
 			section.children = section.children.filter(it => it);
 			return section.children.length > 0;
@@ -314,7 +347,11 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 	};
 	
 	getItems () {
+		const { param } = this.props;
+		const { data } = param;
+		const { onMore } = data;
 		const sections = this.getSections();
+		
 		let items: any[] = [];
 
 		sections.forEach((section: any, i: number) => {
@@ -329,14 +366,23 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 			};
 		});
 
+		if (onMore) {
+			items = items.map((item: any) => {
+				item.onMore = e => onMore(e, this, item);
+				return item;
+			});
+		};
+
 		return items;
 	};
 
 	onFilterChange (v: string) {
-		window.clearTimeout(this.timeoutFilter);
-		this.timeoutFilter = window.setTimeout(() => {
-			this.props.param.data.filter = this.refFilter.getValue();
-		}, J.Constant.delay.keyboard);
+		if (v != this.filter) {
+			window.clearTimeout(this.timeoutFilter);
+			this.timeoutFilter = window.setTimeout(() => {
+				this.props.param.data.filter = this.refFilter.getValue();
+			}, J.Constant.delay.keyboard);
+		};
 	};
 
 	onMouseEnter (e: any, item: any) {
@@ -435,9 +481,8 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 			if (onClick) {
 				onClick(S.Detail.mapper(item));
 			};
-
-			U.Object.setLastUsedDate(item.id, U.Date.now());
 		};
+		const setLast = item => U.Object.setLastUsedDate(item.id, U.Date.now());
 
 		if (item.id == 'add') {
 			C.ObjectCreateObjectType({ name: filter }, [], S.Common.space, (message: any) => {
@@ -446,15 +491,45 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 					analytics.event('CreateType');
 				};
 			});
+		} else 
+		if (item.onClick) {
+			item.onClick(e);
 		} else {
 			if (item.isInstalled || noInstall) {
 				cb(item);
+				setLast(item);
 			} else {
-				Action.install(item, true, message => cb(message.details));
+				Action.install(item, true, message => {
+					cb(message.details);
+					setLast(message.details);
+				});
 			};
 		};
 	};
 
+	onKeyDown (e: any) {
+		const { onKeyDown, param } = this.props;
+		const { data } = param;
+		const buttons = data.buttons || [];
+		const cmd = keyboard.cmdKey();
+		const clipboard = buttons.find(it => it.id == 'clipboard');
+
+		let ret = false;
+
+		if (clipboard && clipboard.onClick) {
+			keyboard.shortcut(`${cmd}+v`, e, () => {
+				e.preventDefault();
+
+				clipboard.onClick();
+				ret = true;
+			});
+		};
+
+		if (!ret) {
+			onKeyDown(e);
+		};
+	};
+
 	getRowHeight (item: any) {
 		return item.isDiv ? HEIGHT_DIV : HEIGHT_ITEM;
 	};
@@ -464,20 +539,23 @@ const MenuTypeSuggest = observer(class MenuTypeSuggest extends React.Component<I
 	};
 
 	resize () {
-		const { isLoading } = this.state;
 		const { getId, position, param } = this.props;
 		const { data } = param;
 		const { noFilter } = data;
+		const buttons = data.buttons || [];
 		const items = this.getItems();
 		const obj = $(`#${getId()} .content`);
+		const offset = 16 + (noFilter ? 0 : 42);
+		const buttonHeight = buttons.reduce((res: number, current: any) => res + this.getRowHeight(current), 16)
 
-		let height = 16 + (noFilter ? 0 : 42);
+		let height = offset + buttonHeight;
 		if (!items.length) {
-			height = isLoading ? height + 40 : 160;
+			height = 160;
 		} else {
 			height = items.reduce((res: number, current: any) => res + this.getRowHeight(current), height);
 		};
-		height = Math.min(height, 376);
+
+		height = Math.min(height, offset + buttonHeight + HEIGHT_ITEM * LIMIT);
 
 		obj.css({ height });
 		position();
diff --git a/src/ts/component/menu/widget.tsx b/src/ts/component/menu/widget.tsx
index 0f83e8610b..cdb31ab847 100644
--- a/src/ts/component/menu/widget.tsx
+++ b/src/ts/component/menu/widget.tsx
@@ -45,16 +45,19 @@ const MenuWidget = observer(class MenuWidget extends React.Component<I.Menu> {
 				{item.options ? (
 					<div className="options">
 						{item.options.map((option, i) => {
-							const withIcon = option.icon;
-							const cn = [
-								'option',
-								item.value == option.id ? 'active' : '',
-								withIcon ? 'withIcon' : '',
-							];
+							const cn = [ 'option' ];
+
+							if (item.value == option.id) {
+								cn.push('active');
+							};
+
+							if (option.icon) {
+								cn.push('icon');
+							};
 
 							return (
 								<div className={cn.join(' ')} key={i} onClick={e => this.onOptionClick(e, option, item)}>
-									{withIcon ? <Icon className={option.icon} /> : option.name}
+									{option.icon ? <Icon className={option.icon} tooltip={option.name} tooltipY={I.MenuDirection.Top} /> : option.name}
 								</div>
 							);
 						})}
@@ -250,6 +253,7 @@ const MenuWidget = observer(class MenuWidget extends React.Component<I.Menu> {
 				});
 				break;
 			};
+
 			case 'limit': {
 				this.limit = Number(option.id);
 				this.checkState();
@@ -277,12 +281,13 @@ const MenuWidget = observer(class MenuWidget extends React.Component<I.Menu> {
 
 		const { param, close } = this.props;
 		const { data } = param;
-		const { blockId, setEditing, target } = data;
+		const { blockId, target } = data;
 
-		switch (item.itemId) {
-			case 'remove':
+		switch (item.id) {
+			case 'remove': {
 				Action.removeWidget(blockId, target);
 				break;
+			};
 		};
 
 		close();
diff --git a/src/ts/component/page/auth/pinCheck.tsx b/src/ts/component/page/auth/pinCheck.tsx
index 9b314a88fe..f643594394 100644
--- a/src/ts/component/page/auth/pinCheck.tsx
+++ b/src/ts/component/page/auth/pinCheck.tsx
@@ -6,6 +6,7 @@ import { observer } from 'mobx-react';
 const PageAuthPinCheck = observer(forwardRef<{}, I.PageComponent>(() => {
 
 	const pinRef = useRef(null);
+	const { pin } = S.Common;
 	const [ error, setError ] = useState('');
 
 	const unbind = () => {
@@ -46,7 +47,7 @@ const PageAuthPinCheck = observer(forwardRef<{}, I.PageComponent>(() => {
 			<Title text={translate('authPinCheckTitle')} />
 			<Pin 
 				ref={pinRef}
-				expectedPin={Storage.getPin()} 
+				expectedPin={pin} 
 				onSuccess={onSuccess} 
 				onError={onError} 
 			/>
diff --git a/src/ts/component/page/index.tsx b/src/ts/component/page/index.tsx
index 89ab32ff28..130ce04aea 100644
--- a/src/ts/component/page/index.tsx
+++ b/src/ts/component/page/index.tsx
@@ -193,6 +193,7 @@ const Page = observer(class Page extends React.Component<I.PageComponent> {
 
 	init () {
 		const { account } = S.Auth;
+		const { pin } = S.Common;
 		const { isPopup } = this.props;
 		const match = this.getMatch();
 		const { page, action } = this.getMatchParams();
@@ -200,7 +201,6 @@ const Page = observer(class Page extends React.Component<I.PageComponent> {
 		const isAuth = this.isAuth();
 		const isMain = this.isMain();
 		const isPinCheck = this.isAuthPinCheck();
-		const pin = Storage.getPin();
 		const win = $(window);
 		const path = [ page, action ].join('/');
 		const Component = Components[path];
diff --git a/src/ts/component/page/main/archive.tsx b/src/ts/component/page/main/archive.tsx
index 447dd6bd17..008d835d92 100644
--- a/src/ts/component/page/main/archive.tsx
+++ b/src/ts/component/page/main/archive.tsx
@@ -1,7 +1,7 @@
 import React, { forwardRef, useRef, useState, useImperativeHandle } from 'react';
 import $ from 'jquery';
 import { observer } from 'mobx-react';
-import { Title, Footer, Icon, ListManager } from 'Component';
+import { Title, Footer, Icon, ListManager, Header } from 'Component';
 import { I, U, J, translate, Action, analytics } from 'Lib';
 
 const PageMainArchive = observer(forwardRef<I.PageRef, I.PageComponent>((props, ref) => {
@@ -70,30 +70,34 @@ const PageMainArchive = observer(forwardRef<I.PageRef, I.PageComponent>((props,
 	}));
 
 	return (
-		<div ref={nodeRef} className="wrapper">
-			<div className="body">
-				<div className="titleWrapper">
-					<Icon className="archive" />
-					<Title text={translate('commonBin')} />
-				</div>
+		<>
+			<Header {...props} component="mainEmpty" />
 
-				<ListManager
-					ref={managerRef}
-					subId={J.Constant.subId.archive}
-					filters={filters}
-					sorts={sorts}
-					rowLength={getRowLength()}
-					ignoreArchived={false}
-					buttons={buttons}
-					iconSize={48}
-					resize={resize}
-					textEmpty={translate('pageMainArchiveEmpty')}
-					isReadonly={!U.Space.canMyParticipantWrite()}
-				/>
+			<div ref={nodeRef} className="wrapper">
+				<div className="body">
+					<div className="titleWrapper">
+						<Icon className="archive" />
+						<Title text={translate('commonBin')} />
+					</div>
+
+					<ListManager
+						ref={managerRef}
+						subId={J.Constant.subId.archive}
+						filters={filters}
+						sorts={sorts}
+						rowLength={getRowLength()}
+						ignoreArchived={false}
+						buttons={buttons}
+						iconSize={48}
+						resize={resize}
+						textEmpty={translate('pageMainArchiveEmpty')}
+						isReadonly={!U.Space.canMyParticipantWrite()}
+					/>
+				</div>
 			</div>
 
-			<Footer component="mainObject" />
-		</div>
+			<Footer {...props} component="mainObject" />
+		</>
 	);
 
 }));
diff --git a/src/ts/component/page/main/invite.tsx b/src/ts/component/page/main/invite.tsx
index f044b5080e..1892fd53b7 100644
--- a/src/ts/component/page/main/invite.tsx
+++ b/src/ts/component/page/main/invite.tsx
@@ -1,6 +1,6 @@
 import React, { forwardRef, useRef, useState, useImperativeHandle, useEffect } from 'react';
 import { Loader, Title, Error, Frame, Button, Footer } from 'Component';
-import { I, C, S, U, translate } from 'Lib';
+import { I, C, S, U, J, translate } from 'Lib';
 
 interface PageMainInviteRefProps {
 	resize: () => void;
@@ -35,12 +35,25 @@ const PageMainInvite = forwardRef<PageMainInviteRefProps, I.PageComponent>((prop
 					const space = U.Space.getSpaceviewBySpaceId(message.spaceId);
 
 					if (message.error.code) {
+						let icon = '';
+						let title = '';
+						let text = '';
+
+						if (message.error.code == J.Error.Code.SPACE_IS_DELETED) {
+							icon = 'error';
+							title = translate('popupConfirmSpaceDeleted');
+						} else {
+							icon = 'sad';
+							title = translate('popupInviteRequestTitle');
+							text = translate('popupConfirmInviteError');
+						};
+
 						S.Popup.open('confirm', {
 							data: {
-								icon: 'sad',
+								icon,
 								bgColor: 'red',
-								title: translate('popupInviteRequestTitle'),
-								text: translate('popupConfirmInviteError'),
+								title,
+								text,
 								textConfirm: translate('commonOkay'),
 								canCancel: false,
 							},
@@ -117,4 +130,4 @@ const PageMainInvite = forwardRef<PageMainInviteRefProps, I.PageComponent>((prop
 
 });
 
-export default PageMainInvite;
\ No newline at end of file
+export default PageMainInvite;
diff --git a/src/ts/component/page/main/navigation.tsx b/src/ts/component/page/main/navigation.tsx
index 7ebee57fb7..09dace2efe 100644
--- a/src/ts/component/page/main/navigation.tsx
+++ b/src/ts/component/page/main/navigation.tsx
@@ -6,7 +6,7 @@ import { AutoSizer, CellMeasurer, InfiniteLoader, List, CellMeasurerCache } from
 import { Button, Cover, Loader, IconObject, Header, Footer, ObjectName, ObjectDescription } from 'Component';
 import { I, C, S, U, keyboard, focus, translate } from 'Lib';
 
-import Item from 'Component/sidebar/object/item';
+import Item from 'Component/sidebar/page/object/item';
 
 interface State {
 	loading: boolean;
@@ -42,6 +42,7 @@ const PageMainNavigation = observer(class PageMainNavigation extends React.Compo
 	focus = false;
 	select = false;
 	refHeader: any = null;
+	refList = { [ Panel.Left ]: null, [ Panel.Right ]: null };
 	
 	constructor (props: I.PageComponent) {
 		super (props);
@@ -152,7 +153,7 @@ const PageMainNavigation = observer(class PageMainNavigation extends React.Compo
 									<AutoSizer className="scrollArea">
 										{({ width, height }) => (
 											<List
-												ref={registerChild}
+												ref={ref => this.refList[Panel.Left] = ref}
 												width={width + 20}
 												height={height - 35}
 												deferredMeasurmentCache={this.cacheIn}
@@ -164,7 +165,7 @@ const PageMainNavigation = observer(class PageMainNavigation extends React.Compo
 												}}
 												onRowsRendered={onRowsRendered}
 												overscanRowCount={10}
-												scrollToAlignment="start"
+												scrollToAlignment="center"
 											/>
 										)}
 									</AutoSizer>
@@ -191,7 +192,7 @@ const PageMainNavigation = observer(class PageMainNavigation extends React.Compo
 									<AutoSizer className="scrollArea">
 										{({ width, height }) => (
 											<List
-												ref={registerChild}
+												ref={ref => this.refList[Panel.Right] = ref}
 												width={width + 20}
 												height={height - 35}
 												deferredMeasurmentCache={this.cacheOut}
@@ -203,7 +204,7 @@ const PageMainNavigation = observer(class PageMainNavigation extends React.Compo
 												}}
 												onRowsRendered={onRowsRendered}
 												overscanRowCount={10}
-												scrollToAlignment="start"
+												scrollToAlignment="center"
 											/>
 										)}
 									</AutoSizer>
@@ -312,7 +313,9 @@ const PageMainNavigation = observer(class PageMainNavigation extends React.Compo
 			if (this.n > l - 1) {
 				this.n = 0;
 			};
-			this.setActive();
+			
+			this.refList[this.panel]?.scrollToRow(this.n);
+			window.setTimeout(() => this.setActive(), 0);
 		});
 
 		keyboard.shortcut('arrowleft, arrowright', e, (pressed: string) => {
diff --git a/src/ts/component/page/main/relation.tsx b/src/ts/component/page/main/relation.tsx
index 5f89f95266..a284243846 100644
--- a/src/ts/component/page/main/relation.tsx
+++ b/src/ts/component/page/main/relation.tsx
@@ -144,7 +144,7 @@ const PageMainRelation = observer(class PageMainRelation extends React.Component
 				return;
 			};
 
-			const object = S.Detail.get(rootId, rootId, []);
+			const object = S.Detail.get(rootId, rootId);
 			if (object.isDeleted) {
 				this.setState({ isDeleted: true, isLoading: false });
 				return;
@@ -153,6 +153,8 @@ const PageMainRelation = observer(class PageMainRelation extends React.Component
 			this.refHeader?.forceUpdate();
 			this.refHead?.forceUpdate();
 			this.setState({ isLoading: false });
+
+			analytics.event('ScreenRelation', { relationKey: object.relationKey });
 		});
 	};
 
diff --git a/src/ts/component/popup/about.tsx b/src/ts/component/popup/about.tsx
index ed0bf019ae..24998f04df 100644
--- a/src/ts/component/popup/about.tsx
+++ b/src/ts/component/popup/about.tsx
@@ -1,8 +1,8 @@
-import React, { FC } from 'react';
+import React, { forwardRef } from 'react';
 import { Title, Icon, Label, Button } from 'Component';
 import { I, U, translate } from 'Lib';
 
-const PopupAbout: FC<I.Popup> = () => {
+const PopupAbout = forwardRef<{}, I.Popup>(() => {
 
 	const version = U.Common.getElectron().version.app;
 
@@ -27,6 +27,6 @@ const PopupAbout: FC<I.Popup> = () => {
 		</>
 	);
 
-};
+});
 
 export default PopupAbout;
\ No newline at end of file
diff --git a/src/ts/component/popup/objectManager.tsx b/src/ts/component/popup/objectManager.tsx
index d62d86edc4..50342237f9 100644
--- a/src/ts/component/popup/objectManager.tsx
+++ b/src/ts/component/popup/objectManager.tsx
@@ -15,7 +15,7 @@ const PopupObjectManager = observer(class PopupObjectManager extends React.Compo
 	};
 
 	render () {
-		const { param, getId } = this.props;
+		const { param, getId, close } = this.props;
 		const { data } = param;
 		const { collectionId, type } = data;
 		const subId = [ getId(), 'data' ].join('-');
@@ -47,7 +47,10 @@ const PopupObjectManager = observer(class PopupObjectManager extends React.Compo
 					onAfterLoad={this.onAfterLoad}
 				/>
 
-				<Button text={button} className="c36" onClick={this.onClick} />
+				<div className="buttons">
+					<Button text={button} className="c36" onClick={this.onClick} />
+					<Button text={translate('commonCancel')} color="blank" className="c36" onClick={() => close()} />
+				</div>
 			</React.Fragment>
 		);
 	};
diff --git a/src/ts/component/popup/page/settings/data.tsx b/src/ts/component/popup/page/settings/data/index.tsx
similarity index 76%
rename from src/ts/component/popup/page/settings/data.tsx
rename to src/ts/component/popup/page/settings/data/index.tsx
index 94da6debb5..7781b8e2ff 100644
--- a/src/ts/component/popup/page/settings/data.tsx
+++ b/src/ts/component/popup/page/settings/data/index.tsx
@@ -3,12 +3,20 @@ import { Title, Label, IconObject, Button } from 'Component';
 import { I, C, S, U, translate, Renderer, analytics } from 'Lib';
 import { observer } from 'mobx-react';
 
+interface State {
+	list: I.PublishState[];
+};
+
 interface Props extends I.PopupSettings {
 	onPage: (id: string) => void;
 	setLoading: (v: boolean) => void;
 };
 
-const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageIndex extends React.Component<Props, {}> {
+const PopupSettingsPageDataIndex = observer(class PopupSettingsPageDataIndex extends React.Component<Props, State> {
+
+	state = {
+		list: [],
+	};
 
 	constructor (props: Props) {
 		super(props);
@@ -17,10 +25,13 @@ const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageI
 	};
 
 	render () {
+		const { config } = S.Common;
 		const { onPage } = this.props;
+		const { list } = this.state;
 		const { dataPath, spaceStorage } = S.Common;
 		const { localUsage } = spaceStorage;
 		const suffix = this.getSuffix();
+		const size = U.File.size(list.reduce((acc, item) => acc + item.size, 0));
 
 		return (
 			<React.Fragment>
@@ -28,6 +39,7 @@ const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageI
 				<Label className="description" text={translate(`popupSettingsDataManagementLocalStorageText${suffix}`)} />
 
 				<div className="actionItems">
+
 					<div className="item storageUsage">
 						<div className="side left">
 							<IconObject object={{ iconEmoji: ':desktop_computer:' }} size={44} />
@@ -42,6 +54,21 @@ const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageI
 						</div>
 					</div>
 
+					{config.experimental ? (
+						<div className="item">
+							<div className="side left">
+								<IconObject object={{ iconEmoji: ':earth_americas:' }} size={44} />
+
+								<div className="txt">
+									<Title text={translate('popupSettingsDataManagementDataPublishTitle')} />
+									<Label text={size} />
+								</div>
+							</div>
+							<div className="side right">
+								<Button color="blank" className="c28" text={translate(`commonManage`)} onClick={() => onPage('dataPublish')} />
+							</div>
+						</div>
+					) : ''}
 
 					<div className="item">
 						<div className="side left">
@@ -65,6 +92,14 @@ const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageI
 		);
 	};
 
+	componentDidMount(): void {
+		C.PublishingList(S.Common.space, (message: any) => {
+			if (!message.error.code) {
+				this.setState({ list: message.list });
+			};
+		});
+	};
+
 	onOffload (e: any) {
 		const { setLoading } = this.props;
 		const suffix = this.getSuffix();
@@ -116,4 +151,4 @@ const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageI
 
 });
 
-export default PopupSettingsPageDataManagement;
+export default PopupSettingsPageDataIndex;
diff --git a/src/ts/component/popup/page/settings/data/publish.tsx b/src/ts/component/popup/page/settings/data/publish.tsx
new file mode 100644
index 0000000000..b8311d1e5a
--- /dev/null
+++ b/src/ts/component/popup/page/settings/data/publish.tsx
@@ -0,0 +1,151 @@
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import { Title, IconObject, ObjectName, Icon } from 'Component';
+import { I, S, U, C, translate, Action, analytics } from 'Lib';
+import Head from '../head';
+
+interface State {
+	list: I.PublishState[];
+};
+
+const SUB_ID = 'dataPublish';
+
+const PopupSettingsPageDataPublish = observer(class PopupSettingsPageDataPublish extends React.Component<I.PopupSettings, State> {
+
+	state = {
+		list: [],
+	};
+
+	render () {
+		const { dateFormat } = S.Common;
+		const { list } = this.state;
+
+		const Row = (item: any) => {
+			const object = S.Detail.get(SUB_ID, item.objectId);
+
+			return (
+				<div className="row">
+					<div className="col colObject" onClick={() => this.onClick(item)}>
+						<IconObject object={object} />
+						<ObjectName object={object} />
+					</div>
+					<div className="col colDate">{U.Date.dateWithFormat(dateFormat, item.timestamp)}</div>
+					<div className="col">{U.File.size(item.size)}</div>
+					<div className="col colMore">
+						<Icon id={`icon-more-${item.objectId}`} className="more withBackground" onClick={() => this.onMore(item)} />
+					</div>
+				</div>
+			);
+		};
+
+		return (
+			<>
+				<Head {...this.props} returnTo="dataIndex" name={translate('commonBack')} />
+				<Title text={translate('popupSettingsDataManagementDataPublishTitle')} />
+
+				<div className="items">
+					<div className="row isHead">
+						<div className="col colSpace">{translate('commonObject')}</div>
+						<div className="col">{translate('popupSettingsDataManagementDataPublishTitle')}</div>
+						<div className="col">{translate('commonSize')}</div>
+						<div className="col colMore" />
+					</div>
+					{list.map((item: any, i: number) => <Row key={i} {...item} />)}
+				</div>
+			</>
+		);
+	};
+
+	componentDidMount(): void {
+		this.load();
+	};
+
+	componentWillUnmount(): void {
+		C.ObjectSearchUnsubscribe([ SUB_ID ]);
+	};
+
+	load () {
+		C.PublishingList(S.Common.space, (message: any) => {
+			if (!message.error.code) {
+				const list = message.list;
+				const ids = list.map(item => item.objectId);
+
+				U.Data.subscribeIds({
+					subId: SUB_ID,
+					ids,
+					noDeps: true,
+				}, () => {
+					this.setState({ list });
+				});
+			};
+		});
+	};
+
+	onClick (item: any) {
+		Action.openUrl(U.Space.getPublishUrl(item.uri));
+	};
+
+	onMore (item: any) {
+		const { getId } = this.props;
+		const element = $(`#${getId()} #icon-more-${item.objectId}`);
+		const options: any[] = [
+			{ id: 'open', name: translate('menuPublishButtonOpen') },
+			{ isDiv: true },
+			{ id: 'view', name: translate('menuPublishButtonView') },
+			{ id: 'copy', name: translate('menuPublishButtonCopy') },
+			{ id: 'unpublish', name: translate('menuPublishButtonUnpublish'), color: 'red' },
+		];
+
+		S.Menu.open('select', {
+			element,
+			vertical: I.MenuDirection.Bottom,
+			horizontal: I.MenuDirection.Right,
+			offsetY: 4,
+			onOpen: () => element.addClass('active'),
+			onClose: () => element.removeClass('active'),
+			data: {
+				options,
+				onSelect: (e: any, element: any) => {
+					switch (element.id) {
+						case 'open': {
+							U.Object.openAuto(S.Detail.get(SUB_ID, item.objectId));
+							break;
+						};
+
+						case 'view': {
+							this.onClick(item);
+							break;
+						};
+
+						case 'copy': {
+							U.Common.copyToast(translate('commonLink'), U.Space.getPublishUrl(item.uri));
+							break;
+						};
+
+						case 'unpublish': {
+							this.onUnpublish(item);
+							break;
+						};
+					};
+				},
+			},
+		});
+	};
+
+	onUnpublish (item: any) {
+		const object = S.Detail.get(SUB_ID, item.objectId);
+
+		C.PublishingRemove(S.Common.space, item.objectId, (message: any) => {
+			if (!message.error.code) {
+				this.load();
+
+				analytics.event('ShareObjectUnpublish', { objectType: object.type });
+			};
+		});
+
+		analytics.event('ClickShareObjectUnpublish', { objectType: object.type });
+	};
+
+});
+
+export default PopupSettingsPageDataPublish;
\ No newline at end of file
diff --git a/src/ts/component/popup/page/settings/delete.tsx b/src/ts/component/popup/page/settings/delete.tsx
index 04e0109631..c74a8cbd55 100644
--- a/src/ts/component/popup/page/settings/delete.tsx
+++ b/src/ts/component/popup/page/settings/delete.tsx
@@ -29,7 +29,7 @@ const PopupSettingsPageDelete = observer(class PopupSettingsPageDelete extends R
 
 		return (
 			<div ref={node => this.node = node}>
-				<Head {...this.props} returnTo="dataManagement" name={translate('commonBack')} />
+				<Head {...this.props} returnTo="dataIndex" name={translate('commonBack')} />
 				<Title text={translate('popupSettingsAccountDeleteTitle')} />
 
 				<div className="text">
diff --git a/src/ts/component/popup/page/settings/membership.tsx b/src/ts/component/popup/page/settings/membership.tsx
index 63e583d269..b1cd9dd489 100644
--- a/src/ts/component/popup/page/settings/membership.tsx
+++ b/src/ts/component/popup/page/settings/membership.tsx
@@ -61,7 +61,7 @@ const PopupSettingsPageMembership = observer(class PopupSettingsPageMembership e
 					period = translate('popupSettingsMembershipForeverFree');
 				};
 
-				buttonText = translate('popupSettingsMembershipManage');
+				buttonText = translate('commonManage');
 			} else 
 			if (item.period) {
 				// default is year
diff --git a/src/ts/component/popup/page/settings/phrase.tsx b/src/ts/component/popup/page/settings/phrase.tsx
index 3e43680131..c5a85a6727 100644
--- a/src/ts/component/popup/page/settings/phrase.tsx
+++ b/src/ts/component/popup/page/settings/phrase.tsx
@@ -89,7 +89,7 @@ const PopupSettingsPagePhrase = observer(class PopupSettingsPagePhrase extends R
 
 	onCode () {
 		const { showCode } = this.state;
-		const pin = Storage.getPin();
+		const { pin } = S.Common;
 		const onSuccess = () => {
 			this.setState({ showCode: !showCode });
 		};
diff --git a/src/ts/component/popup/page/settings/pin/confirm.tsx b/src/ts/component/popup/page/settings/pin/confirm.tsx
index ff58ac910c..6be1352f0d 100644
--- a/src/ts/component/popup/page/settings/pin/confirm.tsx
+++ b/src/ts/component/popup/page/settings/pin/confirm.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Title, Label, Pin, Error } from 'Component';
-import { I, Storage, translate } from 'Lib';
+import { I, S, translate } from 'Lib';
 import { observer } from 'mobx-react';
 import Head from '../head';
 
@@ -16,6 +16,7 @@ const PopupSettingsPagePinConfirm = observer(class PopupSettingsPagePinConfirm e
 	ref = null;
 
 	render () {
+		const { pin } = S.Common;
 		const { onPage, prevPage } = this.props;
 		const { error } = this.state;
 
@@ -26,7 +27,7 @@ const PopupSettingsPagePinConfirm = observer(class PopupSettingsPagePinConfirm e
 				<Label className="description" text={translate('popupSettingsPinVerify')} />
 				<Pin 
 					ref={ref => this.ref = ref} 
-					expectedPin={Storage.getPin()} 
+					expectedPin={pin} 
 					onSuccess={this.onCheckPin} 
 					onError={this.onError} 
 				/>
diff --git a/src/ts/component/popup/page/settings/pin/index.tsx b/src/ts/component/popup/page/settings/pin/index.tsx
index 5a7fe3371d..577fc7cd88 100644
--- a/src/ts/component/popup/page/settings/pin/index.tsx
+++ b/src/ts/component/popup/page/settings/pin/index.tsx
@@ -6,7 +6,7 @@ import { observer } from 'mobx-react';
 const PopupSettingsPagePinIndex = observer(class PopupSettingsPagePinIndex extends React.Component<I.PopupSettings> {
 
 	render () {
-		const pin = Storage.getPin();
+		const { pin } = S.Common;
 		const pinTime = S.Common.pinTime / 1000;
 		const times = [ 60, 300, 600, 3600 ].map(time => ({ id: time, name: U.Date.duration(time) }));
 
diff --git a/src/ts/component/popup/page/settings/pin/select.tsx b/src/ts/component/popup/page/settings/pin/select.tsx
index 21e6bad5c6..6fcf122e56 100644
--- a/src/ts/component/popup/page/settings/pin/select.tsx
+++ b/src/ts/component/popup/page/settings/pin/select.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import sha1 from 'sha1';
 import { observer } from 'mobx-react';
 import { Title, Pin, Error } from 'Component';
-import { I, Storage, translate } from 'Lib';
+import { I, S, translate } from 'Lib';
 import Head from '../head';
 
 type State = {
@@ -50,7 +50,7 @@ const PopupSettingsPagePinSelect = observer(class PopupSettingsPagePinSelect ext
 			return;
 		};
 
-		Storage.set('pin', sha1(pin));
+		S.Common.pinSet(sha1(pin));
 		onPage('pinIndex');
 	};
 
diff --git a/src/ts/component/popup/page/settings/space/list.tsx b/src/ts/component/popup/page/settings/space/list.tsx
index bb6ef72e15..1b447b68ae 100644
--- a/src/ts/component/popup/page/settings/space/list.tsx
+++ b/src/ts/component/popup/page/settings/space/list.tsx
@@ -25,7 +25,7 @@ const PopupSettingsPageSpacesList = observer(class PopupSettingsPageSpacesList e
 
 			return (
 				<div className="row">
-					<div className="col colSpace" onClick={() => this.onClick(space)}>
+					<div className="col colObject" onClick={() => this.onClick(space)}>
 						<IconObject object={space} size={40} />
 						<div className="info">
 							<ObjectName object={space} />
diff --git a/src/ts/component/popup/pin.tsx b/src/ts/component/popup/pin.tsx
index 4c56ebbafb..b6e143e6da 100644
--- a/src/ts/component/popup/pin.tsx
+++ b/src/ts/component/popup/pin.tsx
@@ -1,10 +1,11 @@
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { Title, Pin, Error } from 'Component';
-import { I, keyboard, translate, Storage } from 'Lib';
+import { I, S, keyboard, translate, Storage } from 'Lib';
 
 const PopupPin = forwardRef<{}, I.Popup>(({ param, close }, ref) => {
 
 	const { data } = param;
+	const { pin } = S.Common;
 	const { onError, onSuccess } = data;
 	const pinRef = useRef(null);
 	const [ error, setError ] = useState('');
@@ -39,7 +40,7 @@ const PopupPin = forwardRef<{}, I.Popup>(({ param, close }, ref) => {
 			<Title text={translate('authPinCheckTitle')} />
 			<Pin 
 				ref={pinRef}
-				expectedPin={Storage.getPin()} 
+				expectedPin={pin} 
 				onSuccess={onSuccessHandler} 
 				onError={onErrorHandler}
 			/>
diff --git a/src/ts/component/popup/search.tsx b/src/ts/component/popup/search.tsx
index 8d260740fe..1ebef99642 100644
--- a/src/ts/component/popup/search.tsx
+++ b/src/ts/component/popup/search.tsx
@@ -726,7 +726,7 @@ const PopupSearch = observer(class PopupSearch extends React.Component<I.Popup,
 					aliases: [ translate('commonSidebar', lang), translate('commonSidebar') ] 
 				},
 				{ id: 'pinIndex', icon: 'settings-pin', name: translate('popupSettingsPinTitle') },
-				{ id: 'dataManagement', icon: 'settings-storage', name: translate('popupSettingsDataManagementTitle') },
+				{ id: 'dataIndex', icon: 'settings-storage', name: translate('popupSettingsDataManagementTitle') },
 				{ id: 'phrase', icon: 'settings-phrase', name: translate('popupSettingsPhraseTitle') },
 			];
 
@@ -834,7 +834,7 @@ const PopupSearch = observer(class PopupSearch extends React.Component<I.Popup,
 			} else {
 				switch (item.id) {
 					case 'add': {
-						keyboard.pageCreate({ name: filter }, 'Search');
+						keyboard.pageCreate({ name: filter }, 'Search', [ I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ]);
 						break;
 					};
 
diff --git a/src/ts/component/popup/settings.tsx b/src/ts/component/popup/settings.tsx
index 1b0fc95696..e13c023073 100644
--- a/src/ts/component/popup/settings.tsx
+++ b/src/ts/component/popup/settings.tsx
@@ -5,13 +5,15 @@ import { Loader, IconObject, Icon, Label } from 'Component';
 import { I, S, U, analytics, Action, keyboard, translate, Preview, Onboarding } from 'Lib';
 
 import PageAccount from './page/settings/account';
-import PageDataManagement from './page/settings/data';
 import PageDelete from './page/settings/delete';
 import PagePersonal from './page/settings/personal';
 import PageAppearance from './page/settings/appearance';
 import PagePhrase from './page/settings/phrase';
 import PageLogout from './page/settings/logout';
 
+import PageDataIndex from './page/settings/data/index';
+import PageDataPublish from './page/settings/data/publish';
+
 import PagePinIndex from './page/settings/pin/index';
 import PagePinSelect from './page/settings/pin/select';
 import PagePinConfirm from './page/settings/pin/confirm';
@@ -40,7 +42,6 @@ interface State {
 
 const Components: any = {
 	account:			 PageAccount,
-	dataManagement: 	 PageDataManagement,
 	delete:				 PageDelete,
 	personal:			 PagePersonal,
 	appearance:			 PageAppearance,
@@ -52,6 +53,8 @@ const Components: any = {
 	pinSelect:			 PagePinSelect,
 	pinConfirm:			 PagePinConfirm,
 
+	dataIndex: 			 PageDataIndex,
+	dataPublish:		 PageDataPublish,
 
 	importIndex:		 PageImportIndex,
 	importNotion:		 PageImportNotion,
@@ -285,7 +288,7 @@ const PopupSettings = observer(class PopupSettings extends React.Component<I.Pop
 		} else {
 			const settingsVault = [
 				{ id: 'spaceList', name: translate('popupSettingsSpacesListTitle'), icon: 'spaces' },
-				{ id: 'dataManagement', name: translate('popupSettingsDataManagementTitle'), icon: 'storage', subPages: [ 'delete' ] },
+				{ id: 'dataIndex', name: translate('popupSettingsDataManagementTitle'), icon: 'storage', subPages: [ 'dataPublish', 'delete' ] },
 				{ id: 'phrase', name: translate('popupSettingsPhraseTitle') },
 			];
 			if (this.withMembership()) {
@@ -340,11 +343,12 @@ const PopupSettings = observer(class PopupSettings extends React.Component<I.Pop
 		const { param } = this.props;
 		const { data } = param;
 		const { page } = data || {};
+		const route = data.route || analytics.route.settings;
 
 		this.prevPage = page;
 
 		S.Popup.updateData(this.props.id, { page: id, ...additional });
-		analytics.event('settings', { params: { id } });
+		analytics.event('settings', { route, params: { id } });
 	};
 
 	onExport (type: I.ExportType, param: any) {
diff --git a/src/ts/component/popup/spaceCreate.tsx b/src/ts/component/popup/spaceCreate.tsx
index a2cc4734c9..e41b8f1734 100644
--- a/src/ts/component/popup/spaceCreate.tsx
+++ b/src/ts/component/popup/spaceCreate.tsx
@@ -82,7 +82,7 @@ const PopupSpaceCreate = observer(forwardRef<{}, I.Popup>(({ param = {}, close }
 
 				const ids = [ message.objectId ].concat(U.Menu.getVaultItems().map(it => it.id));
 
-				Storage.set('spaceOrder', ids, true);
+				Storage.set('spaceOrder', ids);
 
 				U.Router.switchSpace(message.objectId, '', true, { 
 					onRouteChange: () => {
diff --git a/src/ts/component/sidebar/index.tsx b/src/ts/component/sidebar/index.tsx
index 5f1d2cee68..826e7cd33e 100644
--- a/src/ts/component/sidebar/index.tsx
+++ b/src/ts/component/sidebar/index.tsx
@@ -5,10 +5,19 @@ import { observer } from 'mobx-react';
 import { Icon, Sync } from 'Component';
 import { I, U, J, S, keyboard, Preview, sidebar } from 'Lib';
 
-import SidebarWidget from './widget';
-import SidebarObject from './object';
+import SidebarWidget from './page/widget';
+import SidebarObject from './page/object';
 
-const Sidebar = observer(class Sidebar extends React.Component {
+interface State {
+	page: string;
+};
+
+const Components = {
+	object: SidebarObject,
+	widget: SidebarWidget,
+};
+
+const Sidebar = observer(class Sidebar extends React.Component<{}, State> {
 	
 	private _isMounted = false;
 	node = null;
@@ -18,8 +27,11 @@ const Sidebar = observer(class Sidebar extends React.Component {
 	frame = 0;
 	width = 0;
 	movedX = false;
-	refWidget = null;
-	refObject = null;
+	refChild = null;
+
+	state = {
+		page: 'widget'
+	};
 
 	constructor (props) {
 		super(props);
@@ -33,8 +45,9 @@ const Sidebar = observer(class Sidebar extends React.Component {
 	};
 
 	render() {
-		const { showVault, showObject } = S.Common;
+		const page = this.state.page || 'widget';
 		const cmd = keyboard.cmdSymbol();
+		const Component = Components[page];
 
 		return (
 			<React.Fragment>
@@ -54,7 +67,7 @@ const Sidebar = observer(class Sidebar extends React.Component {
 					id="sidebar" 
 					className="sidebar"
 				>
-					{showObject ? <SidebarObject ref={ref => this.refObject = ref} {...this.props} /> : <SidebarWidget {...this.props} ref={ref => this.refWidget = ref} />}
+					<Component ref={ref => this.refChild = ref} {...this.props} />
 					<div className="resize-h" draggable={true} onDragStart={this.onResizeStart}>
 						<div className="resize-handle" onClick={this.onHandleClick} />
 					</div>
@@ -173,7 +186,9 @@ const Sidebar = observer(class Sidebar extends React.Component {
 			};
 
 			this.width = w;
-			this.refObject?.resize();
+			if (this.refChild.resize) {
+				this.refChild.resize();
+			};
 		});
 	};
 
@@ -215,4 +230,4 @@ const Sidebar = observer(class Sidebar extends React.Component {
 
 });
 
-export default Sidebar;
\ No newline at end of file
+export default Sidebar;
diff --git a/src/ts/component/sidebar/object.tsx b/src/ts/component/sidebar/page/object.tsx
similarity index 99%
rename from src/ts/component/sidebar/object.tsx
rename to src/ts/component/sidebar/page/object.tsx
index d125e1adc9..7e06a60d5d 100644
--- a/src/ts/component/sidebar/object.tsx
+++ b/src/ts/component/sidebar/page/object.tsx
@@ -115,7 +115,7 @@ const SidebarObject = observer(class SidebarObject extends React.Component<{}, S
 			>
 				<div className="inner">
 					<div className="head">
-						<div className="titleWrap" onClick={() => sidebar.objectContainerToggle()}>
+						<div className="titleWrap" onClick={() => sidebar.objectContainerSwitch('widget')}>
 							<div className="side left">
 								<Icon className="back withBackground" />
 								<Title text={translate('commonAllContent')} />
@@ -566,7 +566,7 @@ const SidebarObject = observer(class SidebarObject extends React.Component<{}, S
 		if (this.type == I.ObjectContainerType.Relation) {
 			this.onRelationMenu(cb);
 		} else {
-			keyboard.pageCreate(details, analytics.route.allObjects, (message: any) => {
+			keyboard.pageCreate(details, analytics.route.allObjects, [ I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ], (message: any) => {
 				cb(message.targetId);
 			});
 		};
@@ -729,7 +729,7 @@ const SidebarObject = observer(class SidebarObject extends React.Component<{}, S
 			if (this.selected) {
 				this.clearSelection();
 			} else {
-				sidebar.objectContainerToggle();
+				sidebar.objectContainerSwitch('widget');
 			};
 		});
 
diff --git a/src/ts/component/sidebar/object/item.tsx b/src/ts/component/sidebar/page/object/item.tsx
similarity index 100%
rename from src/ts/component/sidebar/object/item.tsx
rename to src/ts/component/sidebar/page/object/item.tsx
diff --git a/src/ts/component/sidebar/widget.tsx b/src/ts/component/sidebar/page/widget.tsx
similarity index 85%
rename from src/ts/component/sidebar/widget.tsx
rename to src/ts/component/sidebar/page/widget.tsx
index 9ef7130e91..84ceb9078d 100644
--- a/src/ts/component/sidebar/widget.tsx
+++ b/src/ts/component/sidebar/page/widget.tsx
@@ -30,7 +30,6 @@ const SidebarWidget = observer(class SidebarWidget extends React.Component<{}, S
 		this.onDragStart = this.onDragStart.bind(this);
 		this.onDragOver = this.onDragOver.bind(this);
 		this.onDrop = this.onDrop.bind(this);
-		this.onContextMenu = this.onContextMenu.bind(this);
 		this.onArchive = this.onArchive.bind(this);
 		this.onAdd = this.onAdd.bind(this);
 		this.onScroll = this.onScroll.bind(this);
@@ -210,7 +209,6 @@ const SidebarWidget = observer(class SidebarWidget extends React.Component<{}, S
 						className={cn.join(' ')}
 						onDrop={this.onDrop}
 						onDragOver={e => e.preventDefault()}
-						onContextMenu={this.onContextMenu}
 					>
 						{content}
 					</div>
@@ -378,82 +376,6 @@ const SidebarWidget = observer(class SidebarWidget extends React.Component<{}, S
 		head.toggleClass('show', showVault && (top > 32));
 	};
 
-	onContextMenu () {
-		const { previewId } = this.state;
-		if (previewId || !U.Space.canMyParticipantWrite()) {
-			return;
-		};
-
-		const win = $(window);
-		const widgetIds = S.Block.getChildrenIds(S.Block.widgets, S.Block.widgets);
-		const options: any[] = [
-			{ id: 'edit', name: translate('widgetEdit') },
-		];
-
-		if (widgetIds.length < J.Constant.limit.widgets) {
-			options.unshift({ id: 'add', name: translate('widgetAdd'), arrow: true });
-		};
-
-		let menuContext = null;
-
-		S.Menu.open('selectList', {
-			component: 'select',
-			className: 'fixed',
-			classNameWrap: 'fromSidebar',
-			onOpen: (context) => {
-				menuContext = context;
-			},
-			recalcRect: () => { 
-				const { x, y } = keyboard.mouse.page;
-				return { x, y: y + win.scrollTop(), width: 0, height: 0, }; 
-			},
-			subIds: [ 'widget', 'searchObject', 'select' ],
-			data: {
-				options,
-				onOver: (e: any, item: any) => {
-					if (!menuContext) {
-						return;
-					};
-
-					if (!item.arrow) {
-						S.Menu.close('widget');
-						return;
-					};
-
-					const { x, y } = keyboard.mouse.page;
-
-					S.Menu.open('widget', {
-						element: `#${menuContext.getId()} #item-${item.id}`,
-						offsetX: menuContext.getSize().width,
-						isSub: true,
-						vertical: I.MenuDirection.Center,
-						className: 'fixed',
-						classNameWrap: 'fromSidebar',
-						data: {
-							coords: { x, y },
-							onSave: () => {
-								menuContext.close();
-							}
-						}
-					});
-				},
-				onSelect: (e: any, item: any) => {
-					if (item.arrow) {
-						return;
-					};
-
-					switch (item.id) {
-						case 'edit': {
-							this.setEditing(true);
-							menuContext.close();
-							break;
-						};
-					};
-				}
-			}
-		});
-	};
-
 	onArchive (e: any) {
 		const { isEditing } = this.state;
 
diff --git a/src/ts/component/util/icon.tsx b/src/ts/component/util/icon.tsx
index 61a6de2ed0..25a960f154 100644
--- a/src/ts/component/util/icon.tsx
+++ b/src/ts/component/util/icon.tsx
@@ -114,4 +114,4 @@ const Icon = forwardRef<HTMLDivElement, Props>(({
 
 });
 
-export default Icon;
\ No newline at end of file
+export default Icon;
diff --git a/src/ts/component/util/media/mermaid.tsx b/src/ts/component/util/media/mermaid.tsx
index 48b3702161..28802db7c6 100644
--- a/src/ts/component/util/media/mermaid.tsx
+++ b/src/ts/component/util/media/mermaid.tsx
@@ -5,10 +5,12 @@ import { observer } from 'mobx-react';
 import { J, S, U } from 'Lib';
 
 interface Props {
+	id?: string;
 	chart: string;
 };
 
 const MediaMermaid = observer(forwardRef<HTMLDivElement, Props>(({
+	id = '',
 	chart = '',
 }, ref) => {
 
@@ -29,24 +31,26 @@ const MediaMermaid = observer(forwardRef<HTMLDivElement, Props>(({
 			};
 		};
 
-		mermaid.initialize({ theme: 'base', themeVariables });
-		mermaid.contentLoaded();
+		$(chartRef.current).removeAttr('data-processed');
+		$(errorRef.current).text('');
 
-		U.Common.renderLinks($(chartRef.current));
+		try {
+			mermaid.initialize({ theme: 'base', themeVariables });
+			mermaid.run({ 
+				querySelector: `#${id} .mermaid`,
+				postRenderCallback: () => {
+					U.Common.renderLinks($(chartRef.current));
+				}, 
+			});
+		} catch (e) { /**/ };
 	};
 
 	useEffect(() => {
 		init();
 	});
 
-	useEffect(() => {
-		$(chartRef.current).removeAttr('data-processed');
-		$(errorRef.current).text('');
-		init();
-	}, [ themeClass, chart ]);
-
 	return (
-		<div ref={nodeRef} className="mermaidWrapper">
+		<div id={id} ref={nodeRef} className="mermaidWrapper">
 			<div ref={errorRef} className="error" />
 			<div ref={chartRef} className="mermaid">{chart}</div>
 		</div>
diff --git a/src/ts/component/util/progress.tsx b/src/ts/component/util/progress.tsx
index b693d11878..af2bd91948 100644
--- a/src/ts/component/util/progress.tsx
+++ b/src/ts/component/util/progress.tsx
@@ -63,12 +63,13 @@ const Progress: FC = observer(() => {
 	};
 
 	const onDragMove = (e: any) => {
+		const obj = Storage.get('progress') || {};
 		const win = $(window);
 		const x = e.pageX - dx.current - win.scrollLeft();
 		const y = e.pageY - dy.current - win.scrollTop();
 
 		setStyle(x, y);
-		Storage.set('progress', { x, y }, true);
+		Storage.set('progress', { ...obj, x, y });
 	};
 
 	const onDragEnd = (e: any) => {
diff --git a/src/ts/component/util/sync.tsx b/src/ts/component/util/sync.tsx
index 80ead214cf..7fa1abe398 100644
--- a/src/ts/component/util/sync.tsx
+++ b/src/ts/component/util/sync.tsx
@@ -1,6 +1,6 @@
 import React, { forwardRef, useRef, MouseEvent } from 'react';
 import { observer } from 'mobx-react';
-import { Icon, Label } from 'Component';
+import { Icon } from 'Component';
 import { I, S, U, analytics, translate } from 'Lib';
 
 interface Props {
@@ -48,8 +48,7 @@ const Sync = observer(forwardRef<HTMLDivElement, Props>(({
 			className={cn.join(' ')} 
 			onClick={onClickHandler}
 		>
-			<Icon className={getIcon()} />
-			{isDevelopment ? <Label className="badge" text={translate('syncButtonStaging')} /> : ''}
+			<Icon tooltip={isDevelopment ? translate('syncButtonStaging') : ''} className={getIcon()} />
 		</div>
 	);
 
diff --git a/src/ts/component/vault/index.tsx b/src/ts/component/vault/index.tsx
index 53d0b201fa..cdb88ca116 100644
--- a/src/ts/component/vault/index.tsx
+++ b/src/ts/component/vault/index.tsx
@@ -29,20 +29,15 @@ const Vault = observer(class Vault extends React.Component {
 	render () {
 		const items = U.Menu.getVaultItems();
 
-		const Item = item => {
-			const onContextMenu = item.isButton ? null : e => this.onContextMenu(e, item);
-
-			return (
-				<VaultItem 
-					id={item.id}
-					isButton={item.isButton}
-					onClick={e => this.onClick(e, item)}
-					onMouseEnter={e => this.onMouseEnter(e, item)}
-					onMouseLeave={() => this.onMouseLeave()}
-					onContextMenu={onContextMenu}
-				/>
-			);
-		};
+		const Item = item => (
+			<VaultItem 
+				item={item}
+				onClick={e => this.onClick(e, item)}
+				onMouseEnter={e => this.onMouseEnter(e, item)}
+				onMouseLeave={() => this.onMouseLeave()}
+				onContextMenu={item.isButton ? null : e => this.onContextMenu(e, item)}
+			/>
+		);
 
 		const ItemSortable = SortableElement(it => <Item {...it} index={it.index} />);
 
@@ -310,7 +305,7 @@ const Vault = observer(class Vault extends React.Component {
 
 		let ids = U.Menu.getVaultItems().map(it => it.id);
 		ids = arrayMove(ids, oldIndex, newIndex);
-		Storage.set('spaceOrder', ids, true);
+		Storage.set('spaceOrder', ids);
 
 		keyboard.disableSelection(false);
 		keyboard.setDragging(false);
diff --git a/src/ts/component/vault/item.tsx b/src/ts/component/vault/item.tsx
index 190b62bec6..1f69bcb657 100644
--- a/src/ts/component/vault/item.tsx
+++ b/src/ts/component/vault/item.tsx
@@ -1,11 +1,9 @@
 import React, { FC } from 'react';
 import { observer } from 'mobx-react';
 import { IconObject } from 'Component';
-import { U } from 'Lib';
 
 interface Props {
-	id: string;
-	isButton: boolean;
+	item: any;
 	onClick: (e: any) => void;
 	onMouseEnter: (e: any) => void;
 	onMouseLeave: () => void;
@@ -13,8 +11,7 @@ interface Props {
 };
 
 const VaultItem: FC<Props> = observer(({ 
-	id = '', 
-	isButton = false, 
+	item,
 	onClick, 
 	onMouseEnter, 
 	onMouseLeave, 
@@ -23,16 +20,15 @@ const VaultItem: FC<Props> = observer(({
 	const cn = [ 'item' ];
 
 	let icon = null;
-	if (!isButton) {
-		const object = U.Menu.getVaultItems().find(it => it.id == id);
-		icon = <IconObject object={object} size={36} iconSize={36} />;
+	if (!item.isButton) {
+		icon = <IconObject object={item} size={36} iconSize={36} />;
 	} else {
-		cn.push(`isButton ${id}`);
+		cn.push(`isButton ${item.id}`);
 	};
 
 	return (
 		<div 
-			id={`item-${id}`}
+			id={`item-${item.id}`}
 			className={cn.join(' ')}
 			onClick={onClick}
 			onMouseEnter={onMouseEnter}
@@ -44,6 +40,7 @@ const VaultItem: FC<Props> = observer(({
 			</div>
 		</div>
 	);
+
 });
 
 export default VaultItem;
\ No newline at end of file
diff --git a/src/ts/component/widget/index.tsx b/src/ts/component/widget/index.tsx
index 3eba05bdd3..45606f679f 100644
--- a/src/ts/component/widget/index.tsx
+++ b/src/ts/component/widget/index.tsx
@@ -179,7 +179,7 @@ const WidgetIndex = observer(forwardRef<{}, Props>((props, ref) => {
 					};
 
 					details.layout = type.recommendedLayout;
-					flags = flags.concat([ I.ObjectFlag.SelectType, I.ObjectFlag.SelectTemplate ]);
+					flags = flags.concat([ I.ObjectFlag.SelectTemplate ]);
 					typeKey = type.uniqueKey;
 					templateId = type.defaultTemplateId;
 					break;
diff --git a/src/ts/component/widget/space.tsx b/src/ts/component/widget/space.tsx
index 5446decbb2..b1d38404c6 100644
--- a/src/ts/component/widget/space.tsx
+++ b/src/ts/component/widget/space.tsx
@@ -1,13 +1,13 @@
 import React, { forwardRef, MouseEvent } from 'react';
 import { observer } from 'mobx-react';
 import { Icon, IconObject, ObjectName } from 'Component';
-import { I, S, U, translate, sidebar, keyboard, analytics } from 'Lib';
+import { I, S, U, C, J, translate, sidebar, keyboard, analytics, Storage, Action } from 'Lib';
 
-const WidgetSpace = observer(forwardRef<I.WidgetComponent>(() => {
+const WidgetSpace = observer(forwardRef<{}, I.WidgetComponent>((props, ref) => {
 
+	const { parent } = props;
 	const space = U.Space.getSpaceview();
 	const participants = U.Space.getParticipantsList([ I.ParticipantStatus.Active, I.ParticipantStatus.Joining, I.ParticipantStatus.Removing ]);
-	const members = participants.filter(it => it.isActive);
 	const requestCnt = participants.filter(it => it.isJoining || it.isRemoving).length;
 	const isSpaceOwner = U.Space.isMyOwner();
 	const cn = [ 'body' ];
@@ -31,9 +31,9 @@ const WidgetSpace = observer(forwardRef<I.WidgetComponent>(() => {
 		openSettings('spaceIndex');
 	};
 
-	const onRequest = (e: MouseEvent) => {
+	const onImport = (e: MouseEvent) => {
 		e.stopPropagation();
-		openSettings('spaceShare');
+		openSettings('importIndex');
 	};
 
 	const onSearch = (e: MouseEvent) => {
@@ -43,7 +43,187 @@ const WidgetSpace = observer(forwardRef<I.WidgetComponent>(() => {
 
 	const onCreate = (e: MouseEvent) => {
 		e.stopPropagation();
-		keyboard.pageCreate({}, analytics.route.widget);
+		keyboard.pageCreate({}, analytics.route.navigation, [ I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ]);
+	};
+
+	const onMore = (e: MouseEvent, context: any, item: any) => {
+		e.stopPropagation();
+
+		const { props } = context;
+		const { className, classNameWrap } = props.param;
+		const type = S.Record.getTypeById(item.id);
+		const isPinned = Storage.getPinnedTypes().includes(item.id);
+		const canPin = type.isInstalled;
+		const canDefault = type.isInstalled && !U.Object.isInSetLayouts(item.recommendedLayout) && (type.id != S.Common.type);
+		const canDelete = type.isInstalled && S.Block.isAllowed(item.restrictions, [ I.RestrictionObject.Delete ]);
+		const route = '';
+
+		let options: any[] = [
+			canPin ? { id: 'pin', name: (isPinned ? translate('commonUnpin') : translate('commonPin')) } : null,
+			canDefault ? { id: 'default', name: translate('commonSetDefault') } : null,
+			{ id: 'open', name: translate('commonOpenType') },
+		];
+
+		if (canDelete) {
+			options = options.concat([
+				{ isDiv: true },
+				{ id: 'remove', name: translate('commonDelete'), color: 'red' },
+			]);
+		};
+
+		S.Menu.open('select', {
+			element: `#${props.getId()} #item-${item.id} .icon.more`,
+			horizontal: I.MenuDirection.Center,
+			offsetY: 4,
+			className,
+			classNameWrap,
+			data: {
+				options,
+				onSelect: (event: any, element: any) => {
+					switch (element.id) {
+
+						case 'open': {
+							U.Object.openAuto(item);
+							break;
+						};
+
+						case 'pin': {
+							isPinned ? Storage.removePinnedType(item.id) : Storage.addPinnedType(item.id);
+							analytics.event(isPinned ? 'UnpinObjectType' : 'PinObjectType', { objectType: item.uniqueKey, route });
+							context.forceUpdate();
+							break;
+						};
+
+						case 'default': {
+							S.Common.typeSet(item.uniqueKey);
+							analytics.event('DefaultTypeChange', { objectType: item.uniqueKey, route });
+							context.forceUpdate();
+							break;
+						};
+
+						case 'remove': {
+							if (S.Block.isAllowed(item.restrictions, [ I.RestrictionObject.Delete ])) {
+								Action.uninstall(item, true, route);
+							};
+							break;
+						};
+					};
+				}
+			}
+		});
+	};
+
+	const getClipboardData = async () => {
+		let ret = [];
+		try { ret = await navigator.clipboard.read(); } catch (e) { /**/ };
+		return ret;
+	};
+
+	const onPaste = async () => {
+		const type = S.Record.getTypeById(S.Common.type);
+		const data = await getClipboardData();
+
+		data.forEach(async item => {
+			let text = '';
+			let html = '';
+
+			if (item.types.includes('text/plain')) {
+				const textBlob = await item.getType('text/plain');
+
+				if (textBlob) {
+					text = await textBlob.text();
+				};
+			};
+
+			if (item.types.includes('text/html')) {
+				const htmlBlob = await item.getType('text/html');
+
+				if (htmlBlob) {
+					html = await htmlBlob.text();
+				};
+			};
+
+			if (!text && !html) {
+				return;
+			};
+
+			const url = U.Common.matchUrl(text);
+			const cb = (object: any, time: number) => {
+				U.Object.openAuto(object);
+				analytics.createObject(object.type, object.layout, analytics.route.navigation, time);
+			};
+
+			if (url) {
+				C.ObjectCreateBookmark({ source: url }, S.Common.space, (message: any) => {
+					cb(message.details, message.middleTime);
+				});
+			} else {
+				C.ObjectCreate({}, [], type?.defaultTemplateId, type?.uniqueKey, S.Common.space, (message: any) => {
+					if (message.error.code) {
+						return;
+					};
+
+					const object = message.details;
+					C.BlockPaste (object.id, '', { from: 0, to: 0 }, [], false, { html, text }, '', () => cb(object, message.middleTime));
+				});
+			};
+		});
+	};
+
+	const onArrow = (e: MouseEvent) => {
+		e.stopPropagation();
+
+		const buttons = [
+			{ id: 'import', icon: 'import', name: translate('commonImport'), onClick: onImport },
+		].map((it: any) => {
+			it.isButton = true;
+			return it;
+		});
+
+		const check = async () => {
+			const items = await getClipboardData();
+
+			if (items.length) {
+				buttons.unshift({ id: 'clipboard', icon: 'clipboard', name: translate('widgetItemClipboard'), onClick: onPaste });
+			};
+
+			S.Menu.open('typeSuggest', {
+				element: `#widget-${parent.id}-arrow`,
+				offsetY: 2,
+				className: 'fixed',
+				classNameWrap: 'fromSidebar',
+				data: {
+					noStore: true,
+					onMore,
+					buttons,
+					filters: [
+						{ relationKey: 'recommendedLayout', condition: I.FilterCondition.In, value: U.Object.getPageLayouts().concat(U.Object.getSetLayouts()) },
+						{ relationKey: 'uniqueKey', condition: I.FilterCondition.NotEqual, value: J.Constant.typeKey.template },
+					],
+					onClick: (item: any) => {
+						let flags: I.ObjectFlag[] = [];
+						if (!U.Object.isInSetLayouts(item.recommendedLayout)) {
+							flags = flags.concat([ I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ]);
+						};
+
+						C.ObjectCreate({}, flags, item.defaultTemplateId, item.uniqueKey, S.Common.space, (message: any) => {
+							if (message.error.code || !message.details) {
+								return;
+							};
+
+							const object = message.details;
+
+							U.Object.openAuto(object);
+
+							analytics.event('SelectObjectType', { objectType: object.type });
+							analytics.createObject(object.type, object.layout, analytics.route.navigation, message.middleTime);
+						});
+					},
+				},
+			});
+		};
+
+		check();
 	};
 
 	const onButtonClick = (e: any, item: any) => {
@@ -57,7 +237,7 @@ const WidgetSpace = observer(forwardRef<I.WidgetComponent>(() => {
 			};
 
 			case 'all': {
-				sidebar.objectContainerToggle();
+				sidebar.objectContainerSwitch('object');
 				break;
 			};
 
@@ -89,7 +269,7 @@ const WidgetSpace = observer(forwardRef<I.WidgetComponent>(() => {
 				<div className="side right">
 					<Icon className="search withBackground" onClick={onSearch} tooltip={translate('commonSearch')} tooltipCaption={`${cmd} + S`} />
 					<Icon className="plus withBackground" onClick={onCreate} tooltip={translate('commonCreateNewObject')} tooltipCaption={`${cmd} + N`} />
-					<div className="cnt" onClick={onRequest}>{requestCnt}</div>
+					<Icon id={`widget-${parent.id}-arrow`} className="arrow withBackground" onClick={onArrow} tooltip={translate('commonSelectType')} />
 				</div>
 			</div>
 
@@ -98,7 +278,7 @@ const WidgetSpace = observer(forwardRef<I.WidgetComponent>(() => {
 					let cnt = null;
 
 					if (item.id == 'member') {
-						cnt = <div className="cnt">{members.length}</div>;
+						cnt = <div className="cnt">{requestCnt}</div>;
 					};
 
 					return (
@@ -112,16 +292,18 @@ const WidgetSpace = observer(forwardRef<I.WidgetComponent>(() => {
 								<Icon className={item.id} />
 								<div className="name">
 									{item.name}
-									{cnt}
 								</div>
 							</div>
-							<div className="side right" />
+							<div className="side right">
+								{cnt}
+							</div>
 						</div>
 					);
 				})}
 			</div>
 		</div>
 	);
+
 }));
 
-export default WidgetSpace;
\ No newline at end of file
+export default WidgetSpace;
diff --git a/src/ts/component/widget/tree/item.tsx b/src/ts/component/widget/tree/item.tsx
index cb01ae9dbd..04971bb032 100644
--- a/src/ts/component/widget/tree/item.tsx
+++ b/src/ts/component/widget/tree/item.tsx
@@ -26,8 +26,8 @@ const TreeItem = observer(forwardRef<{}, Props>((props, ref) => {
 	const subId = getSubId(parentId);
 	const isOpen = Storage.checkToggle(subKey, treeKey);
 	const object = S.Detail.get(subId, id, J.Relation.sidebar);
-	const { isReadonly, isArchived, type, restrictions, done, layout } = object;
-	const cn = [ 'item', 'c' + id, (isOpen ? 'isOpen' : '') ];
+	const { isReadonly, isArchived, isHidden, type, restrictions, done, layout } = object;
+	const cn = [ 'item', `c${id}` ];
 	const rootId = keyboard.getRootId();
 	const canDrop = !isEditing && S.Block.isAllowed(restrictions, [ I.RestrictionObject.Block ]);
 	const allowedDetails = S.Block.isAllowed(restrictions, [ I.RestrictionObject.Details ]);
@@ -35,6 +35,14 @@ const TreeItem = observer(forwardRef<{}, Props>((props, ref) => {
 	const hasMore = U.Space.canMyParticipantWrite();
 	const [ dummy, setDummy ] = useState(0);
 
+	if (isOpen) {
+		cn.push('isOpen');
+	};
+
+	if (isHidden) {
+		cn.push('isHidden');
+	};
+
 	const onContextHandler = (e: SyntheticEvent, withElement: boolean): void => {
 		e.preventDefault();
 		e.stopPropagation();
diff --git a/src/ts/component/widget/view/index.tsx b/src/ts/component/widget/view/index.tsx
index f586941eff..7d9ceff256 100644
--- a/src/ts/component/widget/view/index.tsx
+++ b/src/ts/component/widget/view/index.tsx
@@ -27,7 +27,7 @@ const WidgetView = observer(forwardRef<WidgetViewRefProps, I.WidgetComponent>((p
 	const rootId = block ? [ targetId, 'widget', block.id ].join('-') : '';
 	const subId = S.Record.getSubId(rootId, J.Constant.blockId.dataview);
 	const object = S.Detail.get(S.Block.widgets, targetId);
-	const view = Dataview.getView(rootId, J.Constant.blockId.dataview, viewId);
+	const view = Dataview.getView(rootId, J.Constant.blockId.dataview);
 	const viewType = view ? view.type : I.ViewType.List;
 
 	const updateData = () =>{
@@ -49,11 +49,9 @@ const WidgetView = observer(forwardRef<WidgetViewRefProps, I.WidgetComponent>((p
 
 		if (isSystemTarget()) {
 			getData(subId);
-		} else {
-			const view = Dataview.getView(subId, J.Constant.blockId.dataview);
-			if (view) {
-				load(view.id);
-			};
+		} else 
+		if (view) {
+			load(view.id);
 		};
 	};
 
diff --git a/src/ts/component/widget/view/list/index.tsx b/src/ts/component/widget/view/list/index.tsx
index 98d20c0475..bb93849538 100644
--- a/src/ts/component/widget/view/list/index.tsx
+++ b/src/ts/component/widget/view/list/index.tsx
@@ -13,11 +13,12 @@ const HEIGHT_LIST = 64;
 
 const WidgetViewList = observer(forwardRef<{}, I.WidgetViewComponent>((props, ref) => {
 
-	const { parent, block, isPreview, subId, getRecordIds, addGroupLabels } = props;
+	const { parent, block, isPreview, subId, getRecordIds, addGroupLabels, getView } = props;
 	const cache = useRef({});
 	const nodeRef =	useRef(null);
 	const listRef = useRef(null);
 	const top = useRef(0);
+	const view = getView();
 	const { total } = S.Record.getMeta(subId, '');
 	const isCompact = [ I.WidgetLayout.Compact, I.WidgetLayout.View ].includes(parent.content.layout);
 
@@ -62,6 +63,10 @@ const WidgetViewList = observer(forwardRef<{}, I.WidgetViewComponent>((props, re
 	};
 
 	const getItems = () => {
+		if (!block) {
+			return [];
+		};
+
 		const { targetBlockId } = block.content;
 		const isRecent = [ J.Constant.widgetId.recentOpen, J.Constant.widgetId.recentEdit ].includes(targetBlockId);
 
@@ -85,7 +90,7 @@ const WidgetViewList = observer(forwardRef<{}, I.WidgetViewComponent>((props, re
 			const head = obj.find('.head');
 			const viewSelect = obj.find('#viewSelect');
 
-			let height = getTotalHeight() + (isPreview ? 26 : 0);
+			let height = getTotalHeight() + (isPreview ? 16 : 0);
 
 			if (isPreview) {
 				let maxHeight = container.height() - head.outerHeight(true);
@@ -153,6 +158,7 @@ const WidgetViewList = observer(forwardRef<{}, I.WidgetViewComponent>((props, re
 					style={style} 
 					index={index}
 					isCompact={isCompact}
+					hideIcon={view?.hideIcon}
 				/>
 			</CellMeasurer>
 		);
@@ -213,6 +219,7 @@ const WidgetViewList = observer(forwardRef<{}, I.WidgetViewComponent>((props, re
 						subId={subId} 
 						id={item.id} 
 						isCompact={isCompact}
+						hideIcon={view?.hideIcon}
 					/>
 				))}
 			</React.Fragment>
diff --git a/src/ts/component/widget/view/list/item.tsx b/src/ts/component/widget/view/list/item.tsx
index ff912c4df5..8ceab3e372 100644
--- a/src/ts/component/widget/view/list/item.tsx
+++ b/src/ts/component/widget/view/list/item.tsx
@@ -14,14 +14,15 @@ interface Props extends I.WidgetViewComponent {
 	isCompact?: boolean;
 	isPreview?: boolean;
 	isSection?: boolean;
+	hideIcon?: boolean;
 };
 
 const WidgetListItem = observer(forwardRef<{}, Props>((props, ref) => {
 
-	const { subId, id, block, style, isCompact, isEditing, index, isPreview, isSection, onContext } = props;
+	const { subId, id, block, style, isCompact, isEditing, index, isPreview, isSection, hideIcon, onContext } = props;
 	const rootId = keyboard.getRootId();
 	const object = S.Detail.get(subId, id, J.Relation.sidebar);
-	const { isReadonly, isArchived, restrictions, source } = object;
+	const { isReadonly, isArchived, isHidden, restrictions, source } = object;
 	const allowedDetails = S.Block.isAllowed(restrictions, [ I.RestrictionObject.Details ]);
 	const iconKey = `widget-icon-${block.id}-${id}`;
 	const canDrop = !isEditing && S.Block.isAllowed(restrictions, [ I.RestrictionObject.Block ]);
@@ -34,6 +35,10 @@ const WidgetListItem = observer(forwardRef<{}, Props>((props, ref) => {
 		cn.push('canDrag');
 	};
 
+	if (isHidden) {
+		cn.push('isHidden');
+	};
+
 	const onClick = (e: React.MouseEvent) => {
 		if (e.button) {
 			return;
@@ -84,6 +89,24 @@ const WidgetListItem = observer(forwardRef<{}, Props>((props, ref) => {
 
 	let descr = null;
 	let more = null;
+	let icon = null;
+
+	if (!hideIcon) {
+		icon = (
+			<IconObject 
+				id={iconKey}
+				key={iconKey}
+				object={object} 
+				size={isCompact ? 18 : 48} 
+				iconSize={isCompact ? 18 : 28}
+				canEdit={!isReadonly && !isArchived && allowedDetails && U.Object.isTaskLayout(object.layout)} 
+				menuParam={{ 
+					className: 'fixed',
+					classNameWrap: 'fromSidebar',
+				}}
+			/>
+		);
+	};
 
 	if (!isCompact) {
 		if (U.Object.isBookmarkLayout(object.layout)) {
@@ -99,18 +122,7 @@ const WidgetListItem = observer(forwardRef<{}, Props>((props, ref) => {
 	
 	let inner = (
 		<div className="inner" onMouseDown={onClick}>
-			<IconObject 
-				id={iconKey}
-				key={iconKey}
-				object={object} 
-				size={isCompact ? 18 : 48} 
-				iconSize={isCompact ? 18 : 28}
-				canEdit={!isReadonly && !isArchived && allowedDetails && U.Object.isTaskLayout(object.layout)} 
-				menuParam={{ 
-					className: 'fixed',
-					classNameWrap: 'fromSidebar',
-				}}
-			/>
+			{icon}
 
 			<div className="info">
 				<ObjectName object={object} />
diff --git a/src/ts/docs/help/onboarding.ts b/src/ts/docs/help/onboarding.ts
index 731c76ae13..d1d6148714 100644
--- a/src/ts/docs/help/onboarding.ts
+++ b/src/ts/docs/help/onboarding.ts
@@ -100,7 +100,7 @@ export default {
 			hiddenElements: [ 
 				'#widget-buttons', 
 				'.widget', 
-				'#containerWidget #list .buttons',
+				'#containerWidget #list > .buttons',
 				'#containerWidget #body',
 				'.shareBanner',
 			],
@@ -122,7 +122,7 @@ export default {
 				category: translate('onboardingAllObjectTitle'),
 				description: translate('onboardingAllObjectText'),
 				param: {
-					element: '#widget-buttons',
+					element: '#widget-space #item-all',
 				}
 			},
 			{
diff --git a/src/ts/docs/help/whatsNew.ts b/src/ts/docs/help/whatsNew.ts
index 3adfe07179..958c2fba37 100644
--- a/src/ts/docs/help/whatsNew.ts
+++ b/src/ts/docs/help/whatsNew.ts
@@ -18,10 +18,94 @@ const img = (src: string, c?: string) => text(`<img src="${J.Url.cdn}/img/help/$
 const link = (url: string, t: string) => `<a href="${url}">${t}</a>`;
 
 export default [
-	//{ type: I.BlockType.IconPage, icon: '👋' },
-	{ type: I.BlockType.IconPage, icon: '🎄' },
+	{ type: I.BlockType.IconPage, icon: '👋' },
+	//{ type: I.BlockType.IconPage, icon: '🎄' },
 
-	title(`Desktop 0.44.0 Released!`),
+	title(`Desktop 0.45.0 Released!`),
+	text('We are really excited to announce such a big update to Anytype, bringing important features that have been several months in the making – features that many of you have been asking for a long time: Web Publishing, Raycast extension and RTL support. As you explore them, please kindly note that they represent the huge step toward a more powerful Anytype. We’ll be enriching these experiences with more features in the coming months, so your feedback is, as always, warmly welcomed.'),
+	text(''),
+
+	h2(`Highlights`),
+	h3(`Redesigned Space Panel & Navigation`),
+	text(`The left sidebar now functions as a navigation panel, as a Space Panel. It serves as a hub for quick and compact access to the main space controls, provides easy navigation to its contents, and is visually distinct from the customisable widgets. You can also view the synchronization status of the space here.`),
+	text(`For even quicker access, or if the sidebar is hidden, use ${hl(`${cmd} + S`)} to open the Global Search and ${hl(`${cmd} + N`)} to create a new Object.`),
+	img(`45/1.png`),
+	text(``),
+
+	h3(`Web Publishing`),
+	text(`One of the most requested features is finally here: the ability to publish Objects as static pages available on the web (HTTPS links). The published Object will be uploaded to our server and accessible via the URL as an unencrypted HTML page. If you have an any-name, your pages will be published on your personal subdomain.`),
+	text(`<b>Note:</b> Linked objects and some blocks such as Sets, Collections and Relations are not supported at this stage. More enhancements along with multi-page support will be implemented in the future to cover more use cases.`),
+	img(`45/2.png`),
+	text(``),
+
+	h3(`Raycast Extension (macOS)`),
+	text(`The first implementation based on our local API, currently in prototype form and not yet open. Raycast integration v1 works via local endpoint, which supports a limited amount of operations (create, read, delete) for spaces, objects, types, and allows you to search across spaces.`),
+	text(`Right now, the extension is available only for Mac users, but we plan to release an open API with use cases such as Bulk Import and Export, NoCode tools and integrations in the future.`),
+	img(`45/3.png`),
+	text(``),
+
+	h3(`RTL Support`),
+	text(`Introducing Right-to-Left language support. Since this is our first implementation, we are looking forward to your testing and feedback to help address any specific cases requiring further adjustments.`),
+	video(`45/4.mp4`),
+	text(``),
+
+	h2(`Quality-of-Life`),
+	bullet(`Added a new option to add existing Objects to Collection, available in the updated arrow menu alongside other content-related settings.`),
+	img(`45/5.png`, `c60`),
+	text(``),
+
+	bullet(`Horizontal alignment has been added to the Grid layout: each column can be set to align left, center or right.`),
+	img(`45/6.png`, `c60`),
+	text(``),
+
+	bullet(`Updated Widget Settings menu: removed the ability to change widget source and ${hl('Edit Widgets')} action. The appearance section now contains only options to change widget view (Compact List, List, View, Link) and the number of objects has been moved to a separate section.`),
+	img(`45/7.png`, `c60`),
+	text(``),
+
+	bullet(`Diagrams in the Kroki embed block support links. Thanks, @${link('https://community.anytype.io/t/kroki-links-are-not-usable/25543', 'siousu')}!`),
+	bullet(`Updated the color of text selection in dark mode to improve visibility. Thanks, @${link('https://community.anytype.io/t/selected-text-background-color-on-a-given-object-heavily-dependent-on-monitor-settings/25509', 'kermit_frog')}!`),
+	bullet(`Inline Set header adapts to resizing, preventing controls from overlapping a block next to it.`),
+	bullet(`Images copied from the Safari browser (macOS) are now pasted into the object editor as files, not URLs.`),
+	bullet(`The QR code appearance has been standardized.`),
+	text(``),
+
+	h2(`Bug Fixes`),
+	bullet(`Making changes to Kanban in the Version History is now disabled. Thanks, @${link('https://community.anytype.io/t/making-changes-to-kanban-in-version-history-breaks-all-versions/26141', 'HeavensRegent')}!`),
+	bullet(`Resolved an issue that could cause the App to freeze.`),
+	bullet(`Dragging headers in the Grid to rearrange columns no longer highlights the text of other headers. Thanks, @${link('https://community.anytype.io/t/moving-column-headers-in-the-grid-to-swap-columns-selects-all-headers/26100', 'Code-Jack')}!`),
+	bullet(`Fixed keyboard navigation in the Command menu. Thanks, @${link('https://community.anytype.io/t/adding-a-link-cursor-jumps-too-deep-in-the-selection-box/25763', 'Code-Jack')}!`),
+	bullet(`Bin Search works correctly, without causing Objects to be filtered out.`),
+	bullet(`Relations containing angle brackets (e.g., <abc>) are saved correctly. Thanks, @${link('https://community.anytype.io/t/angle-brackets-in-relation-will-disappear-when-clicking-it/25534', 'CoolGuy')}!`),
+	bullet(`Input to Date type relations works correctly. Thanks, @${link('https://community.anytype.io/t/date-entry-not-working/26112', 'flypenguin')}!`),
+	bullet(`Removed the option to paste YouTube channel links as Embed. Thanks, @${link('https://community.anytype.io/t/pasting-a-link-to-an-yt-channel-paste-as-embed-shouldnt-appear/26297', 'Code-Jack')}!`),
+	bullet(`Fixed an issue where pasting with all blocks selected in the object editor would wipe out content without pasting from the clipboard. Thanks, @${link('https://community.anytype.io/t/pasting-when-all-blocks-in-the-object-editor-are-selected-will-wipe-out-everything-but-will-not-paste-whats-in-the-clipboard/25040', 'sky1')}!`),
+	bullet(`Copy-pasting relations between Objects using ${hl(`${cmd} + C`)} and ${hl(`${cmd} + V`)} works correctly. Thanks, @${link('https://community.anytype.io/t/fail-to-paste-relations-from-one-object-to-another-by-ctrl-c-v/25809', 'RichardZ')}!`),
+	bullet(`Improved behavior of the Command menu when using non-English language with IME. Thanks, @${link('https://community.anytype.io/t/slash-menu-doesnt-always-appear/21879', 'C.c')} and @${link('https://community.anytype.io/t/multiple-functions-not-working-after-inputted-or-using-cangjie/25364', 'Lipiesu')}!`),
+	bullet(`Filter and Search functions now work correctly with non-English IMEs. Thanks, @${link('https://community.anytype.io/t/any-filter-or-search-function-doesnt-work-with-non-english-ime-on-mac/21496', 'vennetong')}!`),
+	bullet(`Resolved an issue with Tag creation when typing non-English characters. Thanks, @${link('https://community.anytype.io/t/unable-to-create-chinese-tag-at-pinned-tag-relation/23800', 'crimx')}!`),
+	bullet(`${hl('Text')} option in the Relation Type menu is highlighted when the cursor is hovered over. Thanks, @${link('https://community.anytype.io/t/text-option-does-not-highlight-when-making-a-new-relation/26051', 'PianoMacPower')}!`),
+	bullet(`Toggle Block works correctly when pressing Enter to insert new lines. Thanks, @${link('https://community.anytype.io/t/a-toggle-block-throws-me-out-if-i-try-to-insert-two-new-lines-between-existing-lines/26032', 'Code-Jack')}!`),
+	bullet(`Template Type is no longer displayed in the right-click menu under the ${hl('Change type')} option.`),
+	bullet(`Fixed PDF export for Simple Tables. Thanks, @${link('https://community.anytype.io/t/simple-tables-look-wrong-when-using-pdf-export/25630', 'BIG艺术家')}!`),
+	bullet(`Fixed an error that occurred when switching from Flow to an Object. Thanks, @${link('https://community.anytype.io/t/switching-to-flow-open-a-note-i-was-in-with-cmd-k-i-get-an-errorne/24955', 'krst')}!`),
+	bullet(`The order of Space icons remains properly arranged. Thanks, @${link('https://community.anytype.io/t/order-of-spaces-in-the-sidebar-suddenly-rearranged/24114', 'siousu')}!`),
+	bullet(`Hovering over "Move to" in the right-click menu no longer causes the page to scroll up.`),
+	bullet(`Duplicating a locked relation no longer causes a popup in the corner.`),
+	bullet(`Fixed the Filter menu in Sets.`),
+	bullet(`Fixed an issue where ${hl(`${cmd} + A`)} and ${hl(`${cmd} + V`)} in an overlay affected the underlying Object. Thanks, @${link('https://community.anytype.io/t/overlay-cmd-a-cmd-v-also-pastes-in-the-object-underneath/25864', 'krst')}!`),
+	bullet(`Date window in the Command menu no longer freezes when the cursor is moved away.`),
+	bullet(`Fixed keyboard up navigation in the Command menu.`),
+	bullet(`Fixed the behavior of the Enter key when creating a new Vault.`),
+	bullet(`Adjusted the layout of Types to display the dates without cropping.`),
+	bullet(`Default Object Type remains set. Thanks, @${link('https://community.anytype.io/t/default-object-type-keeps-changing-to-page/25748', 'zma17')}!`),
+	bullet(`Fixed an issue with fast-clicking on inline object links. Thanks, @${link('https://community.anytype.io/t/fast-click-on-inline-object-link-does-not-work-on-macos/23818', 'aytigra')}!`),
+	bullet(`Fixed an issue that could prevent title input in newly created Objects. Thanks, @${link('https://community.anytype.io/t/cannot-type-title-in-newly-created-object/22494', 'reachar')}!`),
+	bullet(`Webclipper's authorisation process has been reworked to eliminate issues with pop-ups.`),
+
+	div(),
+	// --------------------------------------------//
+
+	h1(`Desktop 0.44.0 Released!`),
 	text(`Before we say goodbye to the year, we're happy to share this final update packed with some nice improvements. In addition to bug fixes and reliability/performance enhancements, we would like to introduce two long-anticipated features. We hope you enjoy this update and wish you a joyful holiday season!`),
 	text(``),
 
diff --git a/src/ts/interface/block/dataview.ts b/src/ts/interface/block/dataview.ts
index b72fcedcb8..3ac1ab887b 100644
--- a/src/ts/interface/block/dataview.ts
+++ b/src/ts/interface/block/dataview.ts
@@ -136,6 +136,7 @@ export interface ViewRelation {
 	width?: number;
 	includeTime?: boolean;
 	formulaType?: I.FormulaType;
+	align?: I.BlockHAlign;
 };
 
 export interface ViewComponent {
@@ -211,8 +212,8 @@ export interface View {
 	sorts: Sort[];
 	filters: Filter[];
 	relations: any[];
-	defaultTemplateId?: string;
-	defaultTypeId?: string;
+	defaultTemplateId: string;
+	defaultTypeId: string;
 	getVisibleRelations?: () => I.ViewRelation[];
 	getRelations?: () => I.ViewRelation[];
 	getRelation?: (relationKey: string) => I.ViewRelation;
diff --git a/src/ts/interface/common.ts b/src/ts/interface/common.ts
index dc973f5654..45a677b2da 100644
--- a/src/ts/interface/common.ts
+++ b/src/ts/interface/common.ts
@@ -319,4 +319,4 @@ export interface Error {
 
 export interface PageRef {
 	resize: () => void;
-};
+};
\ No newline at end of file
diff --git a/src/ts/interface/index.ts b/src/ts/interface/index.ts
index d7332033e1..5265350c19 100644
--- a/src/ts/interface/index.ts
+++ b/src/ts/interface/index.ts
@@ -12,6 +12,7 @@ export * from './notification';
 export * from './payment';
 export * from './history';
 export * from './syncStatus';
+export * from './publish';
 
 export * from './block';
 export * from './block/dataview';
diff --git a/src/ts/interface/object.ts b/src/ts/interface/object.ts
index 63e92c3579..5cea9e5bc2 100644
--- a/src/ts/interface/object.ts
+++ b/src/ts/interface/object.ts
@@ -72,4 +72,5 @@ export enum ObjectOrigin {
 	Usecase			 = 6,
 	Builtin			 = 7,
 	Bookmark		 = 8,
+	Api				 = 9,
 };
\ No newline at end of file
diff --git a/src/ts/interface/publish.ts b/src/ts/interface/publish.ts
new file mode 100644
index 0000000000..68da8af83e
--- /dev/null
+++ b/src/ts/interface/publish.ts
@@ -0,0 +1,14 @@
+export enum PublishStatus {
+	Created		 = 0,
+	Published	 = 1,
+};
+
+export interface PublishState {
+	spaceId: string;
+	objectId: string;
+	uri: string;
+	status: PublishStatus;
+	version: string;
+	timestamp: number;
+	size: number;
+};
\ No newline at end of file
diff --git a/src/ts/interface/restriction.ts b/src/ts/interface/restriction.ts
index dbe1667dcb..d7c90f6370 100644
--- a/src/ts/interface/restriction.ts
+++ b/src/ts/interface/restriction.ts
@@ -9,6 +9,7 @@
 	Template				 = 7,
 	Duplicate				 = 8,
 	CreateObjectOfThisType	 = 9,
+	Publish					 = 10,
 };
 
 export enum RestrictionDataview {
diff --git a/src/ts/lib/action.ts b/src/ts/lib/action.ts
index c99175de48..ce6fa1ee1a 100644
--- a/src/ts/lib/action.ts
+++ b/src/ts/lib/action.ts
@@ -171,19 +171,32 @@ class Action {
 
 		url = U.Common.urlFix(url);
 
-		const storageKey = 'openUrl';
 		const scheme = U.Common.getScheme(url);
 		const cb = () => Renderer.send('openUrl', url);
 		const allowedSchemes = J.Constant.allowedSchemes.concat(J.Constant.protocol);
-		const isAllowed = scheme.match(new RegExp(`^(${allowedSchemes.join('|')})$`));
+		const isAllowed = allowedSchemes.includes(scheme);
+		const isDangerous = [ 
+			'javascript', 
+			'data', 
+			'ws', 
+			'wss', 
+			'chrome', 
+			'about', 
+			'ssh', 
+			'blob',
+			'ms-msdt',
+			'search-ms',
+			'ms-officecmd',
+		].includes(scheme);
+		const storageKey = isDangerous ? '' : 'openUrl';
 
-		if (!Storage.get(storageKey) && !isAllowed) {
+		if (isDangerous || (!Storage.get(storageKey) && !isAllowed)) {
 			S.Popup.open('confirm', {
 				data: {
 					icon: 'confirm',
 					bgColor: 'red',
 					title: translate('popupConfirmOpenExternalLinkTitle'),
-					text: translate('popupConfirmOpenExternalLinkText'),
+					text: U.Common.sprintf(translate('popupConfirmOpenExternalLinkText'), U.Common.shorten(url, 120)),
 					textConfirm: translate('commonYes'),
 					storageKey,
 					onConfirm: () => cb(),
@@ -825,21 +838,6 @@ class Action {
 		analytics.event('ThemeSet', { id });
 	};
 
-	publish (objectId: string, url: string, callBack?: (message: any) => void) {
-		if (!url) {
-			return;
-		};
-
-		C.PublishingCreate(S.Common.space, objectId, url, (message: any) => {
-			if (!message.error.code) {
-				this.openUrl(message.url);
-			};
-
-			if (callBack) {
-				callBack(message);
-			};
-		});
-	};
 };
 
 export default new Action();
diff --git a/src/ts/lib/analytics.ts b/src/ts/lib/analytics.ts
index 3425ad09bc..8ff8f085f1 100644
--- a/src/ts/lib/analytics.ts
+++ b/src/ts/lib/analytics.ts
@@ -1,5 +1,5 @@
 import * as amplitude from 'amplitude-js';
-import { I, C, S, U, J, Storage, Relation } from 'Lib';
+import { I, C, S, U, J, Relation } from 'Lib';
 
 const KEYS = [ 
 	'method', 'id', 'action', 'style', 'code', 'route', 'format', 'color', 'step',
@@ -7,13 +7,12 @@ const KEYS = [
 	'tab', 'document', 'page', 'count', 'context', 'originalId', 'length', 'group', 'view', 'limit', 'usecase', 'name',
 	'processor', 'emptyType', 'status', 'sort',
 ];
-const KEY_CONTEXT = 'analyticsContext';
-const KEY_ORIGINAL_ID = 'analyticsOriginalId';
 const URL = 'amplitude.anytype.io';
 
 class Analytics {
 	
 	instance: any = null;
+	contextId: string = '';
 
 	public route = {
 		block: 'Block',
@@ -51,6 +50,8 @@ class Analytics {
 		chat: 'Chat',
 		archive: 'Bin',
 		toast: 'Toast',
+		share: 'Share',
+		navigation: 'Navigation',
 
 		screenDate: 'ScreenDate',
 		screenRelation: 'ScreenRelation',
@@ -172,16 +173,13 @@ class Analytics {
 		};
 	};
 
-	setContext (context: string, id: string) {
-		Storage.set(KEY_CONTEXT, context);
-		Storage.set(KEY_ORIGINAL_ID, id);
-
+	setContext (context: string) {
+		this.contextId = context;
 		this.log(`[Analytics].setContext: ${context}`);
 	};
 
 	removeContext () {
-		Storage.delete(KEY_CONTEXT);
-		Storage.delete(KEY_ORIGINAL_ID);
+		this.contextId = '';
 	};
 
 	setTier (tier: I.TierType) {
@@ -252,11 +250,6 @@ class Analytics {
 				break;
 			};
 
-			case 'ScreenRelation': {
-				data.relationKey = data.params.id;
-				break;
-			};
-
 			case 'ObjectInstall':
 			case 'ObjectUninstall':
 			case 'SelectGraphNode':
@@ -532,8 +525,7 @@ class Analytics {
 		};
 
 		param.middleTime = Number(data.middleTime) || 0;
-		param.context = String(Storage.get(KEY_CONTEXT) || '');
-		param.originalId = String(Storage.get(KEY_ORIGINAL_ID) || '');
+		param.context = String(this.contextId || '');
 
 		for (const k of KEYS) {
 			if (undefined !== data[k]) {
@@ -591,7 +583,6 @@ class Analytics {
 			'main/graph':		 'ScreenGraph',
 			'main/navigation':	 'ScreenNavigation',
 			'main/type':		 'ScreenType',
-			'main/relation':	 'ScreenRelation',
 			'main/media':		 'ScreenMedia',
 			'main/history':		 'ScreenHistory',
 			'main/date':		 'ScreenDate',
@@ -616,7 +607,6 @@ class Analytics {
 		const map = {
 			help:				 'MenuHelp',
 			blockRelationView:	 'ScreenObjectRelation',
-			quickCapture:		 'ScreenQuickCapture',
 		};
 
 		return map[id] || '';
diff --git a/src/ts/lib/api/command.ts b/src/ts/lib/api/command.ts
index ee63c30e88..a7f4a4c5b2 100644
--- a/src/ts/lib/api/command.ts
+++ b/src/ts/lib/api/command.ts
@@ -174,6 +174,7 @@ export const AccountCreate = (name: string, avatarPath: string, storePath: strin
 	request.setIcon(icon);
 	request.setNetworkmode(mode as number);
 	request.setNetworkcustomconfigfilepath(networkConfigPath);
+	request.setJsonapilistenaddr(J.Url.api);
 
 	dispatcher.request(AccountCreate.name, request, callBack);
 };
@@ -191,6 +192,7 @@ export const AccountSelect = (id: string, path: string, mode: I.NetworkMode, net
 	request.setRootpath(path);
 	request.setNetworkmode(mode as number);
 	request.setNetworkcustomconfigfilepath(networkConfigPath);
+	request.setJsonapilistenaddr(J.Url.api);
 
 	dispatcher.request(AccountSelect.name, request, callBack);
 };
@@ -1381,19 +1383,6 @@ export const ObjectShow = (objectId: string, traceId: string, spaceId: string, c
 	});
 };
 
-export const PublishingCreate = (spaceId: string, objectId: string, uri: string,  callBack?: (message: any) => void) => {
-	/*
-	const request = new Rpc.Publishing.Create.Request();
-
-	request.setObjectid(objectId);
-	request.setSpaceid(spaceId);
-	request.setUri(uri);
-
-	dispatcher.request(PublishingCreate.name, request, callBack);
-	*/
-};
-
-
 export const ObjectClose = (objectId: string, spaceId: string, callBack?: (message: any) => void) => {
 	const request = new Rpc.Object.Close.Request();
 
@@ -2293,3 +2282,50 @@ export const RelationListWithValue = (spaceId: string, value: any, callBack?: (m
 
 	dispatcher.request(RelationListWithValue.name, request, callBack);
 };
+
+// ---------------------- PUBLISHING ---------------------- //
+
+export const PublishingCreate = (spaceId: string, objectId: string, uri: string, joinSpace: boolean, callBack?: (message: any) => void) => {
+	const request = new Rpc.Publishing.Create.Request();
+
+	request.setObjectid(objectId);
+	request.setSpaceid(spaceId);
+	request.setUri(uri);
+	request.setJoinspace(joinSpace);
+
+	dispatcher.request(PublishingCreate.name, request, callBack);
+};
+
+export const PublishingRemove = (spaceId: string, objectId: string, callBack?: (message: any) => void) => {
+	const request = new Rpc.Publishing.Remove.Request();
+
+	request.setObjectid(objectId);
+	request.setSpaceid(spaceId);
+
+	dispatcher.request(PublishingRemove.name, request, callBack);
+};
+
+export const PublishingList = (spaceId: string, callBack?: (message: any) => void) => {
+	const request = new Rpc.Publishing.List.Request();
+
+	request.setSpaceid(spaceId);
+
+	dispatcher.request(PublishingList.name, request, callBack);
+};
+
+export const PublishingResolveUri = (uri: string, callBack?: (message: any) => void) => {
+	const request = new Rpc.Publishing.ResolveUri.Request();
+
+	request.setUri(uri);
+
+	dispatcher.request(PublishingResolveUri.name, request, callBack);
+};
+
+export const PublishingGetStatus = (spaceId: string, objectId: string, callBack?: (message: any) => void) => {
+	const request = new Rpc.Publishing.GetStatus.Request();
+
+	request.setObjectid(objectId);
+	request.setSpaceid(spaceId);
+
+	dispatcher.request(PublishingGetStatus.name, request, callBack);
+};
\ No newline at end of file
diff --git a/src/ts/lib/api/dispatcher.ts b/src/ts/lib/api/dispatcher.ts
index 5e41834bfb..3aeb5fd939 100644
--- a/src/ts/lib/api/dispatcher.ts
+++ b/src/ts/lib/api/dispatcher.ts
@@ -162,13 +162,22 @@ class Dispatcher {
 					};
 
 					Renderer.send('showChallenge', {
-						challenge: mapped.challenge,
+						...mapped,
 						theme: S.Common.getThemeClass(),
 						lang: S.Common.interfaceLang,
 					});
 					break;
 				};
 
+				case 'AccountLinkChallengeHide': {
+					if (!isMainWindow) {
+						break;
+					};
+
+					Renderer.send('hideChallenge', mapped);
+					break;
+				};
+
 				case 'ObjectRelationsAmend': {
 					S.Record.relationsSet(rootId, mapped.id, mapped.relations);
 					break;
@@ -1136,18 +1145,17 @@ class Dispatcher {
 	};
 
 	onObjectView (rootId: string, traceId: string, objectView: any) {
-		const { details, restrictions, relationLinks, participants } = objectView;
+		const { details, restrictions, participants } = objectView;
 		const root = objectView.blocks.find(it => it.id == rootId);
 		const structure: any[] = [];
 		const contextId = [ rootId, traceId ].filter(it => it).join('-');
 
 		if (root && root.fields.analyticsContext) {
-			analytics.setContext(root.fields.analyticsContext, root.fields.analyticsOriginalId);
+			analytics.setContext(root.fields.analyticsContext);
 		} else {
 			analytics.removeContext();
 		};
 
-		S.Record.relationsSet(contextId, rootId, relationLinks);
 		S.Detail.set(contextId, details);
 		S.Block.restrictionsSet(contextId, restrictions);
 		S.Block.participantsSet(contextId, participants);
diff --git a/src/ts/lib/api/mapper.ts b/src/ts/lib/api/mapper.ts
index d317d9f70c..2d8a80c537 100644
--- a/src/ts/lib/api/mapper.ts
+++ b/src/ts/lib/api/mapper.ts
@@ -354,6 +354,7 @@ export const Mapper = {
 				width: obj.getWidth(),
 				includeTime: obj.getDateincludetime(),
 				formulaType: obj.getFormula(),
+				align: obj.getAlign(),
 			};
 		},
 
@@ -415,7 +416,6 @@ export const Mapper = {
 				rootId: obj.getRootid(),
 				blocks: (obj.getBlocksList() || []).map(Mapper.From.Block),
 				details: (obj.getDetailsList() || []).map(Mapper.From.Details),
-				relationLinks: (obj.getRelationlinksList() || []).map(Mapper.From.RelationLink),
 				restrictions: Mapper.From.Restrictions(obj.getRestrictions()),
 				participants: (obj.getBlockparticipantsList() || []).map(it => ({
 					blockId: it.getBlockid(),
@@ -682,6 +682,18 @@ export const Mapper = {
 			return reactions;
 		},
 
+		PublishState: (obj: Rpc.Publishing.PublishState): I.PublishState => {
+			return {
+				spaceId: obj.getSpaceid(),
+				objectId: obj.getObjectid(),
+				uri: obj.getUri(),
+				status: obj.getStatus() as number,
+				version: obj.getVersion(),
+				timestamp: obj.getTimestamp(),
+				size: obj.getSize(),
+			};
+		},
+
 	},
 
 	//------------------------------------------------------------
@@ -904,6 +916,7 @@ export const Mapper = {
 			item.setWidth(obj.width);
 			item.setDateincludetime(obj.includeTime);
 			item.setFormula(obj.formulaType);
+			item.setAlign(obj.align as number);
 
 			return item;
 		},
@@ -1084,6 +1097,7 @@ export const Mapper = {
 			if (v == V.ACCOUNTUPDATE)				 t = 'AccountUpdate';
 			if (v == V.ACCOUNTCONFIGUPDATE)			 t = 'AccountConfigUpdate';
 			if (v == V.ACCOUNTLINKCHALLENGE)		 t = 'AccountLinkChallenge';
+			if (v == V.ACCOUNTLINKCHALLENGEHIDE)	 t = 'AccountLinkChallengeHide';
 
 			if (v == V.BLOCKADD)					 t = 'BlockAdd';
 			if (v == V.BLOCKDELETE)					 t = 'BlockDelete';
@@ -1195,6 +1209,12 @@ export const Mapper = {
 			};
 		},
 
+		AccountLinkChallengeHide: (obj: Events.Event.Account.LinkChallengeHide) => {
+			return {
+				challenge: obj.getChallenge(),
+			};
+		},
+
 		ObjectRelationsAmend: (obj: Events.Event.Object.Relations.Amend) => {
 			return {
 				id: obj.getId(),
diff --git a/src/ts/lib/api/response.ts b/src/ts/lib/api/response.ts
index 17824e79fc..562e3c8151 100644
--- a/src/ts/lib/api/response.ts
+++ b/src/ts/lib/api/response.ts
@@ -198,14 +198,6 @@ export const ObjectShow = (response: Rpc.Object.Show.Response) => {
 	};
 };
 
-/*
-export const PublishingCreate = (response: Rpc.Publishing.Create.Response) => {
-	return { 
-		url: response.getUri(),
-	};
-};
-*/
-
 export const ObjectSearch = (response: Rpc.Object.Search.Response) => {
 	return {
 		records: (response.getRecordsList() || []).map(Decode.struct),
@@ -613,3 +605,27 @@ export const RelationListWithValue = (response: Rpc.Relation.ListWithValue.Respo
 		}),
 	};
 };
+
+export const PublishingCreate = (response: Rpc.Publishing.Create.Response) => {
+	return { 
+		url: response.getUri(),
+	};
+};
+
+export const PublishingList = (response: Rpc.Publishing.List.Response) => {
+	return {
+		list: (response.getPublishesList() || []).map(Mapper.From.PublishState),
+	};
+};
+
+export const PublishingResolveUri = (response: Rpc.Publishing.ResolveUri.Response) => {
+	return {
+		state: response.hasPublish() ? Mapper.From.PublishState(response.getPublish()) : null,
+	};
+};
+
+export const PublishingGetStatus = (response: Rpc.Publishing.GetStatus.Response) => {
+	return {
+		state: response.hasPublish() ? Mapper.From.PublishState(response.getPublish()) : null,
+	};
+};
\ No newline at end of file
diff --git a/src/ts/lib/dataview.ts b/src/ts/lib/dataview.ts
index 5c7d788865..790428c0d7 100644
--- a/src/ts/lib/dataview.ts
+++ b/src/ts/lib/dataview.ts
@@ -12,7 +12,7 @@ class Dataview {
 
 		const order: any = {};
 
-		let relations = U.Common.objectCopy(S.Record.getObjectRelations(rootId, blockId)).filter(it => it);
+		let relations = U.Common.objectCopy(S.Record.getDataviewRelations(rootId, blockId)).filter(it => it);
 		let o = 0;
 
 		if (!config.debug.hiddenObject) {
diff --git a/src/ts/lib/keyboard.ts b/src/ts/lib/keyboard.ts
index 9c17e833c7..34fd2ce680 100644
--- a/src/ts/lib/keyboard.ts
+++ b/src/ts/lib/keyboard.ts
@@ -117,7 +117,7 @@ class Keyboard {
 	};
 	
 	onKeyDown (e: any) {
-		const { theme } = S.Common;
+		const { theme, pin } = S.Common;
 		const isMac = U.Common.isPlatformMac();
 		const key = e.key.toLowerCase();
 		const cmd = this.cmdKey();
@@ -244,7 +244,6 @@ class Keyboard {
 
 			// Lock the app
 			this.shortcut(`${cmd}+alt+l`, e, () => {
-				const pin = Storage.getPin();
 				if (pin) {
 					Renderer.send('pinCheck');
 				};
@@ -269,7 +268,7 @@ class Keyboard {
 				// Create new page
 				this.shortcut(`${cmd}+n`, e, () => {
 					e.preventDefault();
-					this.pageCreate({}, analytics.route.shortcut);
+					this.pageCreate({}, analytics.route.shortcut, [ I.ObjectFlag.SelectType, I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ]);
 				});
 
 				// Lock/Unlock
@@ -295,13 +294,11 @@ class Keyboard {
 		return false;
 	};
 
-	pageCreate (details: any, route: string, callBack?: (message: any) => void) {
+	pageCreate (details: any, route: string, flags: I.ObjectFlag[], callBack?: (message: any) => void) {
 		if (!this.isMain()) {
 			return;
 		};
 
-		const flags = [ I.ObjectFlag.SelectType, I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ];
-
 		U.Object.create('', '', details, I.BlockPosition.Bottom, '', flags, route, message => {
 			U.Object.openConfig(message.details);
 
@@ -496,7 +493,7 @@ class Keyboard {
 			};
 
 			case 'createObject': {
-				this.pageCreate({}, route);
+				this.pageCreate({}, route, [ I.ObjectFlag.SelectType, I.ObjectFlag.SelectTemplate, I.ObjectFlag.DeleteEmpty ]);
 				break;
 			};
 
@@ -889,7 +886,7 @@ class Keyboard {
 	};
 
 	setWindowTitle () {
-		const pin = Storage.getPin();
+		const { pin } = S.Common;
 		if (pin && !this.isPinChecked) {
 			document.title = J.Constant.appName;
 			return;
@@ -1014,8 +1011,9 @@ class Keyboard {
 
 	initPinCheck () {
 		const { account } = S.Auth;
+
 		const check = () => {
-			const pin = Storage.getPin();
+			const { pin } = S.Common;
 			if (!pin) {
 				this.setPinChecked(true);
 				return false;
diff --git a/src/ts/lib/preview.ts b/src/ts/lib/preview.ts
index 10ccf023ea..dc02a5ea30 100644
--- a/src/ts/lib/preview.ts
+++ b/src/ts/lib/preview.ts
@@ -45,9 +45,13 @@ class Preview {
 		const { element } = param;
 		const typeX = Number(param.typeX) || I.MenuDirection.Center;
 		const typeY = Number(param.typeY) || I.MenuDirection.Top;
-		const delay = Number(param.delay) || DELAY_TOOLTIP;
 		const offsetX = Number(param.offsetX) || 0;
 		const offsetY = Number(param.offsetY) || 0;
+
+		let delay = DELAY_TOOLTIP;
+		if (undefined !== param.delay) {
+			delay = param.delay;
+		};
 		
 		if (!element.length || keyboard.isResizing) {
 			return;
@@ -56,7 +60,7 @@ class Preview {
 		let text = String(param.text || '').replace(/\\n/g, '\n');
 		text = U.Common.lbBr(U.Common.sanitize(text));
 
-		this.delayTooltip = delay;
+		this.delayTooltip = Number(delay) || 0;
 
 		window.clearTimeout(this.timeout.tooltip);
 		this.timeout.tooltip = window.setTimeout(() => {
diff --git a/src/ts/lib/relation.ts b/src/ts/lib/relation.ts
index 3db37df76f..8ce6cc9cbe 100644
--- a/src/ts/lib/relation.ts
+++ b/src/ts/lib/relation.ts
@@ -428,7 +428,7 @@ class Relation {
 
 	public getCoverOptions (rootId: string, blockId: string) {
 		const formats = [ I.RelationType.File ];
-		const options: any[] = U.Common.objectCopy(S.Record.getObjectRelations(rootId, blockId)).filter(it => {
+		const options: any[] = U.Common.objectCopy(S.Record.getDataviewRelations(rootId, blockId)).filter(it => {
 			if (it.isInstalled && (it.relationKey == 'picture')) {
 				return true;
 			};
@@ -460,7 +460,7 @@ class Relation {
 			};
 		};
 		
-		let options: any[] = S.Record.getObjectRelations(rootId, blockId).filter((it: any) => {
+		let options: any[] = S.Record.getDataviewRelations(rootId, blockId).filter((it: any) => {
 			return it.isInstalled && formats.includes(it.format) && !it.isHidden;
 		});
 
diff --git a/src/ts/lib/sidebar.ts b/src/ts/lib/sidebar.ts
index d75bfe645b..fdb54a2b43 100644
--- a/src/ts/lib/sidebar.ts
+++ b/src/ts/lib/sidebar.ts
@@ -234,7 +234,7 @@ class Sidebar {
 			syncX = 120;
 
 			if (width) {
-				syncX = J.Size.vault.width + width - 40;
+				syncX = vw + width - 40;
 			};
 		};
 
@@ -330,8 +330,13 @@ class Sidebar {
 		return J.Size.vault.width / width * J.Constant.delay.sidebar;
 	};
 
-	objectContainerToggle () {
-		S.Common.showObjectSet(!S.Common.showObject);
+	objectContainerSwitch (page: string) {
+		const ref = S.Common.getRef('sidebarLeft');
+		if (!ref) {
+			return;
+		};
+
+		ref.setState({ page });
 	};
 
 };
diff --git a/src/ts/lib/storage.ts b/src/ts/lib/storage.ts
index 8016168ced..9309dfec59 100644
--- a/src/ts/lib/storage.ts
+++ b/src/ts/lib/storage.ts
@@ -25,7 +25,7 @@ const Api = {
 		if (electron.storeGet) {
 			return electron.storeGet(key);
 		} else {
-			localStorage.getItem(key);
+			return Api.parse(localStorage.getItem(key));
 		};
 	},
 
@@ -44,35 +44,43 @@ const Api = {
 			localStorage.removeItem(key);
 		};
 	},
+
+	parse: (s: string) => {
+		if (!s) {
+			return;
+		};
+
+		let ret = '';
+		try { ret = JSON.parse(s); } catch (e) { /**/ };
+		return ret;
+	},
 };
 
 class Storage {
 	
-	storage: any = null;
-	store: any = null;
-	
-	constructor () {
-		this.storage = localStorage;
-	};
-
 	get (key: string): any {
+		if (!key) {
+			console.log('[Storage].get: key not specified');
+			return;
+		};
+
 		let o = Api.get(key);
-		if (!o) {
-			o = this.parse(String(this.storage[key] || ''));
+		if (undefined === o) {
+			o = Api.parse(String(localStorage.getItem(key) || ''));
 		};
 
 		if (this.isSpaceKey(key)) {
 			if (o) {
-				delete(this.storage[key]);
-				this.set(key, o, true);
+				localStorage.removeItem(key);
+				this.set(key, o);
 			};
 
 			return this.getSpaceKey(key);
 		} else 
 		if (this.isAccountKey(key)) {
 			if (o) {
-				delete(this.storage[key]);
-				this.set(key, o, true);
+				localStorage.removeItem(key);
+				this.set(key, o);
 			};
 
 			return this.getAccountKey(key);
@@ -81,7 +89,7 @@ class Storage {
 		};
 	};
 
-	set (key: string, obj: any, del?: boolean): void {
+	set (key: string, obj: any): void {
 		obj = U.Common.objectCopy(obj);
 
 		if (!key) {
@@ -89,27 +97,14 @@ class Storage {
 			return;
 		};
 
-		if (del) {
-			this.delete(key);
-		};
-		
-		let o = this.get(key);
-		if ((typeof o === 'object') && (o !== null)) {
-			for (const i in obj) {
-				o[i] = obj[i];
-			};
-		} else {
-			o = obj;
-		};
-
 		if (this.isSpaceKey(key)) {
-			this.setSpaceKey(key, o);
+			this.setSpaceKey(key, obj);
 		} else 
 		if (this.isAccountKey(key)) {
-			this.setAccountKey(key, o);
+			this.setAccountKey(key, obj);
 		} else {
-			Api.set(key, o);
-			//delete(this.storage[key]);
+			Api.set(key, obj);
+			//localStorage.removeItem(key);
 		};
 	};
 	
@@ -120,9 +115,7 @@ class Storage {
 		if (this.isAccountKey(key)) {
 			this.deleteAccountKey(key);
 		} else {
-			U.Common.getElectron().storeDelete(key);
 			Api.delete(key);
-			delete(this.storage[key]);
 		};
 	};
 
@@ -170,7 +163,7 @@ class Storage {
 	};
 
 	setSpace (obj: any) {
-		this.set('space', obj, true);
+		this.set('space', obj);
 	};
 
 	deleteSpace (id: string) {
@@ -224,7 +217,7 @@ class Storage {
 	};
 
 	setAccount (obj: any) {
-		this.set('account', obj, true);
+		this.set('account', obj);
 	};
 
 	deleteAccount (id: string) {
@@ -244,8 +237,9 @@ class Storage {
 		this.setAccount(obj);
 	};
 
-	getAccountId () {
-		return this.get('accountId');
+	getAccountId (): string {
+		const { account } = S.Auth;
+		return account ? account.id : '';
 	};
 
 	getPin () {
@@ -256,7 +250,7 @@ class Storage {
 		const obj = this.get('lastOpenedObject') || {};
 
 		obj[windowId] = Object.assign(obj[windowId] || {}, param);
-		this.set('lastOpenedObject', obj, true);
+		this.set('lastOpenedObject', obj);
 	};
 
 	deleteLastOpenedByObjectId (objectIds: string[]) {
@@ -284,7 +278,7 @@ class Storage {
 		const obj = this.get('lastOpenedObject') || {};
 
 		windowIds.forEach(windowId => delete(obj[windowId]));
-		this.set('lastOpenedObject', obj, true);
+		this.set('lastOpenedObject', obj);
 	};
 
 	getLastOpened (windowId: string) {
@@ -307,7 +301,7 @@ class Storage {
 		list = [ ...new Set(list) ];
 
 		obj[rootId] = list;
-		this.set('toggle', obj, true);
+		this.set('toggle', obj);
 		return obj;
 	};
 
@@ -324,7 +318,7 @@ class Storage {
 		const obj = this.get('toggle') || {};
 
 		delete(obj[rootId]);
-		this.set('toggle', obj, true);
+		this.set('toggle', obj);
 	};
 
 	setScroll (key: string, rootId: string, scroll: number, isPopup: boolean) {
@@ -335,7 +329,7 @@ class Storage {
 			obj[key] = obj[key] || {};
 			obj[key][rootId] = Number(scroll) || 0;
 
-			this.set('scroll', obj, true);
+			this.set('scroll', obj);
 		} catch (e) { /**/ };
 		return obj;
 	};
@@ -355,7 +349,7 @@ class Storage {
 		const obj = this.get('focus') || {};
 
 		obj[rootId] = state;
-		this.set('focus', obj, true);
+		this.set('focus', obj);
 		return obj;
 	};
 
@@ -371,7 +365,7 @@ class Storage {
 			keys.push(key);
 		};
 
-		this.set('onboarding', keys, true);
+		this.set('onboarding', keys);
 		return keys;
 	};
 
@@ -401,7 +395,7 @@ class Storage {
 	setSurvey (type: I.SurveyType, param: any) {
 		const obj = this.get('survey') || {};
 		obj[type] = Object.assign(obj[type] || {}, param);
-		this.set('survey', obj, true);
+		this.set('survey', obj);
 	};
 
 	initPinnedTypes () {
@@ -453,7 +447,7 @@ class Storage {
 	setPinnedTypes (list: string[]) {
 		list = list.slice(0, 50);
 
-		this.set('pinnedTypes', this.checkArray([ ...new Set(list) ]), true);
+		this.set('pinnedTypes', this.checkArray([ ...new Set(list) ]));
 	};
 
 	getPinnedTypes () {
@@ -476,16 +470,6 @@ class Storage {
 		keys.forEach(key => this.delete(key));
 	};
 
-	parse (s: string) {
-		if (!s) {
-			return;
-		};
-
-		let ret = '';
-		try { ret = JSON.parse(s); } catch (e) { /**/ };
-		return ret;
-	};
-
 	setChat (id: string, obj: any) {
 		if (!id) {
 			return;
diff --git a/src/ts/lib/util/data.ts b/src/ts/lib/util/data.ts
index e676ab5122..91ec5c5dd5 100644
--- a/src/ts/lib/util/data.ts
+++ b/src/ts/lib/util/data.ts
@@ -155,7 +155,7 @@ class UtilData {
 		param = param || {};
 		param.routeParam = param.routeParam || {};
 
-		const pin = Storage.getPin();
+		const { pin } = S.Common;
 		const { root, widgets } = S.Block;
 		const { redirect, space } = S.Common;
 		const color = Storage.get('color');
@@ -531,6 +531,7 @@ class UtilData {
 		const { space, config } = S.Common;
 		const pageLayouts = U.Object.getPageLayouts();
 		const skipLayouts = U.Object.getSetLayouts();
+		const pinned = Storage.getPinnedTypes();
 
 		let items: any[] = [];
 
@@ -558,7 +559,7 @@ class UtilData {
 			items = items.filter(it => !it.isHidden);
 		};
 
-		items.sort((c1, c2) => this.sortByLastUsedDate(c1, c2));
+		items.sort((c1, c2) => this.sortByPinnedTypes(c1, c2, pinned));
 		return items;
 	};
 
@@ -621,7 +622,7 @@ class UtilData {
 			ret.withIcon = true;
 		};
 
-		if (checkType) {
+		if (checkType && !keyboard.isMainHistory()) {
 			className.push('noSystemBlocks');
 		};
 
@@ -670,10 +671,14 @@ class UtilData {
 	sortByPinnedTypes (c1: any, c2: any, ids: string[]) {
 		const idx1 = ids.indexOf(c1.id);
 		const idx2 = ids.indexOf(c2.id);
+		const isPinned1 = idx1 >= 0;
+		const isPinned2 = idx2 >= 0;
 
+		if (isPinned1 && !isPinned2) return -1;
+		if (!isPinned1 && isPinned2) return 1;
 		if (idx1 > idx2) return 1;
 		if (idx1 < idx2) return -1;
-		return 0;
+		return this.sortByLastUsedDate(c1, c2);
 	};
 
 	sortByNumericKey (key: string, c1: any, c2: any, dir: I.SortType) {
@@ -1218,6 +1223,24 @@ class UtilData {
 		};
 	};
 
+	setRtl (rootId: string, blockId: string) {
+		const block = S.Block.getLeaf(rootId, blockId);
+		if (!block) {
+			return;
+		};
+
+		const fields = block.fields || {};
+		if (fields.isRtlDetected) {
+			return;
+		};
+
+		C.BlockListSetFields(rootId, [ 
+			{ blockId: block.id, fields: { ...fields, isRtlDetected: true } } 
+		], () => {
+			C.BlockListSetAlign(rootId, [ block.id ], I.BlockHAlign.Right);
+		});
+	};
+
 };
 
 export default new UtilData();
diff --git a/src/ts/lib/util/embed.ts b/src/ts/lib/util/embed.ts
index ed9dd0c325..7bb74dd7d6 100644
--- a/src/ts/lib/util/embed.ts
+++ b/src/ts/lib/util/embed.ts
@@ -78,10 +78,6 @@ class UtilEmbed {
 		return `<iframe src="${content}" ${IFRAME_PARAM}></iframe>`;
 	};
 
-	getKrokiHtml (content: string): string {
-		return `<img src="${content}" />`;
-	};
-
 	getSketchfabHtml (content: string): string {
 		return `<iframe src="${content}" ${IFRAME_PARAM}></iframe>`;
 	};
@@ -97,6 +93,17 @@ class UtilEmbed {
 
 			if (url.match(reg)) {
 				p = Number(i);
+
+				// Restrict youtube channel links
+				if ((p == I.EmbedProcessor.Youtube)) {
+					try {
+						const info = new URL(url);
+
+						if (info.pathname.match(/^\/@/)) {
+							p = null;
+						};
+					} catch (e) { p = null; };
+				};
 				break;
 			};
 		};
diff --git a/src/ts/lib/util/menu.ts b/src/ts/lib/util/menu.ts
index d48921a2c1..21c7b4e436 100644
--- a/src/ts/lib/util/menu.ts
+++ b/src/ts/lib/util/menu.ts
@@ -827,6 +827,11 @@ class UtilMenu {
 	};
 
 	getVaultItems () {
+		const { account } = S.Auth;
+		if (!account) {
+			return [];
+		};
+
 		const ids = Storage.get('spaceOrder') || [];
 		const items = U.Common.objectCopy(U.Space.getList());
 
diff --git a/src/ts/lib/util/object.ts b/src/ts/lib/util/object.ts
index 54c56e5a92..b2c1946b2e 100644
--- a/src/ts/lib/util/object.ts
+++ b/src/ts/lib/util/object.ts
@@ -73,6 +73,11 @@ class UtilObject {
 		e.preventDefault();
 		e.stopPropagation();
 
+		if (this.isParticipantLayout(object.layout)) {
+			U.Menu.participant(object, param.menuParam);
+			return;
+		};
+
 		if (e.shiftKey || keyboard.isPopup()) {
 			this.openPopup(object, param);
 		} else
diff --git a/src/ts/lib/util/space.ts b/src/ts/lib/util/space.ts
index f6fda90c34..9cd9df5b35 100644
--- a/src/ts/lib/util/space.ts
+++ b/src/ts/lib/util/space.ts
@@ -188,11 +188,13 @@ class UtilSpace {
 	};
 
 	hasShareBanner () {
+		/*
 		const hasShared = !!this.getList().find(it => it.isShared && this.isMyOwner(it.targetSpaceId));
 		const space = this.getSpaceview();
 		const closed = Storage.get('shareBannerClosed');
 
-		// return !space.isPersonal && !space.isShared && !closed && this.isMyOwner() && !hasShared;
+		return !space.isPersonal && !space.isShared && !closed && this.isMyOwner() && !hasShared;
+		*/
 		return false;
 	};
 
@@ -269,6 +271,23 @@ class UtilSpace {
 		});
 	};
 
+	getPublishDomain (): string {
+		const participant = this.getMyParticipant();
+
+		let domain = '';
+		if (participant.globalName) {
+			domain = U.Common.sprintf(J.Url.publishDomain, participant.globalName);
+		} else {
+			domain = U.Common.sprintf(J.Url.publish, participant.identity);
+		};
+
+		return domain;
+	};
+
+	getPublishUrl (slug: string): string {
+		return [ this.getPublishDomain(), slug ].join('/');
+	};
+
 };
 
 export default new UtilSpace();
diff --git a/src/ts/model/viewRelation.ts b/src/ts/model/viewRelation.ts
index bfa0f6bd82..c57d0e7ece 100644
--- a/src/ts/model/viewRelation.ts
+++ b/src/ts/model/viewRelation.ts
@@ -8,6 +8,7 @@ class ViewRelation implements I.ViewRelation {
 	isVisible = false;
 	includeTime = false;
 	formulaType: I.FormulaType = I.FormulaType.None;
+	align = I.BlockHAlign.Left;
 
 	constructor (props: I.ViewRelation) {
 		this.relationKey = String(props.relationKey || '');
@@ -15,6 +16,7 @@ class ViewRelation implements I.ViewRelation {
 		this.isVisible = Boolean(props.isVisible);
 		this.includeTime = Boolean(props.includeTime);
 		this.formulaType = Number(props.formulaType) || I.FormulaType.None;
+		this.align = Number(props.align) || I.BlockHAlign.Left;
 
 		makeObservable(this, {
 			width: observable,
diff --git a/src/ts/store/auth.ts b/src/ts/store/auth.ts
index f6823bc45b..d52edc865a 100644
--- a/src/ts/store/auth.ts
+++ b/src/ts/store/auth.ts
@@ -67,7 +67,7 @@ class AuthStore {
 	};
 
 	networkConfigSet (obj: NetworkConfig) {
-		Storage.set('networkConfig', obj, true);
+		Storage.set('networkConfig', obj);
 	};
 
 	appKeySet (v: string) {
diff --git a/src/ts/store/block.ts b/src/ts/store/block.ts
index 060a5481b6..2b873a9c82 100644
--- a/src/ts/store/block.ts
+++ b/src/ts/store/block.ts
@@ -484,8 +484,8 @@ class BlockStore {
 		return this.isAllowed(this.getRestrictions(rootId, blockId), flags);
 	};
 
-	isAllowed (restrictions: any[], flags: any[]): boolean {
-		if (!U.Space.canMyParticipantWrite()) {
+	isAllowed (restrictions: any[], flags: any[], noSpaceCheck?: boolean): boolean {
+		if (!noSpaceCheck && !U.Space.canMyParticipantWrite()) {
 			return false;
 		};
 
diff --git a/src/ts/store/common.ts b/src/ts/store/common.ts
index f0ae18ce8a..164fe4b3c5 100644
--- a/src/ts/store/common.ts
+++ b/src/ts/store/common.ts
@@ -27,8 +27,8 @@ class CommonStore {
 	public cellId = '';
 	public themeId = '';
 	public nativeThemeIsDark = false;
-	public defaultType = '';
-	public pinTimeId = 0;
+	public defaultType = null;
+	public pinTimeId = null;
 	public emailConfirmationTimeId = 0;
 	public isFullScreen = false;
 	public redirect = '';
@@ -44,6 +44,7 @@ class CommonStore {
 	public showVaultValue = null;
 	public hideSidebarValue = null;
 	public showObjectValue = null;
+	public pinValue = null;
 	public gallery = {
 		categories: [],
 		list: [],
@@ -106,6 +107,7 @@ class CommonStore {
 			showRelativeDatesValue: observable,
 			dateFormatValue: observable,
 			timeFormatValue: observable,
+			pinValue: observable,
 			config: computed,
 			preview: computed,
 			toast: computed,
@@ -120,6 +122,7 @@ class CommonStore {
 			showRelativeDates: computed,
 			dateFormat: computed,
 			timeFormat: computed,
+			pin: computed,
 			gatewaySet: action,
 			filterSetFrom: action,
 			filterSetText: action,
@@ -139,6 +142,7 @@ class CommonStore {
 			showVaultSet: action,
 			showObjectSet: action,
 			showRelativeDatesSet: action,
+			pinSet: action,
 		});
 
 		intercept(this.configObj as any, change => U.Common.intercept(this.configObj, change));
@@ -171,9 +175,15 @@ class CommonStore {
 	};
 
 	get type (): string {
-		const key = String(this.defaultType || Storage.get('defaultType') || J.Constant.default.typeKey);
+		if (this.defaultType === null) {
+			this.defaultType = Storage.get('defaultType');
+		};
 
-		let type = S.Record.getTypeByKey(key);
+		if (!this.defaultType) {
+			this.defaultType = J.Constant.default.typeKey;
+		};
+
+		let type = S.Record.getTypeByKey(this.defaultType);
 		if (!type || !type.isInstalled || !U.Object.isAllowedObject(type.recommendedLayout)) {
 			type = S.Record.getTypeByKey(J.Constant.default.typeKey);
 		};
@@ -185,8 +195,20 @@ class CommonStore {
 		return this.isFullScreen;
 	};
 
+	get pin (): string {
+		if (this.pinValue === null) {
+			this.pinValue = Storage.get('pin');
+		};
+
+		return String(this.pinValue || '');
+	};
+
 	get pinTime (): number {
-		return (Number(this.pinTimeId) || Storage.get('pinTime') || J.Constant.default.pinTime) * 1000;
+		if (this.pinTimeId === null) {
+			this.pinTimeId = Storage.get('pinTime');
+		};
+
+		return (Number(this.pinTimeId) || J.Constant.default.pinTime) * 1000;
 	};
 
 	get emailConfirmationTime (): number {
@@ -375,6 +397,11 @@ class CommonStore {
 		Storage.set('pinTime', this.pinTimeId);
 	};
 
+	pinSet (v: string) {
+		this.pinValue = String(v || '');
+		Storage.set('pin', this.pinValue);
+	};
+
 	emailConfirmationTimeSet (t: number) {
 		this.emailConfirmationTimeId = t;
 
diff --git a/src/ts/store/detail.ts b/src/ts/store/detail.ts
index 8d37594956..cc4e4ebc10 100644
--- a/src/ts/store/detail.ts
+++ b/src/ts/store/detail.ts
@@ -136,14 +136,13 @@ class DetailStore {
 			return;
 		};
 
-		if (keys && keys.length) {
-			const item = { id, details: {} };
-			keys.forEach(key => item.details[key] = null);
+		let list = [];
 
-			this.update(rootId, item, false);
-		} else {
-			map.set(id, []);
+		if (keys && keys.length) {
+			list = (map.get(id) || []).filter(it => !keys.includes(it.relationKey));
 		};
+
+		map.set(id, list);
 	};
 
 	/** gets the object. if no keys are provided, all properties are returned. if force keys is set, J.Relation.default are included */
@@ -167,6 +166,10 @@ class DetailStore {
 		return this.mapper(object, skipLayoutFormat);
 	};
 
+	public getKeys (rootId: string, id: string): string[] {
+		return (this.map.get(rootId)?.get(id) || []).map(it => it.relationKey);
+	};
+
 	/** Mutates object provided and also returns a new object. Sets defaults.
 	 * This Function contains domain logic which should be encapsulated in a model */
 	public mapper (object: any, skipLayoutFormat?: I.ObjectLayout[]): any {
diff --git a/src/ts/store/record.ts b/src/ts/store/record.ts
index 521d71e51f..60002ad0a3 100644
--- a/src/ts/store/record.ts
+++ b/src/ts/store/record.ts
@@ -1,5 +1,5 @@
 import { observable, action, set, intercept, makeObservable } from 'mobx';
-import { S, I, M, U, J, Dataview } from 'Lib';
+import { S, I, M, U, J, Dataview, Relation } from 'Lib';
 
 enum KeyMapType {
 	Relation = 'relation',
@@ -104,7 +104,7 @@ class RecordStore {
 
 	relationListDelete (rootId: string, blockId: string, keys: string[]) {
 		const key = this.getId(rootId, blockId);
-		const relations = this.getObjectRelations(rootId, blockId).filter(it => !keys.includes(it.relationKey));
+		const relations = this.getDataviewRelations(rootId, blockId).filter(it => !keys.includes(it.relationKey));
 		
 		this.relationMap.set(key, relations.map(it => ({ relationKey: it.relationKey, format: it.format })));
 	};
@@ -312,8 +312,21 @@ class RecordStore {
 		return (this.relationMap.get(this.getId(rootId, blockId)) || []).map(it => it.relationKey);
 	};
 
-	getObjectRelations (rootId: string, blockId: string): any[] {
-		return this.getObjectRelationKeys(rootId, blockId).map(it => this.getRelationByKey(it)).filter(it => it);
+	getObjectRelations (rootId: string, typeId: string): any[] {
+		const type = S.Record.getTypeById(typeId);
+		const recommended = Relation.getArrayValue(type?.recommendedRelations);
+		const typeRelations = recommended.map(it => this.getRelationById(it)).filter(it => it);
+		const objectRelations = S.Detail.getKeys(rootId, rootId).map(it => this.getRelationByKey(it)).filter(it => it && !recommended.includes(it.id));
+
+		return this.checkHiddenObjects(typeRelations.concat(objectRelations));
+	};
+
+	getDataviewRelationKeys (rootId: string, blockId: string): any[] {
+		return (this.relationMap.get(this.getId(rootId, blockId)) || []).map(it => it.relationKey);
+	};
+
+	getDataviewRelations (rootId: string, blockId: string): any[] {
+		return this.getDataviewRelationKeys(rootId, blockId).map(it => this.getRelationByKey(it)).filter(it => it);
 	};
 
 	getRelationByKey (relationKey: string): any {
@@ -382,6 +395,16 @@ class RecordStore {
 		return [ rootId, blockId, groupId ].join('-');
 	};
 
+	checkHiddenObjects (records: any[]): any[] {
+		const isHidden = S.Common.config.debug.hiddenObject;
+
+		if (!Array.isArray(records)) {
+			return [];
+		};
+
+		return records.filter(it => isHidden ? true : !it.isHidden);
+	};
+
 };
 
  export const Record: RecordStore = new RecordStore();
\ No newline at end of file
