+
{{ $t('code.no_files') }}
diff --git a/app/components/Code/Header.vue b/app/components/Code/Header.vue
new file mode 100644
index 0000000000..6b90c08745
--- /dev/null
+++ b/app/components/Code/Header.vue
@@ -0,0 +1,257 @@
+
+
+
diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
index ecdf1f4f4e..dd524bf635 100644
--- a/app/components/Code/MobileTreeDrawer.vue
+++ b/app/components/Code/MobileTreeDrawer.vue
@@ -22,18 +22,17 @@ watch(
const isLocked = useScrollLock(document)
// Prevent body scroll when drawer is open
watch(isOpen, open => (isLocked.value = open))
+
+function toggle() {
+ isOpen.value = !isOpen.value
+}
+
+defineExpose({
+ toggle,
+})
diff --git a/app/components/Code/Viewer.vue b/app/components/Code/Viewer.vue
index 90bcf0c221..5edf96eb84 100644
--- a/app/components/Code/Viewer.vue
+++ b/app/components/Code/Viewer.vue
@@ -86,7 +86,7 @@ watch(