include ./left-menu-react

#chat-wrapper.full-size(
	layout="chat",
	spacing-open="{{ui.chatResizerSizeOpen}}",
	spacing-closed="{{ui.chatResizerSizeClosed}}",
	ng-hide="state.loading",
	ng-cloak
)
	.ui-layout-center
		include ./header-react

		if (!historyViewReact)
			include ./history/toolbarV2.pug

		main#ide-body(
			ng-cloak,
			role="main",
			ng-class="{ 'ide-history-open' : (ui.view == 'history' && !history.isReact) }",
			layout="main",
			ng-hide="state.loading",
			resize-on="layout:chat:resize,history:toggle,layout:flat-screen:toggle,south-pane-toggled",
			minimum-restore-size-west="130"
			custom-toggler-pane="west"
			custom-toggler-msg-when-open=translate("tooltip_hide_filetree")
		custom-toggler-msg-when-closed=translate("tooltip_show_filetree")
		tabindex="0"
			initial-size-east="250"
			init-closed-east="true"
			open-east="ui.chatOpen"
		)
			.ui-layout-west
				include ./file-tree-react
				if (historyViewReact)
					include ./file-tree-history-react
				else
					include ./history/fileTreeV2

			.ui-layout-center
				include ./editor

				if (historyViewReact)
					history-root()
				else
					include ./history

			if !isRestrictedTokenMember
				.ui-layout-east
					aside.chat
						chat()