From 60a722b8bb5943a9acb0bf0bc174a4ee6ff4d1e1 Mon Sep 17 00:00:00 2001
From: Joel Fernandes <150249488+jfernsio@users.noreply.github.com>
Date: Tue, 31 Mar 2026 21:07:51 +0000
Subject: [PATCH 1/2] feat:add splitpane functionality to hide sidebar

---
 .../v/[version]/[...filePath].vue             | 32 +++++++++++++++++++
 i18n/locales/en.json                          |  4 ++-
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 3fbdcfe994..512cce49f1 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -310,6 +310,23 @@ defineOgImageComponent('Default', {
   description: () => pkg.value?.license ?? '',
   primaryColor: '#60a5fa',
 })
+
+// Sidebar visibility
+const { settings } = useSettings()
+const isSidebarCollapsed = computed({
+  get: () => settings.value.sidebar.collapsed.includes('code'),
+  set: value => {
+    const collapsed = settings.value.sidebar.collapsed.filter(id => id !== 'code')
+    if (value) {
+      collapsed.push('code')
+    }
+    settings.value.sidebar.collapsed = collapsed
+  },
+})
+
+function toggleSidebar() {
+  isSidebarCollapsed.value = !isSidebarCollapsed.value
+}
 </script>
 
 <template>
@@ -349,6 +366,7 @@ defineOgImageComponent('Default', {
     <div v-else-if="fileTree" class="flex flex-1" dir="ltr">
       <!-- File tree sidebar - sticky with internal scroll -->
       <aside
+        v-show="!isSidebarCollapsed"
         class="w-64 lg:w-72 border-ie border-border shrink-0 hidden md:block bg-bg-subtle sticky top-25 self-start h-[calc(100vh-7rem)] overflow-y-auto"
       >
         <CodeFileTree
@@ -365,6 +383,20 @@ defineOgImageComponent('Default', {
           class="sticky z-5 top-25 bg-bg border-b border-border px-4 py-2 flex items-center justify-between gap-2 text-nowrap overflow-x-auto max-w-full"
         >
           <div class="flex items-center gap-2">
+            <!-- Sidebar toggle button -->
+            <button
+              type="button"
+              class="hidden md:flex items-center justify-center w-8 h-8 text-fg-subtle hover:text-fg transition-colors focus-visible:outline-accent/70 rounded"
+              :aria-label="$t(isSidebarCollapsed ? 'code.show_sidebar' : 'code.hide_sidebar')"
+              @click="toggleSidebar"
+            >
+              <span
+                class="w-4 h-4"
+                :class="isSidebarCollapsed ? 'i-lucide:sidebar-open' : 'i-lucide:sidebar-close'"
+                aria-hidden="true"
+              />
+            </button>
+
             <div
               v-if="fileContent?.markdownHtml"
               class="flex items-center gap-1 p-0.5 bg-bg-subtle border border-border-subtle rounded-md overflow-x-auto"
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 16c891ae47..81ee0def52 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -851,7 +851,9 @@
     },
     "file_path": "File path",
     "binary_file": "Binary file",
-    "binary_rendering_warning": "File type \"{contentType}\" is not supported for preview."
+    "binary_rendering_warning": "File type \"{contentType}\" is not supported for preview.",
+    "show_sidebar": "Show sidebar",
+    "hide_sidebar": "Hide sidebar"
   },
   "badges": {
     "provenance": {

From 4ce9fea04c2fb0b6dcc16870d4c1c23ee1fe9523 Mon Sep 17 00:00:00 2001
From: Joel Fernandes <150249488+jfernsio@users.noreply.github.com>
Date: Wed, 1 Apr 2026 09:18:00 +0000
Subject: [PATCH 2/2] chore(i18n): remove unused keys reported by i18n:report

---
 i18n/locales/en.json | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 81ee0def52..16c891ae47 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -851,9 +851,7 @@
     },
     "file_path": "File path",
     "binary_file": "Binary file",
-    "binary_rendering_warning": "File type \"{contentType}\" is not supported for preview.",
-    "show_sidebar": "Show sidebar",
-    "hide_sidebar": "Hide sidebar"
+    "binary_rendering_warning": "File type \"{contentType}\" is not supported for preview."
   },
   "badges": {
     "provenance": {