diff --git a/www/Makefile b/www/Makefile
index 1df2195a..493d194f 100644
--- a/www/Makefile
+++ b/www/Makefile
@@ -4,6 +4,13 @@ IMAGES := \
 	images/logo-128.png \
 	images/proxmox_logo.png
 
+TAPE_UI_FILES=
+
+ifdef TEST_TAPE_GUI
+TAPE_UI_FILES=						\
+	TapeManagement.js
+endif
+
 JSSRC=							\
 	Utils.js					\
 	form/UserSelector.js				\
@@ -63,6 +70,7 @@ JSSRC=							\
 	ServerStatus.js					\
 	ServerAdministration.js				\
 	Dashboard.js					\
+	${TAPE_UI_FILES}				\
 	NavigationTree.js				\
 	Application.js					\
 	MainView.js
diff --git a/www/NavigationTree.js b/www/NavigationTree.js
index e013318a..9b9bbc1c 100644
--- a/www/NavigationTree.js
+++ b/www/NavigationTree.js
@@ -116,6 +116,19 @@ Ext.define('PBS.view.main.NavigationTree', {
 
 	    let root = view.getStore().getRoot();
 
+	    if (PBS.TapeManagement !== undefined) {
+		if (!root.findChild('id', 'tape_management', false)) {
+		    root.insertChild(3, {
+			text: "Tape Management",
+			iconCls: 'fa fa-gears',
+			id: 'tape_management',
+			path: 'pbsTapeManagement',
+			expanded: true,
+			children: [],
+		    });
+		}
+	    }
+
 	    records.sort((a, b) => a.id.localeCompare(b.id));
 
 	    var list = root.findChild('id', 'datastores', false);
diff --git a/www/TapeManagement.js b/www/TapeManagement.js
new file mode 100644
index 00000000..69d35fe6
--- /dev/null
+++ b/www/TapeManagement.js
@@ -0,0 +1,11 @@
+Ext.define('PBS.TapeManagement', {
+    extend: 'Ext.tab.Panel',
+    alias: 'widget.pbsTapeManagement',
+
+    title: gettext('Tape Management'),
+
+    border: true,
+    defaults: { border: false },
+
+    html: "Experimental tape management GUI.",
+});