overleaf/services/web/app/views/project/editor/file-tree-react.pug

aside.editor-sidebar.full-size(
	ng-show="ui.view != 'history' || !history.isV2"
	vertical-resizable-panes="outline-resizer"
	vertical-resizable-panes-toggled-externally-on="outline-toggled"
	vertical-resizable-panes-min-size="32"
	vertical-resizable-panes-max-size="75%"
	vertical-resizable-panes-resize-on="left-pane-resize-all"
)

	.file-tree(
		ng-controller="ReactFileTreeController"
		vertical-resizable-top
	)
		file-tree-root(
			project-id="projectId"
			root-folder="rootFolder"
			root-doc-id="rootDocId"
			has-write-permissions="hasWritePermissions"
			on-select="onSelect"
			on-init="onInit"
			is-connected="isConnected"
		)

		div(ng-controller="FileTreeController")
			include ./new-file-modal

	.outline-container(
		vertical-resizable-bottom
		ng-controller="OutlineController"
	)
		outline-pane(
			is-tex-file="isTexFile"
			outline="outline"
			project-id="project_id"
			jump-to-line="jumpToLine"
			on-toggle="onToggle"
			event-tracking="eventTracking"
			highlighted-line="highlightedLine"
		)