From 53d3464e054b40a52469d6a6ccccd5cfd08bcd20 Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Thu, 10 Jul 2025 10:37:56 +0100
Subject: [PATCH 1/8] JS-7329: wip

---
 src/json/relation.ts                              |  3 ++-
 src/json/text.json                                |  4 +++-
 src/ts/app.tsx                                    |  2 +-
 src/ts/component/list/objectManager.tsx           | 15 ++++++++++++++-
 src/ts/component/menu/syncStatus.tsx              |  4 ++--
 .../page/main/settings/space/storage.tsx          | 13 +++++++++++--
 src/ts/interface/syncStatus.ts                    |  1 +
 7 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/src/json/relation.ts b/src/json/relation.ts
index 941d84bf39..3cacfd4a6d 100644
--- a/src/json/relation.ts
+++ b/src/json/relation.ts
@@ -176,7 +176,8 @@ export default {
 	syncStatus: [
 		'syncStatus',
 		'syncDate',
-		'syncError'
+		'syncError',
+		'fileSyncStatus'
 	],
 
 	pageCover: 'pageCover',
diff --git a/src/json/text.json b/src/json/text.json
index bf12048c8d..b343ec9783 100644
--- a/src/json/text.json
+++ b/src/json/text.json
@@ -219,6 +219,8 @@
 	"commonUnmute": "Unmute",
 	"commonDropFiles": "Drag and drop your files here",
 	"commonObjectEmpty": "It's empty here.",
+	"commonSynced": "Synced",
+	"commonNotSynced": "Not synced",
 
 	"pluralDay": "day|days",
 	"pluralObject": "Object|Objects",
@@ -898,6 +900,7 @@
 	"popupSettingsSpaceIndexManageSpaceTitle": "Space Preferences",
 	"popupSettingsSpaceIndexRemoteStorageUpgrade": "✦ Upgrade",
 	"popupSettingsSpaceIndexStorageText": "You can store up to %s of your files on our encrypted backup node for free. If you reach the limit, files will be stored only locally.",
+	"popupSettingsSpaceIndexStorageIsFullText": "Some files couldn't be synced because your storage is full. Upgrade your plan or remove files to free up space.",
 	"popupSettingsSpaceIndexStorageManageFiles": "Manage files",
 	"popupSettingsSpaceIndexHomepageDescription": "Select an Object to show when you login",
 	"popupSettingsSpaceIndexImport": "Import to Space",
@@ -1816,7 +1819,6 @@
 	"menuSyncStatusInfoNetworkMessageOffline": "No connection",
 
 	"menuSyncStatusInfoSelfTitle": "Self Host",
-	"menuSyncStatusInfoSelfMessageSynced": "Synced",
 	"menuSyncStatusInfoSelfMessageSyncing": "Syncing...",
 	"menuSyncStatusInfoSelfMessageError": "Error",
 	"menuSyncStatusInfoLocalOnlyTitle": "Local Only",
diff --git a/src/ts/app.tsx b/src/ts/app.tsx
index d024b3468f..e33b04088f 100644
--- a/src/ts/app.tsx
+++ b/src/ts/app.tsx
@@ -630,4 +630,4 @@ const App: FC = () => {
 
 };
 
-export default App;
\ No newline at end of file
+export default App;
diff --git a/src/ts/component/list/objectManager.tsx b/src/ts/component/list/objectManager.tsx
index 14b21444db..ad0d8ade69 100644
--- a/src/ts/component/list/objectManager.tsx
+++ b/src/ts/component/list/objectManager.tsx
@@ -14,8 +14,10 @@ interface Props {
 	textEmpty?: string;
 	filters?: I.Filter[];
 	sorts?: I.Sort[];
+	keys?: string[];
 	rowHeight?: number;
 	sources?: string[];
+	segments?: any[];
 	collectionId?: string;
 	isReadonly?: boolean;
 	ignoreArchived?: boolean;
@@ -74,8 +76,10 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 	textEmpty = '',
 	filters = [],
 	sorts = [],
+	keys = [],
 	rowHeight = 0,
 	sources = [],
+	segments = [],
 	collectionId = '',
 	isReadonly = false,
 	ignoreArchived = true,
@@ -103,6 +107,10 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 	const records = S.Record.getRecords(subId);
 	const scrollContainer = scrollElement || isPopup ? $('#popupPage-innerWrap').get(0) : window;
 
+
+
+	console.log('RECORDS: ', records)
+
 	const onFilterShow = () => {
 		$(filterWrapperRef.current).addClass('active');
 		filterRef.current.focus();
@@ -203,6 +211,7 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 		U.Subscription.subscribe({
 			subId,
 			sorts,
+			keys,
 			filters: fl,
 			ignoreArchived,
 			ignoreHidden,
@@ -241,6 +250,10 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 		return ret.filter(it => it.children.length > 0);
 	};
 
+	const getSections = () => {
+
+	};
+
 	const getFilterValue = () => {
 		return String(filterRef.current?.getValue() || '');
 	};
@@ -482,4 +495,4 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 	);
 }));
 
-export default ObjectManager;
\ No newline at end of file
+export default ObjectManager;
diff --git a/src/ts/component/menu/syncStatus.tsx b/src/ts/component/menu/syncStatus.tsx
index 4b0e7c90fb..d8eb170d65 100644
--- a/src/ts/component/menu/syncStatus.tsx
+++ b/src/ts/component/menu/syncStatus.tsx
@@ -426,7 +426,7 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 					};
 
 					case I.SyncStatusSpace.Synced: {
-						message = translate('menuSyncStatusInfoSelfMessageSynced');
+						message = translate('commonSynced');
 						break;
 					};
 
@@ -457,4 +457,4 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 
 });
 
-export default MenuSyncStatus;
\ No newline at end of file
+export default MenuSyncStatus;
diff --git a/src/ts/component/page/main/settings/space/storage.tsx b/src/ts/component/page/main/settings/space/storage.tsx
index 1dd5e92a10..67c165c313 100644
--- a/src/ts/component/page/main/settings/space/storage.tsx
+++ b/src/ts/component/page/main/settings/space/storage.tsx
@@ -26,6 +26,8 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 
 		let bytesUsed = 0;
 		let buttonUpgrade = null;
+		let segments = null;
+		let label = U.Common.sprintf(translate(`popupSettingsSpaceIndexStorageText`), U.File.size(bytesLimit));
 
 		const progressSegments = (spaces || []).map(space => {
 			const object: any = S.Common.spaceStorage.spaces.find(it => it.spaceId == space.targetSpaceId) || {};
@@ -44,13 +46,18 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 		if (isRed) {
 			usageCn.push('red');
 			buttonUpgrade = <Button className="payment" text={translate('popupSettingsSpaceIndexRemoteStorageUpgrade')} onClick={this.onUpgrade} />;
+			label = translate('popupSettingsSpaceIndexStorageIsFullText');
+			segments = [
+				{ label: translate('commonNotSynced'), filter: (it) => it.fileSyncStatus == I.FileSyncStatus.NotSynced },
+				{ label: translate('commonSynced'), filter: (it) => it.fileSyncStatus == I.FileSyncStatus.Synced },
+			];
 		};
 
 		const buttons: I.ButtonComponent[] = [
 			{ icon: 'remove', text: translate('commonDeleteImmediately'), onClick: this.onRemove }
 		];
 		const filters: I.Filter[] = [
-			{ relationKey: 'fileSyncStatus', condition: I.FilterCondition.Equal, value: I.FileSyncStatus.Synced },
+			{ relationKey: 'fileSyncStatus', condition: I.FilterCondition.In, value: [ I.FileSyncStatus.Synced, I.FileSyncStatus.NotSynced ] },
 		];
 		const sorts: I.Sort[] = [
 			{ type: I.SortType.Desc, relationKey: 'sizeInBytes' },
@@ -61,7 +68,7 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 				{buttonUpgrade}
 
 				<Title text={translate(`pageSettingsSpaceRemoteStorage`)} />
-				<Label text={U.Common.sprintf(translate(`popupSettingsSpaceIndexStorageText`), U.File.size(bytesLimit))} />
+				<Label text={label} />
 
 				<div className={usageCn.join(' ')}>
 					<ProgressBar segments={progressSegments} current={U.File.size(bytesUsed)} max={U.File.size(bytesLimit)} />
@@ -79,6 +86,8 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 							info={I.ObjectManagerItemInfo.FileSize}
 							iconSize={18}
 							sorts={sorts}
+							segments={segments}
+							keys={U.Subscription.syncStatusRelationKeys()}
 							filters={filters}
 							ignoreHidden={false}
 							ignoreArchived={false}
diff --git a/src/ts/interface/syncStatus.ts b/src/ts/interface/syncStatus.ts
index 60f95f547f..fe743cd995 100644
--- a/src/ts/interface/syncStatus.ts
+++ b/src/ts/interface/syncStatus.ts
@@ -24,6 +24,7 @@ export enum SyncStatusError {
 	StorageLimitExceed 		 = 1,
 	IncompatibleVersion		 = 2,
 	NetworkError 			 = 3,
+	Oversized 				 = 4,
 };
 
 export interface SyncStatus {

From 9fed2d42a37d4bd484b0bbdcde3ebdc045e46e26 Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Fri, 11 Jul 2025 12:53:35 +0100
Subject: [PATCH 2/8] JS-7329: wip

---
 src/ts/component/util/sync.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ts/component/util/sync.tsx b/src/ts/component/util/sync.tsx
index 1191cd9305..510dd05a1f 100644
--- a/src/ts/component/util/sync.tsx
+++ b/src/ts/component/util/sync.tsx
@@ -52,4 +52,4 @@ const Sync = observer(forwardRef<HTMLDivElement, Props>(({
 
 }));
 
-export default Sync;
\ No newline at end of file
+export default Sync;

From a9d25c5c21f83c60f3430509efe5f23fcded3050 Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Wed, 23 Jul 2025 13:48:15 +0100
Subject: [PATCH 3/8] JS-7329: incentive banner in sync status menu

---
 src/json/text.json                            |  8 +++--
 src/scss/menu/syncStatus.scss                 |  8 +++++
 src/ts/component/list/objectManager.tsx       | 10 ------
 src/ts/component/menu/publish.tsx             |  2 +-
 src/ts/component/menu/syncStatus.tsx          | 36 ++++++++++++++++++-
 .../page/main/settings/space/storage.tsx      |  8 +----
 6 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/src/json/text.json b/src/json/text.json
index dfe297bd30..61ab2331cc 100644
--- a/src/json/text.json
+++ b/src/json/text.json
@@ -222,6 +222,7 @@
 	"commonSynced": "Synced",
 	"commonNotSynced": "Not synced",
 	"commonNewVersion": "Version <span class='hl'>%s</span> is out now",
+	"commonUpgrade": "✦ Upgrade",
 
 	"pluralDay": "day|days",
 	"pluralObject": "Object|Objects",
@@ -247,6 +248,7 @@
 	"pluralVideo": "Video|Videos",
 	"pluralAudio": "Audio|Audios",
 	"pluralFile": "File|Files",
+	"pluralLCFile": "file|files",
 	"pluralPdf": "Pdf|Pdfs",
 	"pluralBookmark": "Bookmark|Bookmarks",
 	"pluralAttachment": "Attachment|Attachments",
@@ -899,7 +901,6 @@
 
 	"popupSettingsSpaceIndexCollaborationTitle": "Collaboration",
 	"popupSettingsSpaceIndexManageSpaceTitle": "Space Preferences",
-	"popupSettingsSpaceIndexRemoteStorageUpgrade": "✦ Upgrade",
 	"popupSettingsSpaceIndexStorageText": "You can store up to %s of your files on our encrypted backup node for free. If you reach the limit, files will be stored only locally.",
 	"popupSettingsSpaceIndexStorageIsFullText": "Some files couldn't be synced because your storage is full. Upgrade your plan or remove files to free up space.",
 	"popupSettingsSpaceIndexStorageManageFiles": "Manage files",
@@ -1842,6 +1843,10 @@
 	"menuSyncStatusEmptyLocal": "Your Vault is currently in local-only mode, so your data isn't being synced to Anytype nodes.",
 	"menuSyncStatusEmpty": "There are no objects to show",
 
+	"menuSyncStatusIncentiveBannerTitle": "Files not synced",
+	"menuSyncStatusIncentiveBannerLabel": "%s %s couldn’t be synced because you’re run out of space. Please upgrade or clean up your storage.",
+	"menuSyncStatusIncentiveBannerReviewFiles": "Review Files",
+
 	"menuPublishTitle": "Publish to web",
 	"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 Queries, Collections and Properties. Default limit is 10MB per object for free plans and 100MB for paid plans.",
 	"menuPublishLabelJoinSpace": "Join Space Button",
@@ -1852,7 +1857,6 @@
 	"menuPublishButtonCopy": "Copy Web Link",
 	"menuPublishLabelOffline": "No internet connection",
 	"menuPublishBecomeMemberText": "Become a member to get a domain and increase publishing limits",
-	"menuPublishUpgrade": "✦ Upgrade",
 
 	"previewEdit": "Edit Link",
 
diff --git a/src/scss/menu/syncStatus.scss b/src/scss/menu/syncStatus.scss
index bef4f6a8a9..e8837eda8d 100644
--- a/src/scss/menu/syncStatus.scss
+++ b/src/scss/menu/syncStatus.scss
@@ -46,6 +46,14 @@
 			}
 		}
 
+		.incentiveBanner { margin: 10px 16px 0px 16px; padding: 12px 16px 16px 16px; border-radius: 8px; background: linear-gradient(180deg, #FEE7E0 30%, #FFF6F3 100%); }
+		.incentiveBanner {
+			.buttons { padding-top: 12px; display: flex; gap: 8px; }
+			.buttons {
+				.button { width: 50%; }
+			}
+		}
+
 		.items { height: 100%; }
 		.items {
 			.sectionName { padding: 4px 8px; }
diff --git a/src/ts/component/list/objectManager.tsx b/src/ts/component/list/objectManager.tsx
index ad0d8ade69..8d044a6f09 100644
--- a/src/ts/component/list/objectManager.tsx
+++ b/src/ts/component/list/objectManager.tsx
@@ -17,7 +17,6 @@ interface Props {
 	keys?: string[];
 	rowHeight?: number;
 	sources?: string[];
-	segments?: any[];
 	collectionId?: string;
 	isReadonly?: boolean;
 	ignoreArchived?: boolean;
@@ -79,7 +78,6 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 	keys = [],
 	rowHeight = 0,
 	sources = [],
-	segments = [],
 	collectionId = '',
 	isReadonly = false,
 	ignoreArchived = true,
@@ -107,10 +105,6 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 	const records = S.Record.getRecords(subId);
 	const scrollContainer = scrollElement || isPopup ? $('#popupPage-innerWrap').get(0) : window;
 
-
-
-	console.log('RECORDS: ', records)
-
 	const onFilterShow = () => {
 		$(filterWrapperRef.current).addClass('active');
 		filterRef.current.focus();
@@ -250,10 +244,6 @@ const ObjectManager = observer(forwardRef<ObjectManagerRefProps, Props>(({
 		return ret.filter(it => it.children.length > 0);
 	};
 
-	const getSections = () => {
-
-	};
-
 	const getFilterValue = () => {
 		return String(filterRef.current?.getValue() || '');
 	};
diff --git a/src/ts/component/menu/publish.tsx b/src/ts/component/menu/publish.tsx
index 4cdbccb9ee..3a4d7326bf 100644
--- a/src/ts/component/menu/publish.tsx
+++ b/src/ts/component/menu/publish.tsx
@@ -233,7 +233,7 @@ const MenuPublish = observer(forwardRef<I.MenuRef, I.Menu>((props, ref) => {
 			{!tier?.namesCount ? (
 				<div className="incentiveBanner">
 					<Label text={translate('menuPublishBecomeMemberText')} />
-					<Button text={translate('menuPublishUpgrade')} onClick={onUpgrade} />
+					<Button text={translate('commonUpgrade')} onClick={onUpgrade} />
 				</div>
 			) : ''}
 
diff --git a/src/ts/component/menu/syncStatus.tsx b/src/ts/component/menu/syncStatus.tsx
index d8eb170d65..43da3a600d 100644
--- a/src/ts/component/menu/syncStatus.tsx
+++ b/src/ts/component/menu/syncStatus.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import $ from 'jquery';
 import { observer } from 'mobx-react';
 import { AutoSizer, CellMeasurer, InfiniteLoader, List, CellMeasurerCache } from 'react-virtualized';
-import { Title, Icon, IconObject, ObjectName, EmptySearch } from 'Component';
+import { Title, Icon, IconObject, ObjectName, EmptySearch, Label, Button } from 'Component';
 import { I, S, U, J, Action, translate, analytics, Onboarding } from 'Lib';
 
 interface State {
@@ -36,9 +36,11 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 
 	render () {
 		const { isLoading } = this.state;
+		const { error } = S.Auth.getSyncStatus();
 		const items = this.getItems();
 		const icons = this.getIcons();
 		const emptyText = U.Data.isLocalNetwork() ? translate('menuSyncStatusEmptyLocal') : translate('menuSyncStatusEmpty');
+		const notSyncedCount = this.getNotSyncedItemsCount();
 
 		const PanelIcon = (item) => {
 			const { id, className } = item;
@@ -130,6 +132,17 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 					<EmptySearch text={emptyText} />
 				) : ''}
 
+				{notSyncedCount && (error == I.SyncStatusError.StorageLimitExceed) ? (
+					<div className="incentiveBanner">
+						<Title text={translate('menuSyncStatusIncentiveBannerTitle')} />
+						<Label text={U.Common.sprintf(translate('menuSyncStatusIncentiveBannerLabel'), notSyncedCount, U.Common.plural(notSyncedCount, translate('pluralLCFile')))} />
+						<div className="buttons">
+							<Button onClick={() => this.onIncentiveButtonClick('storage')} className="c28" text={translate('menuSyncStatusIncentiveBannerReviewFiles')} color="blank" />
+							<Button onClick={() => this.onIncentiveButtonClick('upgrade')} className="c28" text={translate('commonUpgrade')} />
+						</div>
+					</div>
+				) : ''}
+
 				{this.cache && items.length ? (
 					<div className="items">
 						<InfiniteLoader
@@ -266,6 +279,20 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 		};
 	};
 
+	onIncentiveButtonClick (id: string) {
+		switch (id) {
+			case 'storage': {
+				U.Object.openAuto({ id: 'spaceStorageManager', layout: I.ObjectLayout.Settings });
+				break;
+			};
+
+			case 'upgrade': {
+				U.Object.openAuto({ id: 'membership', layout: I.ObjectLayout.Settings });
+				break;
+			};
+		};
+	};
+
 	load () {
 		if (U.Data.isLocalNetwork()) {
 			return;
@@ -275,6 +302,7 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 			{ relationKey: 'resolvedLayout', condition: I.FilterCondition.NotIn, value: U.Object.getSystemLayouts() },
 		];
 		const sorts = [
+			{ relationKey: 'fileSyncStatus', type: I.SortType.Custom, customOrder: [ I.FileSyncStatus.NotSynced, I.FileSyncStatus.Synced ] },
 			{ relationKey: 'syncStatus', type: I.SortType.Custom, customOrder: [ I.SyncStatusObject.Syncing, I.SyncStatusObject.Queued, I.SyncStatusObject.Synced ] },
 			{ relationKey: 'syncDate', type: I.SortType.Desc, includeTime: true },
 		];
@@ -306,6 +334,12 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 		return U.Data.groupDateSections(records, 'syncDate');
 	};
 
+	getNotSyncedItemsCount () {
+		const records = S.Record.getRecords(SUB_ID).filter(it => it.fileSyncStatus == I.FileSyncStatus.NotSynced);
+
+		return records.length;
+	};
+
 	getIcons () {
 		const syncStatus = S.Auth.getSyncStatus();
 		const iconNetwork = this.getIconNetwork(syncStatus);
diff --git a/src/ts/component/page/main/settings/space/storage.tsx b/src/ts/component/page/main/settings/space/storage.tsx
index 67c165c313..fff88e1226 100644
--- a/src/ts/component/page/main/settings/space/storage.tsx
+++ b/src/ts/component/page/main/settings/space/storage.tsx
@@ -26,7 +26,6 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 
 		let bytesUsed = 0;
 		let buttonUpgrade = null;
-		let segments = null;
 		let label = U.Common.sprintf(translate(`popupSettingsSpaceIndexStorageText`), U.File.size(bytesLimit));
 
 		const progressSegments = (spaces || []).map(space => {
@@ -45,12 +44,8 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 
 		if (isRed) {
 			usageCn.push('red');
-			buttonUpgrade = <Button className="payment" text={translate('popupSettingsSpaceIndexRemoteStorageUpgrade')} onClick={this.onUpgrade} />;
+			buttonUpgrade = <Button className="payment" text={translate('commonUpgrade')} onClick={this.onUpgrade} />;
 			label = translate('popupSettingsSpaceIndexStorageIsFullText');
-			segments = [
-				{ label: translate('commonNotSynced'), filter: (it) => it.fileSyncStatus == I.FileSyncStatus.NotSynced },
-				{ label: translate('commonSynced'), filter: (it) => it.fileSyncStatus == I.FileSyncStatus.Synced },
-			];
 		};
 
 		const buttons: I.ButtonComponent[] = [
@@ -86,7 +81,6 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 							info={I.ObjectManagerItemInfo.FileSize}
 							iconSize={18}
 							sorts={sorts}
-							segments={segments}
 							keys={U.Subscription.syncStatusRelationKeys()}
 							filters={filters}
 							ignoreHidden={false}

From 2c7046ad005e88288eac054bd5747b45bf40c2d2 Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Wed, 23 Jul 2025 15:21:57 +0100
Subject: [PATCH 4/8] JS-7318: storage limit alert in space settings

---
 src/scss/component/sidebar/settings.scss         | 1 +
 src/ts/component/sidebar/page/settings/index.tsx | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/scss/component/sidebar/settings.scss b/src/scss/component/sidebar/settings.scss
index 558a4501d9..949c6c2f6c 100644
--- a/src/scss/component/sidebar/settings.scss
+++ b/src/scss/component/sidebar/settings.scss
@@ -54,6 +54,7 @@
 
                 .caption { color: var(--color-text-secondary); text-align: right; @include text-overflow-nw; }
                 .caption.join { font-weight: 500; padding: 2px 8px; border-radius: 4px; @include text-small; background: var(--color-control-accent); color: var(--color-bg-primary); }
+                .caption.alert { width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: var(--color-red); color: var(--color-control-bg); border-radius: 50%; }
             }
 
             .item.isTypeOrRelation { padding-left: 26px; }
diff --git a/src/ts/component/sidebar/page/settings/index.tsx b/src/ts/component/sidebar/page/settings/index.tsx
index 9b2bfd4622..7cdc0059cf 100644
--- a/src/ts/component/sidebar/page/settings/index.tsx
+++ b/src/ts/component/sidebar/page/settings/index.tsx
@@ -99,6 +99,10 @@ const SidebarSettingsIndex = observer(class SidebarSettingsIndex extends React.C
 				};
 			};
 
+			if (item.alert) {
+				caption = <div className="caption alert">!</div>;
+			};
+
 			return (
 				<div
 					id={`item-${item.id}`}
@@ -198,6 +202,7 @@ const SidebarSettingsIndex = observer(class SidebarSettingsIndex extends React.C
 	};
 
 	getSpaceSettings () {
+		const { error } = S.Auth.getSyncStatus();
 		const space = U.Space.getSpaceview();
 		const isEntrySpace = space.spaceAccessType == I.SpaceType.Personal;
 		const canWrite = U.Space.canMyParticipantWrite();
@@ -220,7 +225,7 @@ const SidebarSettingsIndex = observer(class SidebarSettingsIndex extends React.C
 				children: [
 					{ id: 'spaceIndex', icon: 'space', name: translate('pageSettingsSpaceGeneral') },
 					isEntrySpace ? null : { id: 'spaceShare', icon: 'members', name: members.length > 1 ? translate('commonMembers') : translate('pageSettingsSpaceIndexInviteMembers') },
-					{ id: 'spaceStorageManager', icon: 'storage', name: translate('pageSettingsSpaceRemoteStorage') },
+					{ id: 'spaceStorageManager', icon: 'storage', name: translate('pageSettingsSpaceRemoteStorage'), alert: error == I.SyncStatusError.StorageLimitExceed },
 					{ id: 'archive', icon: 'bin', name: translate('commonBin') },
 				].filter(it => it),
 			},

From 749b64ddd38e8ce44f459c211ff3803fb69a5072 Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Wed, 23 Jul 2025 16:05:56 +0100
Subject: [PATCH 5/8] JS-7319: not synced section in storage manager

---
 src/json/constant.ts                          |  5 +-
 src/json/text.json                            |  3 +-
 src/scss/page/main/settings.scss              |  3 +-
 .../page/main/settings/space/storage.tsx      | 91 +++++++++++++------
 4 files changed, 69 insertions(+), 33 deletions(-)

diff --git a/src/json/constant.ts b/src/json/constant.ts
index 940dd29cbc..52f8a7cbb6 100644
--- a/src/json/constant.ts
+++ b/src/json/constant.ts
@@ -116,13 +116,16 @@ export default {
 		archive:		 'archive',
 		sidebar:		 'sidebar',
 		space:			 'space',
-		fileManager:	 'fileManager',
 		participant:	 'participant',
 		subSpace:		 'subSpace',
 		allObject:		 'allObject',
 		library: 		 'library',
 		chatSpace:		 'lastMessage',
 		template:		 'template',
+		fileManager: {
+			synced: 	 'fileManagerSynced',
+			notSynced: 	 'fileManagerNotSynced',
+		},
 	},
 
 	typeKey: {
diff --git a/src/json/text.json b/src/json/text.json
index 61ab2331cc..119006247e 100644
--- a/src/json/text.json
+++ b/src/json/text.json
@@ -575,7 +575,8 @@
 
 	"pageSettingsSpaceGeneral": "General",
 	"pageSettingsSpaceRemoteStorage": "Remote Storage",
-	"pageSettingsSpaceCleanupSpaceFiles": "Clean up space files",
+	"pageSettingsSpaceSyncedFiles": "Synced files",
+	"pageSettingsSpaceNotSyncedFiles": "Not synced files",
 	"pageSettingsSpaceIntegrations": "Integrations",
 	"pageSettingsSpaceManageContent": "Content Model",
 
diff --git a/src/scss/page/main/settings.scss b/src/scss/page/main/settings.scss
index 5f057cf279..e1cef400c6 100644
--- a/src/scss/page/main/settings.scss
+++ b/src/scss/page/main/settings.scss
@@ -457,7 +457,8 @@
             }
         }
 
-		.fileManagerWrapper { flex-grow: 1; display: flex; flex-direction: column; }
+		.fileManagerWrapper { flex-grow: 1; display: flex; flex-direction: column; margin-bottom: 24px; }
+        .fileManagerWrapper:last-child { margin-bottom: 0px; }
 		.fileManagerWrapper {
 			.title { flex-shrink: 0; }
 
diff --git a/src/ts/component/page/main/settings/space/storage.tsx b/src/ts/component/page/main/settings/space/storage.tsx
index fff88e1226..d0d4560e8e 100644
--- a/src/ts/component/page/main/settings/space/storage.tsx
+++ b/src/ts/component/page/main/settings/space/storage.tsx
@@ -8,7 +8,10 @@ const STORAGE_FULL = 0.7;
 const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageManager extends React.Component<I.PageSettingsComponent, {}> {
 
 	node = null;
-	refManager = null;
+	refManagers = {
+		synced: null,
+		notSynced: null,
+	};
 
 	constructor (props: I.PageSettingsComponent) {
 		super(props);
@@ -20,6 +23,7 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 	render () {
 		const { spaceStorage } = S.Common;
 		const { localUsage, bytesLimit } = spaceStorage;
+		const { error } = S.Auth.getSyncStatus();
 		const spaces = U.Space.getList();
 		const usageCn = [ 'item' ];
 		const canWrite = U.Space.canMyParticipantWrite();
@@ -48,15 +52,39 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 			label = translate('popupSettingsSpaceIndexStorageIsFullText');
 		};
 
-		const buttons: I.ButtonComponent[] = [
-			{ icon: 'remove', text: translate('commonDeleteImmediately'), onClick: this.onRemove }
-		];
-		const filters: I.Filter[] = [
-			{ relationKey: 'fileSyncStatus', condition: I.FilterCondition.In, value: [ I.FileSyncStatus.Synced, I.FileSyncStatus.NotSynced ] },
-		];
-		const sorts: I.Sort[] = [
-			{ type: I.SortType.Desc, relationKey: 'sizeInBytes' },
-		];
+		const Manager = (item: any) => {
+			const { refId } = item;
+			const buttons: I.ButtonComponent[] = [
+				{ icon: 'remove', text: translate('commonDeleteImmediately'), onClick: () => this.onRemove(refId) }
+			];
+			const filters: I.Filter[] = [
+				{ relationKey: 'fileSyncStatus', condition: I.FilterCondition.In, value: item.filters },
+			];
+			const sorts: I.Sort[] = [
+				{ type: I.SortType.Desc, relationKey: 'sizeInBytes' },
+			];
+
+			return (
+				<div className="fileManagerWrapper">
+					<Title className="sub" text={item.title} />
+
+					<ListObjectManager
+						ref={ref => this.refManagers[refId] = ref}
+						subId={item.subId}
+						rowLength={2}
+						buttons={buttons}
+						info={I.ObjectManagerItemInfo.FileSize}
+						iconSize={18}
+						sorts={sorts}
+						keys={U.Subscription.syncStatusRelationKeys()}
+						filters={filters}
+						ignoreHidden={false}
+						ignoreArchived={false}
+						textEmpty={translate('popupSettingsSpaceStorageManagerEmptyLabel')}
+					/>
+				</div>
+			);
+		};
 
 		return (
 			<div ref={ref => this.node = ref} className="wrap">
@@ -69,25 +97,22 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 					<ProgressBar segments={progressSegments} current={U.File.size(bytesUsed)} max={U.File.size(bytesLimit)} />
 				</div>
 
+				{error == I.SyncStatusError.StorageLimitExceed && canWrite ? (
+					<Manager
+						refId={'notSynced'}
+						subId={J.Constant.subId.fileManager.notSynced}
+						title={translate('pageSettingsSpaceNotSyncedFiles')}
+						filters={[ I.FileSyncStatus.NotSynced ]}
+					/>
+				) : ''}
+
 				{canWrite ? (
-					<div className="fileManagerWrapper">
-						<Title className="sub" text={translate('pageSettingsSpaceCleanupSpaceFiles')} />
-
-						<ListObjectManager
-							ref={ref => this.refManager = ref}
-							subId={J.Constant.subId.fileManager}
-							rowLength={2}
-							buttons={buttons}
-							info={I.ObjectManagerItemInfo.FileSize}
-							iconSize={18}
-							sorts={sorts}
-							keys={U.Subscription.syncStatusRelationKeys()}
-							filters={filters}
-							ignoreHidden={false}
-							ignoreArchived={false}
-							textEmpty={translate('popupSettingsSpaceStorageManagerEmptyLabel')}
-						/>
-					</div>
+					<Manager
+						refId={'synced'}
+						subId={J.Constant.subId.fileManager.synced}
+						title={translate('pageSettingsSpaceSyncedFiles')}
+						filters={[ I.FileSyncStatus.Synced ]}
+					/>
 				) : ''}
 			</div>
 		);
@@ -97,6 +122,10 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 		analytics.event('ScreenSettingsSpaceStorageManager');
 	};
 
+	componentWillUnmount () {
+		U.Subscription.destroyList([ J.Constant.subId.fileManager.synced, J.Constant.subId.fileManager.notSynced ]);
+	};
+
 	onUpgrade () {
 		const { membership } = S.Auth;
 
@@ -109,8 +138,10 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 		analytics.event('ClickUpgradePlanTooltip', { type: 'storage', route: analytics.route.settingsSpaceIndex });
 	};
 
-	onRemove () {
-		Action.delete(this.refManager.getSelected(), analytics.route.settings, () => this.refManager?.selectionClear());
+	onRemove (refId: string) {
+		const ref = this.refManagers[refId];
+
+		Action.delete(ref.getSelected(), analytics.route.settings, () => ref?.selectionClear());
 	};
 
 	resize () {

From f307176b72c9b8ce4df71858be586d935cb57f6b Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Mon, 28 Jul 2025 13:56:34 +0100
Subject: [PATCH 6/8] JS-7379: upgrade logic

---
 src/ts/component/menu/publish.tsx    | 11 ++++-------
 src/ts/component/menu/syncStatus.tsx |  2 +-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/ts/component/menu/publish.tsx b/src/ts/component/menu/publish.tsx
index 6992e58692..890124b49d 100644
--- a/src/ts/component/menu/publish.tsx
+++ b/src/ts/component/menu/publish.tsx
@@ -150,14 +150,11 @@ const MenuPublish = observer(forwardRef<I.MenuRef, I.Menu>((props, ref) => {
 	};
 
 	const onUpgrade = () => {
-		U.Object.openRoute(
-			{ id: 'membership', layout: I.ObjectLayout.Settings },
-			{ onRouteChange: () => { S.Popup.open('membership', { data: { tier: I.TierType.Builder }}) } },
-		);
+		Action.membershipUpgrade();
 		analytics.event('ClickUpgradePlanTooltip', { type: 'publish' });
 	};
 
-	const setSlugHander = v => setSlug(U.Common.slug(v));
+	const setSlugHandler = v => setSlug(U.Common.slug(v));
 
 	let buttons = [];
 
@@ -173,7 +170,7 @@ const MenuPublish = observer(forwardRef<I.MenuRef, I.Menu>((props, ref) => {
 	};
 
 	useEffect(() => {
-		setSlugHander(object.name);
+		setSlugHandler(object.name);
 
 		if (isOnline) {
 			loadStatus();
@@ -202,7 +199,7 @@ const MenuPublish = observer(forwardRef<I.MenuRef, I.Menu>((props, ref) => {
                 ref={inputRef}
                 value={slug}
                 focusOnMount={true} 
-				onChange={(e, v) => setSlugHander(v)}
+				onChange={(e, v) => setSlugHandler(v)}
 				maxLength={300}
 			/>
 			<div className="urlWrapper">
diff --git a/src/ts/component/menu/syncStatus.tsx b/src/ts/component/menu/syncStatus.tsx
index 083c3f4b83..cd5a6abf58 100644
--- a/src/ts/component/menu/syncStatus.tsx
+++ b/src/ts/component/menu/syncStatus.tsx
@@ -296,7 +296,7 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 			};
 
 			case 'upgrade': {
-				U.Object.openAuto({ id: 'membership', layout: I.ObjectLayout.Settings });
+				Action.membershipUpgrade();
 				break;
 			};
 		};

From a0a65aafc2442bee016600aba4ee5325531313ac Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Tue, 29 Jul 2025 13:18:16 +0100
Subject: [PATCH 7/8] JS-7329: not synced counter

---
 src/scss/component/sidebar/common.scss          |  2 +-
 src/ts/component/menu/syncStatus.tsx            | 17 ++++++-----------
 .../page/main/settings/space/storage.tsx        |  4 ++--
 .../component/sidebar/page/settings/index.tsx   |  6 +++---
 src/ts/interface/syncStatus.ts                  |  1 +
 src/ts/lib/api/mapper.ts                        |  3 ++-
 src/ts/store/auth.ts                            |  2 ++
 7 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/scss/component/sidebar/common.scss b/src/scss/component/sidebar/common.scss
index c8942818c5..d87ebe55e4 100644
--- a/src/scss/component/sidebar/common.scss
+++ b/src/scss/component/sidebar/common.scss
@@ -9,7 +9,7 @@
 .sidebarAnimation { transition: width $transitionSidebarTime linear; }
 
 #sidebarToggle, 
-#sidebarSync { position: fixed; top: 12px; z-index: 22; -webkit-app-region: no-drag; transition: none; }
+#sidebarSync { position: fixed; top: 12px; z-index: 25; -webkit-app-region: no-drag; transition: none; }
 
 #sidebarToggle { backdrop-filter: blur(20px); left: 84px; background-image: url('~img/icon/widget/toggle0.svg'); }
 #sidebarToggle.sidebarAnimation, #sidebarSync.sidebarAnimation { transition: left $transitionSidebarTime linear; }
diff --git a/src/ts/component/menu/syncStatus.tsx b/src/ts/component/menu/syncStatus.tsx
index cd5a6abf58..8adb5a76b8 100644
--- a/src/ts/component/menu/syncStatus.tsx
+++ b/src/ts/component/menu/syncStatus.tsx
@@ -39,11 +39,12 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 
 	render () {
 		const { isLoading } = this.state;
-		const { error } = S.Auth.getSyncStatus();
+		const { notSyncedCounter } = S.Auth.getSyncStatus();
+		const isOwner = U.Space.isMyOwner();
+		const canWrite = U.Space.canMyParticipantWrite();
 		const items = this.getItems();
 		const icons = this.getIcons();
 		const emptyText = U.Data.isLocalNetwork() ? translate('menuSyncStatusEmptyLocal') : translate('menuSyncStatusEmpty');
-		const notSyncedCount = this.getNotSyncedItemsCount();
 
 		const PanelIcon = (item) => {
 			const { id, className } = item;
@@ -135,13 +136,13 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 					<EmptySearch text={emptyText} />
 				) : ''}
 
-				{notSyncedCount && (error == I.SyncStatusError.StorageLimitExceed) ? (
+				{notSyncedCounter && canWrite ? (
 					<div className="incentiveBanner">
 						<Title text={translate('menuSyncStatusIncentiveBannerTitle')} />
-						<Label text={U.Common.sprintf(translate('menuSyncStatusIncentiveBannerLabel'), notSyncedCount, U.Common.plural(notSyncedCount, translate('pluralLCFile')))} />
+						<Label text={U.Common.sprintf(translate('menuSyncStatusIncentiveBannerLabel'), notSyncedCounter, U.Common.plural(notSyncedCounter, translate('pluralLCFile')))} />
 						<div className="buttons">
 							<Button onClick={() => this.onIncentiveButtonClick('storage')} className="c28" text={translate('menuSyncStatusIncentiveBannerReviewFiles')} color="blank" />
-							<Button onClick={() => this.onIncentiveButtonClick('upgrade')} className="c28" text={translate('commonUpgrade')} />
+							{isOwner ? <Button onClick={() => this.onIncentiveButtonClick('upgrade')} className="c28" text={translate('commonUpgrade')} /> : ''}
 						</div>
 					</div>
 				) : ''}
@@ -343,12 +344,6 @@ const MenuSyncStatus = observer(class MenuSyncStatus extends React.Component<I.M
 		return U.Data.groupDateSections(records, 'syncDate');
 	};
 
-	getNotSyncedItemsCount () {
-		const records = S.Record.getRecords(SUB_ID).filter(it => it.fileSyncStatus == I.FileSyncStatus.NotSynced);
-
-		return records.length;
-	};
-
 	getIcons () {
 		const syncStatus = S.Auth.getSyncStatus(S.Common.space);
 		const iconNetwork = this.getIconNetwork(syncStatus);
diff --git a/src/ts/component/page/main/settings/space/storage.tsx b/src/ts/component/page/main/settings/space/storage.tsx
index c649fdedb2..c34b5a3897 100644
--- a/src/ts/component/page/main/settings/space/storage.tsx
+++ b/src/ts/component/page/main/settings/space/storage.tsx
@@ -23,7 +23,7 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 	render () {
 		const { spaceStorage } = S.Common;
 		const { localUsage, bytesLimit } = spaceStorage;
-		const { error } = S.Auth.getSyncStatus();
+		const { notSyncedCounter } = S.Auth.getSyncStatus();
 		const spaces = U.Space.getList();
 		const usageCn = [ 'item' ];
 		const canWrite = U.Space.canMyParticipantWrite();
@@ -97,7 +97,7 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 					<ProgressBar segments={progressSegments} current={U.File.size(bytesUsed)} max={U.File.size(bytesLimit)} />
 				</div>
 
-				{error == I.SyncStatusError.StorageLimitExceed && canWrite ? (
+				{notSyncedCounter && canWrite ? (
 					<Manager
 						refId={'notSynced'}
 						subId={J.Constant.subId.fileManager.notSynced}
diff --git a/src/ts/component/sidebar/page/settings/index.tsx b/src/ts/component/sidebar/page/settings/index.tsx
index 7cdc0059cf..d4653c3c74 100644
--- a/src/ts/component/sidebar/page/settings/index.tsx
+++ b/src/ts/component/sidebar/page/settings/index.tsx
@@ -100,7 +100,7 @@ const SidebarSettingsIndex = observer(class SidebarSettingsIndex extends React.C
 			};
 
 			if (item.alert) {
-				caption = <div className="caption alert">!</div>;
+				caption = <div className="caption alert">{item.alert}</div>;
 			};
 
 			return (
@@ -202,7 +202,7 @@ const SidebarSettingsIndex = observer(class SidebarSettingsIndex extends React.C
 	};
 
 	getSpaceSettings () {
-		const { error } = S.Auth.getSyncStatus();
+		const { error, notSyncedCounter } = S.Auth.getSyncStatus();
 		const space = U.Space.getSpaceview();
 		const isEntrySpace = space.spaceAccessType == I.SpaceType.Personal;
 		const canWrite = U.Space.canMyParticipantWrite();
@@ -225,7 +225,7 @@ const SidebarSettingsIndex = observer(class SidebarSettingsIndex extends React.C
 				children: [
 					{ id: 'spaceIndex', icon: 'space', name: translate('pageSettingsSpaceGeneral') },
 					isEntrySpace ? null : { id: 'spaceShare', icon: 'members', name: members.length > 1 ? translate('commonMembers') : translate('pageSettingsSpaceIndexInviteMembers') },
-					{ id: 'spaceStorageManager', icon: 'storage', name: translate('pageSettingsSpaceRemoteStorage'), alert: error == I.SyncStatusError.StorageLimitExceed },
+					{ id: 'spaceStorageManager', icon: 'storage', name: translate('pageSettingsSpaceRemoteStorage'), alert: notSyncedCounter },
 					{ id: 'archive', icon: 'bin', name: translate('commonBin') },
 				].filter(it => it),
 			},
diff --git a/src/ts/interface/syncStatus.ts b/src/ts/interface/syncStatus.ts
index fe743cd995..049366122f 100644
--- a/src/ts/interface/syncStatus.ts
+++ b/src/ts/interface/syncStatus.ts
@@ -35,6 +35,7 @@ export interface SyncStatus {
 	p2p: P2PStatus;
 	syncingCounter: number;
 	devicesCounter: number;
+	notSyncedCounter: number;
 };
 
 export enum P2PStatus {
diff --git a/src/ts/lib/api/mapper.ts b/src/ts/lib/api/mapper.ts
index a4fd2895a1..2ac43d13d3 100644
--- a/src/ts/lib/api/mapper.ts
+++ b/src/ts/lib/api/mapper.ts
@@ -1686,7 +1686,8 @@ export const Mapper = {
 				error: obj.getError(),
 				network: obj.getNetwork(),
 				status: obj.getStatus(),
-				syncingCounter: obj.getSyncingobjectscounter()
+				syncingCounter: obj.getSyncingobjectscounter(),
+				notSyncedCounter: obj.getNotsyncedfilescounter()
 			};
 		},
 
diff --git a/src/ts/store/auth.ts b/src/ts/store/auth.ts
index aaacc71e07..ea7359f85c 100644
--- a/src/ts/store/auth.ts
+++ b/src/ts/store/auth.ts
@@ -124,6 +124,7 @@ class AuthStore {
 				p2p: observable,
 				syncingCounter: observable,
 				devicesCounter: observable,
+				notSyncedCounter: observable,
 			});
 
 			intercept(obj as any, change => U.Common.intercept(obj, change));
@@ -220,6 +221,7 @@ class AuthStore {
 			p2p: I.P2PStatus.NotConnected,
 			syncingCounter: 0,
 			devicesCounter: 0,
+			notSyncedCounter: 0,
 		};
 	};
 

From a015a150339ebd06234c9325fb57b252d1df9b39 Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Tue, 29 Jul 2025 13:22:41 +0100
Subject: [PATCH 8/8] JS-7329: constants

---
 src/json/constant.ts                          | 42 +++++++++----------
 .../page/main/settings/space/storage.tsx      |  6 +--
 2 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/src/json/constant.ts b/src/json/constant.ts
index 52f8a7cbb6..c13544fc37 100644
--- a/src/json/constant.ts
+++ b/src/json/constant.ts
@@ -104,28 +104,26 @@ export default {
 	},
 
 	subId: {
-		search:			 'search',
-		profile:		 'profile',
-		deleted:		 'deleted',
-		type:			 'type',
-		typeStore:		 'typeStore',
-		relation:		 'relation',
-		relationStore:	 'relationStore',
-		option:			 'option',
-		store:			 'store',
-		archive:		 'archive',
-		sidebar:		 'sidebar',
-		space:			 'space',
-		participant:	 'participant',
-		subSpace:		 'subSpace',
-		allObject:		 'allObject',
-		library: 		 'library',
-		chatSpace:		 'lastMessage',
-		template:		 'template',
-		fileManager: {
-			synced: 	 'fileManagerSynced',
-			notSynced: 	 'fileManagerNotSynced',
-		},
+		search:			 		'search',
+		profile:		 		'profile',
+		deleted:		 		'deleted',
+		type:			 		'type',
+		typeStore:		 		'typeStore',
+		relation:		 		'relation',
+		relationStore:	 		'relationStore',
+		option:			 		'option',
+		store:			 		'store',
+		archive:		 		'archive',
+		sidebar:		 		'sidebar',
+		space:			 		'space',
+		participant:	 		'participant',
+		subSpace:		 		'subSpace',
+		allObject:		 		'allObject',
+		library: 		 		'library',
+		chatSpace:		 		'lastMessage',
+		template:		 		'template',
+		fileManagerSynced: 		'fileManagerSynced',
+		fileManagerNotSynced: 	'fileManagerNotSynced'
 	},
 
 	typeKey: {
diff --git a/src/ts/component/page/main/settings/space/storage.tsx b/src/ts/component/page/main/settings/space/storage.tsx
index c34b5a3897..384ae1efcc 100644
--- a/src/ts/component/page/main/settings/space/storage.tsx
+++ b/src/ts/component/page/main/settings/space/storage.tsx
@@ -100,7 +100,7 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 				{notSyncedCounter && canWrite ? (
 					<Manager
 						refId={'notSynced'}
-						subId={J.Constant.subId.fileManager.notSynced}
+						subId={J.Constant.subId.fileManagerNotSynced}
 						title={translate('pageSettingsSpaceNotSyncedFiles')}
 						filters={[ I.FileSyncStatus.NotSynced ]}
 					/>
@@ -109,7 +109,7 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 				{canWrite ? (
 					<Manager
 						refId={'synced'}
-						subId={J.Constant.subId.fileManager.synced}
+						subId={J.Constant.subId.fileManagerSynced}
 						title={translate('pageSettingsSpaceSyncedFiles')}
 						filters={[ I.FileSyncStatus.Synced ]}
 					/>
@@ -123,7 +123,7 @@ const PageMainSettingsStorageManager = observer(class PageMainSettingsStorageMan
 	};
 
 	componentWillUnmount () {
-		U.Subscription.destroyList([ J.Constant.subId.fileManager.synced, J.Constant.subId.fileManager.notSynced ]);
+		U.Subscription.destroyList([ J.Constant.subId.fileManagerSynced, J.Constant.subId.fileManagerNotSynced ]);
 	};
 
 	onUpgrade () {