diff --git a/app/components/Code/DirectoryListing.vue b/app/components/Code/DirectoryListing.vue
index 624a69ef8e..f9b8521a5a 100644
--- a/app/components/Code/DirectoryListing.vue
+++ b/app/components/Code/DirectoryListing.vue
@@ -58,6 +58,7 @@ const bytesFormatter = useBytesFormatter()
   <div class="directory-listing">
     <!-- Empty state -->
     <div v-if="currentContents.length === 0" class="py-20 text-center text-fg-muted">
+      <span class="i-lucide:folder-open w-12 h-12 text-fg-subtle mx-auto mb-4"> </span>
       <p>{{ $t('code.no_files') }}</p>
     </div>
 
diff --git a/app/components/Code/Header.vue b/app/components/Code/Header.vue
new file mode 100644
index 0000000000..64062acdba
--- /dev/null
+++ b/app/components/Code/Header.vue
@@ -0,0 +1,267 @@
+<script setup lang="ts">
+import type { PackageFileContentResponse } from '#shared/types/npm-registry'
+
+interface BreadcrumbItem {
+  name: string
+  path: string
+}
+
+const props = defineProps<{
+  filePath?: string | null
+  loading: boolean
+  isViewingFile: boolean
+  isBinaryFile: boolean
+  fileContent: PackageFileContentResponse | null | undefined
+  markdownViewMode: 'preview' | 'code'
+  selectedLines: { start: number; end: number } | null
+  getCodeUrlWithPath: (path?: string) => string
+  packageName: string
+  version: string
+}>()
+
+const emit = defineEmits<{
+  'update:markdownViewMode': [value: 'preview' | 'code']
+  'mobile-tree-drawer-toggle': []
+}>()
+
+const { codeContainerFull, toggleCodeContainer } = useCodeContainer()
+
+const markdownViewModes = [
+  {
+    key: 'preview' as const,
+    label: $t('code.markdown_view_mode.preview'),
+    icon: 'i-lucide:eye',
+  },
+  {
+    key: 'code' as const,
+    label: $t('code.markdown_view_mode.code'),
+    icon: 'i-lucide:code',
+  },
+]
+
+// Build breadcrumb path segments
+const breadcrumbs = computed<{
+  items: BreadcrumbItem[]
+  current: string
+}>(() => {
+  const parts = props.filePath?.split('/').filter(Boolean) ?? []
+  const result: {
+    items: BreadcrumbItem[]
+    current: string
+  } = {
+    items: [],
+    current: parts.at(-1) ?? '',
+  }
+
+  for (let i = 0; i < parts.length - 1; i++) {
+    const part = parts[i]
+    if (part) {
+      result.items.push({
+        name: part,
+        path: parts.slice(0, i + 1).join('/'),
+      })
+    }
+  }
+
+  return result
+})
+
+const { copied: fileContentCopied, copy: copyFileContent } = useClipboard({
+  source: () => props.fileContent?.content || '',
+  copiedDuring: 2000,
+})
+
+// Copy link to current line(s)
+const { copied: permalinkCopied, copy: copyPermalink } = useClipboard({ copiedDuring: 2000 })
+
+function copyPermalinkUrl() {
+  const url = new URL(window.location.href)
+  copyPermalink(url.toString())
+}
+
+// Path dropdown (mobile breadcrumb collapse)
+const isPathDropdownOpen = shallowRef(false)
+const pathDropdownButtonRef = useTemplateRef('pathDropdownButtonRef')
+const pathDropdownListRef = useTemplateRef<HTMLElement>('pathDropdownListRef')
+
+function togglePathDropdown(forceClose?: boolean) {
+  if (forceClose) {
+    isPathDropdownOpen.value = false
+    return
+  }
+
+  isPathDropdownOpen.value = !isPathDropdownOpen.value
+}
+
+onClickOutside(pathDropdownListRef, () => togglePathDropdown(true), {
+  ignore: [pathDropdownButtonRef],
+})
+
+useEventListener('keydown', (event: KeyboardEvent) => {
+  if (event.key === 'Escape' && isPathDropdownOpen.value) {
+    togglePathDropdown(true)
+  }
+})
+</script>
+
+<template>
+  <div
+    class="sticky flex-split h-11 max-md:(h-20 top-32 flex-col items-start) z-5 top-25 gap-0 bg-bg-subtle border-b border-border px-2 py-1 text-nowrap max-w-full"
+  >
+    <div class="flex items-center w-full h-full relative">
+      <!-- Breadcrumb navigation -->
+      <nav
+        :aria-label="$t('code.file_path')"
+        class="flex items-center gap-0.5 font-mono text-sm overflow-x-auto"
+        dir="ltr"
+      >
+        <NuxtLink
+          v-if="filePath"
+          :to="getCodeUrlWithPath()"
+          class="text-fg-muted hover:text-fg transition-colors shrink-0"
+        >
+          ~
+        </NuxtLink>
+        <span class="max-md:hidden">
+          <template v-for="crumb in breadcrumbs.items" :key="crumb.path">
+            <span class="text-fg-subtle">/</span>
+            <NuxtLink
+              :to="getCodeUrlWithPath(crumb.path)"
+              class="text-fg-muted hover:text-fg transition-colors"
+            >
+              {{ crumb.name }}
+            </NuxtLink>
+          </template>
+        </span>
+        <!-- Show dropdown with path elements on small screens -->
+        <span v-if="breadcrumbs.items.length" class="md:hidden">
+          <span class="text-fg-subtle">/</span>
+          <span ref="pathDropdownButtonRef">
+            <ButtonBase
+              size="sm"
+              class="px-2 py-1 mx-1"
+              :aria-label="$t('code.open_path_dropdown')"
+              :aria-expanded="isPathDropdownOpen"
+              aria-haspopup="true"
+              @click="togglePathDropdown()"
+            >
+              ...
+            </ButtonBase>
+          </span>
+        </span>
+        <template v-if="breadcrumbs.current">
+          <span class="text-fg-subtle">/</span>
+          <span class="text-fg">{{ breadcrumbs.current }}</span>
+        </template>
+      </nav>
+      <Transition
+        enter-active-class="transition-all duration-150"
+        leave-active-class="transition-all duration-100"
+        enter-from-class="opacity-0 translate-y-1"
+        leave-to-class="opacity-0 translate-y-1"
+      >
+        <div
+          v-if="isPathDropdownOpen"
+          ref="pathDropdownListRef"
+          class="absolute top-8 z-50 bg-bg-subtle border border-border rounded-lg shadow-lg py-1 min-w-65 max-w-full font-mono text-sm"
+        >
+          <NuxtLink
+            v-for="(crumb, index) in breadcrumbs.items"
+            :key="crumb.path"
+            :to="getCodeUrlWithPath(crumb.path)"
+            class="flex items-start px-3 py-1 text-fg-muted hover:text-fg hover:bg-bg-muted transition-colors"
+            @click="togglePathDropdown(false)"
+          >
+            <span
+              v-for="level in index"
+              :key="level"
+              aria-hidden="true"
+              class="relative h-5 w-4 shrink-0"
+            >
+              <!-- add └ mark to better visualize nested folders) -->
+              <template v-if="level === index">
+                <span class="absolute top-0 bottom-1/2 inset-is-2 w-px bg-fg-subtle/50" />
+                <span class="absolute top-1/2 inset-is-2 inset-ie-0 h-px bg-fg-subtle/50" />
+              </template>
+            </span>
+            <span :class="{ 'ps-1': index > 0 }" class="min-w-0 break-all"
+              >{{ crumb.name }}<span class="text-fg-subtle">/</span></span
+            >
+          </NuxtLink>
+        </div>
+      </Transition>
+    </div>
+    <div class="flex max-md:(w-full justify-between border-border border-t pt-1)">
+      <!-- Toggle button (mobile only) -->
+      <ButtonBase
+        class="md:hidden px-2"
+        :aria-label="$t('code.toggle_tree')"
+        @click="emit('mobile-tree-drawer-toggle')"
+        classicon="i-lucide:folder-code"
+      />
+      <div class="flex items-center gap-2">
+        <template v-if="isViewingFile && !isBinaryFile && fileContent">
+          <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"
+            role="tablist"
+            aria-label="Markdown view mode selector"
+          >
+            <button
+              v-for="mode in markdownViewModes"
+              :key="mode.key"
+              role="tab"
+              class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 inline-flex items-center gap-1.5"
+              :class="
+                markdownViewMode === mode.key
+                  ? 'bg-bg-muted shadow text-fg'
+                  : 'text-fg-subtle hover:text-fg'
+              "
+              :aria-selected="markdownViewMode === mode.key"
+              @click="emit('update:markdownViewMode', mode.key)"
+            >
+              {{ mode.label }}
+            </button>
+          </div>
+          <TooltipApp :text="$t('code.copy_link')" position="top">
+            <ButtonBase
+              v-if="selectedLines"
+              class="py-1 px-3"
+              :classicon="permalinkCopied ? 'i-lucide:check' : 'i-lucide:file-braces-corner'"
+              :aria-label="$t('code.copy_link')"
+              @click="copyPermalinkUrl"
+            />
+          </TooltipApp>
+          <TooltipApp :text="$t('code.copy_content')" position="top">
+            <ButtonBase
+              v-if="!!fileContent?.content"
+              class="px-3"
+              :classicon="fileContentCopied ? 'i-lucide:check' : 'i-lucide:copy'"
+              :aria-label="$t('code.copy_content')"
+              @click="copyFileContent()"
+            />
+          </TooltipApp>
+          <TooltipApp :text="$t('code.open_raw_file')" position="top">
+            <LinkBase
+              variant="button-secondary"
+              :to="`https://cdn.jsdelivr.net/npm/${packageName}@${version}/${filePath}`"
+              class="px-3"
+              :aria-label="$t('code.open_raw_file')"
+            />
+          </TooltipApp>
+        </template>
+        <TooltipApp :text="$t('code.toggle_container')" position="top">
+          <ButtonBase
+            class="px-3 max-xl:hidden"
+            :disabled="loading"
+            :classicon="
+              codeContainerFull ? 'i-lucide:fold-horizontal' : 'i-lucide:unfold-horizontal'
+            "
+            :aria-label="$t('code.toggle_container')"
+            @click="toggleCodeContainer()"
+          />
+        </TooltipApp>
+      </div>
+    </div>
+  </div>
+</template>
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,
+})
 </script>
 
 <template>
-  <!-- Toggle button (mobile only) -->
-  <ButtonBase
-    variant="primary"
-    class="md:hidden fixed bottom-9 inset-ie-4 z-45"
-    :aria-label="$t('code.toggle_tree')"
-    @click="isOpen = !isOpen"
-    :classicon="isOpen ? 'i-lucide:x' : 'i-lucide:folder'"
-  />
-
   <!-- Backdrop -->
   <Transition
     enter-active-class="transition-opacity duration-200"
diff --git a/app/components/Code/SkeletonLoader.vue b/app/components/Code/SkeletonLoader.vue
new file mode 100644
index 0000000000..38f7196204
--- /dev/null
+++ b/app/components/Code/SkeletonLoader.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="flex min-h-full" role="status" aria-busy="true" :aria-label="$t('common.loading')">
+    <!-- Fake line numbers column -->
+    <div class="shrink-0 bg-bg-subtle border-ie border-border w-14 py-0">
+      <div v-for="n in 20" :key="n" class="px-3 h-6 flex items-center justify-end">
+        <SkeletonInline class="w-4 h-3 rounded-sm" />
+      </div>
+    </div>
+    <!-- Fake code content -->
+    <div class="flex-1 p-4 space-y-1.5">
+      <SkeletonBlock class="h-4 w-32 rounded-sm" />
+      <SkeletonBlock class="h-4 w-48 rounded-sm" />
+      <SkeletonBlock class="h-4 w-24 rounded-sm" />
+      <div class="h-4" />
+      <SkeletonBlock class="h-4 w-64 rounded-sm" />
+      <SkeletonBlock class="h-4 w-56 rounded-sm" />
+      <SkeletonBlock class="h-4 w-40 rounded-sm" />
+      <SkeletonBlock class="h-4 w-72 rounded-sm" />
+      <div class="h-4" />
+      <SkeletonBlock class="h-4 w-36 rounded-sm" />
+      <SkeletonBlock class="h-4 w-52 rounded-sm" />
+      <SkeletonBlock class="h-4 w-44 rounded-sm" />
+      <SkeletonBlock class="h-4 w-28 rounded-sm" />
+      <div class="h-4" />
+      <SkeletonBlock class="h-4 w-60 rounded-sm" />
+      <SkeletonBlock class="h-4 w-48 rounded-sm" />
+      <SkeletonBlock class="h-4 w-32 rounded-sm" />
+      <SkeletonBlock class="h-4 w-56 rounded-sm" />
+      <SkeletonBlock class="h-4 w-40 rounded-sm" />
+      <SkeletonBlock class="h-4 w-24 rounded-sm" />
+    </div>
+  </div>
+</template>
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(
 </script>
 
 <template>
-  <div class="code-viewer flex min-h-full max-w-full">
+  <div class="code-viewer flex min-h-full max-w-full overflow-x-auto">
     <!-- Line numbers column -->
     <div
       class="line-numbers shrink-0 bg-bg-subtle border-ie border-solid border-border text-end select-none relative"
diff --git a/app/composables/useSettings.ts b/app/composables/useSettings.ts
index a79c746c20..5e17fbab86 100644
--- a/app/composables/useSettings.ts
+++ b/app/composables/useSettings.ts
@@ -38,6 +38,7 @@ export interface AppSettings {
     /** Automatically open the web auth page in the browser */
     autoOpenURL: boolean
   }
+  codeContainerFull: boolean
   sidebar: {
     collapsed: string[]
   }
@@ -63,6 +64,7 @@ const DEFAULT_SETTINGS: AppSettings = {
   connector: {
     autoOpenURL: false,
   },
+  codeContainerFull: false,
   sidebar: {
     collapsed: [],
   },
@@ -79,6 +81,8 @@ const STORAGE_KEY = 'npmx-settings'
 // Shared settings instance (singleton per app)
 let settingsRef: RemovableRef<AppSettings> | null = null
 
+const hasHydrated = ref(false)
+
 /**
  * Composable for managing application settings with localStorage persistence.
  * Settings are shared across all components that use this composable.
@@ -236,3 +240,22 @@ export function useBackgroundTheme() {
     setBackgroundTheme,
   }
 }
+
+export function useCodeContainer() {
+  const { settings } = useSettings()
+
+  onMounted(() => {
+    hasHydrated.value = true
+  })
+
+  const codeContainerFull = computed(() => hasHydrated.value && settings.value.codeContainerFull)
+
+  function toggleCodeContainer() {
+    settings.value.codeContainerFull = !settings.value.codeContainerFull
+  }
+
+  return {
+    codeContainerFull,
+    toggleCodeContainer,
+  }
+}
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..4836ff5470 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+// Maximum file size we'll try to load (500KB) - must match server
+const MAX_FILE_SIZE = 500 * 1024
+
 definePageMeta({
   name: 'code',
   path: '/package-code/:org?/:packageName/v/:version/:filePath(.*)?',
@@ -12,6 +15,10 @@ definePageMeta({
 
 const route = useRoute('code')
 
+const mobileFileTreeRef = useTemplateRef('mobileFileTreeRef')
+
+const { codeContainerFull } = useCodeContainer()
+
 // Parse package name, version, and file path from URL
 // Patterns:
 //   /code/nuxt/v/4.2.0 → packageName: "nuxt", version: "4.2.0", filePath: null (show tree)
@@ -95,25 +102,26 @@ const currentNode = computed(() => {
   return lastFound
 })
 
-const isViewingFile = computed(() => currentNode.value?.type === 'file')
-
-// Maximum file size we'll try to load (500KB) - must match server
-const MAX_FILE_SIZE = 500 * 1024
+const isViewingFile = computed<boolean>(() => currentNode.value?.type === 'file')
 
 // Estimate binary file based on mime type
-const isBinaryFile = computed(() => {
+const isBinaryFile = computed<boolean>(() => {
+  if (!isViewingFile.value) return false
+
   const contentType = fileContent.value?.contentType
   if (!contentType) return false
   return isBinaryContentType(contentType)
 })
 
-const isFileTooLarge = computed(() => {
+const isFileTooLarge = computed<boolean>(() => {
+  if (!isViewingFile.value) return false
+
   const size = currentNode.value?.size
   return size !== undefined && size > MAX_FILE_SIZE
 })
 
 // Fetch file content when a file is selected (and not too large)
-const fileContentUrl = computed(() => {
+const fileContentUrl = computed<string | null>(() => {
   // Don't fetch if no file path, file tree not loaded, file is too large, or it's a directory
   if (!filePath.value || !fileTree.value || isFileTooLarge.value || !isViewingFile.value) {
     return null
@@ -127,6 +135,19 @@ const {
   execute: fetchFileContent,
 } = useFetch<PackageFileContentResponse>(() => fileContentUrl.value!, { immediate: false })
 
+// Loading skeleton state
+const isLoading = computed<boolean>(() => {
+  if (!isViewingFile.value) {
+    return treeStatus.value !== 'success' && treeStatus.value !== 'error'
+  }
+
+  return !fileStatus.value || fileStatus.value === 'pending' || fileStatus.value === 'idle'
+})
+
+function toggleMobileTreeDrawer(): void {
+  mobileFileTreeRef.value?.toggle()
+}
+
 watch(
   fileContentUrl,
   url => {
@@ -185,24 +206,6 @@ watch(fileContent, () => {
   nextTick(scrollToLine)
 })
 
-// Build breadcrumb path segments
-const breadcrumbs = computed(() => {
-  const parts = filePath.value?.split('/').filter(Boolean) ?? []
-  const result: { name: string; path: string }[] = []
-
-  for (let i = 0; i < parts.length; i++) {
-    const part = parts[i]
-    if (part) {
-      result.push({
-        name: part,
-        path: parts.slice(0, i + 1).join('/'),
-      })
-    }
-  }
-
-  return result
-})
-
 // Navigation helper - build URL for a path
 function getCurrentCodeUrlWithPath(path?: string): string {
   return getCodeUrl({
@@ -236,36 +239,10 @@ function handleLineClick(lineNum: number, event: MouseEvent) {
   currentHash.value = newHash
 }
 
-// Copy link to current line(s)
-const { copied: permalinkCopied, copy: copyPermalink } = useClipboard({ copiedDuring: 2000 })
-function copyPermalinkUrl() {
-  const url = new URL(window.location.href)
-  copyPermalink(url.toString())
-}
-
-const { copied: fileContentCopied, copy: copyFileContent } = useClipboard({
-  source: () => fileContent.value?.content || '',
-  copiedDuring: 2000,
-})
-
 // Canonical URL for this code page
 const canonicalUrl = computed(() => `https://npmx.dev${getCodeUrl(route.params)}`)
 
-// Toggle markdown view mode
-const markdownViewModes = [
-  {
-    key: 'preview',
-    label: $t('code.markdown_view_mode.preview'),
-    icon: 'i-lucide:eye',
-  },
-  {
-    key: 'code',
-    label: $t('code.markdown_view_mode.code'),
-    icon: 'i-lucide:code',
-  },
-] as const
-
-const markdownViewMode = shallowRef<(typeof markdownViewModes)[number]['key']>('preview')
+const markdownViewMode = shallowRef<'preview' | 'code'>('preview')
 
 const bytesFormatter = useBytesFormatter()
 
@@ -310,6 +287,16 @@ defineOgImageComponent('Default', {
   description: () => pkg.value?.license ?? '',
   primaryColor: '#60a5fa',
 })
+
+onPrehydrate(() => {
+  const settingsSaved = JSON.parse(localStorage.getItem('npmx-settings') || '{}')
+  const container = document.getElementById('code-page-container')
+
+  if (settingsSaved?.codeContainerFull === true && container) {
+    console.log('add max-w-full')
+    container!.classList.add('max-w-full', 'border-0')
+  }
+})
 </script>
 
 <template>
@@ -346,113 +333,51 @@ defineOgImageComponent('Default', {
     </div>
 
     <!-- Main content: file tree + file viewer -->
-    <div v-else-if="fileTree" class="flex flex-1" dir="ltr">
+    <div
+      v-else-if="!!fileTree"
+      id="code-page-container"
+      class="w-full grid grid-cols-[18rem_1fr] max-lg:grid-cols-[16rem_1fr] max-md:grid-cols-[1fr] border-border border-x px-0 mx-auto transition-[max-width] duration-300"
+      :class="[codeContainerFull ? 'max-w-full border-0' : 'container']"
+      dir="ltr"
+    >
       <!-- File tree sidebar - sticky with internal scroll -->
       <aside
-        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"
+        class="sticky top-25 w-64 lg:w-72 hidden md:block h-[calc(100vh-10.5rem)] shrink-0 self-start bg-bg-subtle border-ie border-border"
       >
-        <CodeFileTree
-          :tree="fileTree.tree"
-          :current-path="filePath ?? ''"
-          :base-url="getCurrentCodeUrlWithPath()"
-          :base-route="route"
-        />
+        <div class="h-[calc(100vh-10.5rem)] overflow-y-auto">
+          <CodeFileTree
+            :tree="fileTree.tree"
+            :current-path="filePath ?? ''"
+            :base-url="getCurrentCodeUrlWithPath()"
+            :base-route="route"
+          />
+        </div>
       </aside>
 
       <!-- File content / Directory listing - sticky with internal scroll on desktop -->
-      <div class="flex-1 min-w-0 self-start">
-        <div
-          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">
-            <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"
-              role="tablist"
-              aria-label="Markdown view mode selector"
-            >
-              <button
-                v-for="mode in markdownViewModes"
-                :key="mode.key"
-                role="tab"
-                class="px-2 py-1.5 font-mono text-xs rounded transition-colors duration-150 border border-solid focus-visible:outline-accent/70 inline-flex items-center gap-1.5"
-                :class="
-                  markdownViewMode === mode.key
-                    ? 'bg-bg shadow text-fg border-border'
-                    : 'text-fg-subtle hover:text-fg border-transparent'
-                "
-                :aria-selected="markdownViewMode === mode.key"
-                @click="markdownViewMode = mode.key"
-              >
-                <span class="inline-block h-3 w-3" :class="mode.icon" aria-hidden="true" />
-                {{ mode.label }}
-              </button>
-            </div>
-            <!-- Breadcrumb navigation -->
-            <nav
-              :aria-label="$t('code.file_path')"
-              class="flex items-center gap-0.5 font-mono text-sm overflow-x-auto"
-              dir="ltr"
-            >
-              <NuxtLink
-                v-if="filePath"
-                :to="getCurrentCodeUrlWithPath()"
-                class="text-fg-muted hover:text-fg transition-colors shrink-0"
-              >
-                {{ $t('code.root') }}
-              </NuxtLink>
-              <span v-else class="text-fg shrink-0">{{ $t('code.root') }}</span>
-              <template v-for="(crumb, i) in breadcrumbs" :key="crumb.path">
-                <span class="text-fg-subtle">/</span>
-                <NuxtLink
-                  v-if="i < breadcrumbs.length - 1"
-                  :to="getCurrentCodeUrlWithPath(crumb.path)"
-                  class="text-fg-muted hover:text-fg transition-colors"
-                >
-                  {{ crumb.name }}
-                </NuxtLink>
-                <span v-else class="text-fg">{{ crumb.name }}</span>
-              </template>
-            </nav>
-          </div>
-          <div class="flex items-center gap-2" v-if="isViewingFile && !isBinaryFile && fileContent">
-            <button
-              v-if="selectedLines"
-              type="button"
-              class="px-2 py-1 font-mono text-xs text-fg-muted bg-bg-subtle border border-border rounded hover:text-fg hover:border-border-hover transition-colors active:scale-95"
-              @click="copyPermalinkUrl"
-            >
-              {{ permalinkCopied ? $t('common.copied') : $t('code.copy_link') }}
-            </button>
-            <button
-              v-if="!!fileContent?.content"
-              type="button"
-              class="px-2 py-1 font-mono text-xs text-fg-muted bg-bg-subtle border border-border rounded hover:text-fg hover:border-border-hover transition-colors inline-flex items-center gap-1 capitalize"
-              @click="copyFileContent()"
-            >
-              <span
-                class="w-3 h-3"
-                :class="fileContentCopied ? 'i-lucide:check' : 'i-lucide:file'"
-              />
-              {{ fileContentCopied ? $t('common.copied') : $t('common.copy') }}
-            </button>
-            <a
-              :href="`https://cdn.jsdelivr.net/npm/${packageName}@${version}/${filePath}`"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="px-2 py-1 font-mono text-xs text-fg-muted bg-bg-subtle border border-border rounded hover:text-fg hover:border-border-hover transition-colors inline-flex items-center gap-1"
-            >
-              {{ $t('code.raw') }}
-              <span class="i-lucide:external-link w-3 h-3" />
-            </a>
-          </div>
-        </div>
+      <div class="flex-1 grid grid-rows-[auto_1fr_auto] h-full min-h-full min-w-0 self-start">
+        <CodeHeader
+          :file-path="filePath"
+          :loading="isLoading"
+          :is-viewing-file="isViewingFile"
+          :is-binary-file="isBinaryFile"
+          :file-content="fileContent"
+          v-model:markdown-view-mode="markdownViewMode"
+          :selected-lines="selectedLines"
+          :get-code-url-with-path="getCurrentCodeUrlWithPath"
+          :package-name="packageName"
+          :version="version"
+          @mobile-tree-drawer-toggle="toggleMobileTreeDrawer()"
+        />
+        <!-- Loading file/directory content -->
+        <CodeSkeletonLoader v-if="isLoading" />
+
         <!-- File viewer -->
-        <template v-if="isViewingFile && !isBinaryFile && fileContent">
+        <template v-else-if="isViewingFile && !isBinaryFile && fileContent">
           <div
             v-if="fileContent.markdownHtml"
             v-show="markdownViewMode === 'preview'"
-            class="flex justify-center p-4"
+            class="flex min-h-full overflow-x-auto justify-center p-4"
           >
             <Readme :html="fileContent.markdownHtml.html" />
           </div>
@@ -462,10 +387,12 @@ defineOgImageComponent('Default', {
             :html="fileContent.html"
             :lines="fileContent.lines"
             :selected-lines="selectedLines"
+            class="flex-1"
             @line-click="handleLineClick"
           />
-          <div class="sticky bottom-0 bg-bg border-t border-border px-4 py-1">
-            <div class="flex items-center gap-3 text-sm justify-end">
+          <!-- Bottom status bar -->
+          <div class="sticky flex-auto bottom-0 bg-bg-subtle border-t border-border px-4 py-1">
+            <div class="flex items-center h-5 font-mono gap-3 text-sm justify-end">
               <span class="text-fg-muted" dir="auto">{{
                 $t('code.lines', { count: fileContent.lines })
               }}</span>
@@ -477,7 +404,7 @@ defineOgImageComponent('Default', {
         </template>
 
         <!-- Binary file warning -->
-        <div v-else-if="isViewingFile && isBinaryFile" class="py-20 text-center">
+        <div v-else-if="isBinaryFile" class="py-20 text-center">
           <div class="i-lucide:binary w-12 h-12 mx-auto text-fg-subtle mb-4" />
           <p class="text-fg-muted mb-2">{{ $t('code.binary_file') }}</p>
           <p class="text-fg-subtle text-sm mb-4">
@@ -496,7 +423,7 @@ defineOgImageComponent('Default', {
         </div>
 
         <!-- File too large warning -->
-        <div v-else-if="isViewingFile && isFileTooLarge" class="py-20 text-center">
+        <div v-else-if="isFileTooLarge" class="py-20 text-center">
           <div class="i-lucide:file-text w-12 h-12 mx-auto text-fg-subtle mb-4" />
           <p class="text-fg-muted mb-2">{{ $t('code.file_too_large') }}</p>
           <p class="text-fg-subtle text-sm mb-4">
@@ -512,44 +439,6 @@ defineOgImageComponent('Default', {
           </LinkBase>
         </div>
 
-        <!-- Loading file content -->
-        <div
-          v-else-if="filePath && fileStatus === 'pending'"
-          class="flex min-h-full"
-          aria-busy="true"
-          :aria-label="$t('common.loading')"
-        >
-          <!-- Fake line numbers column -->
-          <div class="shrink-0 bg-bg-subtle border-ie border-border w-14 py-0">
-            <div v-for="n in 20" :key="n" class="px-3 h-6 flex items-center justify-end">
-              <SkeletonInline class="w-4 h-3 rounded-sm" />
-            </div>
-          </div>
-          <!-- Fake code content -->
-          <div class="flex-1 p-4 space-y-1.5">
-            <SkeletonBlock class="h-4 w-32 rounded-sm" />
-            <SkeletonBlock class="h-4 w-48 rounded-sm" />
-            <SkeletonBlock class="h-4 w-24 rounded-sm" />
-            <div class="h-4" />
-            <SkeletonBlock class="h-4 w-64 rounded-sm" />
-            <SkeletonBlock class="h-4 w-56 rounded-sm" />
-            <SkeletonBlock class="h-4 w-40 rounded-sm" />
-            <SkeletonBlock class="h-4 w-72 rounded-sm" />
-            <div class="h-4" />
-            <SkeletonBlock class="h-4 w-36 rounded-sm" />
-            <SkeletonBlock class="h-4 w-52 rounded-sm" />
-            <SkeletonBlock class="h-4 w-44 rounded-sm" />
-            <SkeletonBlock class="h-4 w-28 rounded-sm" />
-            <div class="h-4" />
-            <SkeletonBlock class="h-4 w-60 rounded-sm" />
-            <SkeletonBlock class="h-4 w-48 rounded-sm" />
-            <SkeletonBlock class="h-4 w-32 rounded-sm" />
-            <SkeletonBlock class="h-4 w-56 rounded-sm" />
-            <SkeletonBlock class="h-4 w-40 rounded-sm" />
-            <SkeletonBlock class="h-4 w-24 rounded-sm" />
-          </div>
-        </div>
-
         <!-- Error loading file -->
         <div v-else-if="filePath && fileStatus === 'error'" class="py-20 text-center" role="alert">
           <div class="i-lucide:circle-alert w-8 h-8 mx-auto text-fg-subtle mb-4" />
@@ -580,6 +469,7 @@ defineOgImageComponent('Default', {
       <Teleport to="body">
         <CodeMobileTreeDrawer
           v-if="fileTree"
+          ref="mobileFileTreeRef"
           :tree="fileTree.tree"
           :current-path="filePath ?? ''"
           :base-url="getCurrentCodeUrlWithPath()"
diff --git a/i18n/locales/ar.json b/i18n/locales/ar.json
index 0edd42dcad..131d42deca 100644
--- a/i18n/locales/ar.json
+++ b/i18n/locales/ar.json
@@ -651,12 +651,10 @@
   "code": {
     "files_label": "الملفات",
     "no_files": "لا توجد ملفات في هذا المجلد",
-    "root": "الجذر",
     "lines": "{count} سطر",
     "toggle_tree": "إظهار/إخفاء شجرة الملفات",
     "close_tree": "إغلاق شجرة الملفات",
     "copy_link": "نسخ الرابط",
-    "raw": "خام (Raw)",
     "view_raw": "عرض الملف الخام (Raw)",
     "file_too_large": "الملف كبير جدًا للمعاينة",
     "file_size_warning": "{size} يتجاوز حد 500KB للتظليل النحوي (syntax highlighting)",
diff --git a/i18n/locales/az-AZ.json b/i18n/locales/az-AZ.json
index 85894165eb..48856ad81b 100644
--- a/i18n/locales/az-AZ.json
+++ b/i18n/locales/az-AZ.json
@@ -755,12 +755,10 @@
   "code": {
     "files_label": "Fayllar",
     "no_files": "Bu qovluqda fayl yoxdur",
-    "root": "kök",
     "lines": "{count} sətir",
     "toggle_tree": "Fayl ağacını keçir",
     "close_tree": "Fayl ağacını bağla",
     "copy_link": "Linki kopyala",
-    "raw": "Xam",
     "view_raw": "Xam faylı göstər",
     "file_too_large": "Fayl önbaxış üçün çox böyükdür",
     "file_size_warning": "{size} sintaksis vurğulama üçün 500KB limitini keçir",
diff --git a/i18n/locales/bg-BG.json b/i18n/locales/bg-BG.json
index 032d82a6e5..41053f59bb 100644
--- a/i18n/locales/bg-BG.json
+++ b/i18n/locales/bg-BG.json
@@ -716,12 +716,10 @@
   "code": {
     "files_label": "Файлове",
     "no_files": "Няма файлове в тази директория",
-    "root": "root",
     "lines": "{count} ред | {count} реда",
     "toggle_tree": "Превключване на дървото с файлове",
     "close_tree": "Затваряне на дървото с файлове",
     "copy_link": "Копиране на връзка",
-    "raw": "Raw",
     "view_raw": "Преглед на raw файл",
     "file_too_large": "Файлът е твърде голям за преглед",
     "file_size_warning": "{size} надвишава лимита от 500KB за синтактично оцветяване",
diff --git a/i18n/locales/bn-IN.json b/i18n/locales/bn-IN.json
index 39d19eec65..ff7cf7ee7f 100644
--- a/i18n/locales/bn-IN.json
+++ b/i18n/locales/bn-IN.json
@@ -545,12 +545,10 @@
   "code": {
     "files_label": "ফাইলগুলি",
     "no_files": "এই ডাইরেক্টরিতে কোনো ফাইল নেই",
-    "root": "রুট",
     "lines": "{count}টি লাইন",
     "toggle_tree": "ফাইল ট্রি টগল করুন",
     "close_tree": "ফাইল ট্রি বন্ধ করুন",
     "copy_link": "লিঙ্ক কপি করুন",
-    "raw": "রও",
     "view_raw": "রও ফাইল দেখুন",
     "file_too_large": "প্রিভিউ-র জন্য ফাইল খুব বড়",
     "file_size_warning": "{size} সিনট্যাক্স হাইলাইটিং-এর জন্য 500KB সীমার চেয়ে বেশি",
diff --git a/i18n/locales/cs-CZ.json b/i18n/locales/cs-CZ.json
index 638904c4fb..36f96c81c1 100644
--- a/i18n/locales/cs-CZ.json
+++ b/i18n/locales/cs-CZ.json
@@ -767,12 +767,10 @@
   "code": {
     "files_label": "Soubory",
     "no_files": "Žádné soubory v této složce",
-    "root": "kořen",
     "lines": "{count} řádků",
     "toggle_tree": "Přepnout strom souborů",
     "close_tree": "Zavřít strom souborů",
     "copy_link": "Kopírovat odkaz",
-    "raw": "Raw",
     "view_raw": "Zobrazit raw soubor",
     "file_too_large": "Soubor je příliš velký pro náhled",
     "file_size_warning": "{size} překračuje limit 500KB pro zvýraznění syntaxe",
diff --git a/i18n/locales/de.json b/i18n/locales/de.json
index 4a17bed86d..34958fcfe3 100644
--- a/i18n/locales/de.json
+++ b/i18n/locales/de.json
@@ -821,12 +821,10 @@
   "code": {
     "files_label": "Dateien",
     "no_files": "Keine Dateien in diesem Verzeichnis",
-    "root": "Wurzel",
     "lines": "{count} Zeile | {count} Zeilen",
     "toggle_tree": "Dateibaum umschalten",
     "close_tree": "Dateibaum schließen",
     "copy_link": "Link kopieren",
-    "raw": "Roh",
     "view_raw": "Rohdatei anzeigen",
     "file_too_large": "Datei zu groß für Vorschau",
     "file_size_warning": "{size} überschreitet das 500KB-Limit für Syntax-Highlighting",
@@ -1462,5 +1460,12 @@
     "selection": "0 ausgewählt | 1 ausgewählt | {count} ausgewählt",
     "shortcut": "Drücke „{key}“, um Aktionen zu fokussieren",
     "button_close_aria_label": "Aktionsleiste schließen"
+  },
+  "logo_menu": {},
+  "brand": {
+    "logos": {},
+    "customize": {},
+    "typography": {},
+    "guidelines": {}
   }
 }
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 0dd3ea035e..4bb4ef231d 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -825,13 +825,15 @@
   "code": {
     "files_label": "Files",
     "no_files": "No files in this directory",
-    "root": "root",
     "lines": "{count} line | {count} lines",
     "toggle_tree": "Toggle file tree",
     "close_tree": "Close file tree",
+    "copy_content": "Copy file content",
     "copy_link": "Copy link",
-    "raw": "Raw",
     "view_raw": "View raw file",
+    "toggle_container": "Toggle code container width",
+    "open_raw_file": "Open raw file",
+    "open_path_dropdown": "Open path segments dropdown",
     "file_too_large": "File too large to preview",
     "file_size_warning": "{size} exceeds the 500KB limit for syntax highlighting",
     "failed_to_load": "Failed to load file",
@@ -846,8 +848,8 @@
       "size": "Size"
     },
     "markdown_view_mode": {
-      "preview": "preview",
-      "code": "code"
+      "preview": "Preview",
+      "code": "Code"
     },
     "file_path": "File path",
     "binary_file": "Binary file",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 3fe046fe23..78a50b980d 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -772,12 +772,10 @@
   "code": {
     "files_label": "Archivos",
     "no_files": "No hay archivos en este directorio",
-    "root": "raíz",
     "lines": "{count} líneas",
     "toggle_tree": "Alternar árbol de archivos",
     "close_tree": "Cerrar árbol de archivos",
     "copy_link": "Copiar enlace",
-    "raw": "Crudo",
     "view_raw": "Ver archivo crudo",
     "file_too_large": "Archivo demasiado grande para previsualizar",
     "file_size_warning": "{size} excede el límite de 500KB para resaltado de sintaxis",
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index 9bf5bb4b26..f53fd8b3b1 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -822,12 +822,10 @@
   "code": {
     "files_label": "Fichiers",
     "no_files": "Aucun fichier dans ce répertoire",
-    "root": "racine",
     "lines": "{count} lignes",
     "toggle_tree": "Basculer l'arborescence",
     "close_tree": "Fermer l'arborescence",
     "copy_link": "Copier le lien",
-    "raw": "Brut",
     "view_raw": "Voir le fichier brut",
     "file_too_large": "Fichier trop volumineux pour l'aperçu",
     "file_size_warning": "{size} dépasse la limite de 500 Ko pour la coloration syntaxique",
diff --git a/i18n/locales/hi-IN.json b/i18n/locales/hi-IN.json
index 56873fa206..f50667807e 100644
--- a/i18n/locales/hi-IN.json
+++ b/i18n/locales/hi-IN.json
@@ -13,11 +13,11 @@
   "trademark_disclaimer": "npm, npm, Inc. का पंजीकृत ट्रेडमार्क है। यह साइट npm, Inc. से संबद्ध नहीं है।",
   "footer": {
     "about": "हमारे बारे में जानकारी",
+    "blog": "ब्लॉग",
     "docs": "दस्तावेज़",
     "source": "स्रोत",
     "social": "सोशल",
     "chat": "चैट",
-    "blog": "ब्लॉग",
     "builders_chat": "बिल्डर्स",
     "keyboard_shortcuts": "कीबोर्ड शॉर्टकट"
   },
@@ -46,13 +46,21 @@
     "button": "खोजें",
     "searching": "खोज रहे हैं...",
     "found_packages": "कोई पैकेज नहीं मिला | 1 पैकेज मिला | {count} पैकेज मिले",
+    "found_packages_sorted": "कोई परिणाम नहीं मिला | शीर्ष {count} परिणाम क्रमबद्ध किया जा रहा है | शीर्ष {count} परिणाम क्रमबद्ध किए जा रहे हैं",
     "updating": "(अद्यतन हो रहा है...)",
     "no_results": "\"{query}\" के लिए कोई पैकेज नहीं मिला",
+    "rate_limited": "npm की rate limit लग गई है, कुछ देर बाद फिर प्रयास करें",
+    "title": "खोज",
+    "title_search": "खोज: {search}",
+    "title_packages": "पैकेज खोजें",
+    "meta_description": "'{search}' के लिए खोज परिणाम",
+    "meta_description_packages": "npm पैकेज खोजें",
     "not_taken": "{name} उपलब्ध है",
     "claim_prompt": "npm पर इस पैकेज नाम को दावा करें",
     "claim_button": "\"{name}\" दावा करें",
     "want_to_claim": "इस पैकेज नाम को दावा करना चाहते हैं?",
     "start_typing": "पैकेज खोजने के लिए टाइप करना शुरू करें",
+    "algolia_disclaimer": "Algolia द्वारा संचालित",
     "exact_match": "सटीक",
     "suggestion": {
       "user": "उपभोक्ता",
@@ -60,14 +68,6 @@
       "view_user_packages": "इस उपभोक्ता के पैकेज देखें",
       "view_org_packages": "इस संगठन के पैकेज देखें"
     },
-    "found_packages_sorted": "कोई परिणाम नहीं मिला | शीर्ष {count} परिणाम क्रमबद्ध किया जा रहा है | शीर्ष {count} परिणाम क्रमबद्ध किए जा रहे हैं",
-    "rate_limited": "npm की rate limit लग गई है, कुछ देर बाद फिर प्रयास करें",
-    "title": "खोज",
-    "title_search": "खोज: {search}",
-    "title_packages": "पैकेज खोजें",
-    "meta_description": "'{search}' के लिए खोज परिणाम",
-    "meta_description_packages": "npm पैकेज खोजें",
-    "algolia_disclaimer": "Algolia द्वारा संचालित",
     "instant_search": "तुरंत खोज",
     "instant_search_on": "चालू",
     "instant_search_off": "बंद",
@@ -88,9 +88,15 @@
     "tap_to_search": "खोजने के लिए टैप करें"
   },
   "blog": {
+    "title": "ब्लॉग",
+    "heading": "ब्लॉग",
+    "meta_description": "npmx समुदाय से अंतर्दृष्टि और अपडेट",
     "author": {
       "view_profile": "Bluesky पर {name} की प्रोफ़ाइल देखें"
     },
+    "draft_badge": "मसौदा",
+    "draft_banner": "यह एक अप्रकाशित मसौदा है। यह अधूरा हो सकता है या इसमें अशुद्धियाँ हो सकती हैं।",
+    "no_posts": "कोई पोस्ट नहीं मिली।",
     "atproto": {
       "view_on_bluesky": "Bluesky पर देखें",
       "reply_on_bluesky": "Bluesky पर जवाब दें",
@@ -105,13 +111,7 @@
       "like_count": "{count} लाइक | {count} लाइक्स",
       "repost_count": "{count} रिपोस्ट | {count} रिपोस्ट",
       "more_replies": "{count} और जवाब... | {count} और जवाब..."
-    },
-    "title": "ब्लॉग",
-    "heading": "ब्लॉग",
-    "meta_description": "npmx समुदाय से अंतर्दृष्टि और अपडेट",
-    "draft_badge": "मसौदा",
-    "draft_banner": "यह एक अप्रकाशित मसौदा है। यह अधूरा हो सकता है या इसमें अशुद्धियाँ हो सकती हैं।",
-    "no_posts": "कोई पोस्ट नहीं मिली।"
+    }
   },
   "settings": {
     "title": "सेटिंग्स",
@@ -120,8 +120,8 @@
     "sections": {
       "appearance": "स्वरूप",
       "display": "प्रदर्शन",
-      "language": "भाषा",
       "search": "खोज सुविधाएँ",
+      "language": "भाषा",
       "keyboard_shortcuts": "कीबोर्ड शॉर्टकट"
     },
     "data_source": {
@@ -132,17 +132,22 @@
       "algolia": "Algolia",
       "algolia_description": "तेज़ खोज, org और user पेजों के लिए Algolia का उपयोग करता है।"
     },
+    "instant_search": "तुरंत खोज",
+    "instant_search_description": "खोज पेज पर ले जाता है और आपके टाइप करते ही परिणाम अपडेट करता है।",
     "relative_dates": "सापेक्ष तिथियाँ",
     "include_types": "इंस्टॉल में {'@'}types शामिल करें",
     "include_types_description": "अनटाइप्ड पैकेज के लिए इंस्टॉल कमांड में {'@'}types पैकेज जोड़ें",
     "hide_platform_packages": "खोज में प्लेटफ़ॉर्म-विशिष्ट पैकेज छिपाएं",
     "hide_platform_packages_description": "परिणामों से {'@'}esbuild/linux-x64 जैसे नेटिव बाइनरी पैकेज छिपाएं",
+    "enable_graph_pulse_loop": "मिनी ग्राफ़ पर pulse प्रभाव का लूपिंग सक्षम करें",
+    "enable_graph_pulse_loop_description": "साप्ताहिक डाउनलोड ग्राफ़ पर लगातार pulse animation सक्रिय करें। यह animation कुछ उपयोगकर्ताओं के लिए विचलित करने वाला हो सकता है।",
     "theme": "थीम",
     "theme_light": "लाइट",
     "theme_dark": "डार्क",
     "theme_system": "सिस्टम",
     "language": "भाषा",
     "help_translate": "npmx का अनुवाद करने में मदद करें",
+    "translation_status": "वैश्विक अनुवाद स्थिति देखें",
     "accent_colors": {
       "label": "एक्सेंट रंग",
       "sky": "आसमानी",
@@ -162,11 +167,6 @@
       "slate": "स्लेट",
       "black": "काला"
     },
-    "instant_search": "तुरंत खोज",
-    "instant_search_description": "खोज पेज पर ले जाता है और आपके टाइप करते ही परिणाम अपडेट करता है।",
-    "enable_graph_pulse_loop": "मिनी ग्राफ़ पर pulse प्रभाव का लूपिंग सक्षम करें",
-    "enable_graph_pulse_loop_description": "साप्ताहिक डाउनलोड ग्राफ़ पर लगातार pulse animation सक्रिय करें। यह animation कुछ उपयोगकर्ताओं के लिए विचलित करने वाला हो सकता है।",
-    "translation_status": "वैश्विक अनुवाद स्थिति देखें",
     "keyboard_shortcuts_enabled": "कीबोर्ड शॉर्टकट सक्षम करें",
     "keyboard_shortcuts_enabled_description": "यदि कीबोर्ड शॉर्टकट अन्य ब्राउज़र या सिस्टम शॉर्टकट से टकराते हैं, तो उन्हें बंद किया जा सकता है"
   },
@@ -192,6 +192,7 @@
     "end_of_results": "परिणाम समाप्त",
     "try_again": "पुनः प्रयास करें",
     "close": "बंद करें",
+    "or": "या",
     "retry": "पुनः प्रयास",
     "copy": "कॉपी करें",
     "copied": "कॉपी हो गया!",
@@ -206,6 +207,10 @@
       "members": "सदस्य"
     },
     "scroll_to_top": "शीर्ष पर स्क्रॉल करें",
+    "cancel": "रद्द करें",
+    "save": "सहेजें",
+    "edit": "संपादित करें",
+    "error": "त्रुटि",
     "view_on": {
       "npm": "npm पर देखें",
       "github": "GitHub पर देखें",
@@ -220,30 +225,11 @@
       "sourcehut": "SourceHut पर देखें",
       "tangled": "Tangled पर देखें"
     },
-    "or": "या",
-    "cancel": "रद्द करें",
-    "save": "सहेजें",
-    "edit": "संपादित करें",
-    "error": "त्रुटि",
     "collapse": "संक्षिप्त करें",
     "expand": "विस्तृत करें"
   },
   "profile": {
-    "invite": {
-      "message": "ऐसा नहीं लगता कि वे अभी npmx का उपयोग कर रहे हैं। क्या आप उन्हें इसके बारे में बताना चाहते हैं?",
-      "share_button": "Bluesky पर साझा करें",
-      "compose_text": "Hey {'@'}{handle}! Have you checked out npmx.dev yet? It's a browser for the npm registry that's fast, modern, and open-source.\nhttps://npmx.dev"
-    },
-    "display_name": "प्रदर्शित नाम",
-    "description": "विवरण",
-    "no_description": "कोई विवरण नहीं",
-    "website": "वेबसाइट",
-    "website_placeholder": "https://example.com",
-    "likes": "लाइक्स",
-    "seo_title": "{handle} - npmx",
-    "seo_description": "{handle} द्वारा npmx प्रोफ़ाइल",
-    "not_found": "प्रोफ़ाइल नहीं मिली",
-    "not_found_message": "{handle} की प्रोफ़ाइल नहीं मिल सकी।"
+    "invite": {}
   },
   "package": {
     "not_found": "पैकेज नहीं मिला",
@@ -271,9 +257,9 @@
       "documented": "{community} ने इस पैकेज को अधिक प्रदर्शनकारी विकल्पों के रूप में फ़्लैग किया है।",
       "none": "यह पैकेज अब आवश्यक नहीं होने के रूप में फ़्लैग किया गया है, और इसकी कार्यक्षमता सभी इंजनों में नेटिवली उपलब्ध होने की संभावना है।",
       "learn_more": "और जानें",
+      "learn_more_above": "ऊपर और जानें।",
       "mdn": "MDN",
       "community": "समुदाय",
-      "learn_more_above": "ऊपर और जानें।",
       "consider_no_dep": "+ बिना निर्भरता पर विचार करें?"
     },
     "stats": {
@@ -281,14 +267,14 @@
       "deps": "निर्भरता",
       "install_size": "इंस्टॉल साइज़",
       "vulns": "कमजोरियाँ",
+      "published": "प्रकाशित",
+      "published_tooltip": "{package}{'@'}{version} के प्रकाशित होने की तिथि",
       "view_dependency_graph": "निर्भरता ग्राफ़ देखें",
       "inspect_dependency_tree": "निर्भरता ट्री का निरीक्षण करें",
       "size_tooltip": {
         "unpacked": "{size} अनपैक्ड साइज़ (यह पैकेज)",
         "total": "{size} कुल अनपैक्ड साइज़ (linux-x64 के लिए सभी {count} निर्भरता सहित)"
-      },
-      "published": "प्रकाशित",
-      "published_tooltip": "{package}{'@'}{version} के प्रकाशित होने की तिथि"
+      }
     },
     "skills": {
       "title": "एजेंट स्किल्स",
@@ -309,6 +295,7 @@
       "skills_cli": "skills CLI"
     },
     "links": {
+      "main": "मुख्य",
       "repo": "रिपो",
       "homepage": "मुखपृष्ठ",
       "issues": "मसले",
@@ -317,7 +304,6 @@
       "docs": "दस्तावेज़",
       "fund": "दान करें",
       "compare": "तुलना करें",
-      "main": "मुख्य",
       "compare_this_package": "इस पैकेज की तुलना करें"
     },
     "likes": {
@@ -325,10 +311,10 @@
       "unlike": "इस पैकेज को अनलाइक करें"
     },
     "docs": {
-      "not_available": "दस्तावेज़ उपलब्ध नहीं",
-      "not_available_detail": "हम इस संस्करण के लिए दस्तावेज़ जेनरेट नहीं कर सके।",
       "contents": "सामग्री",
       "default_not_available": "इस संस्करण के लिए दस्तावेज़ उपलब्ध नहीं हैं।",
+      "not_available": "दस्तावेज़ उपलब्ध नहीं",
+      "not_available_detail": "हम इस संस्करण के लिए दस्तावेज़ जेनरेट नहीं कर सके।",
       "page_title": "API Docs - npmx",
       "page_title_name": "{name} docs - npmx",
       "page_title_version": "{name} docs - npmx",
@@ -339,9 +325,9 @@
       "title": "शुरू करें",
       "pm_label": "पैकेज मैनेजर",
       "copy_command": "इंस्टॉल कमांड कॉपी करें",
-      "view_types": "{package} देखें",
       "copy_dev_command": "dev इंस्टॉल कमांड कॉपी करें",
-      "dev_dependency_hint": "आमतौर पर dev dependency के रूप में इंस्टॉल किया जाता है"
+      "dev_dependency_hint": "आमतौर पर dev dependency के रूप में इंस्टॉल किया जाता है",
+      "view_types": "{package} देखें"
     },
     "create": {
       "title": "नया प्रोजेक्ट बनाएं",
@@ -355,6 +341,7 @@
     "readme": {
       "title": "रीडमी",
       "no_readme": "कोई README उपलब्ध नहीं है।",
+      "toc_title": "रूपरेखा",
       "callout": {
         "note": "नोट",
         "tip": "सुझाव",
@@ -362,7 +349,6 @@
         "warning": "चेतावनी",
         "caution": "सावधानी"
       },
-      "toc_title": "रूपरेखा",
       "copy_as_markdown": "README को Markdown के रूप में कॉपी करें"
     },
     "provenance_section": {
@@ -390,10 +376,10 @@
     "compatibility": "संगतता",
     "card": {
       "publisher": "प्रकाशक",
+      "published": "प्रकाशित",
       "weekly_downloads": "साप्ताहिक डाउनलोड्स",
       "keywords": "कीवर्ड्स",
       "license": "अनुज्ञप्ति",
-      "published": "प्रकाशित",
       "select": "पैकेज चुनें",
       "select_maximum": "अधिकतम {count} पैकेज चुने जा सकते हैं"
     },
@@ -410,10 +396,6 @@
       "all_covered": "सभी संस्करण ऊपर के टैग्स द्वारा कवर किए गए हैं",
       "deprecated_title": "{version} (डेप्रीकेटेड)",
       "view_all": "{count} संस्करण देखें | सभी {count} संस्करण देखें",
-      "copy_alt": {
-        "per_version_analysis": "{version} संस्करण {downloads} बार डाउनलोड किया गया था",
-        "general_description": "बार चार्ट {package_name} पैकेज के {versions_count} {semver_grouping_mode} संस्करणों के प्रति-संस्करण डाउनलोड दिखाता है, {date_range_label} {first_version} संस्करण से {last_version} संस्करण तक। सबसे अधिक डाउनलोड किया गया संस्करण {max_downloaded_version} है, जिसके {max_version_downloads} डाउनलोड हैं। {per_version_analysis}. {watermark}."
-      },
       "view_all_versions": "सभी संस्करण देखें",
       "distribution_title": "Semver समूह",
       "distribution_modal_title": "संस्करण",
@@ -438,6 +420,10 @@
       "filter_tooltip": "{link} का उपयोग करके संस्करण फ़िल्टर करें। उदाहरण के लिए, ^3.0.0 सभी 3.x संस्करण दिखाता है।",
       "filter_tooltip_link": "semver range",
       "no_matches": "इस range से कोई संस्करण मेल नहीं खाता",
+      "copy_alt": {
+        "per_version_analysis": "{version} संस्करण {downloads} बार डाउनलोड किया गया था",
+        "general_description": "बार चार्ट {package_name} पैकेज के {versions_count} {semver_grouping_mode} संस्करणों के प्रति-संस्करण डाउनलोड दिखाता है, {date_range_label} {first_version} संस्करण से {last_version} संस्करण तक। सबसे अधिक डाउनलोड किया गया संस्करण {max_downloaded_version} है, जिसके {max_version_downloads} डाउनलोड हैं। {per_version_analysis}. {watermark}."
+      },
       "page_title": "संस्करण इतिहास",
       "current_tags": "वर्तमान टैग्स",
       "version_filter_placeholder": "संस्करण फ़िल्टर करें…",
@@ -482,6 +468,12 @@
       "maintainer_template": "{avatar} {char126}{name}"
     },
     "trends": {
+      "chart_assistive_text": {
+        "keyboard_navigation_horizontal": "डेटा बिंदुओं के बीच जाने के लिए बाएँ और दाएँ तीर कुंजियों का उपयोग करें।",
+        "keyboard_navigation_vertical": "डेटा बिंदुओं के बीच जाने के लिए ऊपर और नीचे तीर कुंजियों का उपयोग करें।",
+        "table_available": "इस चार्ट के लिए नीचे एक डेटा तालिका उपलब्ध है।",
+        "table_caption": "चार्ट डेटा तालिका"
+      },
       "granularity": "ग्रैन्युलैरिटी",
       "granularity_daily": "दैनिक",
       "granularity_weekly": "साप्ताहिक",
@@ -494,33 +486,6 @@
       "date_range_multiline": "{start}\nसे {end}",
       "download_file": "{fileType} डाउनलोड करें",
       "toggle_annotator": "एनोटेटर टॉगल करें",
-      "items": {
-        "downloads": "डाउनलोड्स",
-        "likes": "लाइक्स",
-        "contributors": "योगदानकर्ता"
-      },
-      "copy_alt": {
-        "trend_none": "लगभग स्थिर",
-        "trend_strong": "मज़बूत",
-        "trend_weak": "कमज़ोर",
-        "trend_undefined": "अपरिभाषित (पर्याप्त डेटा नहीं)",
-        "button_label": "वैकल्पिक पाठ कॉपी करें",
-        "watermark": "नीचे की ओर एक वॉटरमार्क लिखा है \"./npmx a fast, modern browser for the npm registry\"",
-        "analysis": "{package_name} {start_value} से शुरू होता है और {end_value} पर समाप्त होता है, जो प्रति समय अंतराल {downloads_slope} डाउनलोड की ढलान के साथ {trend} रुझान दिखाता है",
-        "estimation": "अंतिम मान वर्तमान अवधि के आंशिक डेटा पर आधारित एक अनुमान है।",
-        "estimations": "अंतिम मान वर्तमान अवधि के आंशिक डेटा पर आधारित अनुमान हैं।",
-        "compare": "इनके लिए पैकेज डाउनलोड तुलना रेखा चार्ट: {packages}।",
-        "single_package": "{package} पैकेज के लिए डाउनलोड रेखा चार्ट।",
-        "general_description": "Y अक्ष डाउनलोड की संख्या दर्शाता है। X अक्ष {start_date} से {end_date} तक की तारीख सीमा दर्शाता है, जिसमें {granularity} समय अवधि है।{estimation_notice} {packages_analysis}. {watermark}.",
-        "facet_bar_general_description": "इनके लिए क्षैतिज बार चार्ट: {packages}, {facet} की तुलना करते हुए ({description})। {facet_analysis} {watermark}.",
-        "facet_bar_analysis": "{package_name} का मान {value} है।"
-      },
-      "chart_assistive_text": {
-        "keyboard_navigation_horizontal": "डेटा बिंदुओं के बीच जाने के लिए बाएँ और दाएँ तीर कुंजियों का उपयोग करें।",
-        "keyboard_navigation_vertical": "डेटा बिंदुओं के बीच जाने के लिए ऊपर और नीचे तीर कुंजियों का उपयोग करें।",
-        "table_available": "इस चार्ट के लिए नीचे एक डेटा तालिका उपलब्ध है।",
-        "table_caption": "चार्ट डेटा तालिका"
-      },
       "toggle_stack_mode": "स्टैक मोड टॉगल करें",
       "open_options": "विकल्प खोलें",
       "close_options": "विकल्प बंद करें",
@@ -530,6 +495,11 @@
       "facet": "फेसेट",
       "title": "रुझान",
       "contributors_skip": "Contributors में नहीं दिखाया गया (कोई GitHub repo नहीं):",
+      "items": {
+        "downloads": "डाउनलोड्स",
+        "likes": "लाइक्स",
+        "contributors": "योगदानकर्ता"
+      },
       "data_correction": "डेटा सुधार",
       "average_window": "औसत विंडो",
       "smoothing": "स्मूदिंग",
@@ -541,7 +511,23 @@
       "known_anomalies_range_named": "{packageName}: {start} से {end} तक",
       "known_anomalies_none": "इस पैकेज के लिए कोई ज्ञात विसंगति नहीं। | इन पैकेजों के लिए कोई ज्ञात विसंगति नहीं।",
       "known_anomalies_contribute": "विसंगति डेटा में योगदान दें",
-      "apply_correction": "सुधार लागू करें"
+      "apply_correction": "सुधार लागू करें",
+      "copy_alt": {
+        "trend_none": "लगभग स्थिर",
+        "trend_strong": "मज़बूत",
+        "trend_weak": "कमज़ोर",
+        "trend_undefined": "अपरिभाषित (पर्याप्त डेटा नहीं)",
+        "button_label": "वैकल्पिक पाठ कॉपी करें",
+        "watermark": "नीचे की ओर एक वॉटरमार्क लिखा है \"./npmx a fast, modern browser for the npm registry\"",
+        "analysis": "{package_name} {start_value} से शुरू होता है और {end_value} पर समाप्त होता है, जो प्रति समय अंतराल {downloads_slope} डाउनलोड की ढलान के साथ {trend} रुझान दिखाता है",
+        "estimation": "अंतिम मान वर्तमान अवधि के आंशिक डेटा पर आधारित एक अनुमान है।",
+        "estimations": "अंतिम मान वर्तमान अवधि के आंशिक डेटा पर आधारित अनुमान हैं।",
+        "compare": "इनके लिए पैकेज डाउनलोड तुलना रेखा चार्ट: {packages}।",
+        "single_package": "{package} पैकेज के लिए डाउनलोड रेखा चार्ट।",
+        "general_description": "Y अक्ष डाउनलोड की संख्या दर्शाता है। X अक्ष {start_date} से {end_date} तक की तारीख सीमा दर्शाता है, जिसमें {granularity} समय अवधि है।{estimation_notice} {packages_analysis}. {watermark}.",
+        "facet_bar_general_description": "इनके लिए क्षैतिज बार चार्ट: {packages}, {facet} की तुलना करते हुए ({description})। {facet_analysis} {watermark}.",
+        "facet_bar_analysis": "{package_name} का मान {value} है।"
+      }
     },
     "downloads": {
       "title": "साप्ताहिक डाउनलोड्स",
@@ -563,11 +549,11 @@
       "esm": "ES Modules समर्थित",
       "cjs": "CommonJS समर्थित",
       "no_esm": "ES Modules समर्थन नहीं",
+      "wasm": "WebAssembly है",
       "types_label": "टाइप्स",
       "types_included": "टाइप्स शामिल हैं",
       "types_available": "टाइप्स {package} के माध्यम से उपलब्ध",
-      "no_types": "कोई TypeScript टाइप्स नहीं",
-      "wasm": "WebAssembly है"
+      "no_types": "कोई TypeScript टाइप्स नहीं"
     },
     "license": {
       "view_spdx": "SPDX पर अनुज्ञप्ति टेक्स्ट देखें",
@@ -629,9 +615,9 @@
     },
     "sort": {
       "downloads": "सबसे अधिक डाउनलोड किए गए",
+      "published": "हाल ही में प्रकाशित",
       "name_asc": "नाम (A-Z)",
-      "name_desc": "नाम (Z-A)",
-      "published": "हाल ही में प्रकाशित"
+      "name_desc": "नाम (Z-A)"
     },
     "size": {
       "b": "{size} B",
@@ -678,7 +664,9 @@
       "otp_placeholder": "OTP कोड दर्ज करें...",
       "otp_label": "वन-टाइम पासवर्ड",
       "retry_otp": "OTP के साथ पुनः प्रयास करें",
+      "retry_web_auth": "वेब प्रमाणीकरण के साथ पुनः प्रयास करें",
       "retrying": "पुनः प्रयास कर रहे हैं...",
+      "open_web_auth": "वेब प्रमाणीकरण लिंक खोलें",
       "approve_operation": "ऑपरेशन स्वीकृत करें",
       "remove_operation": "ऑपरेशन हटाएं",
       "approve_all": "सभी स्वीकृत करें",
@@ -686,9 +674,7 @@
       "executing": "निष्पादित हो रहा है...",
       "log": "लॉग",
       "log_label": "पूर्ण ऑपरेशन्स लॉग",
-      "remove_from_log": "लॉग से हटाएं",
-      "retry_web_auth": "वेब प्रमाणीकरण के साथ पुनः प्रयास करें",
-      "open_web_auth": "वेब प्रमाणीकरण लिंक खोलें"
+      "remove_from_log": "लॉग से हटाएं"
     }
   },
   "org": {
@@ -802,6 +788,7 @@
       "invalid_name": "अमान्य पैकेज नाम:",
       "available": "यह नाम उपलब्ध है!",
       "taken": "यह नाम पहले से लिया जा चुका है।",
+      "missing_permission": "आपके पास scope {'@'}{scope} में पैकेज जोड़ने की अनुमति नहीं है।",
       "similar_warning": "समान पैकेज मौजूद हैं - npm इस नाम को अस्वीकार कर सकता है:",
       "related": "संबंधित पैकेज:",
       "scope_warning_title": "इसके बजाय स्कोप्ड पैकेज का उपयोग करने पर विचार करें",
@@ -814,19 +801,16 @@
       "publishing": "प्रकाशित हो रहा है...",
       "checking": "उपलब्धता जाँच रहे हैं...",
       "failed_to_check": "नाम उपलब्धता जाँचने में विफल",
-      "failed_to_claim": "पैकेज दावा करने में विफल",
-      "missing_permission": "आपके पास scope {'@'}{scope} में पैकेज जोड़ने की अनुमति नहीं है।"
+      "failed_to_claim": "पैकेज दावा करने में विफल"
     }
   },
   "code": {
     "files_label": "फ़ाइलें",
     "no_files": "इस डायरेक्टरी में कोई फ़ाइलें नहीं",
-    "root": "रूट",
     "lines": "{count} पंक्तियाँ",
     "toggle_tree": "फ़ाइल ट्री टॉगल करें",
     "close_tree": "फ़ाइल ट्री बंद करें",
     "copy_link": "लिंक कॉपी करें",
-    "raw": "रॉ",
     "view_raw": "रॉ फ़ाइल देखें",
     "file_too_large": "फ़ाइल पूर्वावलोकन के लिए बहुत बड़ी है",
     "file_size_warning": "{size} सिंटैक्स हाइलाइटिंग के लिए 500KB सीमा से अधिक है",
@@ -909,6 +893,8 @@
       "secure": "चेतावनियों के बिना",
       "insecure": "चेतावनियों के साथ"
     },
+    "view_selected": "चयनित देखें",
+    "clear_selected_label": "चयन साफ़ करें",
     "sort": {
       "label": "पैकेज क्रमबद्ध करें",
       "toggle_direction": "क्रमबद्ध दिशा टॉगल करें",
@@ -919,8 +905,8 @@
       "downloads_day": "डाउनलोड्स/दिन",
       "downloads_month": "डाउनलोड्स/महीना",
       "downloads_year": "डाउनलोड्स/वर्ष",
-      "name": "नाम",
-      "published": "अंतिम प्रकाशन"
+      "published": "अंतिम प्रकाशन",
+      "name": "नाम"
     },
     "columns": {
       "title": "कॉलम्स",
@@ -931,10 +917,10 @@
       "version": "संस्करण",
       "description": "विवरण",
       "downloads": "डाउनलोड्स/सप्ताह",
+      "published": "अंतिम प्रकाशन",
       "maintainers": "अनुरक्षक",
       "keywords": "कीवर्ड्स",
       "security": "सुरक्षा",
-      "published": "अंतिम प्रकाशन",
       "selection": "पैकेज चुनें"
     },
     "view_mode": {
@@ -962,9 +948,7 @@
       "security_warning": "सुरक्षा चेतावनी",
       "secure": "सुरक्षित",
       "no_packages": "कोई पैकेज नहीं मिले"
-    },
-    "view_selected": "चयनित देखें",
-    "clear_selected_label": "चयन साफ़ करें"
+    }
   },
   "about": {
     "title": "हमारे बारे में जानकारी",
@@ -1098,11 +1082,11 @@
       "section_packages": "पैकेज",
       "section_facets": "फेसेट्स",
       "section_comparison": "तुलना",
+      "copy_as_markdown": "तालिका कॉपी करें",
       "loading": "पैकेज डेटा लोड हो रहा है...",
       "error": "पैकेज डेटा लोड करने में विफल। कृपया पुनः प्रयास करें।",
       "empty_title": "तुलना करने के लिए पैकेज चुनें",
       "empty_description": "उनके मेट्रिक्स की साथ-साथ तुलना देखने के लिए ऊपर कम से कम 2 पैकेज खोजें और जोड़ें।",
-      "copy_as_markdown": "तालिका कॉपी करें",
       "table_view": "तालिका",
       "charts_view": "चार्ट्स",
       "bar_chart_nav_hint": "↑ ↓ का उपयोग करें",
@@ -1132,6 +1116,7 @@
       "coming_soon": "जल्द आ रहा है",
       "select_all": "सभी फेसेट्स चुनें",
       "deselect_all": "सभी फेसेट्स अचयनित करें",
+      "binary_only_tooltip": "यह पैकेज binaries दिखाता है और exports नहीं",
       "categories": {
         "performance": "प्रदर्शन",
         "health": "स्वास्थ्य",
@@ -1205,24 +1190,7 @@
       },
       "trends": {
         "title": "रुझानों की तुलना करें"
-      },
-      "binary_only_tooltip": "यह पैकेज binaries दिखाता है और exports नहीं"
-    },
-    "version_invalid_url_format": {
-      "hint": "अमान्य तुलना URL. यह प्रारूप उपयोग करें: {0}",
-      "from_version": "from",
-      "to_version": "to"
-    },
-    "file_filter_option": {
-      "all": "सभी ({count})",
-      "added": "जोड़ी गई ({count})",
-      "removed": "हटाई गई ({count})",
-      "modified": "संशोधित ({count})"
-    },
-    "filter": {
-      "added": "जोड़ी गई",
-      "removed": "हटाई गई",
-      "modified": "संशोधित"
+      }
     },
     "file_changes": "फ़ाइल परिवर्तन",
     "files_count": "{count} फ़ाइल | {count} फ़ाइलें",
@@ -1234,6 +1202,11 @@
     "comparing_versions_label": "संस्करणों की तुलना की जा रही है...",
     "version_back_to_package": "पैकेज पर वापस जाएं",
     "version_error_message": "संस्करणों की तुलना करने में विफल।",
+    "version_invalid_url_format": {
+      "hint": "अमान्य तुलना URL. यह प्रारूप उपयोग करें: {0}",
+      "from_version": "from",
+      "to_version": "to"
+    },
     "version_selector_title": "संस्करण से तुलना करें",
     "summary": "सारांश",
     "deps_count": "{count} निर्भरता | {count} निर्भरताएँ",
@@ -1242,10 +1215,21 @@
     "peer_dependencies": "पीयर निर्भरताएँ",
     "optional_dependencies": "वैकल्पिक निर्भरताएँ",
     "no_dependency_changes": "निर्भरता में कोई परिवर्तन नहीं",
+    "file_filter_option": {
+      "all": "सभी ({count})",
+      "added": "जोड़ी गई ({count})",
+      "removed": "हटाई गई ({count})",
+      "modified": "संशोधित ({count})"
+    },
     "search_files_placeholder": "फ़ाइलें खोजें...",
     "no_files_all": "कोई फ़ाइल नहीं",
     "no_files_search": "\"{query}\" से मेल खाती कोई फ़ाइल नहीं",
     "no_files_filtered": "कोई {filter} फ़ाइल नहीं",
+    "filter": {
+      "added": "जोड़ी गई",
+      "removed": "हटाई गई",
+      "modified": "संशोधित"
+    },
     "files_button": "फ़ाइलें",
     "select_file_prompt": "उसका diff देखने के लिए sidebar से एक फ़ाइल चुनें",
     "close_files_panel": "फ़ाइल पैनल बंद करें",
@@ -1263,6 +1247,8 @@
     "word_wrap": "वर्ड रैप"
   },
   "pds": {
+    "title": "npmx.social",
+    "meta_description": "npmx समुदाय के लिए आधिकारिक AT Protocol Personal Data Server (PDS)।",
     "join": {
       "title": "समुदाय से जुड़ें",
       "description": "चाहे आप atmosphere पर अपना पहला खाता बना रहे हों या किसी मौजूदा खाते को migrate कर रहे हों, आपका यहाँ स्वागत है। आप अपना handle, पोस्ट या followers खोए बिना अपने वर्तमान खाते को migrate कर सकते हैं।",
@@ -1286,11 +1272,12 @@
       "empty": "दिखाने के लिए कोई समुदाय सदस्य नहीं है।",
       "view_profile": "{handle} की प्रोफ़ाइल देखें",
       "new_accounts": "...और {count} जो atmosphere पर नए हैं"
-    },
-    "title": "npmx.social",
-    "meta_description": "npmx समुदाय के लिए आधिकारिक AT Protocol Personal Data Server (PDS)।"
+    }
   },
   "privacy_policy": {
+    "title": "गोपनीयता नीति",
+    "last_updated": "अंतिम अद्यतन: {date}",
+    "welcome": "{app} में आपका स्वागत है। हम आपकी गोपनीयता की रक्षा के लिए प्रतिबद्ध हैं। यह नीति बताती है कि हम कौन-सा डेटा एकत्र करते हैं, उसका उपयोग कैसे करते हैं, और आपकी जानकारी से जुड़े आपके अधिकार क्या हैं।",
     "cookies": {
       "what_are": {
         "title": "कुकीज़ क्या हैं?",
@@ -1365,12 +1352,12 @@
     "changes": {
       "title": "इस नीति में बदलाव",
       "p1": "हम समय-समय पर इस गोपनीयता नीति को अपडेट कर सकते हैं। किसी भी बदलाव को इस पेज पर अद्यतन संशोधन तिथि के साथ प्रकाशित किया जाएगा।"
-    },
-    "title": "गोपनीयता नीति",
-    "last_updated": "अंतिम अद्यतन: {date}",
-    "welcome": "{app} में आपका स्वागत है। हम आपकी गोपनीयता की रक्षा के लिए प्रतिबद्ध हैं। यह नीति बताती है कि हम कौन-सा डेटा एकत्र करते हैं, उसका उपयोग कैसे करते हैं, और आपकी जानकारी से जुड़े आपके अधिकार क्या हैं।"
+    }
   },
   "a11y": {
+    "title": "सुगम्यता",
+    "footer_title": "a11y",
+    "welcome": "हम चाहते हैं कि {app} अधिक से अधिक लोगों के लिए उपयोगी हो।",
     "approach": {
       "title": "हमारा दृष्टिकोण",
       "p1": "हम Web Content Accessibility Guidelines (WCAG) 2.2 का पालन करने का प्रयास करते हैं और सुविधाएँ बनाते समय उन्हें संदर्भ के रूप में उपयोग करते हैं। हम WCAG के किसी भी स्तर के पूर्ण अनुरूप होने का दावा नहीं करते — सुगम्यता एक सतत प्रक्रिया है और अभी भी बहुत काम बाकी है।",
@@ -1395,19 +1382,9 @@
       "title": "प्रतिक्रिया",
       "p1": "यदि आपको {app} पर कोई accessibility बाधा दिखाई दे, तो कृपया हमारे {link} पर issue खोलकर हमें बताएं। हम ऐसी रिपोर्टों को गंभीरता से लेते हैं और उन्हें ठीक करने का पूरा प्रयास करेंगे।",
       "link": "GitHub रिपॉजिटरी"
-    },
-    "title": "सुगम्यता",
-    "footer_title": "a11y",
-    "welcome": "हम चाहते हैं कि {app} अधिक से अधिक लोगों के लिए उपयोगी हो।"
+    }
   },
   "translation_status": {
-    "table": {
-      "file": "फ़ाइल",
-      "status": "स्थिति",
-      "error": "फ़ाइल सूची लोड करते समय त्रुटि।",
-      "empty": "कोई फ़ाइल नहीं मिली",
-      "file_link": "GitHub पर {file} ({lang}) संपादित करें"
-    },
     "title": "अनुवाद स्थिति",
     "generated_at": "निर्माण तिथि: {date}",
     "welcome": "यदि आप नीचे सूचीबद्ध भाषाओं में से किसी एक में {npmx} का अनुवाद करने में हमारी मदद करना चाहते हैं, तो आप सही जगह पर हैं! यह अपने-आप अपडेट होने वाला पेज हमेशा वह सारी सामग्री दिखाता है, जिसमें इस समय आपकी मदद की ज़रूरत है।",
@@ -1421,13 +1398,14 @@
     "complete_text": "यह अनुवाद पूरा हो चुका है, शानदार काम!",
     "missing_text": "गायब",
     "missing_keys": "कोई अनुवाद गायब नहीं है | अनुवाद गायब है | अनुवाद गायब हैं",
-    "progress_label": "{locale} के लिए प्रगति स्थिति"
-  },
-  "action_bar": {
-    "title": "एक्शन बार",
-    "selection": "0 चयनित | 1 चयनित | {count} चयनित",
-    "shortcut": "क्रियाओं पर फ़ोकस करने के लिए \"{key}\" दबाएँ",
-    "button_close_aria_label": "एक्शन बार बंद करें"
+    "progress_label": "{locale} के लिए प्रगति स्थिति",
+    "table": {
+      "file": "फ़ाइल",
+      "status": "स्थिति",
+      "error": "फ़ाइल सूची लोड करते समय त्रुटि।",
+      "empty": "कोई फ़ाइल नहीं मिली",
+      "file_link": "GitHub पर {file} ({lang}) संपादित करें"
+    }
   },
   "vacations": {
     "title": "छुट्टी पर",
@@ -1462,5 +1440,18 @@
         "all": "सभी"
       }
     }
+  },
+  "action_bar": {
+    "title": "एक्शन बार",
+    "selection": "0 चयनित | 1 चयनित | {count} चयनित",
+    "shortcut": "क्रियाओं पर फ़ोकस करने के लिए \"{key}\" दबाएँ",
+    "button_close_aria_label": "एक्शन बार बंद करें"
+  },
+  "logo_menu": {},
+  "brand": {
+    "logos": {},
+    "customize": {},
+    "typography": {},
+    "guidelines": {}
   }
 }
diff --git a/i18n/locales/hu-HU.json b/i18n/locales/hu-HU.json
index b81921f621..0a0b19980c 100644
--- a/i18n/locales/hu-HU.json
+++ b/i18n/locales/hu-HU.json
@@ -716,12 +716,10 @@
   "code": {
     "files_label": "Fájlok",
     "no_files": "Nincsenek fájlok ebben a könyvtárban",
-    "root": "gyökér",
     "lines": "{count} sor | {count} sor",
     "toggle_tree": "Fájlfa kapcsolása",
     "close_tree": "Fájlfa bezárása",
     "copy_link": "Link másolása",
-    "raw": "Nyers",
     "view_raw": "Nyers fájl megtekintése",
     "file_too_large": "A fájl túl nagy az előnézethez",
     "file_size_warning": "{size} meghaladja az 500KB-os limitet a szintaxis alapú formázáshoz",
diff --git a/i18n/locales/id-ID.json b/i18n/locales/id-ID.json
index cf1e3edc84..37a0105a7b 100644
--- a/i18n/locales/id-ID.json
+++ b/i18n/locales/id-ID.json
@@ -772,12 +772,10 @@
   "code": {
     "files_label": "Berkas",
     "no_files": "Tidak ada berkas di direktori ini",
-    "root": "root",
     "lines": "{count} baris",
     "toggle_tree": "Ganti pohon berkas",
     "close_tree": "Tutup pohon berkas",
     "copy_link": "Salin tautan",
-    "raw": "Raw",
     "view_raw": "Lihat berkas mentah",
     "file_too_large": "Berkas terlalu besar untuk pratinjau",
     "file_size_warning": "{size} melebihi batas 500KB untuk penyorotan sintaksis",
diff --git a/i18n/locales/it-IT.json b/i18n/locales/it-IT.json
index d96207920b..8335afc24d 100644
--- a/i18n/locales/it-IT.json
+++ b/i18n/locales/it-IT.json
@@ -634,12 +634,10 @@
   "code": {
     "files_label": "File",
     "no_files": "Nessun file in questa directory",
-    "root": "root",
     "lines": "{count} riga | {count} righe",
     "toggle_tree": "Attiva/disattiva albero dei file",
     "close_tree": "Chiudi albero dei file",
     "copy_link": "Copia link",
-    "raw": "Raw",
     "view_raw": "Visualizza file raw",
     "file_too_large": "File troppo grande per visualizzare l'anteprima",
     "file_size_warning": "{size} supera il limite di 500 KB per l'evidenziatore di sintassi",
diff --git a/i18n/locales/ja-JP.json b/i18n/locales/ja-JP.json
index 2270f6c5d3..2d21d1fb99 100644
--- a/i18n/locales/ja-JP.json
+++ b/i18n/locales/ja-JP.json
@@ -769,12 +769,10 @@
   "code": {
     "files_label": "ファイル",
     "no_files": "このディレクトリにファイルはありません",
-    "root": "ルート",
     "lines": "{count} 行",
     "toggle_tree": "ファイルツリーを切り替え",
     "close_tree": "ファイルツリーを閉じる",
     "copy_link": "リンクをコピー",
-    "raw": "RAW",
     "view_raw": "RAWファイルを表示",
     "file_too_large": "ファイルが大きすぎるためプレビューできません",
     "file_size_warning": "{size} は構文強調表示の制限である500KBを超えています",
diff --git a/i18n/locales/kn-IN.json b/i18n/locales/kn-IN.json
index f8ec04fa88..a78955fe25 100644
--- a/i18n/locales/kn-IN.json
+++ b/i18n/locales/kn-IN.json
@@ -546,12 +546,10 @@
   "code": {
     "files_label": "ಫೈಲ್‌ಗಳು",
     "no_files": "ಈ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಯಾವುದೇ ಫೈಲ್‌ಗಳಿಲ್ಲ",
-    "root": "ಮೂಲ",
     "lines": "{count} ಸಾಲುಗಳು",
     "toggle_tree": "ಫೈಲ್ ಮರವನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
     "close_tree": "ಫೈಲ್ ಮರ ಮುಚ್ಚಿ",
     "copy_link": "ಲಿಂಕ್ ನಕಲಿಸಿ",
-    "raw": "ರಾ",
     "view_raw": "ರಾ ಫೈಲ್ ನೋಡಿ",
     "file_too_large": "ಪೂರ್ವದೃಶ್ಯಕ್ಕಾಗಿ ಫೈಲ್ ತುಂಬಾ ದೊಡ್ಡದು",
     "file_size_warning": "{size} ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟಿಂಗ್‌ಗೆ 500KB ಮಿತಿಯನ್ನು ಮೀರಿದೆ",
diff --git a/i18n/locales/mr-IN.json b/i18n/locales/mr-IN.json
index c2684b5a49..0bd6ea360e 100644
--- a/i18n/locales/mr-IN.json
+++ b/i18n/locales/mr-IN.json
@@ -22,23 +22,7 @@
     "keyboard_shortcuts": "कीबोर्ड शॉर्टकट"
   },
   "shortcuts": {
-    "section": {
-      "global": "जागतिक",
-      "search": "शोध",
-      "package": "पॅकेज"
-    },
-    "focus_search": "शोधावर फोकस करा",
-    "show_kbd_hints": "कीबोर्ड सूचनांना ठळक करा",
-    "settings": "सेटिंग्ज उघडा",
-    "compare": "तुलना उघडा",
-    "compare_from_package": "तुलना उघडा (सध्याच्या पॅकेजसह पूर्वभरलेले)",
-    "navigate_results": "परिणामांमध्ये फिरा",
-    "go_to_result": "परिणामाकडे जा",
-    "open_code_view": "कोड दृश्य उघडा",
-    "open_docs": "दस्तऐवज उघडा",
-    "disable_shortcuts": "तुम्ही {settings} मध्ये कीबोर्ड शॉर्टकट अक्षम करू शकता.",
-    "open_main": "मुख्य माहिती उघडा",
-    "open_diff": "आवृत्तीतील फरक उघडा"
+    "section": {}
   },
   "search": {
     "label": "npm पॅकेजेस शोधा",
@@ -229,21 +213,7 @@
     "expand": "विस्तृत करा"
   },
   "profile": {
-    "display_name": "प्रदर्शन नाव",
-    "description": "वर्णन",
-    "no_description": "वर्णन नाही",
-    "website": "वेबसाइट",
-    "website_placeholder": "https://example.com",
-    "likes": "पसंती",
-    "seo_title": "{handle} - npmx",
-    "seo_description": "{handle} द्वारे npmx प्रोफाइल",
-    "not_found": "प्रोफाइल सापडले नाही",
-    "not_found_message": "{handle} साठीचे प्रोफाइल सापडले नाही.",
-    "invite": {
-      "message": "ते अजून npmx वापरत आहेत असे दिसत नाही. त्यांना याबद्दल सांगायचे का?",
-      "share_button": "Bluesky वर शेअर करा",
-      "compose_text": "अहो {'@'}{handle}! तुम्ही अजून npmx.dev पाहिले आहे का? हा npm नोंदणीसाठी जलद, आधुनिक आणि मुक्त-स्रोत ब्राउझर आहे.\nhttps://npmx.dev"
-    }
+    "invite": {}
   },
   "package": {
     "not_found": "पॅकेज सापडले नाही",
@@ -815,12 +785,10 @@
   "code": {
     "files_label": "फायली",
     "no_files": "कोणत्याही फाइल्स उपलब्ध नाहीत",
-    "root": "मूळ",
     "lines": "{count} ओळी",
     "toggle_tree": "फाइल ट्री टॉगल करा",
     "close_tree": "फाइल ट्री बंद करा",
     "copy_link": "लिंक कॉपी करा",
-    "raw": "कच्चा",
     "view_raw": "कच्ची फाइल पहा",
     "file_too_large": "पूर्वावलोकनासाठी फाइल खूप मोठी आहे",
     "file_size_warning": "{size} हे सिंटॅक्स हायलाइटिंगसाठीच्या 500KB मर्यादेपेक्षा जास्त आहे",
diff --git a/i18n/locales/nb-NO.json b/i18n/locales/nb-NO.json
index cb919c567b..221ad00dd5 100644
--- a/i18n/locales/nb-NO.json
+++ b/i18n/locales/nb-NO.json
@@ -822,12 +822,10 @@
   "code": {
     "files_label": "Filer",
     "no_files": "Ingen filer i denne mappen",
-    "root": "rot",
     "lines": "{count} linje | {count} linjer",
     "toggle_tree": "Veksle filtre",
     "close_tree": "Lukk filtre",
     "copy_link": "Kopier lenke",
-    "raw": "Rå",
     "view_raw": "Vis råfil",
     "file_too_large": "Filen er for stor til å forhåndsvises",
     "file_size_warning": "{size} overstiger grensen på 500KB for syntaksmarkering",
diff --git a/i18n/locales/ne-NP.json b/i18n/locales/ne-NP.json
index 58b5a3ffe9..0d16b488c4 100644
--- a/i18n/locales/ne-NP.json
+++ b/i18n/locales/ne-NP.json
@@ -531,12 +531,10 @@
   "code": {
     "files_label": "फाइलहरू",
     "no_files": "यो डाइरेक्टरीमा कुनै फाइल छैन",
-    "root": "root",
     "lines": "{count} लाइन",
     "toggle_tree": "फाइल ट्री टगल",
     "close_tree": "फाइल ट्री बन्द",
     "copy_link": "लिङ्क कपी",
-    "raw": "Raw",
     "view_raw": "raw फाइल हेर्नुहोस्",
     "file_too_large": "प्रिभ्यू गर्न फाइल धेरै ठूलो छ",
     "file_size_warning": "syntax highlighting का लागि 500KB सीमा भन्दा {size} ठूलो छ",
diff --git a/i18n/locales/pl-PL.json b/i18n/locales/pl-PL.json
index 15d071ae0a..c2b59412df 100644
--- a/i18n/locales/pl-PL.json
+++ b/i18n/locales/pl-PL.json
@@ -769,12 +769,10 @@
   "code": {
     "files_label": "Pliki",
     "no_files": "Brak plików w tym katalogu",
-    "root": "root",
     "lines": "{count} wierszy",
     "toggle_tree": "Przełącz drzewo plików",
     "close_tree": "Zamknij drzewo plików",
     "copy_link": "Kopiuj link",
-    "raw": "Surowe",
     "view_raw": "Zobacz surowy plik",
     "file_too_large": "Plik jest zbyt duży, aby wyświetlić podgląd",
     "file_size_warning": "{size} przekracza limit 500KB dla podświetlania składni",
diff --git a/i18n/locales/pt-BR.json b/i18n/locales/pt-BR.json
index f0fef7d598..962638896c 100644
--- a/i18n/locales/pt-BR.json
+++ b/i18n/locales/pt-BR.json
@@ -780,12 +780,10 @@
   "code": {
     "files_label": "Arquivos",
     "no_files": "Nenhum arquivo neste diretório",
-    "root": "raiz",
     "lines": "{count} linhas",
     "toggle_tree": "Alternar árvore de arquivos",
     "close_tree": "Fechar árvore de arquivos",
     "copy_link": "Copiar link",
-    "raw": "Bruto",
     "view_raw": "Ver arquivo bruto",
     "file_too_large": "Arquivo muito grande para visualizar",
     "file_size_warning": "{size} excede o limite de 500KB para destaque de sintaxe",
diff --git a/i18n/locales/ru-RU.json b/i18n/locales/ru-RU.json
index a52805c443..a906b02bd3 100644
--- a/i18n/locales/ru-RU.json
+++ b/i18n/locales/ru-RU.json
@@ -825,12 +825,10 @@
   "code": {
     "files_label": "Файлы",
     "no_files": "В этой директории нет файлов",
-    "root": "корневая директория",
     "lines": "{count} строк",
     "toggle_tree": "Переключить дерево файлов",
     "close_tree": "Закрыть дерево файлов",
     "copy_link": "Скопировать ссылку",
-    "raw": "Raw",
     "view_raw": "Посмотреть исходный файл",
     "file_too_large": "Файл слишком большой для предпросмотра",
     "file_size_warning": "{size} превышает лимит в 500 КБ для подсветки синтаксиса",
diff --git a/i18n/locales/ta-IN.json b/i18n/locales/ta-IN.json
index 0f566ebfef..96a41eb17d 100644
--- a/i18n/locales/ta-IN.json
+++ b/i18n/locales/ta-IN.json
@@ -626,12 +626,10 @@
   "code": {
     "files_label": "கோப்புகள்",
     "no_files": "இந்த கோப்பகத்தில் கோப்புகள் இல்லை",
-    "root": "மூலம்",
     "lines": "{count} வரி | {count} வரிகள்",
     "toggle_tree": "கோப்பு மரத்தை நிலைமாற்று",
     "close_tree": "கோப்பு மரத்தை மூடு",
     "copy_link": "இணைப்பை நகலெடு",
-    "raw": "மூலம்",
     "view_raw": "மூல கோப்பைக் காண்க",
     "file_too_large": "முன்னோட்டமிட கோப்பு மிகப்பெரியது",
     "file_size_warning": "{size} தொடரியல் சிறப்பித்தலுக்கான 500KB வரம்பை மீறுகிறது",
diff --git a/i18n/locales/te-IN.json b/i18n/locales/te-IN.json
index 18dd0d5646..ab580f63b4 100644
--- a/i18n/locales/te-IN.json
+++ b/i18n/locales/te-IN.json
@@ -546,12 +546,10 @@
   "code": {
     "files_label": "ఫైల్‌లు",
     "no_files": "ఈ డైరెక్టరీలో ఫైల్‌లు లేవు",
-    "root": "రూట్",
     "lines": "{count} పంక్తులు",
     "toggle_tree": "ఫైల్ ట్రీని టాగుల్ చేయండి",
     "close_tree": "ఫైల్ ట్రీని మూసివేయండి",
     "copy_link": "లింక్‌ను కాపీ చేయండి",
-    "raw": "రా",
     "view_raw": "రా ఫైల్‌ను వీక్షించండి",
     "file_too_large": "ఫైల్ ప్రివ్యూ కోసం చాలా పెద్దది",
     "file_size_warning": "{size} సింటాక్స్ హైలైటింగ్ కోసం 500KB పరిమితి కంటే ఎక్కువ",
diff --git a/i18n/locales/tr-TR.json b/i18n/locales/tr-TR.json
index 47ac20eb2b..8d686950a3 100644
--- a/i18n/locales/tr-TR.json
+++ b/i18n/locales/tr-TR.json
@@ -755,12 +755,10 @@
   "code": {
     "files_label": "Dosyalar",
     "no_files": "Bu klasörde dosya yok",
-    "root": "kök",
     "lines": "{count} satır",
     "toggle_tree": "Dosya ağacını değiştir",
     "close_tree": "Dosya ağacını kapat",
     "copy_link": "Bağlantıyı kopyala",
-    "raw": "Ham",
     "view_raw": "Ham dosyayı göster",
     "file_too_large": "Dosya önizleme için çok büyük",
     "file_size_warning": "{size} sözdizimi vurgulama için 500KB limitini aşıyor",
diff --git a/i18n/locales/uk-UA.json b/i18n/locales/uk-UA.json
index eb7037f0d0..b9a8ab6b19 100644
--- a/i18n/locales/uk-UA.json
+++ b/i18n/locales/uk-UA.json
@@ -822,12 +822,10 @@
   "code": {
     "files_label": "Файли",
     "no_files": "Немає файлів у цій папці",
-    "root": "корінь",
     "lines": "{count} рядків",
     "toggle_tree": "Переключити дерево файлів",
     "close_tree": "Закрити дерево файлів",
     "copy_link": "Копіювати посилання",
-    "raw": "Необроблено",
     "view_raw": "Переглянути необроблений файл",
     "file_too_large": "Файл занадто великий для попереду",
     "file_size_warning": "{size} перевищує ліміт 500KB для виділення синтаксису",
diff --git a/i18n/locales/vi-VN.json b/i18n/locales/vi-VN.json
index 362f1831f7..80e6477da8 100644
--- a/i18n/locales/vi-VN.json
+++ b/i18n/locales/vi-VN.json
@@ -822,12 +822,10 @@
   "code": {
     "files_label": "Tệp",
     "no_files": "Không có tệp nào trong thư mục này",
-    "root": "gốc",
     "lines": "{count} dòng | {count} dòng",
     "toggle_tree": "Bật/tắt cây thư mục",
     "close_tree": "Đóng cây thư mục",
     "copy_link": "Sao chép liên kết",
-    "raw": "Thô",
     "view_raw": "Xem tệp thô",
     "file_too_large": "Tệp quá lớn để xem trước",
     "file_size_warning": "{size} vượt quá giới hạn 500KB để tô màu cú pháp (syntax highlight)",
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 865e40a93f..49b5457f27 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -783,12 +783,10 @@
   "code": {
     "files_label": "文件",
     "no_files": "这个目录中没有文件",
-    "root": "根目录",
     "lines": "{count} 行",
     "toggle_tree": "切换文件树",
     "close_tree": "关闭文件树",
     "copy_link": "复制链接",
-    "raw": "原始文件",
     "view_raw": "查看原始文件",
     "file_too_large": "文件过大，无法预览",
     "file_size_warning": "{size} 超出了 500KB 的语法高亮限制",
diff --git a/i18n/locales/zh-TW.json b/i18n/locales/zh-TW.json
index d7e467d582..352d6e0b71 100644
--- a/i18n/locales/zh-TW.json
+++ b/i18n/locales/zh-TW.json
@@ -783,12 +783,10 @@
   "code": {
     "files_label": "檔案",
     "no_files": "此目錄中沒有檔案",
-    "root": "根目錄",
     "lines": "{count} 行",
     "toggle_tree": "切換檔案樹",
     "close_tree": "關閉檔案樹",
     "copy_link": "複製連結",
-    "raw": "原始",
     "view_raw": "檢視原始檔",
     "file_too_large": "檔案太大無法預覽",
     "file_size_warning": "{size} 超過 500KB 的語法高亮限制",
diff --git a/i18n/schema.json b/i18n/schema.json
index 9c831eccde..82c99e27d9 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -2479,9 +2479,6 @@
         "no_files": {
           "type": "string"
         },
-        "root": {
-          "type": "string"
-        },
         "lines": {
           "type": "string"
         },
@@ -2491,15 +2488,24 @@
         "close_tree": {
           "type": "string"
         },
-        "copy_link": {
+        "copy_content": {
           "type": "string"
         },
-        "raw": {
+        "copy_link": {
           "type": "string"
         },
         "view_raw": {
           "type": "string"
         },
+        "toggle_container": {
+          "type": "string"
+        },
+        "open_raw_file": {
+          "type": "string"
+        },
+        "open_path_dropdown": {
+          "type": "string"
+        },
         "file_too_large": {
           "type": "string"
         },
diff --git a/test/nuxt/a11y.spec.ts b/test/nuxt/a11y.spec.ts
index 36ee338d8b..84a21e6dab 100644
--- a/test/nuxt/a11y.spec.ts
+++ b/test/nuxt/a11y.spec.ts
@@ -146,7 +146,9 @@ import {
   ChartPatternSlot,
   CodeDirectoryListing,
   CodeFileTree,
+  CodeHeader,
   CodeMobileTreeDrawer,
+  CodeSkeletonLoader,
   CodeViewer,
   CopyToClipboardButton,
   CollapsibleSection,
@@ -1247,6 +1249,44 @@ describe('component accessibility audits', () => {
     })
   })
 
+  describe('CodeHeader', () => {
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(CodeHeader, {
+        props: {
+          filePath: 'misc/true.js',
+          loading: false,
+          isViewingFile: true,
+          isBinaryFile: false,
+          fileContent: {
+            package: 'vite',
+            version: '1.0.0',
+            path: 'misc/true.js',
+            language: 'javascript',
+            contentType: 'application/javascript',
+            content: 'const x = 1;',
+            html: '<pre><code><span class="line">const x = 1;</span></code></pre>',
+            lines: 1,
+          },
+          markdownViewMode: 'preview',
+          selectedLines: null,
+          getCodeUrlWithPath: (path = '') => `/package-code/vite/v/1.0.0/${path}`,
+          packageName: 'vite',
+          version: '1.0.0',
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
+  describe('CodeSkeletonLoader', () => {
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(CodeSkeletonLoader)
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
   describe('CodeViewer', () => {
     it('should have no accessibility violations', async () => {
       const component = await mountSuspended(CodeViewer, {
diff --git a/uno.config.ts b/uno.config.ts
index fae3f45785..76bb1269af 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -140,6 +140,7 @@ export default defineConfig({
     // Layout
     ['container', 'max-w-6xl mx-auto px-4 sm:px-6'],
     ['container-sm', 'max-w-5xl mx-auto px-4 sm:px-6'],
+    ['flex-split', 'flex items-center justify-between'],
 
     // Focus states - subtle but accessible
     ['focus-ring', 'outline-none focus-visible:(ring-2 ring-fg/50 ring-offset-2)'],