diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index 5df11f3146..fb7a5d0429 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -43,7 +43,7 @@ We agree to restrict the following behaviors in our community. Instances, threat
 
 Tensions can occur between community members even when they are trying their best to collaborate. Not every conflict represents a code of conduct violation, and this Code of Conduct reinforces encouraged behaviors and norms that can help avoid conflicts and minimize harm.
 
-When an incident does occur, it is important to report it promptly. To report a possible violation, contact the project stewards (@danielroe and @patak.dev) by DM in our community chat. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project stewards are obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+When an incident does occur, it is important to report it promptly. To report a possible violation, contact the project stewards (@danielroe and @patak.cat) by DM in our community chat. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project stewards are obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
 
 Community Moderators take reports of violations seriously and will make every effort to respond in a timely manner. They will investigate all reports of code of conduct violations, reviewing messages, logs, and recordings, or interviewing witnesses and other participants. Community Moderators will keep investigation and enforcement actions as transparent as possible while prioritizing safety and confidentiality. In order to honor these values, enforcement actions are carried out in private with the involved parties, but communicating to the whole community may be part of a mutually agreed upon resolution.
 
diff --git a/GOVERNANCE.md b/GOVERNANCE.md
index 63e92d7306..1731cdd378 100644
--- a/GOVERNANCE.md
+++ b/GOVERNANCE.md
@@ -41,7 +41,7 @@ Not every contributor will reach this level, and that's okay! Maintainers still
 The npmx project Stewards are currently:
 
 - **Daniel Roe** ([website](https://roe.dev), [social](https://bsky.app/profile/danielroe.dev), [github](https://github.com/danielroe), [@danielroe](https://chat.npmx.dev))
-- **Matias Capeletto** ([website](https://patak.dev), [social](https://bsky.app/profile/patak.dev), [github](https://github.com/patak-dev), [@patak.dev](https://chat.npmx.dev))
+- **Matias Capeletto** ([website](https://patak.cat), [social](https://bsky.app/profile/patak.cat), [github](https://github.com/patak-cat), [@patak.cat](https://chat.npmx.dev))
 
 ---
 
diff --git a/app/assets/main.css b/app/assets/main.css
index 0de1fb5fc8..8897b7da18 100644
--- a/app/assets/main.css
+++ b/app/assets/main.css
@@ -114,7 +114,7 @@
 
   --badge-blue: oklch(0.579 0.191 252);
   --badge-yellow: oklch(0.588 0.183 91);
-  --badge-green: oklch(0.566 0.202 165);
+  --badge-green: oklch(0.49 0.15 161.08);
   --badge-indigo: oklch(0.457 0.24 277.023);
   --badge-purple: oklch(0.495 0.172 295);
   --badge-orange: oklch(0.67 0.185 55);
@@ -275,13 +275,16 @@ dd {
 }
 
 /* Shiki theme colors */
-html.light .shiki,
-html.light .shiki span {
+html.light .shiki {
   color: var(--shiki-light) !important;
   background-color: var(--shiki-light-bg) !important;
-  font-style: var(--shiki-light-font-style) !important;
-  font-weight: var(--shiki-light-font-weight) !important;
-  text-decoration: var(--shiki-light-text-decoration) !important;
+
+  & span {
+    color: var(--shiki-light) !important;
+    font-style: var(--shiki-light-font-style) !important;
+    font-weight: var(--shiki-light-font-weight) !important;
+    text-decoration: var(--shiki-light-text-decoration) !important;
+  }
 }
 
 /* Inline code in package descriptions */
diff --git a/app/components/Alert.vue b/app/components/Alert.vue
new file mode 100644
index 0000000000..19467a3727
--- /dev/null
+++ b/app/components/Alert.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+interface Props {
+  variant: 'warning' | 'error'
+  title?: string
+}
+
+defineProps<Props>()
+
+const WRAPPER_CLASSES: Record<Props['variant'], string> = {
+  warning: 'border-amber-400/20 bg-amber-500/8',
+  error: 'border-red-400/20 bg-red-500/8',
+}
+
+const TITLE_CLASSES: Record<Props['variant'], string> = {
+  warning: 'text-amber-800 dark:text-amber-300',
+  error: 'text-red-800 dark:text-red-300',
+}
+
+const BODY_CLASSES: Record<Props['variant'], string> = {
+  warning: 'text-amber-700 dark:text-amber-400',
+  error: 'text-red-700 dark:text-red-400',
+}
+
+const ROLES: Record<Props['variant'], 'status' | 'alert'> = {
+  warning: 'status',
+  error: 'alert',
+}
+</script>
+
+<template>
+  <div
+    :role="ROLES[variant]"
+    class="border rounded-md px-3 py-2.5"
+    :class="WRAPPER_CLASSES[variant]"
+  >
+    <p v-if="title" class="font-semibold mb-1" :class="TITLE_CLASSES[variant]">{{ title }}</p>
+    <div class="text-xs" :class="BODY_CLASSES[variant]">
+      <slot />
+    </div>
+  </div>
+</template>
diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index 818168f1ba..d0cb8c6337 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -88,13 +88,21 @@ const closeModal = () => modalRef.value?.close?.()
               </p>
               <ul class="mb-8 flex flex-col gap-2">
                 <li class="flex gap-2 items-center">
-                  <kbd class="kbd">.</kbd>
-                  <span>{{ $t('shortcuts.open_code_view') }}</span>
+                  <kbd class="kbd">m</kbd>
+                  <span>{{ $t('shortcuts.open_main') }}</span>
                 </li>
                 <li class="flex gap-2 items-center">
                   <kbd class="kbd">d</kbd>
                   <span>{{ $t('shortcuts.open_docs') }}</span>
                 </li>
+                <li class="flex gap-2 items-center">
+                  <kbd class="kbd">.</kbd>
+                  <span>{{ $t('shortcuts.open_code_view') }}</span>
+                </li>
+                <li class="flex gap-2 items-center">
+                  <kbd class="kbd">f</kbd>
+                  <span>{{ $t('shortcuts.open_diff') }}</span>
+                </li>
                 <li class="flex gap-2 items-center">
                   <kbd class="kbd">c</kbd>
                   <span>{{ $t('shortcuts.compare_from_package') }}</span>
diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
index 17f8b23b78..192178e9b6 100644
--- a/app/components/Code/MobileTreeDrawer.vue
+++ b/app/components/Code/MobileTreeDrawer.vue
@@ -29,7 +29,7 @@ watch(isOpen, open => (isLocked.value = open))
   <!-- Toggle button (mobile only) -->
   <ButtonBase
     variant="primary"
-    class="md:hidden fixed bottom-4 inset-ie-4 z-45"
+    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'"
diff --git a/app/components/Compare/FacetBarChart.vue b/app/components/Compare/FacetBarChart.vue
new file mode 100644
index 0000000000..dd1fb37cc2
--- /dev/null
+++ b/app/components/Compare/FacetBarChart.vue
@@ -0,0 +1,314 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { VueUiHorizontalBar } from 'vue-data-ui/vue-ui-horizontal-bar'
+import type { VueUiHorizontalBarConfig, VueUiHorizontalBarDatasetItem } from 'vue-data-ui'
+import { getFrameworkColor, isListedFramework } from '~/utils/frameworks'
+import { drawSmallNpmxLogoAndTaglineWatermark } from '~/composables/useChartWatermark'
+import {
+  loadFile,
+  insertLineBreaks,
+  sanitise,
+  applyEllipsis,
+  copyAltTextForCompareFacetBarChart,
+} from '~/utils/charts'
+
+import('vue-data-ui/style.css')
+
+const props = defineProps<{
+  values: (FacetValue | null | undefined)[]
+  packages: string[]
+  label: string
+  description: string
+  facetLoading?: boolean
+}>()
+
+const colorMode = useColorMode()
+const resolvedMode = shallowRef<'light' | 'dark'>('light')
+const rootEl = shallowRef<HTMLElement | null>(null)
+const { width } = useElementSize(rootEl)
+const { copy, copied } = useClipboard()
+
+const mobileBreakpointWidth = 640
+const isMobile = computed(() => width.value > 0 && width.value < mobileBreakpointWidth)
+
+const chartKey = ref(0)
+
+const { colors } = useCssVariables(
+  [
+    '--bg',
+    '--fg',
+    '--bg-subtle',
+    '--bg-elevated',
+    '--fg-subtle',
+    '--fg-muted',
+    '--border',
+    '--border-subtle',
+  ],
+  {
+    element: rootEl,
+    watchHtmlAttributes: true,
+    watchResize: false,
+  },
+)
+
+const watermarkColors = computed(() => ({
+  fg: colors.value.fg ?? OKLCH_NEUTRAL_FALLBACK,
+  bg: colors.value.bg ?? OKLCH_NEUTRAL_FALLBACK,
+  fgSubtle: colors.value.fgSubtle ?? OKLCH_NEUTRAL_FALLBACK,
+}))
+
+onMounted(async () => {
+  rootEl.value = document.documentElement
+  resolvedMode.value = colorMode.value === 'dark' ? 'dark' : 'light'
+})
+
+watch(
+  () => colorMode.value,
+  value => {
+    resolvedMode.value = value === 'dark' ? 'dark' : 'light'
+  },
+  { flush: 'sync' },
+)
+
+watch(
+  () => props.packages,
+  (newP, oldP) => {
+    if (newP.length !== oldP.length) return
+    chartKey.value += 1
+  },
+)
+
+const isDarkMode = computed(() => resolvedMode.value === 'dark')
+
+const dataset = computed<VueUiHorizontalBarDatasetItem[]>(() => {
+  if (props.facetLoading) return []
+  return props.packages.map((name, index) => {
+    const rawValue = props.values[index]?.raw
+    return {
+      name: insertLineBreaks(applyEllipsis(name)),
+      value: typeof rawValue === 'number' ? rawValue : 0,
+      color: isListedFramework(name) ? getFrameworkColor(name) : undefined,
+      formattedValue: props.values[index]?.display,
+    }
+  })
+})
+
+const skeletonDataset = computed(() =>
+  props.packages.map((_pkg, i) => ({
+    name: '_',
+    value: i + 1,
+    color: colors.value.border,
+  })),
+)
+
+function buildExportFilename(extension: string): string {
+  const sanitizedPackages = props.packages.map(p => sanitise(p).slice(0, 10)).join('_')
+  const comparisonLabel = sanitise($t('compare.packages.section_comparison'))
+  const facetLabel = sanitise(props.label)
+  return `${facetLabel}_${comparisonLabel}_${sanitizedPackages}.${extension}`
+}
+
+const config = computed<VueUiHorizontalBarConfig>(() => {
+  return {
+    theme: isDarkMode.value ? 'dark' : '',
+    userOptions: {
+      buttons: {
+        tooltip: false,
+        pdf: false,
+        fullscreen: false,
+        sort: false,
+        annotator: false,
+        table: false,
+        csv: false,
+        altCopy: true,
+      },
+      buttonTitle: {
+        img: $t('package.trends.download_file', { fileType: 'PNG' }),
+        svg: $t('package.trends.download_file', { fileType: 'SVG' }),
+        altCopy: $t('package.trends.copy_alt.button_label'),
+      },
+      callbacks: {
+        img: args => {
+          const imageUri = args?.imageUri
+          if (!imageUri) return
+          loadFile(imageUri, buildExportFilename('png'))
+        },
+        svg: args => {
+          const blob = args?.blob
+          if (!blob) return
+          const url = URL.createObjectURL(blob)
+          loadFile(url, buildExportFilename('svg'))
+          URL.revokeObjectURL(url)
+        },
+        altCopy: ({ dataset: dst, config: cfg }) => {
+          copyAltTextForCompareFacetBarChart({
+            dataset: dst,
+            config: {
+              ...cfg,
+              facet: props.label,
+              description: props.description,
+              copy,
+              $t,
+            },
+          })
+        },
+      },
+    },
+    skeletonDataset: skeletonDataset.value,
+    skeletonConfig: {
+      style: {
+        chart: {
+          backgroundColor: colors.value.bg,
+        },
+      },
+    },
+    style: {
+      chart: {
+        backgroundColor: colors.value.bg,
+        height: 60 * props.packages.length,
+        layout: {
+          bars: {
+            rowColor: isDarkMode.value ? colors.value.borderSubtle : colors.value.bgSubtle,
+            rowRadius: 4,
+            borderRadius: 4,
+            dataLabels: {
+              fontSize: isMobile.value ? 12 : 18,
+              percentage: { show: false },
+              offsetX: 12,
+              bold: false,
+              color: colors.value.fg,
+              value: {
+                formatter: ({ config }) => {
+                  return config?.datapoint?.formattedValue ?? '0'
+                },
+              },
+            },
+            nameLabels: {
+              fontSize: isMobile.value ? 12 : 18,
+              color: colors.value.fgSubtle,
+            },
+            underlayerColor: colors.value.bg,
+          },
+          highlighter: {
+            opacity: isMobile.value ? 0 : 5,
+          },
+        },
+        legend: {
+          show: false,
+        },
+        title: {
+          fontSize: 16,
+          bold: false,
+          text: props.label,
+          color: colors.value.fg,
+          subtitle: {
+            text: props.description,
+            fontSize: 12,
+            color: colors.value.fgSubtle,
+          },
+        },
+        tooltip: {
+          show: !isMobile.value,
+          borderColor: 'transparent',
+          backdropFilter: false,
+          backgroundColor: 'transparent',
+          customFormat: ({ datapoint }) => {
+            const name = datapoint?.name?.replace(/\n/g, '<br>')
+            return `
+            <div class="font-mono p-3 border border-border rounded-md bg-[var(--bg)]/10 backdrop-blur-md">
+              <div class="grid grid-cols-[12px_minmax(0,1fr)_max-content] items-center gap-x-3">
+                <div class="w-3 h-3">
+                  <svg viewBox="0 0 2 2" class="w-full h-full">
+                    <rect x="0" y="0" width="2" height="2" rx="0.3" fill="${datapoint?.color}" />
+                  </svg>
+                </div>
+                <span class="text-3xs uppercase tracking-wide text-[var(--fg)]/70 truncate">
+                  ${name}
+                </span>
+                <span class="text-base text-[var(--fg)] font-mono tabular-nums text-end">
+                  ${datapoint?.formattedValue ?? 0}
+                </span>
+              </div>
+            </div>
+            `
+          },
+        },
+      },
+    },
+  }
+})
+</script>
+
+<template>
+  <div class="font-mono facet-bar">
+    <ClientOnly v-if="dataset.length">
+      <VueUiHorizontalBar :key="chartKey" :dataset :config class="[direction:ltr]">
+        <template #svg="{ svg }">
+          <!-- Inject npmx logo & tagline during SVG and PNG print -->
+          <g
+            v-if="svg.isPrintingSvg || svg.isPrintingImg"
+            v-html="
+              drawSmallNpmxLogoAndTaglineWatermark({
+                svg,
+                colors: watermarkColors,
+                translateFn: $t,
+              })
+            "
+          />
+        </template>
+
+        <template #menuIcon="{ isOpen }">
+          <span v-if="isOpen" class="i-lucide:x w-6 h-6" aria-hidden="true" />
+          <span v-else class="i-lucide:ellipsis-vertical w-6 h-6" aria-hidden="true" />
+        </template>
+        <template #optionCsv>
+          <span class="text-fg-subtle font-mono pointer-events-none">CSV</span>
+        </template>
+        <template #optionImg>
+          <span class="text-fg-subtle font-mono pointer-events-none">PNG</span>
+        </template>
+        <template #optionSvg>
+          <span class="text-fg-subtle font-mono pointer-events-none">SVG</span>
+        </template>
+        <template #optionAltCopy>
+          <span
+            class="w-6 h-6"
+            :class="
+              copied ? 'i-lucide:check text-accent' : 'i-lucide:person-standing text-fg-subtle'
+            "
+            style="pointer-events: none"
+            aria-hidden="true"
+          />
+        </template>
+      </VueUiHorizontalBar>
+
+      <template #fallback>
+        <div class="flex flex-col gap-2 justify-center items-center mb-2">
+          <SkeletonInline class="h-4 w-16" />
+          <SkeletonInline class="h-4 w-28" />
+        </div>
+        <div class="flex flex-col gap-1">
+          <SkeletonInline class="h-7 w-full" v-for="pkg in packages" :key="pkg" />
+        </div>
+      </template>
+    </ClientOnly>
+
+    <template v-else>
+      <div class="flex flex-col gap-2 justify-center items-center mb-2">
+        <SkeletonInline class="h-4 w-16" />
+        <SkeletonInline class="h-4 w-28" />
+      </div>
+      <div class="flex flex-col gap-1">
+        <SkeletonInline class="h-7 w-full" v-for="pkg in packages" :key="pkg" />
+      </div>
+    </template>
+  </div>
+</template>
+
+<style>
+.facet-bar .atom-subtitle {
+  width: 80% !important;
+  margin: 0 auto;
+  height: 2rem;
+}
+</style>
diff --git a/app/components/Compare/PackageSelector.vue b/app/components/Compare/PackageSelector.vue
index 5cde32b1c8..43e7ec81c7 100644
--- a/app/components/Compare/PackageSelector.vue
+++ b/app/components/Compare/PackageSelector.vue
@@ -272,7 +272,7 @@ onClickOutside(containerRef, () => {
           <ButtonBase
             v-if="showNoDependencyOption"
             data-navigable
-            class="block w-full text-start"
+            class="block w-full text-start !border-transparent"
             :class="highlightedIndex === 0 ? '!bg-accent/15' : ''"
             :aria-label="$t('compare.no_dependency.add_column')"
             @mouseenter="highlightedIndex = 0"
@@ -297,7 +297,7 @@ onClickOutside(containerRef, () => {
             v-for="(result, index) in filteredResults"
             :key="result.name"
             data-navigable
-            class="block w-full text-start my-0.5"
+            class="block w-full text-start my-0.5 !border-transparent"
             :class="highlightedIndex === index + resultIndexOffset ? '!bg-accent/15' : ''"
             @mouseenter="highlightedIndex = index + resultIndexOffset"
             @click="addPackage(result.name)"
diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index 8aeaecd158..9a01ebf9fe 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -44,11 +44,12 @@ defineExpose({ focus })
 
       <div class="relative group" :class="{ 'is-focused': isSearchFocused }">
         <div class="search-box relative flex items-center">
-          <span
-            class="absolute inset-is-3 text-fg-subtle font-mono text-sm pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1"
+          <kbd
+            class="absolute inset-is-3 text-fg-subtle font-mono text-sm pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1 rounded"
+            aria-hidden="true"
           >
             /
-          </span>
+          </kbd>
 
           <InputBase
             id="header-search"
@@ -62,6 +63,7 @@ defineExpose({ focus })
             @focus="isSearchFocused = true"
             @blur="isSearchFocused = false"
             size="small"
+            ariaKeyshortcuts="/"
           />
           <button
             v-if="hasSearchQuery"
diff --git a/app/components/Input/Base.vue b/app/components/Input/Base.vue
index e435d9d2c8..2154332617 100644
--- a/app/components/Input/Base.vue
+++ b/app/components/Input/Base.vue
@@ -14,6 +14,8 @@ const props = withDefaults(
      * @default true
      */
     noCorrect?: boolean
+    /** Keyboard shortcut hint */
+    ariaKeyshortcuts?: string
   }>(),
   {
     size: 'medium',
@@ -28,6 +30,8 @@ const emit = defineEmits<{
 
 const el = useTemplateRef('el')
 
+const keyboardShortcutsEnabled = useKeyboardShortcuts()
+
 defineExpose({
   focus: () => el.value?.focus(),
   blur: () => el.value?.blur(),
@@ -51,5 +55,6 @@ defineExpose({
       /** Catching Vue render-bug of invalid `disabled=false` attribute in the final HTML */
       disabled ? true : undefined
     "
+    :aria-keyshortcuts="keyboardShortcutsEnabled ? ariaKeyshortcuts : undefined"
   />
 </template>
diff --git a/app/components/Link/Base.vue b/app/components/Link/Base.vue
index 5bc5328364..ba62e47ca8 100644
--- a/app/components/Link/Base.vue
+++ b/app/components/Link/Base.vue
@@ -124,7 +124,7 @@ const keyboardShortcutsEnabled = useKeyboardShortcuts()
     <kbd
       v-if="keyboardShortcutsEnabled && ariaKeyshortcuts"
       data-kbd-hint
-      class="ms-2 inline-flex items-center justify-center size-4 text-xs text-fg bg-bg-muted border border-border rounded no-underline"
+      class="ms-2 hidden sm:inline-flex items-center justify-center size-4 text-xs text-fg bg-bg-muted border border-border rounded no-underline"
       aria-hidden="true"
     >
       {{ ariaKeyshortcuts }}
diff --git a/app/components/OgImage/BlogPost.vue b/app/components/OgImage/BlogPost.vue
index 01965a1abf..293979b1f2 100644
--- a/app/components/OgImage/BlogPost.vue
+++ b/app/components/OgImage/BlogPost.vue
@@ -110,6 +110,8 @@ const formattedAuthorNames = computed(() => {
               v-if="author.avatar"
               :src="author.avatar"
               :alt="author.name"
+              width="48"
+              height="48"
               class="w-full h-full object-cover"
             />
             <span v-else style="font-size: 20px; color: #666; font-weight: 500">
diff --git a/app/components/Package/ClaimPackageModal.vue b/app/components/Package/ClaimPackageModal.vue
index 7d061331ba..d7d8b4fbed 100644
--- a/app/components/Package/ClaimPackageModal.vue
+++ b/app/components/Package/ClaimPackageModal.vue
@@ -199,28 +199,26 @@ const previewPackageJson = computed(() => {
       </div>
 
       <!-- Validation errors -->
-      <div
+      <Alert
         v-if="checkResult.validationErrors?.length"
-        class="p-3 text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-md"
-        role="alert"
+        variant="error"
+        :title="$t('claim.modal.invalid_name')"
       >
-        <p class="font-medium mb-1">{{ $t('claim.modal.invalid_name') }}</p>
         <ul class="list-disc list-inside space-y-1">
           <li v-for="err in checkResult.validationErrors" :key="err">{{ err }}</li>
         </ul>
-      </div>
+      </Alert>
 
       <!-- Validation warnings -->
-      <div
+      <Alert
         v-if="checkResult.validationWarnings?.length"
-        class="p-3 text-sm text-yellow-400 bg-yellow-500/10 border border-yellow-500/20 rounded-md"
-        role="alert"
+        variant="warning"
+        :title="$t('common.warnings')"
       >
-        <p class="font-medium mb-1">{{ $t('common.warnings') }}</p>
         <ul class="list-disc list-inside space-y-1">
           <li v-for="warn in checkResult.validationWarnings" :key="warn">{{ warn }}</li>
         </ul>
-      </div>
+      </Alert>
 
       <!-- Availability status -->
       <template v-if="checkResult.valid">
@@ -305,39 +303,23 @@ const previewPackageJson = computed(() => {
       </template>
 
       <!-- Error message -->
-      <div
-        v-if="mergedError"
-        role="alert"
-        class="p-3 text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-md"
-      >
-        {{ mergedError }}
-      </div>
+      <Alert v-if="mergedError" variant="error">{{ mergedError }}</Alert>
 
       <!-- Actions -->
       <div v-if="checkResult.available && checkResult.valid" class="space-y-3">
         <!-- Warning for unscoped packages -->
-        <div
-          v-if="!isScoped"
-          class="p-3 text-sm text-yellow-400 bg-yellow-500/10 border border-yellow-500/20 rounded-md"
-        >
-          <p class="font-medium mb-1">{{ $t('claim.modal.scope_warning_title') }}</p>
-          <p class="text-xs text-yellow-400/80">
-            {{
-              $t('claim.modal.scope_warning_text', {
-                username: npmUser || 'username',
-                name: packageName,
-              })
-            }}
-          </p>
-        </div>
+        <Alert v-if="!isScoped" variant="warning" :title="$t('claim.modal.scope_warning_title')">
+          {{
+            $t('claim.modal.scope_warning_text', {
+              username: npmUser || 'username',
+              name: packageName,
+            })
+          }}
+        </Alert>
 
         <!-- Not connected warning -->
         <div v-if="!isConnected" class="space-y-3">
-          <div
-            class="p-3 text-sm text-yellow-400 bg-yellow-500/10 border border-yellow-500/20 rounded-md"
-          >
-            <p>{{ $t('claim.modal.connect_required') }}</p>
-          </div>
+          <Alert variant="warning">{{ $t('claim.modal.connect_required') }}</Alert>
           <button
             type="button"
             class="w-full px-4 py-2 font-mono text-sm text-bg bg-fg rounded-md transition-colors duration-200 hover:bg-fg/90 focus-visible:outline-accent/70"
@@ -389,12 +371,7 @@ const previewPackageJson = computed(() => {
 
     <!-- Error state -->
     <div v-else-if="mergedError" class="space-y-4">
-      <div
-        role="alert"
-        class="p-3 text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-md"
-      >
-        {{ mergedError }}
-      </div>
+      <Alert variant="error">{{ mergedError }}</Alert>
       <button
         type="button"
         class="w-full px-4 py-2 font-mono text-sm text-fg-muted bg-bg-subtle border border-border rounded-md transition-colors duration-200 hover:text-fg hover:border-border-hover focus-visible:outline-accent/70"
diff --git a/app/components/Package/Header.vue b/app/components/Package/Header.vue
new file mode 100644
index 0000000000..141310089b
--- /dev/null
+++ b/app/components/Package/Header.vue
@@ -0,0 +1,462 @@
+<script setup lang="ts">
+import type { PackumentVersion, ProvenanceDetails, SlimVersion, SlimPackument } from '#shared/types'
+import type { RouteLocationRaw } from 'vue-router'
+import { SCROLL_TO_TOP_THRESHOLD } from '~/composables/useScrollToTop'
+import { useModal } from '~/composables/useModal'
+import { useAtproto } from '~/composables/atproto/useAtproto'
+import { togglePackageLike } from '~/utils/atproto/likes'
+import { isEditableElement } from '~/utils/input'
+
+const props = defineProps<{
+  pkg?: Pick<SlimPackument, 'name' | 'versions' | 'dist-tags'> | null
+  resolvedVersion?: string | null
+  displayVersion?: PackumentVersion | null
+  latestVersion?: SlimVersion | null
+  provenanceData?: ProvenanceDetails | null
+  provenanceStatus?: string | null
+  page: 'main' | 'docs' | 'code' | 'diff'
+  versionUrlPattern: string
+}>()
+
+const { requestedVersion, orgName } = usePackageRoute()
+const { scrollToTop, isTouchDeviceClient } = useScrollToTop()
+const packageHeaderHeight = usePackageHeaderHeight()
+
+const header = useTemplateRef('header')
+const isHeaderPinned = shallowRef(false)
+const { height: headerHeight } = useElementBounding(header)
+
+function isStickyPinned(el: HTMLElement | null): boolean {
+  if (!el) return false
+
+  const style = getComputedStyle(el)
+  const top = parseFloat(style.top) || 0
+  const rect = el.getBoundingClientRect()
+
+  return Math.abs(rect.top - top) < 1
+}
+
+function checkHeaderPosition() {
+  isHeaderPinned.value = isStickyPinned(header.value)
+}
+
+useEventListener('scroll', checkHeaderPosition, { passive: true })
+useEventListener('resize', checkHeaderPosition)
+
+onMounted(() => {
+  checkHeaderPosition()
+})
+
+watch(
+  headerHeight,
+  value => {
+    packageHeaderHeight.value = Math.max(0, value)
+  },
+  { immediate: true },
+)
+
+onBeforeUnmount(() => {
+  packageHeaderHeight.value = 0
+})
+
+const navExtraOffsetStyle = { '--package-nav-extra': '0px' }
+
+const { y: scrollY } = useScroll(window)
+const showScrollToTop = computed(
+  () => isTouchDeviceClient.value && scrollY.value > SCROLL_TO_TOP_THRESHOLD,
+)
+
+const packageName = computed(() => props.pkg?.name ?? '')
+const compactNumberFormatter = useCompactNumberFormatter()
+
+const { copied: copiedPkgName, copy: copyPkgName } = useClipboard({
+  source: packageName,
+  copiedDuring: 2000,
+})
+
+function hasProvenance(version: PackumentVersion | null): boolean {
+  if (!version?.dist) return false
+  return !!(version.dist as { attestations?: unknown }).attestations
+}
+
+const router = useRouter()
+// Docs URL: use our generated API docs
+const docsLink = computed(() => {
+  if (!props.resolvedVersion) return null
+
+  return {
+    name: 'docs' as const,
+    params: {
+      path: [props.pkg?.name ?? '', 'v', props.resolvedVersion] satisfies [string, string, string],
+    },
+  }
+})
+
+const codeLink = computed((): RouteLocationRaw | null => {
+  if (props.pkg == null || props.resolvedVersion == null) {
+    return null
+  }
+  const split = props.pkg.name.split('/')
+  return {
+    name: 'code',
+    params: {
+      org: split.length === 2 ? split[0] : undefined,
+      packageName: split.length === 2 ? split[1]! : split[0]!,
+      version: props.resolvedVersion,
+      filePath: '',
+    },
+  }
+})
+
+const mainLink = computed((): RouteLocationRaw | null => {
+  if (props.pkg == null || props.resolvedVersion == null) {
+    return null
+  }
+  return packageRoute(props.pkg.name, props.resolvedVersion)
+})
+
+const diffLink = computed((): RouteLocationRaw | null => {
+  if (
+    props.pkg == null ||
+    props.resolvedVersion == null ||
+    props.latestVersion == null ||
+    props.latestVersion.version === props.resolvedVersion
+  ) {
+    return null
+  }
+  return diffRoute(props.pkg.name, props.resolvedVersion, props.latestVersion.version)
+})
+
+const keyboardShortcuts = useKeyboardShortcuts()
+
+onKeyStroke(
+  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, '.') && !isEditableElement(e.target),
+  e => {
+    if (codeLink.value === null) return
+    e.preventDefault()
+
+    navigateTo(codeLink.value)
+  },
+  { dedupe: true },
+)
+
+onKeyStroke(
+  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'm') && !isEditableElement(e.target),
+  e => {
+    if (mainLink.value === null) return
+    e.preventDefault()
+
+    navigateTo(mainLink.value)
+  },
+  { dedupe: true },
+)
+
+onKeyStroke(
+  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'd') && !isEditableElement(e.target),
+  e => {
+    if (!docsLink.value) return
+    e.preventDefault()
+    navigateTo(docsLink.value)
+  },
+  { dedupe: true },
+)
+
+onKeyStroke(
+  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'c') && !isEditableElement(e.target),
+  e => {
+    if (!props.pkg) return
+    e.preventDefault()
+    router.push({ name: 'compare', query: { packages: props.pkg.name } })
+  },
+  { dedupe: true },
+)
+
+onKeyStroke(
+  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'f') && !isEditableElement(e.target),
+  e => {
+    if (diffLink.value === null) return
+    e.preventDefault()
+    navigateTo(diffLink.value)
+  },
+  { dedupe: true },
+)
+
+//atproto
+// TODO: Maybe set this where it's not loaded here every load?
+const { user } = useAtproto()
+
+const authModal = useModal('auth-modal')
+
+const { data: likesData, status: likeStatus } = useFetch(
+  () => `/api/social/likes/${packageName.value}`,
+  {
+    default: () => ({ totalLikes: 0, userHasLiked: false }),
+    server: false,
+  },
+)
+
+const isLoadingLikeData = computed(
+  () => likeStatus.value === 'pending' || likeStatus.value === 'idle',
+)
+
+const isLikeActionPending = shallowRef(false)
+
+const likeAction = async () => {
+  if (user.value?.handle == null) {
+    authModal.open()
+    return
+  }
+
+  if (isLikeActionPending.value) return
+
+  const currentlyLiked = likesData.value?.userHasLiked ?? false
+  const currentLikes = likesData.value?.totalLikes ?? 0
+
+  // Optimistic update
+  likesData.value = {
+    totalLikes: currentlyLiked ? currentLikes - 1 : currentLikes + 1,
+    userHasLiked: !currentlyLiked,
+  }
+
+  isLikeActionPending.value = true
+
+  try {
+    const result = await togglePackageLike(packageName.value, currentlyLiked, user.value?.handle)
+
+    isLikeActionPending.value = false
+
+    if (result.success) {
+      // Update with server response
+      likesData.value = result.data
+    } else {
+      // Revert on error
+      likesData.value = {
+        totalLikes: currentLikes,
+        userHasLiked: currentlyLiked,
+      }
+    }
+  } catch {
+    // Revert on error
+    likesData.value = {
+      totalLikes: currentLikes,
+      userHasLiked: currentlyLiked,
+    }
+    isLikeActionPending.value = false
+  }
+}
+</script>
+
+<template>
+  <!-- Package header -->
+  <header class="bg-bg pt-5 w-full container">
+    <!-- Package name and version -->
+    <div class="flex items-baseline justify-between gap-x-2 gap-y-1 flex-wrap min-w-0">
+      <CopyToClipboardButton
+        :copied="copiedPkgName"
+        :copy-text="$t('package.copy_name')"
+        class="flex flex-col items-start min-w-0"
+        @click="copyPkgName()"
+      >
+        <h1
+          class="font-mono text-lg sm:text-3xl font-medium min-w-0 break-words"
+          :title="pkg?.name"
+          dir="ltr"
+        >
+          <LinkBase v-if="orgName" :to="{ name: 'org', params: { org: orgName } }">
+            @{{ orgName }}
+          </LinkBase>
+          <span v-if="orgName">/</span>
+          <span :class="{ 'text-fg-muted': orgName }">
+            {{ orgName ? pkg?.name.replace(`@${orgName}/`, '') : pkg?.name }}
+          </span>
+        </h1>
+      </CopyToClipboardButton>
+      <!-- Package metrics -->
+      <div class="flex gap-2 flex-wrap items-stretch">
+        <LinkBase
+          variant="button-secondary"
+          :to="{ name: 'compare', query: { packages: packageName } }"
+          aria-keyshortcuts="c"
+          classicon="i-lucide:git-compare"
+        >
+          <span class="max-sm:sr-only">{{ $t('package.links.compare') }}</span>
+        </LinkBase>
+        <!-- Package likes -->
+        <TooltipApp
+          :text="
+            isLoadingLikeData
+              ? $t('common.loading')
+              : likesData?.userHasLiked
+                ? $t('package.likes.unlike')
+                : $t('package.likes.like')
+          "
+          position="bottom"
+          class="items-center"
+          strategy="fixed"
+        >
+          <ButtonBase
+            @click="likeAction"
+            size="medium"
+            :aria-label="
+              likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
+            "
+            :aria-pressed="likesData?.userHasLiked"
+            :classicon="
+              likesData?.userHasLiked ? 'i-lucide:heart-minus text-red-500' : 'i-lucide:heart-plus'
+            "
+          >
+            <span
+              v-if="isLoadingLikeData"
+              class="i-svg-spinners:ring-resize w-3 h-3 my-0.5"
+              aria-hidden="true"
+            />
+            <span v-else>
+              {{ compactNumberFormatter.format(likesData?.totalLikes ?? 0) }}
+            </span>
+          </ButtonBase>
+        </TooltipApp>
+      </div>
+    </div>
+  </header>
+  <div
+    ref="header"
+    class="w-full bg-bg sticky top-14 z-50 border-b border-border pt-2"
+    :class="[$style.packageHeader]"
+    data-testid="package-subheader"
+  >
+    <div
+      class="w-full container flex flex-col md:flex-row-reverse items-baseline justify-between gap-x-2 gap-y-1 flex-wrap"
+    >
+      <div
+        class="flex items-center max-md:justify-between max-md:w-full max-md:flex-row-reverse gap-2"
+      >
+        <ButtonBase
+          variant="secondary"
+          :aria-label="$t('common.scroll_to_top')"
+          @click="scrollToTop"
+          classicon="i-lucide:arrow-up"
+          :class="showScrollToTop ? '' : 'opacity-0 pointer-events-none select-none'"
+          class="py-1.5 px-2.5 sm:me-2"
+          :tabindex="showScrollToTop ? 0 : -1"
+        />
+        <div class="flex-inline items-center flex-nowrap gap-1 font-mono text-fg-muted">
+          <template v-if="displayVersion && hasProvenance(displayVersion)">
+            <TooltipApp
+              :text="
+                provenanceData && provenanceStatus !== 'pending'
+                  ? $t('package.provenance_section.built_and_signed_on', {
+                      provider: provenanceData.providerLabel,
+                    })
+                  : $t('package.verified_provenance')
+              "
+              position="bottom"
+              strategy="fixed"
+            >
+              <LinkBase
+                variant="button-secondary"
+                :to="packageRoute(packageName, resolvedVersion, '#provenance')"
+                :aria-label="$t('package.provenance_section.view_more_details')"
+                classicon="i-lucide:shield-check"
+                class="py-1.25 px-2 me-2"
+              />
+            </TooltipApp>
+          </template>
+          <!-- Version resolution indicator (e.g., "latest → 4.2.0") -->
+          <template v-if="requestedVersion && resolvedVersion !== requestedVersion">
+            <TooltipApp
+              :text="requestedVersion"
+              position="bottom"
+              strategy="fixed"
+              class="vertical-middle"
+            >
+              <span class="i-lucide:cable rtl-flip min-w-3 w-3 h-3 mx-1" aria-hidden="true" />
+            </TooltipApp>
+          </template>
+          <!-- Version selector -->
+          <VersionSelector
+            v-if="resolvedVersion && pkg?.versions && pkg?.['dist-tags']"
+            :package-name="packageName"
+            :current-version="resolvedVersion"
+            :versions="pkg.versions"
+            :dist-tags="pkg['dist-tags']"
+            :url-pattern="versionUrlPattern"
+            position-class="max-md:inset-is-0 md:inset-ie-0"
+          />
+        </div>
+      </div>
+      <!-- Docs + Code — inline on desktop, floating bottom bar on mobile -->
+      <nav
+        v-if="resolvedVersion"
+        :aria-label="$t('package.navigation')"
+        class="flex gap-4 me-auto -mb-px max-w-full overflow-x-auto"
+        :style="navExtraOffsetStyle"
+        :class="$style.packageNav"
+      >
+        <LinkBase
+          v-if="mainLink"
+          :to="mainLink"
+          aria-keyshortcuts="m"
+          class="decoration-none border-b-2 p-1 hover:border-accent/50 lowercase"
+          :class="page === 'main' ? 'border-accent text-accent!' : 'border-transparent'"
+        >
+          {{ $t('package.links.main') }}
+        </LinkBase>
+        <LinkBase
+          v-if="docsLink"
+          :to="docsLink"
+          aria-keyshortcuts="d"
+          class="decoration-none border-b-2 p-1 hover:border-accent/50"
+          :class="page === 'docs' ? 'border-accent text-accent!' : 'border-transparent'"
+        >
+          {{ $t('package.links.docs') }}
+        </LinkBase>
+        <LinkBase
+          v-if="codeLink"
+          :to="codeLink"
+          aria-keyshortcuts="."
+          class="decoration-none border-b-2 p-1 hover:border-accent/50"
+          :class="page === 'code' ? 'border-accent text-accent!' : 'border-transparent'"
+        >
+          {{ $t('package.links.code') }}
+        </LinkBase>
+        <LinkBase
+          v-if="diffLink"
+          :to="diffLink"
+          :title="$t('compare.compare_versions_title')"
+          aria-keyshortcuts="f"
+          class="decoration-none border-b-2 p-1 hover:border-accent/50"
+          :class="page === 'diff' ? 'border-accent text-accent!' : 'border-transparent'"
+        >
+          {{ $t('compare.compare_versions') }}
+        </LinkBase>
+      </nav>
+    </div>
+  </div>
+</template>
+
+<style module>
+.packageHeader h1 {
+  overflow-wrap: anywhere;
+}
+
+.packageHeader p {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+.packageNav {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.packageNav::-webkit-scrollbar {
+  display: none;
+}
+
+@media (max-width: 639.9px) {
+  .packageNav > :global(a kbd) {
+    display: none;
+  }
+}
+</style>
diff --git a/app/components/Package/ManagerSelect.vue b/app/components/Package/ManagerSelect.vue
index 910a25aade..a6b33c619e 100644
--- a/app/components/Package/ManagerSelect.vue
+++ b/app/components/Package/ManagerSelect.vue
@@ -144,6 +144,7 @@ function handleKeydown(event: KeyboardEvent) {
         :id="listboxId"
         ref="listRef"
         role="listbox"
+        data-testid="package-manager-dropdown"
         :aria-activedescendant="
           highlightedIndex >= 0
             ? `${listboxId}-${packageManagers[highlightedIndex]?.id}`
diff --git a/app/components/Package/Sidebar.vue b/app/components/Package/Sidebar.vue
index 32c3f755ba..9733e6bd99 100644
--- a/app/components/Package/Sidebar.vue
+++ b/app/components/Package/Sidebar.vue
@@ -23,6 +23,10 @@ const offset = computed(() => {
     ? content.value.offsetTop
     : container.value.offsetHeight - content.value.offsetTop - content.value.offsetHeight
 })
+const packageHeaderHeight = usePackageHeaderHeight()
+const stickyStyle = computed(() =>
+  direction.value === 'up' ? { top: `${56 + packageHeaderHeight.value}px` } : { bottom: `32px` },
+)
 
 const style = computed(() => {
   return direction.value === 'down'
@@ -42,6 +46,7 @@ const style = computed(() => {
     <div
       ref="content"
       class="sticky w-full group-data-[direction=up]:(self-start top-30 xl:top-14) group-data-[direction=down]:(self-end bottom-8)"
+      :style="stickyStyle"
     >
       <slot />
     </div>
diff --git a/app/components/Package/Skeleton.vue b/app/components/Package/Skeleton.vue
index 061767735b..ca1e784fad 100644
--- a/app/components/Package/Skeleton.vue
+++ b/app/components/Package/Skeleton.vue
@@ -1,51 +1,45 @@
 <script setup lang="ts"></script>
 
 <template>
+  <!-- Package header — matches area-header in [...name].vue -->
+  <header class="bg-[--bg] pt-5 pb-1 w-full container">
+    <div class="min-w-0">
+      <!-- Package name -->
+      <div class="min-w-0 flex items-center gap-2 justify-between">
+        <h1 class="font-mono text-2xl sm:text-3xl font-medium">
+          <SkeletonInline class="block! h-9 w-48" />
+        </h1>
+        <div class="flex gap-1">
+          <!-- Compare placeholder -->
+          <SkeletonBlock class="w-9 md:w-40 h-9 rounded self-baseline" />
+          <!-- Likes button placeholder -->
+          <SkeletonBlock class="w-14 h-9 rounded self-baseline" />
+        </div>
+      </div>
+    </div>
+  </header>
+
+  <div class="sticky top-14 z-1 pt-3 bg-bg border-b border-border w-full">
+    <div class="w-full container flex flex-col md:flex-row-reverse flex-wrap gap-2 justify-between">
+      <!-- Version -->
+      <span class="inline-flex items-baseline font-mono text-base sm:text-lg shrink-0">
+        <SkeletonInline class="h-6 w-20" />
+      </span>
+      <!-- Docs + Code + Compare nav placeholder (hidden on mobile) -->
+      <div class="flex items-center gap-0.5 p-0.5">
+        <SkeletonInline class="h-7 w-22 rounded" />
+        <SkeletonInline class="h-7 w-20 rounded" />
+        <SkeletonInline class="h-7 w-26 rounded" />
+      </div>
+    </div>
+  </div>
   <article
     aria-busy="true"
     :aria-label="$t('package.skeleton.loading')"
-    class="package-page motion-safe:animate-fade-in"
+    class="package-page motion-safe:animate-fade-in container w-full"
   >
-    <!-- Package header — matches area-header in [...name].vue -->
-    <header class="area-header sticky top-14 z-1 bg-[--bg] py-2">
-      <div class="flex items-baseline gap-x-2 gap-y-1 sm:gap-x-3 flex-wrap min-w-0">
-        <!-- Package name -->
-        <div class="min-w-0">
-          <h1 class="font-mono text-2xl sm:text-3xl font-medium">
-            <SkeletonInline class="h-9 w-48" />
-          </h1>
-        </div>
-        <!-- Version -->
-        <span class="inline-flex items-baseline font-mono text-base sm:text-lg shrink-0">
-          <SkeletonInline class="h-6 w-20" />
-        </span>
-
-        <!-- Docs + Code + Compare nav placeholder (hidden on mobile) -->
-        <div
-          class="hidden sm:flex items-center gap-0.5 p-0.5 bg-bg-subtle border border-border-subtle rounded-md shrink-0 ms-auto self-center"
-        >
-          <SkeletonInline class="h-7 w-22 rounded" />
-          <SkeletonInline class="h-7 w-20 rounded" />
-          <SkeletonInline class="h-7 w-26 rounded" />
-        </div>
-
-        <!-- Metrics badges + likes — matches basis-full flex row -->
-        <div class="basis-full flex gap-2 sm:gap-3 flex-wrap items-stretch">
-          <!-- Badge row (Types, ESM, CJS, CJS-ghost) -->
-          <div class="flex items-center gap-1.5 self-baseline">
-            <SkeletonBlock class="w-16 h-5.5 rounded" />
-            <SkeletonBlock class="w-13 h-5.5 rounded" />
-            <SkeletonBlock class="w-13 h-5.5 rounded" />
-            <SkeletonBlock class="w-13 h-5.5 rounded bg-bg-subtle" />
-          </div>
-          <!-- Likes button placeholder -->
-          <SkeletonBlock class="w-14 h-5.5 rounded self-baseline" />
-        </div>
-      </div>
-    </header>
-
     <!-- Package details — matches area-details in [...name].vue -->
-    <section class="area-details">
+    <section class="area-details pt-4">
       <div class="mb-4">
         <!-- Description -->
         <div class="max-w-2xl">
@@ -65,6 +59,17 @@
           <li><SkeletonInline class="h-5 w-16" /></li>
           <li><SkeletonInline class="h-5 w-10" /></li>
         </ul>
+
+        <!-- Metrics badges + likes — matches basis-full flex row -->
+        <div class="basis-full flex gap-2 sm:gap-3 flex-wrap items-stretch mt-4">
+          <!-- Badge row (Types, ESM, CJS, CJS-ghost) -->
+          <div class="flex items-center gap-1.5 self-baseline">
+            <SkeletonBlock class="w-16 h-5.5 rounded" />
+            <SkeletonBlock class="w-13 h-5.5 rounded" />
+            <SkeletonBlock class="w-13 h-5.5 rounded" />
+            <SkeletonBlock class="w-13 h-5.5 rounded bg-bg-subtle" />
+          </div>
+        </div>
       </div>
 
       <!-- Stats grid — matches dl in [...name].vue -->
@@ -198,9 +203,9 @@
     <!-- Sidebar — matches area-sidebar in [...name].vue -->
     <div class="area-sidebar">
       <div
-        class="sticky top-30 xl:top-14 space-y-6 sm:space-y-8 min-w-0 overflow-y-auto pe-2.5 lg:(max-h-[calc(100dvh-8.5rem)] overscroll-contain) xl:(pt-2 max-h-[calc(100dvh-6rem)])"
+        class="sticky top-30 xl:top-14 space-y-6 sm:space-y-8 min-w-0 overflow-y-auto pe-2.5 lg:(max-h-[calc(100dvh-8.5rem)] overscroll-contain) xl:(max-h-[calc(100dvh-6rem)])"
       >
-        <div class="flex flex-col gap-4 sm:gap-6 xl:(pt-2)">
+        <div class="flex flex-col gap-4 sm:gap-6 xl:pt-4">
           <!-- Download stats — matches CollapsibleSection + sparkline skeleton -->
           <section>
             <div class="flex items-center justify-between mb-3 px-1">
@@ -382,7 +387,6 @@
   /* Mobile: single column, sidebar above readme */
   grid-template-columns: minmax(0, 1fr);
   grid-template-areas:
-    'header'
     'details'
     'install'
     'vulns'
@@ -390,12 +394,11 @@
     'readme';
 }
 
-/* Tablet/medium: header/install/vulns full width, readme+sidebar side by side */
+/* Tablet/medium: install/vulns full width, readme+sidebar side by side */
 @media (min-width: 1024px) {
   .package-page {
     grid-template-columns: 2fr 1fr;
     grid-template-areas:
-      'header  header'
       'details details'
       'install install'
       'vulns   vulns'
@@ -409,7 +412,6 @@
   .package-page {
     grid-template-columns: 1fr 20rem;
     grid-template-areas:
-      'header  sidebar'
       'details sidebar'
       'install sidebar'
       'vulns   sidebar'
@@ -417,10 +419,6 @@
   }
 }
 
-.area-header {
-  grid-area: header;
-}
-
 .area-details {
   grid-area: details;
 }
@@ -441,39 +439,4 @@
 .area-sidebar {
   grid-area: sidebar;
 }
-
-/* Sidebar scrollbar: hidden by default, shown on hover/focus */
-@media (min-width: 1024px) {
-  .sidebar-scroll {
-    scrollbar-gutter: stable;
-    scrollbar-width: 8px;
-    scrollbar-color: transparent transparent;
-  }
-
-  .sidebar-scroll::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  .sidebar-scroll::-webkit-scrollbar-track,
-  .sidebar-scroll::-webkit-scrollbar-thumb {
-    background: transparent;
-  }
-
-  .sidebar-scroll:hover,
-  .sidebar-scroll:focus-within {
-    scrollbar-color: var(--border) transparent;
-  }
-
-  .sidebar-scroll:hover::-webkit-scrollbar-thumb,
-  .sidebar-scroll:focus-within::-webkit-scrollbar-thumb {
-    background-color: var(--border);
-    border-radius: 9999px;
-  }
-
-  .sidebar-scroll:hover::-webkit-scrollbar-track,
-  .sidebar-scroll:focus-within::-webkit-scrollbar-track {
-    background: transparent;
-  }
-}
 </style>
diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 663596da04..98aa85d024 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -18,9 +18,13 @@ import type {
   YearlyDataPoint,
 } from '~/types/chart'
 import { DATE_INPUT_MAX } from '~/utils/input'
-import { applyDataCorrection } from '~/utils/chart-data-correction'
+import {
+  applyDataPipeline,
+  endDateOnlyToUtcMs,
+  DEFAULT_PREDICTION_POINTS,
+} from '~/utils/chart-data-prediction'
 import { applyBlocklistCorrection, getAnomaliesForPackages } from '~/utils/download-anomalies'
-import { copyAltTextForTrendLineChart } from '~/utils/charts'
+import { copyAltTextForTrendLineChart, sanitise, loadFile, applyEllipsis } from '~/utils/charts'
 
 import('vue-data-ui/style.css')
 
@@ -215,7 +219,7 @@ function formatXyDataset(
   const temperatureColors = lightColor ? [lightColor, accent.value] : undefined
 
   const datasetItem: VueUiXyDatasetItem = {
-    name: seriesName,
+    name: applyEllipsis(seriesName, 32),
     type: 'line',
     series: dataset.map(d => d.value),
     color: accent.value,
@@ -368,7 +372,6 @@ const displayedGranularity = shallowRef<ChartTimeGranularity>(DEFAULT_GRANULARIT
 
 const isEndDateOnPeriodEnd = computed(() => {
   const g = selectedGranularity.value
-  if (g !== 'monthly' && g !== 'yearly') return false
 
   const iso = String(endDate.value ?? '').slice(0, 10)
   if (!/^\d{4}-\d{2}-\d{2}$/.test(iso)) return false
@@ -376,6 +379,18 @@ const isEndDateOnPeriodEnd = computed(() => {
   const [year, month, day] = iso.split('-').map(Number)
   if (!year || !month || !day) return false
 
+  if (g === 'daily') return true // every day is a complete period
+
+  if (g === 'weekly') {
+    // The last week bucket is complete when the range length is divisible by 7
+    const startIso = String(startDate.value ?? '').slice(0, 10)
+    if (!/^\d{4}-\d{2}-\d{2}$/.test(startIso)) return false
+    const startMs = Date.UTC(...(startIso.split('-').map(Number) as [number, number, number]))
+    const endMs = Date.UTC(year, month - 1, day)
+    const totalDays = Math.floor((endMs - startMs) / 86400000) + 1
+    return totalDays % 7 === 0
+  }
+
   // Monthly: endDate is the last day of its month (UTC)
   if (g === 'monthly') {
     const lastDayOfMonth = new Date(Date.UTC(year, month, 0)).getUTCDate()
@@ -386,11 +401,10 @@ const isEndDateOnPeriodEnd = computed(() => {
   return month === 12 && day === 31
 })
 
-const isEstimationGranularity = computed(
-  () => displayedGranularity.value === 'monthly' || displayedGranularity.value === 'yearly',
-)
 const supportsEstimation = computed(
-  () => isEstimationGranularity.value && selectedMetric.value !== 'contributors',
+  () =>
+    !['daily', 'weekly'].includes(displayedGranularity.value) &&
+    selectedMetric.value !== 'contributors',
 )
 
 const hasDownloadAnomalies = computed(() =>
@@ -972,11 +986,6 @@ const effectiveDataSingle = computed<EvolutionData>(() => {
         granularity: displayedGranularity.value,
       })
     }
-
-    return applyDataCorrection(
-      data as Array<{ value: number }>,
-      settings.value.chartFilter,
-    ) as EvolutionData
   }
 
   return data
@@ -1021,10 +1030,6 @@ const chartData = computed<{
       if (settings.value.chartFilter.anomaliesFixed) {
         data = applyBlocklistCorrection({ data, packageName: pkg, granularity })
       }
-      data = applyDataCorrection(
-        data as Array<{ value: number }>,
-        settings.value.chartFilter,
-      ) as EvolutionData
     }
     const points = extractSeriesPoints(granularity, data)
 
@@ -1050,7 +1055,7 @@ const chartData = computed<{
       .filter(index => index !== -1)
 
     const item: VueUiXyDatasetItem = {
-      name: pkg,
+      name: applyEllipsis(pkg, 32),
       type: 'line',
       series,
       dashIndices,
@@ -1066,16 +1071,29 @@ const chartData = computed<{
 })
 
 const normalisedDataset = computed(() => {
-  return chartData.value.dataset?.map(d => {
-    const lastValue = d.series.at(-1) ?? 0
+  const granularity = displayedGranularity.value
+  const endDateMs = endDate.value ? endDateOnlyToUtcMs(endDate.value) : null
+  const referenceMs = endDateMs ?? Date.now()
+  const lastDateMs = chartData.value.dates.at(-1) ?? 0
+  const isAbsoluteMetric = selectedMetric.value === 'contributors'
 
-    // Contributors is an absolute metric: keep the partial period value as-is.
-    const projectedLastValue =
-      selectedMetric.value === 'contributors' ? lastValue : extrapolateLastValue(lastValue)
+  return chartData.value.dataset?.map(d => {
+    const series = applyDataPipeline(
+      d.series.map(v => v ?? 0),
+      {
+        averageWindow: settings.value.chartFilter.averageWindow,
+        smoothingTau: settings.value.chartFilter.smoothingTau,
+        predictionPoints:
+          granularity === 'weekly'
+            ? 0 // weekly buckets are end-aligned → always complete, no prediction needed
+            : (settings.value.chartFilter.predictionPoints ?? DEFAULT_PREDICTION_POINTS),
+      },
+      { granularity, lastDateMs, referenceMs, isAbsoluteMetric },
+    )
 
     return {
       ...d,
-      series: [...d.series.slice(0, -1), projectedLastValue],
+      series,
       dashIndices: d.dashIndices ?? [],
     }
   })
@@ -1085,14 +1103,6 @@ const maxDatapoints = computed(() =>
   Math.max(0, ...(chartData.value.dataset ?? []).map(d => d.series.length)),
 )
 
-const loadFile = (link: string, filename: string) => {
-  const a = document.createElement('a')
-  a.href = link
-  a.download = filename
-  a.click()
-  a.remove()
-}
-
 const datetimeFormatterOptions = computed(() => {
   return {
     daily: { year: 'yyyy-MM-dd', month: 'yyyy-MM-dd', day: 'yyyy-MM-dd' },
@@ -1113,22 +1123,16 @@ const tooltipDateFormatter = computed(() => {
   })
 })
 
-const sanitise = (value: string) =>
-  value
-    .replace(/^@/, '')
-    .replace(/[\\/:"*?<>|]/g, '-')
-    .replace(/\//g, '-')
-
 function buildExportFilename(extension: string): string {
   const g = selectedGranularity.value
   const range = `${startDate.value}_${endDate.value}`
 
   if (!isMultiPackageMode.value) {
     const name = effectivePackageNames.value[0] ?? props.packageName ?? 'package'
-    return `${sanitise(name)}-${g}_${range}.${extension}`
+    return `${sanitise(applyEllipsis(name, 32))}-${g}_${range}.${extension}`
   }
 
-  const names = effectivePackageNames.value
+  const names = effectivePackageNames.value.map(name => applyEllipsis(name, 32))
   const label = names.length === 1 ? names[0] : names.join('_')
   return `${sanitise(label ?? '')}-${g}_${range}.${extension}`
 }
@@ -1151,144 +1155,6 @@ const granularityItems = computed(() =>
   })),
 )
 
-function clampRatio(value: number): number {
-  if (value < 0) return 0
-  if (value > 1) return 1
-  return value
-}
-
-/**
- * Convert a `YYYY-MM-DD` date to UTC timestamp representing the end of that day.
- * The returned timestamp corresponds to `23:59:59.999` in UTC
- *
- * @param endDateOnly - ISO-like date string (`YYYY-MM-DD`)
- * @returns The UTC timestamp in milliseconds for the end of the given day,
- * or `null` if the input is invalid.
- */
-function endDateOnlyToUtcMs(endDateOnly: string): number | null {
-  if (!/^\d{4}-\d{2}-\d{2}$/.test(endDateOnly)) return null
-  const [y, m, d] = endDateOnly.split('-').map(Number)
-  if (!y || !m || !d) return null
-  return Date.UTC(y, m - 1, d, 23, 59, 59, 999)
-}
-
-/**
- * Computes the UTC timestamp corresponding to the start of the time bucket
- * that contains the given timestamp.
- *
- * This function is used to derive period boundaries when computing completion
- * ratios or extrapolating values for partially completed periods.
- *
- * Bucket boundaries are defined in UTC:
- * - **monthly** : first day of the month at `00:00:00.000` UTC
- * - **yearly** : January 1st of the year at `00:00:00.000` UTC
- *
- * @param timestampMs - Reference timestamp in milliseconds
- * @param granularity - Bucket granularity (`monthly` or `yearly`)
- * @returns The UTC timestamp representing the start of the corresponding
- * time bucket.
- */
-function getBucketStartUtc(timestampMs: number, granularity: 'monthly' | 'yearly'): number {
-  const date = new Date(timestampMs)
-  if (granularity === 'yearly') return Date.UTC(date.getUTCFullYear(), 0, 1, 0, 0, 0, 0)
-  return Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), 1, 0, 0, 0, 0)
-}
-
-/**
- * Computes the UTC timestamp corresponding to the end of the time
- * bucket that contains the given timestamp. This end timestamp is paired with `getBucketStartUtc` to define
- * a half-open interval `[start, end)` when computing elapsed time or completion
- * ratios within a period.
- *
- * Bucket boundaries are defined in UTC and are **exclusive**:
- * - **monthly** : first day of the following month at `00:00:00.000` UTC
- * - **yearly** : January 1st of the following year at `00:00:00.000` UTC
- *
- * @param timestampMs - Reference timestamp in milliseconds
- * @param granularity - Bucket granularity (`monthly` or `yearly`)
- * @returns The UTC timestamp (in milliseconds) representing the exclusive end
- * of the corresponding time bucket.
- */
-function getBucketEndUtc(timestampMs: number, granularity: 'monthly' | 'yearly'): number {
-  const date = new Date(timestampMs)
-  if (granularity === 'yearly') return Date.UTC(date.getUTCFullYear() + 1, 0, 1, 0, 0, 0, 0)
-  return Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + 1, 1, 0, 0, 0, 0)
-}
-
-/**
- * Computes the completion ratio of a time bucket relative to a reference time.
- *
- * The ratio represents how much of the bucket’s duration has elapsed at
- * `referenceMs`, expressed as a normalized value in the range `[0, 1]`.
- *
- * The bucket is defined by the calendar period (monthly or yearly) that
- * contains `bucketTimestampMs`, using UTC boundaries:
- * - start: `getBucketStartUtc(...)`
- * - end: `getBucketEndUtc(...)`
- *
- * The returned value is clamped to `[0, 1]`:
- * - `0`: reference time is at or before the start of the bucket
- * - `1`: reference time is at or after the end of the bucket
- *
- * This function is used to detect partially completed periods and to
- * extrapolate full period values from partial data.
- *
- * @param params.bucketTimestampMs - Timestamp belonging to the bucket
- * @param params.granularity - Bucket granularity (`monthly` or `yearly`)
- * @param params.referenceMs - Reference timestamp used to measure progress
- * @returns A normalized completion ratio in the range `[0, 1]`.
- */
-function getCompletionRatioForBucket(params: {
-  bucketTimestampMs: number
-  granularity: 'monthly' | 'yearly'
-  referenceMs: number
-}): number {
-  const start = getBucketStartUtc(params.bucketTimestampMs, params.granularity)
-  const end = getBucketEndUtc(params.bucketTimestampMs, params.granularity)
-  const total = end - start
-  if (total <= 0) return 1
-  return clampRatio((params.referenceMs - start) / total)
-}
-
-/**
- * Extrapolate the last observed value of a time series when the last bucket
- * (month or year) is only partially complete.
- *
- * This is used to replace the final value in each `VueUiXy` series
- * before rendering, so the chart can display an estimated full-period value
- * for the current month or year.
- *
- * Notes:
- * - This function assumes `lastValue` is the value corresponding to the last
- *   date in `chartData.value.dates`
- *
- * @param lastValue - The last observed numeric value for a series.
- * @returns The extrapolated value for partially completed monthly or yearly granularities,
- * or the original `lastValue` when no extrapolation should be applied.
- */
-function extrapolateLastValue(lastValue: number) {
-  if (selectedMetric.value === 'contributors') return lastValue
-
-  if (displayedGranularity.value !== 'monthly' && displayedGranularity.value !== 'yearly')
-    return lastValue
-
-  const endDateMs = endDate.value ? endDateOnlyToUtcMs(endDate.value) : null
-  const referenceMs = endDateMs ?? Date.now()
-
-  const completionRatio = getCompletionRatioForBucket({
-    bucketTimestampMs: chartData.value.dates.at(-1) ?? 0,
-    granularity: displayedGranularity.value,
-    referenceMs,
-  })
-
-  if (!(completionRatio > 0 && completionRatio < 1)) return lastValue
-
-  const extrapolatedValue = lastValue / completionRatio
-  if (!Number.isFinite(extrapolatedValue)) return lastValue
-
-  return extrapolatedValue
-}
-
 /**
  * Build and return svg markup for estimation overlays on the chart.
  *
@@ -1723,7 +1589,7 @@ watch(selectedMetric, value => {
     :aria-busy="activeMetricState.pending ? 'true' : 'false'"
   >
     <div class="w-full mb-4 flex flex-col gap-3">
-      <div class="flex flex-col sm:flex-row gap-3 sm:gap-2 sm:items-end">
+      <div class="grid grid-cols-2 sm:flex sm:flex-row gap-3 sm:gap-2 sm:items-end">
         <SelectField
           v-if="showFacetSelector"
           id="trends-metric-select"
@@ -1731,6 +1597,7 @@ watch(selectedMetric, value => {
           :disabled="activeMetricState.pending"
           :items="METRICS.map(m => ({ label: m.label, value: m.id }))"
           :label="$t('package.trends.facet')"
+          block
         />
 
         <SelectField
@@ -1739,9 +1606,10 @@ watch(selectedMetric, value => {
           v-model="selectedGranularity"
           :disabled="activeMetricState.pending"
           :items="granularityItems"
+          block
         />
 
-        <div class="grid grid-cols-2 gap-2 flex-1">
+        <div class="col-span-2 sm:col-span-1 grid grid-cols-2 gap-2 flex-1">
           <div class="flex flex-col gap-1">
             <label
               for="startDate"
@@ -1750,16 +1618,12 @@ watch(selectedMetric, value => {
               {{ $t('package.trends.start_date') }}
             </label>
             <div class="relative flex items-center">
-              <span
-                class="absolute inset-is-2 i-lucide:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
-                aria-hidden="true"
-              />
               <InputBase
                 id="startDate"
                 v-model="startDate"
                 type="date"
                 :max="DATE_INPUT_MAX"
-                class="w-full min-w-0 bg-transparent ps-7"
+                class="w-full min-w-0 bg-transparent"
                 size="medium"
               />
             </div>
@@ -1770,16 +1634,12 @@ watch(selectedMetric, value => {
               {{ $t('package.trends.end_date') }}
             </label>
             <div class="relative flex items-center">
-              <span
-                class="absolute inset-is-2 i-lucide:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
-                aria-hidden="true"
-              />
               <InputBase
                 id="endDate"
                 v-model="endDate"
                 type="date"
                 :max="DATE_INPUT_MAX"
-                class="w-full min-w-0 bg-transparent ps-7"
+                class="w-full min-w-0 bg-transparent"
                 size="medium"
               />
             </div>
@@ -1811,7 +1671,7 @@ watch(selectedMetric, value => {
           />
           {{ $t('package.trends.data_correction') }}
         </button>
-        <div v-if="showCorrectionControls" class="flex items-end gap-3">
+        <div v-if="showCorrectionControls" class="grid grid-cols-2 sm:flex items-end gap-3">
           <label class="flex flex-col gap-1 flex-1">
             <span class="text-2xs font-mono text-fg-subtle tracking-wide uppercase">
               {{ $t('package.trends.average_window') }}
@@ -1840,6 +1700,20 @@ watch(selectedMetric, value => {
               class="accent-[var(--accent-color,var(--fg-subtle))]"
             />
           </label>
+          <label class="flex flex-col gap-1 flex-1">
+            <span class="text-2xs font-mono text-fg-subtle tracking-wide uppercase">
+              {{ $t('package.trends.prediction') }}
+              <span class="text-fg-muted">({{ settings.chartFilter.predictionPoints }})</span>
+            </span>
+            <input
+              v-model.number="settings.chartFilter.predictionPoints"
+              type="range"
+              min="0"
+              max="30"
+              step="1"
+              class="accent-[var(--accent-color,var(--fg-subtle))]"
+            />
+          </label>
           <div class="flex flex-col gap-1 shrink-0">
             <span
               class="text-2xs font-mono text-fg-subtle tracking-wide uppercase flex items-center justify-between"
@@ -1893,16 +1767,15 @@ watch(selectedMetric, value => {
               </TooltipApp>
             </span>
             <label
-              class="flex items-center gap-1.5 text-2xs font-mono text-fg-subtle cursor-pointer"
-              :class="{ 'opacity-50 pointer-events-none': !hasAnomalies }"
+              class="flex items-center gap-1.5 text-2xs font-mono text-fg-subtle cursor-pointer h-4"
+              :class="{ 'opacity-50': !hasAnomalies }"
             >
               <input
-                :checked="settings.chartFilter.anomaliesFixed && hasAnomalies"
+                :checked="settings.chartFilter.anomaliesFixed"
                 @change="
                   settings.chartFilter.anomaliesFixed = ($event.target as HTMLInputElement).checked
                 "
                 type="checkbox"
-                :disabled="!hasAnomalies"
                 class="accent-[var(--accent-color,var(--fg-subtle))]"
               />
               {{ $t('package.trends.apply_correction') }}
@@ -1954,7 +1827,14 @@ watch(selectedMetric, value => {
               <!-- Inject npmx logo & tagline during SVG and PNG print -->
               <g
                 v-if="svg.isPrintingSvg || svg.isPrintingImg"
-                v-html="drawNpmxLogoAndTaglineWatermark(svg, watermarkColors, $t, 'bottom')"
+                v-html="
+                  drawNpmxLogoAndTaglineWatermark({
+                    svg,
+                    colors: watermarkColors,
+                    translateFn: $t,
+                    positioning: 'bottom',
+                  })
+                "
               />
 
               <!-- Overlay covering the chart area to hide line resizing when switching granularities recalculates VueUiXy scaleMax when estimation lines are necessary -->
@@ -2221,4 +2101,8 @@ watch(selectedMetric, value => {
 [data-minimap-visible='false'] .vue-data-ui-watermark {
   top: calc(100% - 2rem) !important;
 }
+
+input::-webkit-date-and-time-value {
+  margin-inline: 4px;
+}
 </style>
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 670b47bdf2..f2fa33489c 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -9,7 +9,7 @@ import {
   drawNpmxLogoAndTaglineWatermark,
 } from '~/composables/useChartWatermark'
 import TooltipApp from '~/components/Tooltip/App.vue'
-import { copyAltTextForVersionsBarChart } from '~/utils/charts'
+import { copyAltTextForVersionsBarChart, sanitise, loadFile, applyEllipsis } from '~/utils/charts'
 
 import('vue-data-ui/style.css')
 
@@ -89,20 +89,6 @@ const compactNumberFormatter = useCompactNumberFormatter()
 // Show loading indicator immediately to maintain stable layout
 const showLoadingIndicator = computed(() => pending.value)
 
-const loadFile = (link: string, filename: string) => {
-  const a = document.createElement('a')
-  a.href = link
-  a.download = filename
-  a.click()
-  a.remove()
-}
-
-const sanitise = (value: string) =>
-  value
-    .replace(/^@/, '')
-    .replace(/[\\/:"*?<>|]/g, '-')
-    .replace(/\//g, '-')
-
 const { locale } = useI18n()
 function formatDate(date: Date) {
   return date.toLocaleString(locale.value, {
@@ -145,7 +131,7 @@ const dateRangeLabel = computed(() => {
 function buildExportFilename(extension: string): string {
   const range = dateRangeLabel.value.replaceAll(' ', '_').replaceAll(',', '')
 
-  const label = props.packageName
+  const label = applyEllipsis(props.packageName, 32)
   return `${sanitise(label ?? '')}_${range}.${extension}`
 }
 
@@ -155,7 +141,7 @@ const xyDataset = computed<VueUiXyDatasetItem[]>(() => {
 
   return [
     {
-      name: props.packageName,
+      name: applyEllipsis(props.packageName, 32),
       series: chartDataset.value.map(item => item.downloads),
       type: 'bar' as const,
       color: accent.value,
@@ -435,13 +421,13 @@ const chartConfig = computed<VueUiXyConfig>(() => {
             @click="showLowUsageVersions = false"
             :variant="showLowUsageVersions ? 'secondary' : 'primary'"
           >
-            {{ $t('package.versions.grouping_usage_all') }}
+            {{ $t('package.versions.grouping_usage_most_used') }}
           </ButtonBase>
           <ButtonBase
             @click="showLowUsageVersions = true"
             :variant="showLowUsageVersions ? 'primary' : 'secondary'"
           >
-            {{ $t('package.versions.grouping_usage_low') }}
+            {{ $t('package.versions.grouping_usage_all') }}
           </ButtonBase>
         </ButtonGroup>
       </div>
@@ -469,7 +455,14 @@ const chartConfig = computed<VueUiXyConfig>(() => {
               <!-- Inject npmx logo & tagline during SVG and PNG print -->
               <g
                 v-if="svg.isPrintingSvg || svg.isPrintingImg"
-                v-html="drawNpmxLogoAndTaglineWatermark(svg, watermarkColors, $t, 'bottom')"
+                v-html="
+                  drawNpmxLogoAndTaglineWatermark({
+                    svg,
+                    colors: watermarkColors,
+                    translateFn: $t,
+                    positioning: 'bottom',
+                  })
+                "
               />
 
               <!-- Overlay covering the chart area to hide line resizing when switching granularities recalculates VueUiXy scaleMax when estimation lines are necessary -->
diff --git a/app/components/Settings/Toggle.client.vue b/app/components/Settings/Toggle.client.vue
index 5fbbbc438a..d2667c2151 100644
--- a/app/components/Settings/Toggle.client.vue
+++ b/app/components/Settings/Toggle.client.vue
@@ -27,7 +27,7 @@ const id = useId()
 <template>
   <label
     :for="id"
-    class="grid items-center gap-1.5 py-1 -my-1 grid-cols-[auto_1fr_auto]"
+    class="grid items-center gap-1.5 py-1 -my-1 grid-cols-[auto_1fr_auto] cursor-pointer"
     :class="[justify === 'start' ? 'justify-start' : '']"
     :style="
       props.reverseOrder
@@ -39,9 +39,9 @@ const id = useId()
       <input
         role="switch"
         type="checkbox"
-        :id
+        :id="id"
         v-model="checked"
-        class="toggle appearance-none h-6 w-11 rounded-full border border-fg relative shrink-0 bg-fg-subtle checked:bg-fg checked:border-fg focus-visible:(outline-2 outline-fg outline-offset-2) before:content-[''] before:absolute before:h-5 before:w-5 before:top-1px before:rounded-full before:bg-bg"
+        class="toggle appearance-none h-6 w-11 rounded-full border border-fg relative shrink-0 bg-fg/50 transition-colors duration-200 ease-in-out checked:bg-fg hover:bg-fg/60 checked:hover:(bg-fg/80 after:opacity-50) focus-visible:(outline-2 outline-accent outline-offset-2) before:(content-[''] absolute h-5 w-5 top-px start-px rounded-full bg-bg transition-transform duration-200 ease-in-out) checked:before:translate-x-[20px] rtl:checked:before:-translate-x-[20px] after:(content-[''] absolute h-3.5 w-3.5 top-[4px] start-[4px] i-lucide:check bg-fg opacity-0 transition-all duration-200 ease-in-out) checked:after:opacity-100 checked:after:translate-x-[20px] rtl:checked:after:-translate-x-[20px]"
         style="grid-area: toggle"
       />
       <TooltipApp
@@ -85,9 +85,9 @@ const id = useId()
       <input
         role="switch"
         type="checkbox"
-        :id
+        :id="id"
         v-model="checked"
-        class="toggle appearance-none h-6 w-11 rounded-full border border-fg relative shrink-0 bg-fg-subtle checked:bg-fg checked:border-fg focus-visible:(outline-2 outline-fg outline-offset-2) before:content-[''] before:absolute before:h-5 before:w-5 before:top-1px before:rounded-full before:bg-bg"
+        class="toggle appearance-none h-6 w-11 rounded-full border border-fg relative shrink-0 bg-fg/50 transition-colors duration-200 ease-in-out checked:bg-fg hover:bg-fg/60 checked:hover:(bg-fg/80 after:opacity-50) focus-visible:(outline-2 outline-accent outline-offset-2) before:(content-[''] absolute h-5 w-5 top-px start-px rounded-full bg-bg transition-transform duration-200 ease-in-out) checked:before:translate-x-[20px] rtl:checked:before:-translate-x-[20px] after:(content-[''] absolute h-3.5 w-3.5 top-[4px] start-[4px] i-lucide:check bg-fg opacity-0 transition-all duration-200 ease-in-out) checked:after:opacity-100 checked:after:translate-x-[20px] rtl:checked:after:-translate-x-[20px]"
         style="grid-area: toggle; justify-self: end"
       />
     </template>
@@ -98,82 +98,37 @@ const id = useId()
 </template>
 
 <style scoped>
-/* Thumb position: logical property for RTL support */
-.toggle::before {
-  inset-inline-start: 1px;
-}
-
-/* Track transition */
-.toggle {
-  transition:
-    background-color 200ms ease-in-out,
-    border-color 100ms ease-in-out;
-}
-
-.toggle::before {
-  transition:
-    background-color 200ms ease-in-out,
-    translate 200ms ease-in-out;
-}
-
-/* Hover states */
-.toggle:hover:not(:checked) {
-  background: var(--fg-muted);
-}
-
-.toggle:checked:hover {
-  background: var(--fg-muted);
-  border-color: var(--fg-muted);
-}
-
-/* RTL-aware checked thumb position */
-:dir(ltr) .toggle:checked::before {
-  translate: 20px;
-}
-
-:dir(rtl) .toggle:checked::before {
-  translate: -20px;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .toggle,
-  .toggle::before {
-    transition: none;
-  }
-}
-
 /* Support forced colors */
 @media (forced-colors: active) {
-  label > span {
+  .toggle {
     background: Canvas;
-    color: Highlight;
-    forced-color-adjust: none;
+    border-color: CanvasText;
   }
 
-  label:has(.toggle:checked) > span {
+  .toggle:checked {
     background: Highlight;
-    color: Canvas;
+    border-color: CanvasText;
   }
 
   .toggle::before {
-    forced-color-adjust: none;
-    background-color: Highlight;
+    background-color: CanvasText;
   }
 
-  .toggle,
-  .toggle:hover {
-    background: Canvas;
-    border-color: CanvasText;
+  .toggle:checked::before {
+    background-color: Canvas;
   }
 
-  .toggle:checked,
-  .toggle:checked:hover {
-    background: Highlight;
-    border-color: CanvasText;
+  .toggle::after {
+    background-color: Highlight;
   }
+}
 
-  .toggle:checked::before {
-    background: Canvas;
+@media (prefers-reduced-motion: reduce) {
+  .toggle,
+  .toggle::before,
+  .toggle::after {
+    transition: none !important;
+    animation: none !important;
   }
 }
 </style>
diff --git a/app/components/Settings/Toggle.server.vue b/app/components/Settings/Toggle.server.vue
index b5f2105a17..7b6bcd8217 100644
--- a/app/components/Settings/Toggle.server.vue
+++ b/app/components/Settings/Toggle.server.vue
@@ -4,6 +4,10 @@ const props = withDefaults(
     label: string
     description?: string
     justify?: 'between' | 'start'
+    tooltip?: string
+    tooltipPosition?: 'top' | 'bottom' | 'left' | 'right'
+    tooltipTo?: string
+    tooltipOffset?: number
     reverseOrder?: boolean
   }>(),
   {
@@ -15,7 +19,7 @@ const props = withDefaults(
 
 <template>
   <div
-    class="grid items-center gap-4 py-1 -my-1 grid-cols-[auto_1fr_auto]"
+    class="grid items-center gap-1.5 py-1 -my-1 grid-cols-[auto_1fr_auto]"
     :class="[justify === 'start' ? 'justify-start' : '']"
     :style="
       props.reverseOrder
@@ -51,84 +55,3 @@ const props = withDefaults(
     {{ description }}
   </p>
 </template>
-
-<style scoped>
-/* Thumb position: logical property for RTL support */
-.toggle::before {
-  inset-inline-start: 1px;
-}
-
-/* Track transition */
-.toggle {
-  transition:
-    background-color 200ms ease-in-out,
-    border-color 100ms ease-in-out;
-}
-
-.toggle::before {
-  transition:
-    background-color 200ms ease-in-out,
-    translate 200ms ease-in-out;
-}
-
-/* Hover states */
-.toggle:hover:not(:checked) {
-  background: var(--fg-muted);
-}
-
-.toggle:checked:hover {
-  background: var(--fg-muted);
-  border-color: var(--fg-muted);
-}
-
-/* RTL-aware checked thumb position */
-:dir(ltr) .toggle:checked::before {
-  translate: 20px;
-}
-
-:dir(rtl) .toggle:checked::before {
-  translate: -20px;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .toggle,
-  .toggle::before {
-    transition: none;
-  }
-}
-
-/* Support forced colors */
-@media (forced-colors: active) {
-  label > span {
-    background: Canvas;
-    color: Highlight;
-    forced-color-adjust: none;
-  }
-
-  label:has(.toggle:checked) > span {
-    background: Highlight;
-    color: Canvas;
-  }
-
-  .toggle::before {
-    forced-color-adjust: none;
-    background-color: Highlight;
-  }
-
-  .toggle,
-  .toggle:hover {
-    background: Canvas;
-    border-color: CanvasText;
-  }
-
-  .toggle:checked,
-  .toggle:checked:hover {
-    background: Highlight;
-    border-color: CanvasText;
-  }
-
-  .toggle:checked::before {
-    background: Canvas;
-  }
-}
-</style>
diff --git a/app/components/VersionSelector.vue b/app/components/VersionSelector.vue
index 5a0867ee8a..46d29d8624 100644
--- a/app/components/VersionSelector.vue
+++ b/app/components/VersionSelector.vue
@@ -11,14 +11,21 @@ import {
 } from '~/utils/versions'
 import { fetchAllPackageVersions } from '~/utils/npm/api'
 
-const props = defineProps<{
-  packageName: string
-  currentVersion: string
-  versions: Record<string, unknown>
-  distTags: Record<string, string>
-  /** URL pattern for navigation. Use {version} as placeholder. */
-  urlPattern: string
-}>()
+const props = withDefaults(
+  defineProps<{
+    packageName: string
+    currentVersion: string
+    versions: Record<string, unknown>
+    distTags: Record<string, string>
+    /** URL pattern for navigation. Use {version} as placeholder. */
+    urlPattern: string
+    /** class for the position of the dropdown, default is inset-is-0 */
+    positionClass?: string | null
+  }>(),
+  {
+    positionClass: 'inset-is-0',
+  },
+)
 
 const isOpen = shallowRef(false)
 const dropdownRef = useTemplateRef('dropdownRef')
@@ -472,19 +479,20 @@ watch(
       type="button"
       aria-haspopup="listbox"
       :aria-expanded="isOpen"
-      class="flex items-center gap-1.5 text-fg-subtle font-mono text-sm hover:text-fg transition-[color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg rounded"
+      class="break-all text-start text-fg-subtle font-mono text-sm hover:text-fg transition-[color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg rounded"
       @click="isOpen = !isOpen"
       @keydown="handleButtonKeydown"
+      data-testid="version-selector-button"
     >
-      <span dir="ltr">{{ currentVersion }}</span>
+      <span dir="ltr" class="me-1.5">{{ currentVersion }}</span>
       <span
         v-if="currentVersion === latestVersion"
-        class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium"
+        class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium me-1.5"
       >
         latest
       </span>
       <span
-        class="i-lucide:chevron-down w-3.5 h-3.5 transition-[transform] duration-200 motion-reduce:transition-none"
+        class="i-lucide:chevron-down w-3.5 h-3.5 transition-[transform] duration-200 motion-reduce:transition-none vertical-middle"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
@@ -506,7 +514,8 @@ watch(
         :aria-activedescendant="
           focusedIndex >= 0 ? `version-${flatItems[focusedIndex]?.version?.version}` : undefined
         "
-        class="absolute top-full inset-is-0 mt-2 min-w-[220px] bg-bg-subtle/80 backdrop-blur-sm border border-border-subtle rounded-lg shadow-lg shadow-fg-subtle/10 z-50 py-1 max-h-[400px] overflow-y-auto overscroll-contain focus-visible:outline-none"
+        class="absolute top-full mt-2 min-w-[220px] max-w-[calc(100vw-40px)] bg-bg-subtle/80 backdrop-blur-sm border border-border-subtle rounded-lg shadow-lg shadow-fg-subtle/10 z-50 py-1 max-h-[400px] overflow-y-auto overscroll-contain focus-visible:outline-none"
+        :class="positionClass"
         @keydown="handleListboxKeydown"
       >
         <!-- Version groups -->
diff --git a/app/components/diff/MobileSidebarDrawer.vue b/app/components/diff/MobileSidebarDrawer.vue
index 9fb48e5f7f..087bd4f6c8 100644
--- a/app/components/diff/MobileSidebarDrawer.vue
+++ b/app/components/diff/MobileSidebarDrawer.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
 import type { CompareResponse, FileChange } from '#shared/types'
+import type { SlimPackument } from '#shared/types'
 
 const props = defineProps<{
   compare: CompareResponse
   groupedDeps: Map<string, CompareResponse['dependencyChanges']>
   allChanges: FileChange[]
+  pkg?: Pick<SlimPackument, 'versions' | 'dist-tags'> | null
+  packageName: string
+  toVersion: string
+  toVersionUrlPattern: string
 }>()
 
 const selectedFile = defineModel<FileChange | null>('selectedFile', { default: null })
@@ -53,30 +58,43 @@ watch(open, value => {
       v-if="open"
       class="md:hidden fixed inset-y-0 inset-is-0 z-50 w-72 max-w-[85vw] bg-bg-subtle border-ie border-border overflow-y-auto flex flex-col"
     >
-      <div
-        class="sticky top-0 bg-bg-subtle border-b border-border px-4 py-3 flex items-center justify-between gap-2"
-      >
-        <div class="text-xs font-mono text-fg-muted flex items-center gap-2">
-          <span class="flex items-center gap-1">
-            <span class="text-green-500">+{{ props.compare.stats.filesAdded }}</span>
-            <span class="text-fg-subtle">/</span>
-            <span class="text-red-500">-{{ props.compare.stats.filesRemoved }}</span>
-            <span class="text-fg-subtle">/</span>
-            <span class="text-yellow-500">~{{ props.compare.stats.filesModified }}</span>
-          </span>
-          <span class="text-fg-subtle">•</span>
-          <span>{{
-            $t('compare.files_count', { count: props.allChanges.length }, props.allChanges.length)
-          }}</span>
+      <div class="sticky top-0 bg-bg-subtle border-b border-border z-50">
+        <div class="flex items-center justify-between gap-2 py-2 px-4">
+          <div class="text-xs font-mono text-fg-muted flex items-center gap-2">
+            <span class="flex items-center gap-1">
+              <span class="text-green-500">+{{ props.compare.stats.filesAdded }}</span>
+              <span class="text-fg-subtle">/</span>
+              <span class="text-red-500">-{{ props.compare.stats.filesRemoved }}</span>
+              <span class="text-fg-subtle">/</span>
+              <span class="text-yellow-500">~{{ props.compare.stats.filesModified }}</span>
+            </span>
+            <span class="text-fg-subtle">•</span>
+            <span>{{
+              $t('compare.files_count', { count: props.allChanges.length }, props.allChanges.length)
+            }}</span>
+          </div>
+          <button
+            type="button"
+            class="text-fg-muted hover:text-fg transition-colors"
+            :aria-label="$t('compare.close_files_panel')"
+            @click="open = false"
+          >
+            <span class="i-lucide:x w-5 h-5" />
+          </button>
+        </div>
+        <div v-if="pkg?.versions && pkg?.['dist-tags']" class="py-2 border-t border-border px-4">
+          <p class="text-xs font-medium text-fg mb-1 flex items-center gap-1.5">
+            <span class="block i-lucide-git-compare-arrows w-3.5 h-3.5" />
+            {{ $t('compare.version_selector_title') }}
+          </p>
+          <VersionSelector
+            :package-name="packageName"
+            :current-version="toVersion"
+            :versions="pkg.versions"
+            :dist-tags="pkg['dist-tags']"
+            :url-pattern="toVersionUrlPattern"
+          />
         </div>
-        <button
-          type="button"
-          class="text-fg-muted hover:text-fg transition-colors"
-          :aria-label="$t('compare.close_files_panel')"
-          @click="open = false"
-        >
-          <span class="i-lucide:x w-5 h-5" />
-        </button>
       </div>
 
       <DiffSidebarPanel
diff --git a/app/composables/useChartWatermark.ts b/app/composables/useChartWatermark.ts
index 0cad48d641..48e6adf96c 100644
--- a/app/composables/useChartWatermark.ts
+++ b/app/composables/useChartWatermark.ts
@@ -47,15 +47,41 @@ export function drawSvgPrintLegend(svg: Record<string, any>, colors: WatermarkCo
   return seriesNames.join('')
 }
 
+function generateWatermarkLogo({
+  x,
+  y,
+  width,
+  height,
+  fill,
+}: {
+  x: number
+  y: number
+  width: number
+  height: number
+  fill: string
+}) {
+  return `
+    <svg x="${x}" y="${y}" width="${width}" height="${height}" viewBox="0 0 330 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M22.848 97V85.288H34.752V97H22.848ZM56.4105 107.56L85.5945 25H93.2745L64.0905 107.56H56.4105ZM121.269 97V46.12H128.661L128.949 59.08L127.989 58.216C128.629 55.208 129.781 52.744 131.445 50.824C133.173 48.84 135.221 47.368 137.589 46.408C139.957 45.448 142.453 44.968 145.077 44.968C148.981 44.968 152.213 45.832 154.773 47.56C157.397 49.288 159.381 51.624 160.725 54.568C162.069 57.448 162.741 60.68 162.741 64.264V97H154.677V66.568C154.677 61.832 153.749 58.248 151.893 55.816C150.037 53.32 147.189 52.072 143.349 52.072C140.725 52.072 138.357 52.648 136.245 53.8C134.133 54.888 132.437 56.52 131.157 58.696C129.941 60.808 129.333 63.432 129.333 66.568V97H121.269ZM173.647 111.4V46.12H181.135L181.327 57.64L180.175 57.064C181.455 53.096 183.568 50.088 186.512 48.04C189.519 45.992 192.976 44.968 196.88 44.968C201.936 44.968 206.064 46.216 209.264 48.712C212.528 51.208 214.928 54.472 216.464 58.504C218 62.536 218.767 66.888 218.767 71.56C218.767 76.232 218 80.584 216.464 84.616C214.928 88.648 212.528 91.912 209.264 94.408C206.064 96.904 201.936 98.152 196.88 98.152C194.256 98.152 191.792 97.704 189.487 96.808C187.247 95.912 185.327 94.664 183.727 93.064C182.191 91.464 181.135 89.576 180.559 87.4L181.711 86.056V111.4H173.647ZM196.111 90.472C200.528 90.472 203.984 88.808 206.48 85.48C209.04 82.152 210.319 77.512 210.319 71.56C210.319 65.608 209.04 60.968 206.48 57.64C203.984 54.312 200.528 52.648 196.111 52.648C193.167 52.648 190.607 53.352 188.431 54.76C186.319 56.168 184.655 58.28 183.439 61.096C182.287 63.912 181.711 67.4 181.711 71.56C181.711 75.72 182.287 79.208 183.439 82.024C184.591 84.84 186.255 86.952 188.431 88.36C190.607 89.768 193.167 90.472 196.111 90.472ZM222.57 97V46.12H229.962L230.25 57.448L229.29 57.256C229.866 53.48 231.082 50.504 232.938 48.328C234.858 46.088 237.29 44.968 240.234 44.968C243.242 44.968 245.546 46.056 247.146 48.232C248.81 50.408 249.834 53.608 250.218 57.832H249.258C249.834 53.864 251.114 50.728 253.098 48.424C255.146 46.12 257.706 44.968 260.778 44.968C264.874 44.968 267.85 46.376 269.706 49.192C271.562 52.008 272.49 56.68 272.49 63.208V97H264.426V64.36C264.426 59.816 263.946 56.648 262.986 54.856C262.026 53 260.522 52.072 258.474 52.072C257.13 52.072 255.946 52.52 254.922 53.416C253.898 54.248 253.066 55.592 252.426 57.448C251.85 59.304 251.562 61.672 251.562 64.552V97H243.498V64.36C243.498 60.008 243.018 56.872 242.058 54.952C241.162 53.032 239.658 52.072 237.546 52.072C236.202 52.072 235.018 52.52 233.994 53.416C232.97 54.248 232.138 55.592 231.498 57.448C230.922 59.304 230.634 61.672 230.634 64.552V97H222.57ZM276.676 97L295.396 70.888L277.636 46.12H287.044L300.388 65.32L313.444 46.12H323.044L305.38 71.08L323.908 97H314.5L300.388 76.456L286.276 97H276.676Z" fill="${fill}"/>
+    </svg>
+  `
+}
+
 /**
  * Build and return npmx svg logo and tagline, to be injected during PNG & SVG exports
+ * for VueUiXy instances
  */
-export function drawNpmxLogoAndTaglineWatermark(
-  svg: Record<string, any>,
-  colors: WatermarkColors,
-  translateFn: (key: string) => string,
-  positioning: 'bottom' | 'belowDrawingArea' = 'bottom',
-) {
+export function drawNpmxLogoAndTaglineWatermark({
+  svg,
+  colors,
+  translateFn,
+  positioning = 'bottom',
+}: {
+  svg: Record<string, any>
+  colors: WatermarkColors
+  translateFn: (key: string) => string
+  positioning?: 'bottom' | 'belowDrawingArea'
+}) {
   if (!svg?.drawingArea) return ''
   const npmxLogoWidthToHeight = 2.64
   const npmxLogoWidth = 100
@@ -74,9 +100,7 @@ export function drawNpmxLogoAndTaglineWatermark(
   const watermarkX = svg.width / 2 - npmxLogoWidth / 2
 
   return `
-    <svg x="${watermarkX}" y="${watermarkY}" width="${npmxLogoWidth}" height="${npmxLogoHeight}" viewBox="0 0 330 125" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M22.848 97V85.288H34.752V97H22.848ZM56.4105 107.56L85.5945 25H93.2745L64.0905 107.56H56.4105ZM121.269 97V46.12H128.661L128.949 59.08L127.989 58.216C128.629 55.208 129.781 52.744 131.445 50.824C133.173 48.84 135.221 47.368 137.589 46.408C139.957 45.448 142.453 44.968 145.077 44.968C148.981 44.968 152.213 45.832 154.773 47.56C157.397 49.288 159.381 51.624 160.725 54.568C162.069 57.448 162.741 60.68 162.741 64.264V97H154.677V66.568C154.677 61.832 153.749 58.248 151.893 55.816C150.037 53.32 147.189 52.072 143.349 52.072C140.725 52.072 138.357 52.648 136.245 53.8C134.133 54.888 132.437 56.52 131.157 58.696C129.941 60.808 129.333 63.432 129.333 66.568V97H121.269ZM173.647 111.4V46.12H181.135L181.327 57.64L180.175 57.064C181.455 53.096 183.568 50.088 186.512 48.04C189.519 45.992 192.976 44.968 196.88 44.968C201.936 44.968 206.064 46.216 209.264 48.712C212.528 51.208 214.928 54.472 216.464 58.504C218 62.536 218.767 66.888 218.767 71.56C218.767 76.232 218 80.584 216.464 84.616C214.928 88.648 212.528 91.912 209.264 94.408C206.064 96.904 201.936 98.152 196.88 98.152C194.256 98.152 191.792 97.704 189.487 96.808C187.247 95.912 185.327 94.664 183.727 93.064C182.191 91.464 181.135 89.576 180.559 87.4L181.711 86.056V111.4H173.647ZM196.111 90.472C200.528 90.472 203.984 88.808 206.48 85.48C209.04 82.152 210.319 77.512 210.319 71.56C210.319 65.608 209.04 60.968 206.48 57.64C203.984 54.312 200.528 52.648 196.111 52.648C193.167 52.648 190.607 53.352 188.431 54.76C186.319 56.168 184.655 58.28 183.439 61.096C182.287 63.912 181.711 67.4 181.711 71.56C181.711 75.72 182.287 79.208 183.439 82.024C184.591 84.84 186.255 86.952 188.431 88.36C190.607 89.768 193.167 90.472 196.111 90.472ZM222.57 97V46.12H229.962L230.25 57.448L229.29 57.256C229.866 53.48 231.082 50.504 232.938 48.328C234.858 46.088 237.29 44.968 240.234 44.968C243.242 44.968 245.546 46.056 247.146 48.232C248.81 50.408 249.834 53.608 250.218 57.832H249.258C249.834 53.864 251.114 50.728 253.098 48.424C255.146 46.12 257.706 44.968 260.778 44.968C264.874 44.968 267.85 46.376 269.706 49.192C271.562 52.008 272.49 56.68 272.49 63.208V97H264.426V64.36C264.426 59.816 263.946 56.648 262.986 54.856C262.026 53 260.522 52.072 258.474 52.072C257.13 52.072 255.946 52.52 254.922 53.416C253.898 54.248 253.066 55.592 252.426 57.448C251.85 59.304 251.562 61.672 251.562 64.552V97H243.498V64.36C243.498 60.008 243.018 56.872 242.058 54.952C241.162 53.032 239.658 52.072 237.546 52.072C236.202 52.072 235.018 52.52 233.994 53.416C232.97 54.248 232.138 55.592 231.498 57.448C230.922 59.304 230.634 61.672 230.634 64.552V97H222.57ZM276.676 97L295.396 70.888L277.636 46.12H287.044L300.388 65.32L313.444 46.12H323.044L305.38 71.08L323.908 97H314.5L300.388 76.456L286.276 97H276.676Z" fill="${colors.fg}"/>
-    </svg>
+    ${generateWatermarkLogo({ x: watermarkX, y: watermarkY, width: npmxLogoWidth, height: npmxLogoHeight, fill: colors.fg })}
     <text
       fill="${colors.fgSubtle}"
       x="${svg.width / 2}"
@@ -88,3 +112,40 @@ export function drawNpmxLogoAndTaglineWatermark(
     </text>
   `
 }
+
+/**
+ * Build and return npmx svg logo and tagline, to be injected during PNG & SVG exports
+ * for VueUiHorizontalBar instances
+ */
+export function drawSmallNpmxLogoAndTaglineWatermark({
+  svg,
+  colors,
+  translateFn,
+  logoWidth = 36,
+}: {
+  svg: Record<string, any>
+  colors: WatermarkColors
+  translateFn: (key: string) => string
+  logoWidth?: number
+}) {
+  if (!svg.height) return
+
+  const npmxLogoWidthToHeight = 2.64
+  const npmxLogoHeight = logoWidth / npmxLogoWidthToHeight
+  const offsetX = 6
+  const watermarkY = svg.height - npmxLogoHeight
+  const taglineY = svg.height - 3
+
+  return `
+    ${generateWatermarkLogo({ x: offsetX, y: watermarkY, width: logoWidth, height: npmxLogoHeight, fill: colors.fg })}
+    <text
+      fill="${colors.fgSubtle}"
+      x="${logoWidth + offsetX * 2}"
+      y="${taglineY}"
+      font-size="8"
+      text-anchor="start"
+    >
+      ${translateFn('tagline')}
+    </text>
+  `
+}
diff --git a/app/composables/useCharts.ts b/app/composables/useCharts.ts
index 339d760e2d..0fc07ab6a0 100644
--- a/app/composables/useCharts.ts
+++ b/app/composables/useCharts.ts
@@ -13,21 +13,18 @@ import { parseRepoUrl } from '#shared/utils/git-providers'
 import type { PackageMetaResponse } from '#shared/types'
 import { encodePackageName } from '#shared/utils/npm'
 import { fetchNpmDownloadsRange } from '~/utils/npm/api'
+import { parseIsoDate, toIsoDate, addDays } from '~/utils/date'
+import {
+  buildDailyEvolution,
+  buildWeeklyEvolution,
+  buildMonthlyEvolution,
+  buildYearlyEvolution,
+} from '~/utils/chart-data-buckets'
 
 export type PackumentLikeForTime = {
   time?: Record<string, string>
 }
 
-function toIsoDateString(date: Date): string {
-  return date.toISOString().slice(0, 10)
-}
-
-function addDays(date: Date, days: number): Date {
-  const updatedDate = new Date(date)
-  updatedDate.setUTCDate(updatedDate.getUTCDate() + days)
-  return updatedDate
-}
-
 function startOfUtcMonth(date: Date): Date {
   return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), 1))
 }
@@ -36,17 +33,9 @@ function startOfUtcYear(date: Date): Date {
   return new Date(Date.UTC(date.getUTCFullYear(), 0, 1))
 }
 
-function parseIsoDateOnly(value: string): Date {
-  return new Date(`${value}T00:00:00.000Z`)
-}
-
-function formatIsoDateOnly(date: Date): string {
-  return date.toISOString().slice(0, 10)
-}
-
 function differenceInUtcDaysInclusive(startIso: string, endIso: string): number {
-  const start = parseIsoDateOnly(startIso)
-  const end = parseIsoDateOnly(endIso)
+  const start = parseIsoDate(startIso)
+  const end = parseIsoDate(endIso)
   return Math.floor((end.getTime() - start.getTime()) / 86400000) + 1
 }
 
@@ -59,16 +48,16 @@ function splitIsoRangeIntoChunksInclusive(
   if (totalDays <= maximumDaysPerRequest) return [{ startIso, endIso }]
 
   const chunks: Array<{ startIso: string; endIso: string }> = []
-  let cursorStart = parseIsoDateOnly(startIso)
-  const finalEnd = parseIsoDateOnly(endIso)
+  let cursorStart = parseIsoDate(startIso)
+  const finalEnd = parseIsoDate(endIso)
 
   while (cursorStart.getTime() <= finalEnd.getTime()) {
     const cursorEnd = addDays(cursorStart, maximumDaysPerRequest - 1)
     const actualEnd = cursorEnd.getTime() < finalEnd.getTime() ? cursorEnd : finalEnd
 
     chunks.push({
-      startIso: formatIsoDateOnly(cursorStart),
-      endIso: formatIsoDateOnly(actualEnd),
+      startIso: toIsoDate(cursorStart),
+      endIso: toIsoDate(actualEnd),
     })
 
     cursorStart = addDays(actualEnd, 1)
@@ -89,101 +78,6 @@ function mergeDailyPoints(points: DailyRawPoint[]): DailyRawPoint[] {
     .map(([day, value]) => ({ day, value }))
 }
 
-export function buildDailyEvolutionFromDaily(daily: DailyRawPoint[]): DailyDataPoint[] {
-  return daily
-    .slice()
-    .sort((a, b) => a.day.localeCompare(b.day))
-    .map(item => {
-      const dayDate = parseIsoDateOnly(item.day)
-      const timestamp = dayDate.getTime()
-
-      return { day: item.day, value: item.value, timestamp }
-    })
-}
-
-export function buildRollingWeeklyEvolutionFromDaily(
-  daily: DailyRawPoint[],
-  rangeStartIso: string,
-  rangeEndIso: string,
-): WeeklyDataPoint[] {
-  const sorted = daily.slice().sort((a, b) => a.day.localeCompare(b.day))
-  const rangeStartDate = parseIsoDateOnly(rangeStartIso)
-  const rangeEndDate = parseIsoDateOnly(rangeEndIso)
-
-  const groupedByIndex = new Map<number, number>()
-
-  for (const item of sorted) {
-    const itemDate = parseIsoDateOnly(item.day)
-    const dayOffset = Math.floor((itemDate.getTime() - rangeStartDate.getTime()) / 86400000)
-    if (dayOffset < 0) continue
-
-    const weekIndex = Math.floor(dayOffset / 7)
-    groupedByIndex.set(weekIndex, (groupedByIndex.get(weekIndex) ?? 0) + item.value)
-  }
-
-  return Array.from(groupedByIndex.entries())
-    .sort(([a], [b]) => a - b)
-    .map(([weekIndex, value]) => {
-      const weekStartDate = addDays(rangeStartDate, weekIndex * 7)
-      const weekEndDate = addDays(weekStartDate, 6)
-
-      // Clamp weekEnd to the actual data range end date
-      const clampedWeekEndDate =
-        weekEndDate.getTime() > rangeEndDate.getTime() ? rangeEndDate : weekEndDate
-
-      const weekStartIso = toIsoDateString(weekStartDate)
-      const weekEndIso = toIsoDateString(clampedWeekEndDate)
-
-      const timestampStart = weekStartDate.getTime()
-      const timestampEnd = clampedWeekEndDate.getTime()
-
-      return {
-        value,
-        weekKey: `${weekStartIso}_${weekEndIso}`,
-        weekStart: weekStartIso,
-        weekEnd: weekEndIso,
-        timestampStart,
-        timestampEnd,
-      }
-    })
-}
-
-export function buildMonthlyEvolutionFromDaily(daily: DailyRawPoint[]): MonthlyDataPoint[] {
-  const sorted = daily.slice().sort((a, b) => a.day.localeCompare(b.day))
-  const valuesByMonth = new Map<string, number>()
-
-  for (const item of sorted) {
-    const month = item.day.slice(0, 7)
-    valuesByMonth.set(month, (valuesByMonth.get(month) ?? 0) + item.value)
-  }
-
-  return Array.from(valuesByMonth.entries())
-    .sort(([a], [b]) => a.localeCompare(b))
-    .map(([month, value]) => {
-      const monthStartDate = parseIsoDateOnly(`${month}-01`)
-      const timestamp = monthStartDate.getTime()
-      return { month, value, timestamp }
-    })
-}
-
-export function buildYearlyEvolutionFromDaily(daily: DailyRawPoint[]): YearlyDataPoint[] {
-  const sorted = daily.slice().sort((a, b) => a.day.localeCompare(b.day))
-  const valuesByYear = new Map<string, number>()
-
-  for (const item of sorted) {
-    const year = item.day.slice(0, 4)
-    valuesByYear.set(year, (valuesByYear.get(year) ?? 0) + item.value)
-  }
-
-  return Array.from(valuesByYear.entries())
-    .sort(([a], [b]) => a.localeCompare(b))
-    .map(([year, value]) => {
-      const yearStartDate = parseIsoDateOnly(`${year}-01-01`)
-      const timestamp = yearStartDate.getTime()
-      return { year, value, timestamp }
-    })
-}
-
 const npmDailyRangeCache = import.meta.client ? new Map<string, Promise<DailyRawPoint[]>>() : null
 const likesEvolutionCache = import.meta.client ? new Map<string, Promise<DailyRawPoint[]>>() : null
 const contributorsEvolutionCache = import.meta.client
@@ -238,8 +132,8 @@ function buildWeeklyEvolutionFromContributorCounts(
 
       const clampedWeekEndDate = weekEndDate.getTime() > rangeEnd.getTime() ? rangeEnd : weekEndDate
 
-      const weekStartIso = toIsoDateString(weekStartDate)
-      const weekEndIso = toIsoDateString(clampedWeekEndDate)
+      const weekStartIso = toIsoDate(weekStartDate)
+      const weekEndIso = toIsoDate(clampedWeekEndDate)
 
       return {
         value,
@@ -415,11 +309,11 @@ export function useCharts() {
     )
 
     const endDateOnly = toDateOnly(evolutionOptions.endDate)
-    const end = endDateOnly ? parseIsoDateOnly(endDateOnly) : yesterday
+    const end = endDateOnly ? parseIsoDate(endDateOnly) : yesterday
 
     const startDateOnly = toDateOnly(evolutionOptions.startDate)
     if (startDateOnly) {
-      const start = parseIsoDateOnly(startDateOnly)
+      const start = parseIsoDate(startDateOnly)
       return { start, end }
     }
 
@@ -465,16 +359,17 @@ export function useCharts() {
 
     const { start, end } = resolveDateRange(resolvedOptions, resolvedCreatedIso)
 
-    const startIso = toIsoDateString(start)
-    const endIso = toIsoDateString(end)
+    const startIso = toIsoDate(start)
+    const endIso = toIsoDate(end)
 
     const sortedDaily = await fetchDailyRangeChunked(resolvedPackageName, startIso, endIso)
 
-    if (resolvedOptions.granularity === 'day') return buildDailyEvolutionFromDaily(sortedDaily)
+    if (resolvedOptions.granularity === 'day') return buildDailyEvolution(sortedDaily)
     if (resolvedOptions.granularity === 'week')
-      return buildRollingWeeklyEvolutionFromDaily(sortedDaily, startIso, endIso)
-    if (resolvedOptions.granularity === 'month') return buildMonthlyEvolutionFromDaily(sortedDaily)
-    return buildYearlyEvolutionFromDaily(sortedDaily)
+      return buildWeeklyEvolution(sortedDaily, startIso, endIso)
+    if (resolvedOptions.granularity === 'month')
+      return buildMonthlyEvolution(sortedDaily, startIso, endIso)
+    return buildYearlyEvolution(sortedDaily, startIso, endIso)
   }
 
   async function fetchPackageLikesEvolution(
@@ -508,17 +403,17 @@ export function useCharts() {
     const sortedDaily = await dailyLikesPromise
 
     const { start, end } = resolveDateRange(resolvedOptions, null)
-    const startIso = toIsoDateString(start)
-    const endIso = toIsoDateString(end)
+    const startIso = toIsoDate(start)
+    const endIso = toIsoDate(end)
 
     const filteredDaily = sortedDaily.filter(d => d.day >= startIso && d.day <= endIso)
 
-    if (resolvedOptions.granularity === 'day') return buildDailyEvolutionFromDaily(filteredDaily)
+    if (resolvedOptions.granularity === 'day') return buildDailyEvolution(filteredDaily)
     if (resolvedOptions.granularity === 'week')
-      return buildRollingWeeklyEvolutionFromDaily(filteredDaily, startIso, endIso)
+      return buildWeeklyEvolution(filteredDaily, startIso, endIso)
     if (resolvedOptions.granularity === 'month')
-      return buildMonthlyEvolutionFromDaily(filteredDaily)
-    return buildYearlyEvolutionFromDaily(filteredDaily)
+      return buildMonthlyEvolution(filteredDaily, startIso, endIso)
+    return buildYearlyEvolution(filteredDaily, startIso, endIso)
   }
 
   async function fetchRepoContributorsEvolution(
diff --git a/app/composables/useFacetSelection.ts b/app/composables/useFacetSelection.ts
index ecb014b605..9af7befd3d 100644
--- a/app/composables/useFacetSelection.ts
+++ b/app/composables/useFacetSelection.ts
@@ -13,6 +13,7 @@ export interface FacetInfoWithLabels extends Omit<FacetInfo, 'id'> {
   id: ComparisonFacet
   label: string
   description: string
+  chartable: boolean
 }
 
 /**
@@ -24,58 +25,71 @@ export function useFacetSelection(queryParam = 'facets') {
   const { t } = useI18n()
 
   const facetLabels = computed(
-    (): Record<ComparisonFacet, { label: string; description: string }> => ({
+    (): Record<ComparisonFacet, { label: string; description: string; chartable: boolean }> => ({
       downloads: {
         label: t(`compare.facets.items.downloads.label`),
         description: t(`compare.facets.items.downloads.description`),
+        chartable: true,
       },
       totalLikes: {
         label: t(`compare.facets.items.totalLikes.label`),
         description: t(`compare.facets.items.totalLikes.description`),
+        chartable: true,
       },
       packageSize: {
         label: t(`compare.facets.items.packageSize.label`),
         description: t(`compare.facets.items.packageSize.description`),
+        chartable: true,
       },
       installSize: {
         label: t(`compare.facets.items.installSize.label`),
         description: t(`compare.facets.items.installSize.description`),
+        chartable: true,
       },
       moduleFormat: {
         label: t(`compare.facets.items.moduleFormat.label`),
         description: t(`compare.facets.items.moduleFormat.description`),
+        chartable: false,
       },
       types: {
         label: t(`compare.facets.items.types.label`),
         description: t(`compare.facets.items.types.description`),
+        chartable: false,
       },
       engines: {
         label: t(`compare.facets.items.engines.label`),
         description: t(`compare.facets.items.engines.description`),
+        chartable: false,
       },
       vulnerabilities: {
         label: t(`compare.facets.items.vulnerabilities.label`),
         description: t(`compare.facets.items.vulnerabilities.description`),
+        chartable: false,
       },
       lastUpdated: {
         label: t(`compare.facets.items.lastUpdated.label`),
         description: t(`compare.facets.items.lastUpdated.description`),
+        chartable: false,
       },
       license: {
         label: t(`compare.facets.items.license.label`),
         description: t(`compare.facets.items.license.description`),
+        chartable: false,
       },
       dependencies: {
         label: t(`compare.facets.items.dependencies.label`),
         description: t(`compare.facets.items.dependencies.description`),
+        chartable: true,
       },
       totalDependencies: {
         label: t(`compare.facets.items.totalDependencies.label`),
         description: t(`compare.facets.items.totalDependencies.description`),
+        chartable: true,
       },
       deprecated: {
         label: t(`compare.facets.items.deprecated.label`),
         description: t(`compare.facets.items.deprecated.description`),
+        chartable: false,
       },
     }),
   )
@@ -87,6 +101,7 @@ export function useFacetSelection(queryParam = 'facets') {
       ...FACET_INFO[facet],
       label: facetLabels.value[facet].label,
       description: facetLabels.value[facet].description,
+      chartable: facetLabels.value[facet].chartable,
     }
   }
 
diff --git a/app/composables/usePackageHeaderHeight.ts b/app/composables/usePackageHeaderHeight.ts
new file mode 100644
index 0000000000..d33733b84c
--- /dev/null
+++ b/app/composables/usePackageHeaderHeight.ts
@@ -0,0 +1,3 @@
+export function usePackageHeaderHeight() {
+  return useState<number>('package-header-height', () => 0)
+}
diff --git a/app/composables/useSettings.ts b/app/composables/useSettings.ts
index 8a17f4b430..3f23814f14 100644
--- a/app/composables/useSettings.ts
+++ b/app/composables/useSettings.ts
@@ -45,6 +45,7 @@ export interface AppSettings {
     averageWindow: number
     smoothingTau: number
     anomaliesFixed: boolean
+    predictionPoints: number
   }
 }
 
@@ -68,6 +69,7 @@ const DEFAULT_SETTINGS: AppSettings = {
     averageWindow: 0,
     smoothingTau: 1,
     anomaliesFixed: true,
+    predictionPoints: 4,
   },
 }
 
diff --git a/app/composables/useViewOnGitProvider.ts b/app/composables/useViewOnGitProvider.ts
new file mode 100644
index 0000000000..d18e6ef9b3
--- /dev/null
+++ b/app/composables/useViewOnGitProvider.ts
@@ -0,0 +1,44 @@
+/**
+ * Return the text "see on {git provider}" based on the given provider
+ */
+export function useViewOnGitProvider(
+  provider: MaybeRefOrGetter<ProviderId | (string & {}) | null | undefined>,
+) {
+  const { t } = useI18n()
+  return computed(() => {
+    const uProvider = toValue(provider)
+    if (!uProvider) {
+      return t('common.view_on.git_repo')
+    }
+    switch (uProvider) {
+      case 'github':
+        return t('common.view_on.github')
+      case 'gitlab':
+        return t('common.view_on.gitlab')
+      case 'bitbucket':
+        return t('common.view_on.bitbucket')
+      case 'gitea':
+        return t('common.view_on.gitea')
+      case 'forgejo':
+        return t('common.view_on.forgejo')
+      case 'codeberg':
+        return t('common.view_on.codeberg')
+      case 'sourcehut':
+        return t('common.view_on.sourcehut')
+      case 'gitee':
+        return t('common.view_on.gitee')
+      case 'tangled':
+        return t('common.view_on.tangled')
+      case 'radicle':
+        return t('common.view_on.radicle')
+      case 'git':
+        return t('common.view_on.git_repo')
+    }
+
+    if (import.meta.dev) {
+      // oxlint-disable-next-line no-console
+      console.warn(`missing '${uProvider}' provider, add it to shared/utils/git-providers.ts!`)
+    }
+    return t('common.view_on.git_repo')
+  })
+}
diff --git a/app/pages/about.vue b/app/pages/about.vue
index e6dde0c851..6fed973128 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -275,29 +275,24 @@ const roleLabels = computed(
                 :key="contributor.id"
                 class="block group relative"
               >
-                <a
-                  :href="contributor.html_url"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  :aria-label="$t('about.contributors.view_profile', { name: contributor.login })"
-                  class="block rounded-lg"
-                >
-                  <img
-                    :src="`${contributor.avatar_url}&s=64`"
-                    :alt="`${contributor.login}'s avatar`"
-                    width="48"
-                    height="48"
-                    class="w-12 h-12 rounded-lg ring-2 ring-transparent group-hover:ring-accent transition-all duration-200 ease-out group-hover:scale-125 will-change-transform"
-                    loading="lazy"
-                  />
-                  <span
-                    class="pointer-events-none absolute -top-9 inset-is-1/2 -translate-x-1/2 whitespace-nowrap rounded-md bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900 text-xs px-2 py-1 shadow-lg opacity-0 scale-95 transition-all duration-150 group-hover:opacity-100 group-hover:scale-100"
-                    dir="ltr"
-                    role="tooltip"
+                <TooltipApp :text="`@${contributor.login}`" class="block" position="top">
+                  <a
+                    :href="contributor.html_url"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    :aria-label="$t('about.contributors.view_profile', { name: contributor.login })"
+                    class="block rounded-lg"
                   >
-                    @{{ contributor.login }}
-                  </span>
-                </a>
+                    <img
+                      :src="`${contributor.avatar_url}&s=64`"
+                      :alt="`${contributor.login}'s avatar`"
+                      width="48"
+                      height="48"
+                      class="w-12 h-12 rounded-lg ring-2 ring-transparent group-hover:ring-accent transition-all duration-200 ease-out group-hover:scale-125 will-change-transform"
+                      loading="lazy"
+                    />
+                  </a>
+                </TooltipApp>
               </li>
             </ul>
           </section>
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
index e8b33ea429..e38a34657d 100644
--- a/app/pages/compare.vue
+++ b/app/pages/compare.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { NO_DEPENDENCY_ID } from '~/composables/usePackageComparison'
 import { useRouteQuery } from '@vueuse/router'
+import FacetBarChart from '~/components/Compare/FacetBarChart.vue'
 
 definePageMeta({
   name: 'compare',
@@ -76,6 +77,8 @@ const columnLoading = computed(() => packages.value.map((_, i) => isColumnLoadin
 // Check if we have enough packages to compare
 const canCompare = computed(() => packages.value.length >= 2)
 
+const comparisonView = ref<'table' | 'charts'>('table')
+
 // Extract headers from columns for facet rows
 const gridHeaders = computed(() =>
   gridColumns.value.map(col => (col.version ? `${col.name}@${col.version}` : col.name)),
@@ -278,10 +281,74 @@ useSeoMeta({
         </div>
 
         <div v-else-if="packagesData && packagesData.some(p => p !== null)">
-          <!-- Desktop: Grid layout -->
-          <div class="hidden md:block overflow-x-auto">
-            <CompareComparisonGrid :columns="gridColumns" :show-no-dependency="showNoDependency">
-              <CompareFacetRow
+          <!-- View tabs -->
+          <div
+            v-if="selectedFacets.some(facet => facet.chartable)"
+            class="inline-flex items-center gap-1 rounded-md border border-border-subtle bg-bg-subtle p-0.5 mt-4"
+            role="tablist"
+            :aria-label="$t('compare.packages.section_comparison')"
+          >
+            <button
+              id="comparison-tab-table"
+              type="button"
+              role="tab"
+              :aria-selected="comparisonView === 'table' ? 'true' : 'false'"
+              aria-controls="comparison-panel-table"
+              :tabindex="comparisonView === 'table' ? -1 : 0"
+              class="flex items-center justify-center gap-x-2 rounded px-3 py-2 font-mono text-sm border border-solid transition-colors duration-150 focus-visible:outline-accent/70"
+              :class="
+                comparisonView === 'table'
+                  ? 'bg-bg border-border shadow-sm text-fg'
+                  : 'border-transparent text-fg-subtle hover:text-fg'
+              "
+              @click="comparisonView = 'table'"
+            >
+              <span class="i-lucide:table size-[1em]" aria-hidden="true" />
+              <span>{{ $t('compare.packages.table_view') }}</span>
+            </button>
+
+            <button
+              id="comparison-tab-charts"
+              type="button"
+              role="tab"
+              :aria-selected="comparisonView === 'charts' ? 'true' : 'false'"
+              aria-controls="comparison-panel-charts"
+              :tabindex="comparisonView === 'charts' ? -1 : 0"
+              class="flex items-center justify-center gap-x-2 rounded px-3 py-2 font-mono text-sm border border-solid transition-colors duration-150 focus-visible:outline-accent/70"
+              :class="
+                comparisonView === 'charts'
+                  ? 'bg-bg border-border shadow-sm text-fg'
+                  : 'border-transparent text-fg-subtle hover:text-fg'
+              "
+              @click="comparisonView = 'charts'"
+            >
+              <span class="i-lucide:chart-bar-decreasing size-[1em]" aria-hidden="true" />
+              <span>{{ $t('compare.packages.charts_view') }}</span>
+            </button>
+          </div>
+
+          <!-- Data table -->
+          <div v-show="comparisonView === 'table'" role="tabpanel">
+            <!-- Desktop: Grid layout -->
+            <div class="hidden md:block overflow-x-auto">
+              <CompareComparisonGrid :columns="gridColumns" :show-no-dependency="showNoDependency">
+                <CompareFacetRow
+                  v-for="facet in selectedFacets"
+                  :key="facet.id"
+                  :label="facet.label"
+                  :description="facet.description"
+                  :values="getFacetValues(facet.id)"
+                  :facet-loading="isFacetLoading(facet.id)"
+                  :column-loading="columnLoading"
+                  :bar="facet.id !== 'lastUpdated'"
+                  :headers="gridHeaders"
+                />
+              </CompareComparisonGrid>
+            </div>
+
+            <!-- Mobile: Card-based layout -->
+            <div class="md:hidden space-y-3">
+              <CompareFacetCard
                 v-for="facet in selectedFacets"
                 :key="facet.id"
                 :label="facet.label"
@@ -292,22 +359,26 @@ useSeoMeta({
                 :bar="facet.id !== 'lastUpdated'"
                 :headers="gridHeaders"
               />
-            </CompareComparisonGrid>
+            </div>
           </div>
 
-          <!-- Mobile: Card-based layout -->
-          <div class="md:hidden space-y-3">
-            <CompareFacetCard
-              v-for="facet in selectedFacets"
-              :key="facet.id"
-              :label="facet.label"
-              :description="facet.description"
-              :values="getFacetValues(facet.id)"
-              :facet-loading="isFacetLoading(facet.id)"
-              :column-loading="columnLoading"
-              :bar="facet.id !== 'lastUpdated'"
-              :headers="gridHeaders"
-            />
+          <!-- bar charts -->
+          <div v-if="comparisonView === 'charts'" role="tabpanel">
+            <div class="sm:grid grid-cols-2 gap-x-4">
+              <div
+                v-for="facet in selectedFacets.filter(facet => facet.chartable)"
+                :key="facet.id"
+                class="my-6"
+              >
+                <FacetBarChart
+                  :values="getFacetValues(facet.id)"
+                  :packages="packages.filter(p => p !== NO_DEPENDENCY_ID)"
+                  :label="facet.label"
+                  :description="facet.description"
+                  :facet-loading="isFacetLoading(facet.id)"
+                />
+              </div>
+            </div>
           </div>
 
           <h2
diff --git a/app/pages/diff/[[org]]/[packageName]/v/[versionRange].vue b/app/pages/diff/[[org]]/[packageName]/v/[versionRange].vue
index 0413adeffb..614ef18a9d 100644
--- a/app/pages/diff/[[org]]/[packageName]/v/[versionRange].vue
+++ b/app/pages/diff/[[org]]/[packageName]/v/[versionRange].vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CompareResponse, FileChange } from '#shared/types'
+import type { RouteLocationRaw } from 'vue-router'
 import { diffRoute, packageRoute } from '~/utils/router'
 
 definePageMeta({
@@ -90,12 +91,24 @@ const groupedDeps = computed(() => {
   }
   return groups
 })
+// Keep latestVersion for comparison (to show "(latest)" badge)
+const latestVersionDetailed = computed(() => {
+  if (!pkg.value) return null
+  const latestTag = pkg.value['dist-tags']?.latest
+  if (!latestTag) return null
+  return pkg.value.versions[latestTag] ?? null
+})
+
+const normalizeRoutePath = (route: RouteLocationRaw) => {
+  const resolvedHref = router.resolve(route).href
+  return resolvedHref.replace(/%7B/g, '{').replace(/%7D/g, '}')
+}
 
 const fromVersionUrlPattern = computed(() => {
-  return router.resolve(diffRoute(packageName.value, '{version}', toVersion.value)).href
+  return normalizeRoutePath(diffRoute(packageName.value, '{version}', toVersion.value))
 })
 const toVersionUrlPattern = computed(() => {
-  return router.resolve(diffRoute(packageName.value, fromVersion.value, '{version}')).href
+  return normalizeRoutePath(diffRoute(packageName.value, fromVersion.value, '{version}'))
 })
 
 useSeoMeta({
@@ -112,53 +125,14 @@ useSeoMeta({
 
 <template>
   <main class="flex-1 flex flex-col min-h-0">
-    <!-- Header -->
-    <header class="border-b border-border bg-bg sticky top-14 z-20">
-      <div class="container py-4">
-        <!-- Package info -->
-        <div class="flex items-center gap-2 mb-3 flex-wrap min-w-0">
-          <NuxtLink
-            :to="packageRoute(packageName)"
-            class="font-mono text-lg font-medium hover:text-fg transition-colors min-w-0 truncate"
-          >
-            {{ packageName }}
-          </NuxtLink>
-          <span class="text-fg-subtle">/</span>
-          <span class="font-mono text-sm text-fg-muted">compare</span>
-        </div>
-
-        <!-- Version selectors -->
-        <div class="flex items-center gap-3 flex-wrap">
-          <div class="flex items-center gap-2">
-            <span class="text-xs text-fg-subtle uppercase tracking-wide">From</span>
-            <VersionSelector
-              v-if="pkg?.versions && pkg?.['dist-tags']"
-              :package-name="packageName"
-              :current-version="fromVersion"
-              :versions="pkg.versions"
-              :dist-tags="pkg['dist-tags']"
-              :url-pattern="fromVersionUrlPattern"
-            />
-            <span v-else class="font-mono text-sm text-fg-muted">{{ fromVersion }}</span>
-          </div>
-
-          <span class="i-lucide:arrow-right w-4 h-4 text-fg-subtle" />
-
-          <div class="flex items-center gap-2">
-            <span class="text-xs text-fg-subtle uppercase tracking-wide">To</span>
-            <VersionSelector
-              v-if="pkg?.versions && pkg?.['dist-tags']"
-              :package-name="packageName"
-              :current-version="toVersion"
-              :versions="pkg.versions"
-              :dist-tags="pkg['dist-tags']"
-              :url-pattern="toVersionUrlPattern"
-            />
-            <span v-else class="font-mono text-sm text-fg-muted">{{ toVersion }}</span>
-          </div>
-        </div>
-      </div>
-    </header>
+    <PackageHeader
+      :pkg="pkg"
+      :resolved-version="fromVersion"
+      :display-version="pkg?.requestedVersion"
+      :latest-version="latestVersionDetailed"
+      :version-url-pattern="fromVersionUrlPattern"
+      page="diff"
+    />
 
     <!-- Error: invalid route -->
     <div v-if="!versionRange" class="container py-20 text-center">
@@ -186,6 +160,19 @@ useSeoMeta({
       <aside
         class="hidden md:flex w-80 border-ie border-border bg-bg-subtle flex-col shrink-0 min-h-0"
       >
+        <div v-if="pkg?.versions && pkg?.['dist-tags']" class="px-3 py-2 border-b border-border">
+          <p class="text-xs font-medium text-fg mb-1 flex items-center gap-1.5">
+            <span class="block i-lucide-git-compare-arrows w-3.5 h-3.5" />
+            {{ $t('compare.version_selector_title') }}
+          </p>
+          <VersionSelector
+            :package-name="packageName"
+            :current-version="toVersion"
+            :versions="pkg.versions"
+            :dist-tags="pkg['dist-tags']"
+            :url-pattern="toVersionUrlPattern"
+          />
+        </div>
         <DiffSidebarPanel
           :compare="compare"
           :grouped-deps="groupedDeps"
@@ -255,6 +242,10 @@ useSeoMeta({
           v-model:selected-file="selectedFile"
           v-model:file-filter="fileFilter"
           v-model:open="mobileDrawerOpen"
+          :pkg="pkg"
+          :package-name="packageName"
+          :to-version="toVersion"
+          :to-version-url-pattern="toVersionUrlPattern"
         />
       </Teleport>
     </ClientOnly>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 1b12b60c3f..8b202b864a 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -71,11 +71,12 @@ defineOgImageComponent('Default', {
               />
 
               <div class="search-box relative flex items-center">
-                <span
-                  class="absolute inset-is-4 text-fg-subtle font-mono text-lg pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1"
+                <kbd
+                  class="absolute inset-is-4 text-fg-subtle font-mono text-lg pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1 rounded"
+                  aria-hidden="true"
                 >
                   /
-                </span>
+                </kbd>
 
                 <InputBase
                   id="home-search"
@@ -90,6 +91,7 @@ defineOgImageComponent('Default', {
                   aria-describedby="instant-search-advisory"
                   @focus="isSearchFocused = true"
                   @blur="isSearchFocused = false"
+                  ariaKeyshortcuts="/"
                 />
 
                 <ButtonBase
diff --git a/app/pages/org/[org].vue b/app/pages/org/[org].vue
index 37e439ad02..13eca02352 100644
--- a/app/pages/org/[org].vue
+++ b/app/pages/org/[org].vue
@@ -175,7 +175,7 @@ defineOgImageComponent('Default', {
               target="_blank"
               rel="noopener noreferrer"
               class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
-              :title="$t('common.view_on_npm')"
+              :title="$t('common.view_on.npm')"
             >
               <span class="i-simple-icons:npm w-4 h-4" aria-hidden="true" />
               npm
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 0f3cbac2c2..e355279345 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -4,6 +4,7 @@ import type {
   PackageFileTreeResponse,
   PackageFileContentResponse,
 } from '#shared/types'
+import { isBinaryFilePath } from '~/utils/file-types'
 
 definePageMeta({
   name: 'code',
@@ -105,6 +106,9 @@ 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 isBinaryFile = computed(() => !!filePath.value && isBinaryFilePath(filePath.value))
+
 const isFileTooLarge = computed(() => {
   const size = currentNode.value?.size
   return size !== undefined && size > MAX_FILE_SIZE
@@ -113,7 +117,13 @@ const isFileTooLarge = computed(() => {
 // Fetch file content when a file is selected (and not too large)
 const fileContentUrl = computed(() => {
   // 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) {
+  if (
+    !filePath.value ||
+    !fileTree.value ||
+    isFileTooLarge.value ||
+    !isViewingFile.value ||
+    isBinaryFile.value
+  ) {
     return null
   }
   return `/api/registry/file/${packageName.value}/v/${version.value}/${filePath.value}`
@@ -209,14 +219,6 @@ function getCurrentCodeUrlWithPath(path?: string): string {
   })
 }
 
-// Extract org name from scoped package
-const orgName = computed(() => {
-  const name = packageName.value
-  if (!name.startsWith('@')) return null
-  const match = name.match(/^@([^/]+)\//)
-  return match ? match[1] : null
-})
-
 // Line number click handler - update URL hash without scrolling
 function handleLineClick(lineNum: number, event: MouseEvent) {
   let newHash: string
@@ -254,14 +256,6 @@ const { copied: fileContentCopied, copy: copyFileContent } = useClipboard({
   copiedDuring: 2000,
 })
 
-// Scroll to top of file content
-const contentContainer = useTemplateRef('contentContainer')
-function scrollToTop() {
-  if (contentContainer.value) {
-    contentContainer.value.scrollTo({ top: 0, behavior: 'smooth' })
-  }
-}
-
 // Canonical URL for this code page
 const canonicalUrl = computed(() => `https://npmx.dev${getCodeUrl(route.params)}`)
 
@@ -283,6 +277,14 @@ const markdownViewMode = shallowRef<(typeof markdownViewModes)[number]['key']>('
 
 const bytesFormatter = useBytesFormatter()
 
+// Keep latestVersion for comparison (to show "(latest)" badge)
+const latestVersion = computed(() => {
+  if (!pkg.value) return null
+  const latestTag = pkg.value['dist-tags']?.latest
+  if (!latestTag) return null
+  return pkg.value.versions[latestTag] ?? null
+})
+
 useHead({
   link: [{ rel: 'canonical', href: canonicalUrl }],
 })
@@ -320,69 +322,14 @@ defineOgImageComponent('Default', {
 
 <template>
   <main class="flex-1 flex flex-col">
-    <!-- Header -->
-    <header class="border-b border-border bg-bg sticky top-14 z-20">
-      <div class="container py-4">
-        <!-- Package info and navigation -->
-        <div class="flex items-center gap-2 mb-3 flex-wrap min-w-0">
-          <NuxtLink
-            :to="packageRoute(packageName, version)"
-            class="font-mono text-lg font-medium hover:text-fg transition-colors min-w-0 truncate max-w-[60vw] sm:max-w-none"
-            :title="packageName"
-          >
-            <span v-if="orgName" class="text-fg-muted">@{{ orgName }}/</span
-            >{{ orgName ? packageName.replace(`@${orgName}/`, '') : packageName }}
-          </NuxtLink>
-          <!-- Version selector -->
-          <VersionSelector
-            v-if="version && pkg?.versions && pkg?.['dist-tags']"
-            :package-name="packageName"
-            :current-version="version"
-            :versions="pkg.versions"
-            :dist-tags="pkg['dist-tags']"
-            :url-pattern="versionUrlPattern"
-          />
-          <span
-            v-else-if="version"
-            class="px-2 py-0.5 font-mono text-sm bg-bg-muted border border-border rounded truncate max-w-32 sm:max-w-48"
-            :title="`v${version}`"
-          >
-            v{{ version }}
-          </span>
-          <span class="text-fg-subtle shrink-0">/</span>
-          <span class="font-mono text-sm text-fg-muted shrink-0">{{
-            $t('package.links.code')
-          }}</span>
-        </div>
-
-        <!-- Breadcrumb navigation -->
-        <nav
-          :aria-label="$t('code.file_path')"
-          class="flex items-center gap-1 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>
-    </header>
+    <PackageHeader
+      :pkg="pkg"
+      :resolved-version="version"
+      :display-version="pkg?.requestedVersion"
+      :latest-version="latestVersion"
+      :version-url-pattern="versionUrlPattern"
+      page="code"
+    />
 
     <!-- Error: no version -->
     <div v-if="!version" class="container py-20 text-center">
@@ -410,7 +357,7 @@ defineOgImageComponent('Default', {
     <div v-else-if="fileTree" class="flex flex-1" 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-28 self-start h-[calc(100vh-7rem)] overflow-y-auto"
+        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
           :tree="fileTree.tree"
@@ -421,87 +368,95 @@ defineOgImageComponent('Default', {
       </aside>
 
       <!-- File content / Directory listing - sticky with internal scroll on desktop -->
-      <div
-        class="flex-1 min-w-0 overflow-x-hidden sticky top-28 self-start h-[calc(100vh-7rem)] overflow-y-auto"
-        ref="contentContainer"
-      >
-        <!-- File viewer -->
-        <template v-if="isViewingFile && fileContent">
-          <div
-            class="sticky z-10 top-0 bg-bg border-b border-border px-4 py-2 flex items-center justify-between"
-          >
-            <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'
-                  "
-                  @click="markdownViewMode = mode.key"
-                >
-                  <span class="inline-block h-3 w-3" :class="mode.icon" aria-hidden="true" />
-                  {{ mode.label }}
-                </button>
-              </div>
-              <div class="flex items-center gap-3 text-sm">
-                <span class="text-fg-muted" dir="auto">{{
-                  $t('code.lines', { count: fileContent.lines })
-                }}</span>
-                <span v-if="currentNode?.size" class="text-fg-subtle">{{
-                  bytesFormatter.format(currentNode.size)
-                }}</span>
-              </div>
-            </div>
-            <div class="flex items-center gap-2">
-              <button
-                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 items-center inline-flex gap-1"
-                @click="scrollToTop"
-              >
-                <span class="i-lucide:arrow-up w-3 h-3" />
-                {{ $t('code.scroll_to_top') }}
-              </button>
-              <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>
+      <div class="flex-1 min-w-0 self-start">
+        <div
+          class="sticky z-10 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-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()"
+                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="w-3 h-3"
-                  :class="fileContentCopied ? 'i-lucide:check' : 'i-lucide:file'"
-                />
-                {{ fileContentCopied ? $t('common.copied') : $t('common.copy') }}
+                <span class="inline-block h-3 w-3" :class="mode.icon" aria-hidden="true" />
+                {{ mode.label }}
               </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>
+            <!-- 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>
+        <!-- File viewer -->
+        <template v-if="isViewingFile && !isBinaryFile && fileContent">
           <div
             v-if="fileContent.markdownHtml"
             v-show="markdownViewMode === 'preview'"
@@ -517,8 +472,31 @@ defineOgImageComponent('Default', {
             :selected-lines="selectedLines"
             @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">
+              <span class="text-fg-muted" dir="auto">{{
+                $t('code.lines', { count: fileContent.lines })
+              }}</span>
+              <span v-if="currentNode?.size" class="text-fg-subtle">{{
+                bytesFormatter.format(currentNode.size)
+              }}</span>
+            </div>
+          </div>
         </template>
 
+        <!-- Binary file warning -->
+        <div v-else-if="isViewingFile && 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">{{ $t('code.binary_rendering_warning') }}</p>
+          <LinkBase
+            variant="button-secondary"
+            :to="`https://cdn.jsdelivr.net/npm/${packageName}@${version}/${filePath}`"
+          >
+            {{ $t('code.view_raw') }}
+          </LinkBase>
+        </div>
+
         <!-- File too large warning -->
         <div v-else-if="isViewingFile && isFileTooLarge" class="py-20 text-center">
           <div class="i-lucide:file-text w-12 h-12 mx-auto text-fg-subtle mb-4" />
diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 07e6dbe922..d04b6c6578 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -93,6 +93,17 @@ const { data: docsData, status: docsStatus } = useLazyFetch<DocsResponse>(
     }),
   },
 )
+// Keep latestVersion for comparison (to show "(latest)" badge)
+const latestVersionDetailed = computed(() => {
+  if (!pkg.value) return null
+  const latestTag = pkg.value['dist-tags']?.latest
+  if (!latestTag) return null
+  return pkg.value.versions[latestTag] ?? null
+})
+
+const versionUrlPattern = computed(
+  () => `/package-docs/${pkg.value?.name || packageName.value}/v/{version}`,
+)
 
 const pageTitle = computed(() => {
   if (!packageName.value) return 'API Docs - npmx'
@@ -119,49 +130,25 @@ const showLoading = computed(
   () => docsStatus.value === 'pending' || (docsStatus.value === 'idle' && docsUrl.value !== null),
 )
 const showEmptyState = computed(() => docsData.value?.status !== 'ok')
+
+const packageHeaderHeight = usePackageHeaderHeight()
+const stickyStyle = computed(() => {
+  return {
+    '--combined-header-height': `${56 + (packageHeaderHeight.value || 44)}px`,
+  }
+})
 </script>
 
 <template>
-  <div class="docs-page flex-1 flex flex-col">
-    <!-- Visually hidden h1 for accessibility -->
-    <h1 class="sr-only">{{ packageName }} API Documentation</h1>
-
-    <!-- Sticky header - positioned below AppHeader -->
-    <header
-      aria-label="Package documentation header"
-      class="docs-header sticky z-10 border-b border-border"
-    >
-      <div class="absolute inset-0 bg-bg/90 backdrop-blur" />
-      <div class="relative px-4 sm:px-6 lg:px-8 py-4 z-1">
-        <div class="flex items-center justify-between gap-4">
-          <div class="flex items-center gap-3 min-w-0">
-            <NuxtLink
-              v-if="packageName"
-              :to="packageRoute(packageName)"
-              class="font-mono text-lg sm:text-xl font-semibold text-fg hover:text-fg-muted transition-colors truncate"
-            >
-              {{ packageName }}
-            </NuxtLink>
-            <VersionSelector
-              v-if="resolvedVersion && pkg?.versions && pkg?.['dist-tags']"
-              :package-name="packageName"
-              :current-version="resolvedVersion"
-              :versions="pkg.versions"
-              :dist-tags="pkg['dist-tags']"
-              :url-pattern="`/package-docs/${packageName}/v/{version}`"
-            />
-            <span v-else-if="resolvedVersion" class="text-fg-subtle font-mono text-sm shrink-0">
-              {{ resolvedVersion }}
-            </span>
-          </div>
-          <div class="flex items-center gap-3 shrink-0">
-            <span class="text-xs px-2 py-1 rounded badge-green border border-badge-green/50">
-              API Docs
-            </span>
-          </div>
-        </div>
-      </div>
-    </header>
+  <div class="docs-page flex-1 flex flex-col" :style="stickyStyle">
+    <PackageHeader
+      :pkg="pkg"
+      :resolved-version="resolvedVersion"
+      :display-version="pkg?.requestedVersion"
+      :latest-version="latestVersionDetailed"
+      :version-url-pattern="versionUrlPattern"
+      page="docs"
+    />
 
     <div class="flex" dir="ltr">
       <!-- Sidebar TOC -->
@@ -213,13 +200,6 @@ const showEmptyState = computed(() => docsData.value?.status !== 'ok')
 </template>
 
 <style>
-/* Layout constants - must match AppHeader height */
-.docs-page {
-  --app-header-height: 57px;
-  --docs-header-height: 57px;
-  --combined-header-height: calc(var(--app-header-height) + var(--docs-header-height));
-}
-
 .docs-header {
   top: var(--app-header-height);
 }
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index c165517d1a..42b1d8cbcd 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -14,14 +14,10 @@ import type { IconClass } from '~/types'
 import { assertValidPackageName } from '#shared/utils/npm'
 import { joinURL } from 'ufo'
 import { areUrlsEquivalent } from '#shared/utils/url'
-import { isEditableElement } from '~/utils/input'
 import { getDependencyCount } from '~/utils/npm/dependency-count'
 import { detectPublishSecurityDowngradeForVersion } from '~/utils/publish-security'
-import { useModal } from '~/composables/useModal'
-import { useAtproto } from '~/composables/atproto/useAtproto'
-import { togglePackageLike } from '~/utils/atproto/likes'
 import { useInstallSizeDiff } from '~/composables/useInstallSizeDiff'
-import type { RouteLocationRaw } from 'vue-router'
+import { useViewOnGitProvider } from '~/composables/useViewOnGitProvider'
 
 defineOgImageComponent('Package', {
   name: () => packageName.value,
@@ -29,17 +25,10 @@ defineOgImageComponent('Package', {
   primaryColor: '#60a5fa',
 })
 
-const router = useRouter()
-
-const header = useTemplateRef('header')
-const isHeaderPinned = shallowRef(false)
 const readmeHeader = useTemplateRef('readmeHeader')
 const isReadmeHeaderPinned = shallowRef(false)
-const navExtraOffset = shallowRef(0)
-const isMobile = useMediaQuery('(max-width: 639.9px)')
-
-const headerBounds = useElementBounding(header)
-const readmeStickyTop = computed(() => `${56 + headerBounds.height.value}px`)
+const packageHeaderHeight = usePackageHeaderHeight()
+const readmeStickyTop = computed(() => `${56 + (packageHeaderHeight.value || 44)}px`)
 
 function isStickyPinned(el: HTMLElement | null): boolean {
   if (!el) return false
@@ -52,59 +41,22 @@ function isStickyPinned(el: HTMLElement | null): boolean {
 }
 
 function checkHeaderPosition() {
-  isHeaderPinned.value = isStickyPinned(header.value)
   isReadmeHeaderPinned.value = isStickyPinned(readmeHeader.value)
 }
 
 useEventListener('scroll', checkHeaderPosition, { passive: true })
 useEventListener('resize', checkHeaderPosition)
 
-const footerTarget = ref<HTMLElement | null>(null)
-const footerThresholds = Array.from({ length: 11 }, (_, i) => i / 10)
-
-const { pause: pauseFooterObserver, resume: resumeFooterObserver } = useIntersectionObserver(
-  footerTarget,
-  ([entry]) => {
-    if (!entry) return
-
-    navExtraOffset.value = entry.isIntersecting ? entry.intersectionRect.height : 0
-  },
-  {
-    threshold: footerThresholds,
-    immediate: false,
-  },
-)
-
-function initFooterObserver() {
-  footerTarget.value = document.querySelector('footer')
-  if (!footerTarget.value) return
-
-  pauseFooterObserver()
-
-  watch(
-    isMobile,
-    value => {
-      if (value) {
-        resumeFooterObserver()
-      } else {
-        pauseFooterObserver()
-        navExtraOffset.value = 0
-      }
-    },
-    { immediate: true },
-  )
-}
-
 onMounted(() => {
   checkHeaderPosition()
-  initFooterObserver()
 })
 
-const navExtraOffsetStyle = computed(() => ({
-  '--package-nav-extra': `${navExtraOffset.value}px`,
-}))
+const { packageName, requestedVersion } = usePackageRoute()
 
-const { packageName, requestedVersion, orgName } = usePackageRoute()
+const { data: resolvedVersion, status: resolvedStatus } = await useResolvedVersion(
+  packageName,
+  requestedVersion,
+)
 
 if (import.meta.server) {
   assertValidPackageName(packageName.value)
@@ -114,7 +66,7 @@ if (import.meta.server) {
 const { data: readmeData } = useLazyFetch<ReadmeResponse>(
   () => {
     const base = `/api/registry/readme/${packageName.value}`
-    const version = requestedVersion.value
+    const version = resolvedVersion.value
     return version ? `${base}/v/${version}` : base
   },
   {
@@ -150,7 +102,7 @@ const {
 } = useLazyFetch<ReadmeMarkdownResponse>(
   () => {
     const base = `/api/registry/readme/markdown/${packageName.value}`
-    const version = requestedVersion.value
+    const version = resolvedVersion.value
     return version ? `${base}/v/${version}` : base
   },
   {
@@ -200,7 +152,7 @@ const {
 } = useLazyFetch<InstallSizeResult | null>(
   () => {
     const base = `/api/registry/install-size/${packageName.value}`
-    const version = requestedVersion.value
+    const version = resolvedVersion.value
     return version ? `${base}/v/${version}` : base
   },
   {
@@ -213,7 +165,7 @@ onMounted(() => fetchInstallSize())
 const { data: skillsData } = useLazyFetch<SkillsListResponse>(
   () => {
     const base = `/skills/${packageName.value}`
-    const version = requestedVersion.value
+    const version = resolvedVersion.value
     return version ? `${base}/v/${version}` : base
   },
   { default: () => ({ package: '', version: '', skills: [] }) },
@@ -222,11 +174,6 @@ const { data: skillsData } = useLazyFetch<SkillsListResponse>(
 const { data: packageAnalysis } = usePackageAnalysis(packageName, requestedVersion)
 const { data: moduleReplacement } = useModuleReplacement(packageName)
 
-const { data: resolvedVersion, status: resolvedStatus } = await useResolvedVersion(
-  packageName,
-  requestedVersion,
-)
-
 if (
   import.meta.server &&
   !resolvedVersion.value &&
@@ -317,25 +264,6 @@ const pkgDescription = useMarkdown(() => ({
   packageName: pkg.value?.name,
 }))
 
-//copy package name
-const { copied: copiedPkgName, copy: copyPkgName } = useClipboard({
-  source: packageName,
-  copiedDuring: 2000,
-})
-
-//copy version name
-const { copied: copiedVersion, copy: copyVersion } = useClipboard({
-  source: () => resolvedVersion.value ?? '',
-  copiedDuring: 2000,
-})
-
-const { scrollToTop, isTouchDeviceClient } = useScrollToTop()
-
-const { y: scrollY } = useScroll(window)
-const showScrollToTop = computed(
-  () => isTouchDeviceClient.value && scrollY.value > SCROLL_TO_TOP_THRESHOLD,
-)
-
 // Fetch dependency analysis (lazy, client-side)
 // This is the same composable used by PackageVulnerabilityTree and PackageDeprecatedTree
 const { data: vulnTree, status: vulnTreeStatus } = useDependencyAnalysis(
@@ -503,6 +431,8 @@ const repoProviderIcon = computed((): IconClass => {
   return PROVIDER_ICONS[provider] ?? 'i-lucide:code'
 })
 
+const viewOnGitProvider = useViewOnGitProvider(() => repoRef.value?.provider)
+
 const homepageUrl = computed(() => {
   const homepage = displayVersion.value?.homepage
   if (!homepage) return null
@@ -515,18 +445,6 @@ const homepageUrl = computed(() => {
   return homepage
 })
 
-// Docs URL: use our generated API docs
-const docsLink = computed(() => {
-  if (!resolvedVersion.value) return null
-
-  return {
-    name: 'docs' as const,
-    params: {
-      path: [pkg.value!.name, 'v', resolvedVersion.value] satisfies [string, string, string],
-    },
-  }
-})
-
 const fundingUrl = computed(() => {
   let funding = displayVersion.value?.funding
   if (Array.isArray(funding)) funding = funding[0]
@@ -599,68 +517,10 @@ const canonicalUrl = computed(() => {
   return requestedVersion.value ? `${base}/v/${requestedVersion.value}` : base
 })
 
-//atproto
-// TODO: Maybe set this where it's not loaded here every load?
-const { user } = useAtproto()
-
-const authModal = useModal('auth-modal')
-
-const { data: likesData, status: likeStatus } = useFetch(
-  () => `/api/social/likes/${packageName.value}`,
-  {
-    default: () => ({ totalLikes: 0, userHasLiked: false }),
-    server: false,
-  },
+// URL pattern for version selector - includes file path if present
+const versionUrlPattern = computed(
+  () => `/package/${pkg.value?.name || packageName.value}/v/{version}`,
 )
-const isLoadingLikeData = computed(
-  () => likeStatus.value === 'pending' || likeStatus.value === 'idle',
-)
-
-const isLikeActionPending = shallowRef(false)
-
-const likeAction = async () => {
-  if (user.value?.handle == null) {
-    authModal.open()
-    return
-  }
-
-  if (isLikeActionPending.value) return
-
-  const currentlyLiked = likesData.value?.userHasLiked ?? false
-  const currentLikes = likesData.value?.totalLikes ?? 0
-
-  // Optimistic update
-  likesData.value = {
-    totalLikes: currentlyLiked ? currentLikes - 1 : currentLikes + 1,
-    userHasLiked: !currentlyLiked,
-  }
-
-  isLikeActionPending.value = true
-
-  try {
-    const result = await togglePackageLike(packageName.value, currentlyLiked, user.value?.handle)
-
-    isLikeActionPending.value = false
-
-    if (result.success) {
-      // Update with server response
-      likesData.value = result.data
-    } else {
-      // Revert on error
-      likesData.value = {
-        totalLikes: currentLikes,
-        userHasLiked: currentlyLiked,
-      }
-    }
-  } catch {
-    // Revert on error
-    likesData.value = {
-      totalLikes: currentLikes,
-      userHasLiked: currentlyLiked,
-    }
-    isLikeActionPending.value = false
-  }
-}
 
 const dependencyCount = computed(() => getDependencyCount(displayVersion.value))
 
@@ -681,54 +541,6 @@ useSeoMeta({
   twitterDescription: () => pkg.value?.description ?? '',
 })
 
-const codeLink = computed((): RouteLocationRaw | null => {
-  if (pkg.value == null || resolvedVersion.value == null) {
-    return null
-  }
-  const split = pkg.value.name.split('/')
-  return {
-    name: 'code',
-    params: {
-      org: split.length === 2 ? split[0] : undefined,
-      packageName: split.length === 2 ? split[1]! : split[0]!,
-      version: resolvedVersion.value,
-      filePath: '',
-    },
-  }
-})
-
-const keyboardShortcuts = useKeyboardShortcuts()
-
-onKeyStroke(
-  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, '.') && !isEditableElement(e.target),
-  e => {
-    if (codeLink.value === null) return
-    e.preventDefault()
-
-    navigateTo(codeLink.value)
-  },
-  { dedupe: true },
-)
-
-onKeyStroke(
-  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'd') && !isEditableElement(e.target),
-  e => {
-    if (!docsLink.value) return
-    e.preventDefault()
-    navigateTo(docsLink.value)
-  },
-  { dedupe: true },
-)
-
-onKeyStroke(
-  e => keyboardShortcuts.value && isKeyWithoutModifiers(e, 'c') && !isEditableElement(e.target),
-  e => {
-    if (!pkg.value) return
-    e.preventDefault()
-    router.push({ name: 'compare', query: { packages: pkg.value.name } })
-  },
-)
-
 const showSkeleton = shallowRef(false)
 </script>
 
@@ -745,7 +557,7 @@ const showSkeleton = shallowRef(false)
       <span class="text-xs">Skeleton</span>
     </ButtonBase>
   </DevOnly>
-  <main class="container flex-1 w-full py-8">
+  <main class="flex-1 pb-8">
     <!-- Scenario 1: SPA fallback — show skeleton (no real content to preserve) -->
     <!-- Scenario 2: SSR with missing payload — preserve server DOM, skip skeleton -->
     <PackageSkeleton
@@ -764,804 +576,604 @@ const showSkeleton = shallowRef(false)
         (hasServerContentOnly && serverRenderedHtml && (!pkg || readmeData?.defaultValue))
       "
       id="package-article"
+      class="container w-full"
       :class="$style.packagePage"
       v-html="serverRenderedHtml"
     />
 
-    <article v-else-if="pkg" id="package-article" :class="$style.packagePage">
-      <!-- Package header -->
-      <header
-        class="sticky top-14 z-1 bg-[--bg] py-2 border-border"
-        ref="header"
-        :class="[$style.areaHeader, { 'border-b': isHeaderPinned }]"
-      >
-        <!-- Package name and version -->
-        <div class="flex items-baseline gap-x-2 gap-y-1 sm:gap-x-3 flex-wrap min-w-0">
-          <CopyToClipboardButton
-            :copied="copiedPkgName"
-            :copy-text="$t('package.copy_name')"
-            class="flex flex-col items-start min-w-0"
-            @click="copyPkgName()"
-          >
-            <h1
-              class="font-mono text-2xl sm:text-3xl font-medium min-w-0 break-words"
-              :title="pkg.name"
-              dir="ltr"
+    <template v-else-if="pkg">
+      <PackageHeader
+        :pkg="pkg"
+        :resolved-version="resolvedVersion"
+        :display-version="displayVersion"
+        :latest-version="latestVersion"
+        :provenance-data="provenanceData"
+        :provenance-status="provenanceStatus"
+        :class="$style.areaHeader"
+        page="main"
+        :version-url-pattern="versionUrlPattern"
+      />
+      <article id="package-article" :class="$style.packagePage" class="container w-full">
+        <!-- Package details -->
+        <section :class="$style.areaDetails">
+          <div class="mb-4 pt-4">
+            <!-- Description container with min-height to prevent CLS -->
+            <div class="max-w-2xl">
+              <p v-if="pkgDescription" class="text-fg-muted text-base m-0">
+                <span v-html="pkgDescription" />
+              </p>
+              <p v-else class="text-fg-subtle text-base m-0 italic">
+                {{ $t('package.no_description') }}
+              </p>
+            </div>
+
+            <!-- External links -->
+            <ul
+              class="flex flex-wrap items-center gap-x-3 gap-y-1.5 sm:gap-4 list-none m-0 p-0 mt-3 text-sm"
             >
-              <LinkBase v-if="orgName" :to="{ name: 'org', params: { org: orgName } }">
-                @{{ orgName }}
-              </LinkBase>
-              <span v-if="orgName">/</span>
-              <span :class="{ 'text-fg-muted': orgName }">
-                {{ orgName ? pkg.name.replace(`@${orgName}/`, '') : pkg.name }}
-              </span>
-            </h1>
-          </CopyToClipboardButton>
-
-          <CopyToClipboardButton
-            v-if="resolvedVersion"
-            :copied="copiedVersion"
-            :copy-text="$t('package.copy_version')"
-            class="inline-flex items-baseline gap-1.5 font-mono text-base sm:text-lg text-fg-muted shrink-0"
-            @click="copyVersion()"
-          >
-            <!-- Version resolution indicator (e.g., "latest → 4.2.0") -->
-            <template v-if="requestedVersion && resolvedVersion !== requestedVersion">
-              <span class="font-mono text-fg-muted text-sm" dir="ltr">{{ requestedVersion }}</span>
-              <span class="i-lucide:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
-            </template>
-
-            <LinkBase
-              v-if="requestedVersion && resolvedVersion !== requestedVersion"
-              :to="packageRoute(pkg.name, resolvedVersion)"
-              :title="$t('package.view_permalink')"
-              dir="ltr"
-              >{{ resolvedVersion }}</LinkBase
-            >
-            <span dir="ltr" v-else>v{{ resolvedVersion }}</span>
-
-            <template v-if="hasProvenance(displayVersion)">
-              <TooltipApp
-                :text="
-                  provenanceData && provenanceStatus !== 'pending'
-                    ? $t('package.provenance_section.built_and_signed_on', {
-                        provider: provenanceData.providerLabel,
-                      })
-                    : $t('package.verified_provenance')
-                "
-                position="bottom"
-                strategy="fixed"
-              >
+              <li v-if="repositoryUrl">
+                <LinkBase :to="repositoryUrl" :classicon="repoProviderIcon">
+                  <span v-if="repoRef">
+                    {{ repoRef.owner }}<span class="opacity-50">/</span>{{ repoRef.repo }}
+                  </span>
+                  <span v-else>{{ $t('package.links.repo') }}</span>
+                </LinkBase>
+              </li>
+              <li v-if="repositoryUrl && repoMeta && starsLink">
+                <LinkBase :to="starsLink" classicon="i-lucide:star">
+                  {{ compactNumberFormatter.format(stars) }}
+                </LinkBase>
+              </li>
+              <li v-if="forks && forksLink">
+                <LinkBase :to="forksLink" classicon="i-lucide:git-fork">
+                  {{ compactNumberFormatter.format(forks) }}
+                </LinkBase>
+              </li>
+              <li class="basis-full sm:hidden" />
+              <li v-if="homepageUrl">
+                <LinkBase :to="homepageUrl" classicon="i-lucide:link">
+                  {{ $t('package.links.homepage') }}
+                </LinkBase>
+              </li>
+              <li v-if="displayVersion?.bugs?.url">
+                <LinkBase :to="displayVersion.bugs.url" classicon="i-lucide:circle-alert">
+                  {{ $t('package.links.issues') }}
+                </LinkBase>
+              </li>
+              <li>
                 <LinkBase
-                  variant="button-secondary"
-                  size="small"
-                  to="#provenance"
-                  :aria-label="$t('package.provenance_section.view_more_details')"
-                  classicon="i-lucide:shield-check"
-                />
-              </TooltipApp>
-            </template>
-            <span
-              v-if="requestedVersion && latestVersion && resolvedVersion !== latestVersion.version"
-              class="text-fg-subtle text-sm shrink-0"
-              >{{ $t('package.not_latest') }}</span
-            >
-          </CopyToClipboardButton>
-
-          <!-- Docs + Code + Compare — inline on desktop, floating bottom bar on mobile -->
-          <ButtonGroup
-            v-if="resolvedVersion"
-            as="nav"
-            :aria-label="$t('package.navigation')"
-            class="hidden sm:flex max-sm:flex max-sm:fixed max-sm:z-40 max-sm:inset-is-1/2 max-sm:-translate-x-1/2 max-sm:rtl:translate-x-1/2 max-sm:bg-[--bg]/90 max-sm:backdrop-blur-md max-sm:border max-sm:border-border max-sm:rounded-md max-sm:shadow-md ms-auto"
-            :style="navExtraOffsetStyle"
-            :class="$style.packageNav"
-          >
-            <LinkBase
-              variant="button-secondary"
-              v-if="docsLink"
-              :to="docsLink"
-              aria-keyshortcuts="d"
-              classicon="i-lucide:file-text"
-              :title="$t('package.links.docs')"
-            >
-              <span class="max-sm:sr-only">{{ $t('package.links.docs') }}</span>
-            </LinkBase>
-            <LinkBase
-              v-if="codeLink"
-              variant="button-secondary"
-              :to="codeLink"
-              aria-keyshortcuts="."
-              classicon="i-lucide:code"
-              :title="$t('package.links.code')"
-            >
-              <span class="max-sm:sr-only">{{ $t('package.links.code') }}</span>
-            </LinkBase>
-            <LinkBase
-              variant="button-secondary"
-              :to="{ name: 'compare', query: { packages: pkg.name } }"
-              aria-keyshortcuts="c"
-              classicon="i-lucide:git-compare"
-              :title="$t('package.links.compare')"
-            >
-              <span class="max-sm:sr-only">{{ $t('package.links.compare') }}</span>
-            </LinkBase>
-            <LinkBase
-              v-if="
-                displayVersion && latestVersion && displayVersion.version !== latestVersion.version
-              "
-              variant="button-secondary"
-              :to="diffRoute(pkg.name, displayVersion.version, latestVersion.version)"
-              classicon="i-lucide:diff"
-              :title="$t('compare.compare_versions_title')"
-            >
-              <span class="max-sm:sr-only">{{ $t('compare.compare_versions') }}</span>
-            </LinkBase>
-            <ButtonBase
-              v-if="showScrollToTop"
-              variant="secondary"
-              :title="$t('common.scroll_to_top')"
-              :aria-label="$t('common.scroll_to_top')"
-              @click="scrollToTop"
-              classicon="i-lucide:arrow-up"
-              class="sm:p-2.75"
-            />
-          </ButtonGroup>
-
-          <!-- Package metrics -->
-          <div class="basis-full flex gap-2 sm:gap-3 flex-wrap items-stretch">
+                  :to="`https://www.npmjs.com/package/${pkg.name}`"
+                  :title="$t('common.view_on.npm')"
+                  classicon="i-simple-icons:npm"
+                >
+                  npm
+                </LinkBase>
+              </li>
+              <li v-if="jsrInfo?.exists && jsrInfo.url">
+                <LinkBase
+                  :to="jsrInfo.url"
+                  :title="$t('badges.jsr.title')"
+                  classicon="i-simple-icons:jsr"
+                >
+                  {{ $t('package.links.jsr') }}
+                </LinkBase>
+              </li>
+              <li v-if="fundingUrl">
+                <LinkBase :to="fundingUrl" classicon="i-lucide:heart">
+                  {{ $t('package.links.fund') }}
+                </LinkBase>
+              </li>
+            </ul>
             <PackageMetricsBadges
               v-if="resolvedVersion"
-              :package-name="pkg.name"
+              :package-name="packageName"
               :version="resolvedVersion"
               :is-binary="isBinaryOnly"
-              class="self-baseline"
+              class="self-baseline mt-4"
             />
-
-            <!-- Package likes -->
-            <TooltipApp
-              :text="
-                isLoadingLikeData
-                  ? $t('common.loading')
-                  : likesData?.userHasLiked
-                    ? $t('package.likes.unlike')
-                    : $t('package.likes.like')
-              "
-              position="bottom"
-              class="items-center"
-              strategy="fixed"
-            >
-              <ButtonBase
-                @click="likeAction"
-                size="small"
-                :aria-label="
-                  likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
-                "
-                :aria-pressed="likesData?.userHasLiked"
-                :classicon="
-                  likesData?.userHasLiked
-                    ? 'i-lucide:heart-minus text-red-500'
-                    : 'i-lucide:heart-plus'
-                "
-              >
-                <span
-                  v-if="isLoadingLikeData"
-                  class="i-svg-spinners:ring-resize w-3 h-3 my-0.5"
-                  aria-hidden="true"
-                />
-                <span v-else>
-                  {{ compactNumberFormatter.format(likesData?.totalLikes ?? 0) }}
-                </span>
-              </ButtonBase>
-            </TooltipApp>
           </div>
-        </div>
-      </header>
-
-      <!-- Package details -->
-      <section :class="$style.areaDetails">
-        <div class="mb-4">
-          <!-- Description container with min-height to prevent CLS -->
-          <div class="max-w-2xl">
-            <p v-if="pkgDescription" class="text-fg-muted text-base m-0">
-              <span v-html="pkgDescription" />
+
+          <div
+            v-if="deprecationNotice"
+            class="border border-red-700 dark:border-red-400 bg-red-400/10 rounded-lg px-3 py-2 text-base text-red-700 dark:text-red-400"
+          >
+            <h2 class="font-medium mb-2">
+              {{
+                deprecationNotice.type === 'package'
+                  ? $t('package.deprecation.package')
+                  : $t('package.deprecation.version')
+              }}
+            </h2>
+            <p v-if="deprecationNoticeMessage" class="text-base m-0">
+              <span v-html="deprecationNoticeMessage" />
             </p>
-            <p v-else class="text-fg-subtle text-base m-0 italic">
-              {{ $t('package.no_description') }}
+            <p v-else class="text-base m-0 italic">
+              {{ $t('package.deprecation.no_reason') }}
             </p>
           </div>
 
-          <!-- External links -->
-          <ul
-            class="flex flex-wrap items-center gap-x-3 gap-y-1.5 sm:gap-4 list-none m-0 p-0 mt-3 text-sm"
+          <!-- Stats grid -->
+          <dl
+            class="grid grid-cols-2 sm:grid-cols-7 md:grid-cols-11 gap-3 sm:gap-4 py-4 sm:py-6 mt-4 sm:mt-6 border-t border-b border-border"
           >
-            <li v-if="repositoryUrl">
-              <LinkBase :to="repositoryUrl" :classicon="repoProviderIcon">
-                <span v-if="repoRef">
-                  {{ repoRef.owner }}<span class="opacity-50">/</span>{{ repoRef.repo }}
+            <div class="space-y-1 sm:col-span-2">
+              <dt class="text-xs text-fg-subtle uppercase tracking-wider">
+                {{ $t('package.stats.license') }}
+              </dt>
+              <dd class="font-mono text-sm text-fg">
+                <LicenseDisplay v-if="pkg.license" :license="pkg.license" />
+                <span v-else>{{ $t('package.license.none') }}</span>
+              </dd>
+            </div>
+
+            <div class="space-y-1 sm:col-span-2">
+              <dt class="text-xs text-fg-subtle uppercase tracking-wider">
+                {{ $t('package.stats.deps') }}
+              </dt>
+              <dd class="font-mono text-sm text-fg flex items-center justify-start gap-2">
+                <span class="flex items-center gap-1">
+                  <!-- Direct deps (muted) -->
+                  <span class="text-fg-muted">{{ numberFormatter.format(dependencyCount) }}</span>
+
+                  <!-- Separator and total transitive deps -->
+                  <template v-if="dependencyCount > 0 && dependencyCount !== totalDepsCount">
+                    <span class="text-fg-subtle">/</span>
+
+                    <ClientOnly>
+                      <span
+                        v-if="
+                          vulnTreeStatus === 'pending' ||
+                          (installSizeStatus === 'pending' && !vulnTree)
+                        "
+                        class="inline-flex items-center gap-1 text-fg-subtle"
+                      >
+                        <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
+                      </span>
+                      <span v-else-if="totalDepsCount !== null">{{
+                        numberFormatter.format(totalDepsCount)
+                      }}</span>
+                      <span v-else class="text-fg-subtle">-</span>
+                      <template #fallback>
+                        <span class="text-fg-subtle">-</span>
+                      </template>
+                    </ClientOnly>
+                  </template>
                 </span>
-                <span v-else>{{ $t('package.links.repo') }}</span>
-              </LinkBase>
-            </li>
-            <li v-if="repositoryUrl && repoMeta && starsLink">
-              <LinkBase :to="starsLink" classicon="i-lucide:star">
-                {{ compactNumberFormatter.format(stars) }}
-              </LinkBase>
-            </li>
-            <li v-if="forks && forksLink">
-              <LinkBase :to="forksLink" classicon="i-lucide:git-fork">
-                {{ compactNumberFormatter.format(forks) }}
-              </LinkBase>
-            </li>
-            <li class="basis-full sm:hidden" />
-            <li v-if="homepageUrl">
-              <LinkBase :to="homepageUrl" classicon="i-lucide:link">
-                {{ $t('package.links.homepage') }}
-              </LinkBase>
-            </li>
-            <li v-if="displayVersion?.bugs?.url">
-              <LinkBase :to="displayVersion.bugs.url" classicon="i-lucide:circle-alert">
-                {{ $t('package.links.issues') }}
-              </LinkBase>
-            </li>
-            <li>
-              <LinkBase
-                :to="`https://www.npmjs.com/package/${pkg.name}`"
-                :title="$t('common.view_on_npm')"
-                classicon="i-simple-icons:npm"
-              >
-                npm
-              </LinkBase>
-            </li>
-            <li v-if="jsrInfo?.exists && jsrInfo.url">
-              <LinkBase
-                :to="jsrInfo.url"
-                :title="$t('badges.jsr.title')"
-                classicon="i-simple-icons:jsr"
-              >
-                {{ $t('package.links.jsr') }}
-              </LinkBase>
-            </li>
-            <li v-if="fundingUrl">
-              <LinkBase :to="fundingUrl" classicon="i-lucide:heart">
-                {{ $t('package.links.fund') }}
-              </LinkBase>
-            </li>
-            <!-- Mobile-only: Docs + Code + Compare links -->
-            <li v-if="docsLink && displayVersion" class="sm:hidden">
-              <LinkBase :to="docsLink" classicon="i-lucide:file-text">
-                {{ $t('package.links.docs') }}
-              </LinkBase>
-            </li>
-            <li v-if="resolvedVersion && codeLink" class="sm:hidden">
-              <LinkBase :to="codeLink" classicon="i-lucide:code">
-                {{ $t('package.links.code') }}
-              </LinkBase>
-            </li>
-            <li class="sm:hidden">
-              <LinkBase
-                :to="{ name: 'compare', query: { packages: pkg.name } }"
-                classicon="i-lucide:git-compare"
-              >
-                {{ $t('package.links.compare') }}
-              </LinkBase>
-            </li>
-            <li
-              v-if="
-                displayVersion && latestVersion && displayVersion.version !== latestVersion.version
-              "
-              class="sm:hidden"
-            >
-              <NuxtLink
-                :to="diffRoute(pkg.name, displayVersion.version, latestVersion.version)"
-                class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
-              >
-                <span class="i-lucide:diff w-4 h-4" aria-hidden="true" />
-                {{ $t('compare.compare_versions') }}
-              </NuxtLink>
-            </li>
-          </ul>
-        </div>
-
-        <div
-          v-if="deprecationNotice"
-          class="border border-red-700 dark:border-red-400 bg-red-400/10 rounded-lg px-3 py-2 text-base text-red-700 dark:text-red-400"
-        >
-          <h2 class="font-medium mb-2">
-            {{
-              deprecationNotice.type === 'package'
-                ? $t('package.deprecation.package')
-                : $t('package.deprecation.version')
-            }}
-          </h2>
-          <p v-if="deprecationNoticeMessage" class="text-base m-0">
-            <span v-html="deprecationNoticeMessage" />
-          </p>
-          <p v-else class="text-base m-0 italic">
-            {{ $t('package.deprecation.no_reason') }}
-          </p>
-        </div>
-
-        <!-- Stats grid -->
-        <dl
-          class="grid grid-cols-2 sm:grid-cols-7 md:grid-cols-11 gap-3 sm:gap-4 py-4 sm:py-6 mt-4 sm:mt-6 border-t border-b border-border"
-        >
-          <div class="space-y-1 sm:col-span-2">
-            <dt class="text-xs text-fg-subtle uppercase tracking-wider">
-              {{ $t('package.stats.license') }}
-            </dt>
-            <dd class="font-mono text-sm text-fg">
-              <LicenseDisplay v-if="pkg.license" :license="pkg.license" />
-              <span v-else>{{ $t('package.license.none') }}</span>
-            </dd>
-          </div>
-
-          <div class="space-y-1 sm:col-span-2">
-            <dt class="text-xs text-fg-subtle uppercase tracking-wider">
-              {{ $t('package.stats.deps') }}
-            </dt>
-            <dd class="font-mono text-sm text-fg flex items-center justify-start gap-2">
-              <span class="flex items-center gap-1">
-                <!-- Direct deps (muted) -->
-                <span class="text-fg-muted">{{ numberFormatter.format(dependencyCount) }}</span>
-
-                <!-- Separator and total transitive deps -->
-                <template v-if="dependencyCount > 0 && dependencyCount !== totalDepsCount">
-                  <span class="text-fg-subtle">/</span>
-
-                  <ClientOnly>
-                    <span
-                      v-if="
-                        vulnTreeStatus === 'pending' ||
-                        (installSizeStatus === 'pending' && !vulnTree)
-                      "
-                      class="inline-flex items-center gap-1 text-fg-subtle"
-                    >
-                      <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
-                    </span>
-                    <span v-else-if="totalDepsCount !== null">{{
-                      numberFormatter.format(totalDepsCount)
-                    }}</span>
-                    <span v-else class="text-fg-subtle">-</span>
-                    <template #fallback>
-                      <span class="text-fg-subtle">-</span>
-                    </template>
-                  </ClientOnly>
-                </template>
-              </span>
-              <ButtonGroup v-if="dependencyCount > 0" class="ms-auto">
-                <LinkBase
-                  variant="button-secondary"
-                  size="small"
-                  :to="`https://npmgraph.js.org/?q=${pkg.name}${resolvedVersion ? `@${resolvedVersion}` : ''}`"
-                  :title="$t('package.stats.view_dependency_graph')"
-                  classicon="i-lucide:network -rotate-90"
-                >
-                  <span class="sr-only">{{ $t('package.stats.view_dependency_graph') }}</span>
-                </LinkBase>
-
-                <LinkBase
-                  variant="button-secondary"
-                  size="small"
-                  :to="`https://node-modules.dev/grid/depth#install=${pkg.name}${resolvedVersion ? `@${resolvedVersion}` : ''}`"
-                  :title="$t('package.stats.inspect_dependency_tree')"
-                  classicon="i-lucide:table"
-                >
-                  <span class="sr-only">{{ $t('package.stats.inspect_dependency_tree') }}</span>
-                </LinkBase>
-              </ButtonGroup>
-            </dd>
-          </div>
-
-          <div class="space-y-1 sm:col-span-3">
-            <dt class="text-xs text-fg-subtle uppercase tracking-wider flex items-center gap-1">
-              {{ $t('package.stats.install_size') }}
-              <TooltipApp v-if="sizeTooltip" :text="sizeTooltip" interactive>
-                <span
-                  tabindex="0"
-                  class="inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1 text-fg-subtle cursor-help focus-visible:outline-2 focus-visible:outline-accent/70 rounded"
-                >
-                  <span class="i-lucide:info w-3 h-3" aria-hidden="true" />
-                </span>
-              </TooltipApp>
-            </dt>
-            <dd class="font-mono text-sm text-fg">
-              <!-- Package size (greyed out) -->
-              <span class="text-fg-muted" dir="ltr">
-                <span v-if="displayVersion?.dist?.unpackedSize">
-                  {{ bytesFormatter.format(displayVersion.dist.unpackedSize) }}
+                <ButtonGroup v-if="dependencyCount > 0" class="ms-auto">
+                  <LinkBase
+                    variant="button-secondary"
+                    size="small"
+                    :to="`https://npmgraph.js.org/?q=${pkg.name}${resolvedVersion ? `@${resolvedVersion}` : ''}`"
+                    :title="$t('package.stats.view_dependency_graph')"
+                    classicon="i-lucide:network -rotate-90"
+                  >
+                    <span class="sr-only">{{ $t('package.stats.view_dependency_graph') }}</span>
+                  </LinkBase>
+
+                  <LinkBase
+                    variant="button-secondary"
+                    size="small"
+                    :to="`https://node-modules.dev/grid/depth#install=${pkg.name}${resolvedVersion ? `@${resolvedVersion}` : ''}`"
+                    :title="$t('package.stats.inspect_dependency_tree')"
+                    classicon="i-lucide:table"
+                  >
+                    <span class="sr-only">{{ $t('package.stats.inspect_dependency_tree') }}</span>
+                  </LinkBase>
+                </ButtonGroup>
+              </dd>
+            </div>
+
+            <div class="space-y-1 sm:col-span-3">
+              <dt class="text-xs text-fg-subtle uppercase tracking-wider flex items-center gap-1">
+                {{ $t('package.stats.install_size') }}
+                <TooltipApp v-if="sizeTooltip" :text="sizeTooltip" interactive>
+                  <span
+                    tabindex="0"
+                    class="inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1 text-fg-subtle cursor-help focus-visible:outline-2 focus-visible:outline-accent/70 rounded"
+                  >
+                    <span class="i-lucide:info w-3 h-3" aria-hidden="true" />
+                  </span>
+                </TooltipApp>
+              </dt>
+              <dd class="font-mono text-sm text-fg">
+                <!-- Package size (greyed out) -->
+                <span class="text-fg-muted" dir="ltr">
+                  <span v-if="displayVersion?.dist?.unpackedSize">
+                    {{ bytesFormatter.format(displayVersion.dist.unpackedSize) }}
+                  </span>
+                  <span v-else>-</span>
                 </span>
-                <span v-else>-</span>
-              </span>
-
-              <!-- Separator and install size -->
-              <template v-if="displayVersion?.dist?.unpackedSize !== installSize?.totalSize">
-                <span class="text-fg-subtle mx-1">/</span>
 
+                <!-- Separator and install size -->
+                <template v-if="displayVersion?.dist?.unpackedSize !== installSize?.totalSize">
+                  <span class="text-fg-subtle mx-1">/</span>
+
+                  <span
+                    v-if="installSizeStatus === 'pending'"
+                    class="inline-flex items-center gap-1 text-fg-subtle"
+                  >
+                    <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
+                  </span>
+                  <span v-else-if="installSize?.totalSize" dir="ltr">
+                    {{ bytesFormatter.format(installSize.totalSize) }}
+                  </span>
+                  <span v-else class="text-fg-subtle">-</span>
+                </template>
+              </dd>
+            </div>
+
+            <!-- Vulnerabilities count -->
+            <div class="space-y-1 sm:col-span-2">
+              <dt class="text-xs text-fg-subtle uppercase tracking-wider">
+                {{ $t('package.stats.vulns') }}
+              </dt>
+              <dd class="font-mono text-sm text-fg">
                 <span
-                  v-if="installSizeStatus === 'pending'"
+                  v-if="vulnTreeStatus === 'pending' || vulnTreeStatus === 'idle'"
                   class="inline-flex items-center gap-1 text-fg-subtle"
                 >
                   <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
                 </span>
-                <span v-else-if="installSize?.totalSize" dir="ltr">
-                  {{ bytesFormatter.format(installSize.totalSize) }}
+                <span v-else-if="vulnTreeStatus === 'success'">
+                  <span v-if="hasVulnerabilities" class="text-amber-700 dark:text-amber-500">
+                    {{ numberFormatter.format(vulnCount) }}
+                  </span>
+                  <span v-else class="inline-flex items-center gap-1 text-fg-muted">
+                    <span class="i-lucide:check w-3 h-3" aria-hidden="true" />
+                    {{ numberFormatter.format(0) }}
+                  </span>
                 </span>
                 <span v-else class="text-fg-subtle">-</span>
-              </template>
-            </dd>
-          </div>
+              </dd>
+            </div>
 
-          <!-- Vulnerabilities count -->
-          <div class="space-y-1 sm:col-span-2">
-            <dt class="text-xs text-fg-subtle uppercase tracking-wider">
-              {{ $t('package.stats.vulns') }}
-            </dt>
-            <dd class="font-mono text-sm text-fg">
-              <span
-                v-if="vulnTreeStatus === 'pending' || vulnTreeStatus === 'idle'"
-                class="inline-flex items-center gap-1 text-fg-subtle"
+            <div
+              v-if="resolvedVersion && pkg.time?.[resolvedVersion]"
+              class="space-y-1 sm:col-span-2"
+            >
+              <dt
+                class="text-xs text-fg-subtle uppercase tracking-wider"
+                :title="
+                  $t('package.stats.published_tooltip', {
+                    package: pkg.name,
+                    version: resolvedVersion,
+                  })
+                "
               >
-                <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
-              </span>
-              <span v-else-if="vulnTreeStatus === 'success'">
-                <span v-if="hasVulnerabilities" class="text-amber-700 dark:text-amber-500">
-                  {{ numberFormatter.format(vulnCount) }}
-                </span>
-                <span v-else class="inline-flex items-center gap-1 text-fg-muted">
-                  <span class="i-lucide:check w-3 h-3" aria-hidden="true" />
-                  {{ numberFormatter.format(0) }}
-                </span>
-              </span>
-              <span v-else class="text-fg-subtle">-</span>
-            </dd>
+                {{ $t('package.stats.published') }}
+              </dt>
+              <dd class="font-mono text-sm text-fg">
+                <DateTime :datetime="pkg.time[resolvedVersion]!" date-style="medium" />
+              </dd>
+            </div>
+          </dl>
+
+          <!-- Skills Modal -->
+          <ClientOnly>
+            <PackageSkillsModal
+              :skills="skillsData?.skills ?? []"
+              :package-name="pkg.name"
+              :version="resolvedVersion || undefined"
+            />
+          </ClientOnly>
+        </section>
+
+        <!-- Binary-only packages: Show only execute command (no install) -->
+        <section v-if="isBinaryOnly" class="scroll-mt-20" :class="$style.areaInstall">
+          <div class="flex flex-wrap items-center justify-between mb-3">
+            <h2 id="run-heading" class="text-xs text-fg-subtle uppercase tracking-wider">
+              {{ $t('package.run.title') }}
+            </h2>
+            <!-- Package manager dropdown -->
+            <PackageManagerSelect />
           </div>
+          <div>
+            <TerminalExecute
+              :package-name="pkg.name"
+              :jsr-info="jsrInfo"
+              :is-create-package="isCreatePkg"
+            />
+          </div>
+        </section>
 
-          <div
-            v-if="resolvedVersion && pkg.time?.[resolvedVersion]"
-            class="space-y-1 sm:col-span-2"
-          >
-            <dt
-              class="text-xs text-fg-subtle uppercase tracking-wider"
-              :title="
-                $t('package.stats.published_tooltip', {
-                  package: pkg.name,
-                  version: resolvedVersion,
-                })
-              "
+        <!-- Regular packages: Install command with optional run command -->
+        <section v-else id="get-started" class="scroll-mt-20" :class="$style.areaInstall">
+          <div class="flex flex-wrap items-center justify-between mb-3">
+            <h2
+              id="get-started-heading"
+              class="group text-xs text-fg-subtle uppercase tracking-wider"
             >
-              {{ $t('package.stats.published') }}
-            </dt>
-            <dd class="font-mono text-sm text-fg">
-              <DateTime :datetime="pkg.time[resolvedVersion]!" date-style="medium" />
-            </dd>
-          </div>
-        </dl>
-
-        <!-- Skills Modal -->
-        <ClientOnly>
-          <PackageSkillsModal
-            :skills="skillsData?.skills ?? []"
-            :package-name="pkg.name"
-            :version="resolvedVersion || undefined"
-          />
-        </ClientOnly>
-      </section>
-
-      <!-- Binary-only packages: Show only execute command (no install) -->
-      <section v-if="isBinaryOnly" class="scroll-mt-20" :class="$style.areaInstall">
-        <div class="flex flex-wrap items-center justify-between mb-3">
-          <h2 id="run-heading" class="text-xs text-fg-subtle uppercase tracking-wider">
-            {{ $t('package.run.title') }}
-          </h2>
-          <!-- Package manager dropdown -->
-          <PackageManagerSelect />
-        </div>
-        <div>
-          <TerminalExecute
-            :package-name="pkg.name"
-            :jsr-info="jsrInfo"
-            :is-create-package="isCreatePkg"
-          />
-        </div>
-      </section>
-
-      <!-- Regular packages: Install command with optional run command -->
-      <section v-else id="get-started" class="scroll-mt-20" :class="$style.areaInstall">
-        <div class="flex flex-wrap items-center justify-between mb-3">
-          <h2
-            id="get-started-heading"
-            class="group text-xs text-fg-subtle uppercase tracking-wider"
-          >
-            <LinkBase to="#get-started">
-              {{ $t('package.get_started.title') }}
-            </LinkBase>
-          </h2>
-          <!-- Package manager dropdown -->
-          <PackageManagerSelect />
-        </div>
-        <div>
-          <div
-            v-if="publishSecurityDowngrade"
-            role="alert"
-            class="mb-4 rounded-lg border border-amber-600/40 bg-amber-500/10 px-4 py-3 text-amber-700 dark:text-amber-400"
-          >
-            <h3 class="m-0 flex items-center gap-2 font-mono text-sm font-medium">
-              <span class="i-lucide:circle-alert w-4 h-4 shrink-0" aria-hidden="true" />
-              {{ $t('package.security_downgrade.title') }}
-            </h3>
-            <p class="mt-2 mb-0 text-sm">
-              <i18n-t
-                v-if="
-                  publishSecurityDowngrade.downgradedTrustLevel === 'none' &&
-                  publishSecurityDowngrade.trustedTrustLevel === 'provenance'
-                "
-                keypath="package.security_downgrade.description_to_none_provenance"
-                tag="span"
-                scope="global"
-              >
-                <template #provenance>
-                  <a
-                    href="https://docs.npmjs.com/generating-provenance-statements"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
-                    >{{ $t('package.security_downgrade.provenance_link_text')
-                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
-                  /></a>
-                </template>
-              </i18n-t>
-              <i18n-t
-                v-else-if="
-                  publishSecurityDowngrade.downgradedTrustLevel === 'none' &&
-                  publishSecurityDowngrade.trustedTrustLevel === 'trustedPublisher'
-                "
-                keypath="package.security_downgrade.description_to_none_trustedPublisher"
-                tag="span"
-                scope="global"
-              >
-                <template #trustedPublishing>
-                  <a
-                    href="https://docs.npmjs.com/trusted-publishers"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
-                    >{{ $t('package.security_downgrade.trusted_publishing_link_text')
-                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
-                  /></a>
-                </template>
-              </i18n-t>
-              <i18n-t
-                v-else-if="
-                  publishSecurityDowngrade.downgradedTrustLevel === 'provenance' &&
-                  publishSecurityDowngrade.trustedTrustLevel === 'trustedPublisher'
-                "
-                keypath="package.security_downgrade.description_to_provenance_trustedPublisher"
-                tag="span"
-                scope="global"
-              >
-                <template #provenance>
-                  <a
-                    href="https://docs.npmjs.com/generating-provenance-statements"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
-                    >{{ $t('package.security_downgrade.provenance_link_text')
-                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
-                  /></a>
-                </template>
-                <template #trustedPublishing>
-                  <a
-                    href="https://docs.npmjs.com/trusted-publishers"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
-                    >{{ $t('package.security_downgrade.trusted_publishing_link_text')
-                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
-                  /></a>
-                </template>
-              </i18n-t>
-              {{ ' ' }}
-              <template v-if="downgradeFallbackInstallText">
-                {{ downgradeFallbackInstallText }}
-              </template>
-            </p>
+              <LinkBase to="#get-started">
+                {{ $t('package.get_started.title') }}
+              </LinkBase>
+            </h2>
+            <!-- Package manager dropdown -->
+            <PackageManagerSelect />
           </div>
-          <TerminalInstall
-            :package-name="pkg.name"
-            :requested-version="requestedVersion"
-            :install-version-override="installVersionOverride"
-            :jsr-info="jsrInfo"
-            :dev-dependency-suggestion="packageAnalysis?.devDependencySuggestion"
-            :types-package-name="typesPackageName"
-            :executable-info="executableInfo"
-            :create-package-info="createPackageInfo"
-          />
-        </div>
-      </section>
-
-      <div class="space-y-6" :class="$style.areaVulns">
-        <!-- Bad package warning -->
-        <PackageReplacement v-if="moduleReplacement" :replacement="moduleReplacement" />
-        <!-- Size / dependency increase notice -->
-        <PackageSizeIncrease v-if="sizeDiff" :diff="sizeDiff" />
-        <!-- Vulnerability scan -->
-        <ClientOnly>
-          <PackageVulnerabilityTree
-            v-if="resolvedVersion"
-            :package-name="pkg.name"
-            :version="resolvedVersion"
-          />
-          <PackageDeprecatedTree
-            v-if="resolvedVersion"
-            :package-name="pkg.name"
-            :version="resolvedVersion"
-            class="mt-3"
-          />
-        </ClientOnly>
-      </div>
-
-      <!-- README -->
-      <section id="readme" class="min-w-0 scroll-mt-20" :class="$style.areaReadme">
-        <div
-          ref="readmeHeader"
-          class="flex sticky z-10 flex-wrap items-center justify-between mb-3 py-2 -mx-1 px-2 transition-shadow duration-200"
-          :class="{ 'bg-bg border-border border-b': isReadmeHeaderPinned }"
-          :style="{ top: readmeStickyTop }"
-        >
-          <h2 id="readme-heading" class="group text-xs text-fg-subtle uppercase tracking-wider">
-            <LinkBase to="#readme">
-              {{ $t('package.readme.title') }}
-            </LinkBase>
-          </h2>
-          <div class="flex gap-2">
-            <!-- Copy readme as Markdown button -->
-            <TooltipApp
-              v-if="readmeData?.mdExists"
-              :text="$t('package.readme.copy_as_markdown')"
-              position="bottom"
+          <div>
+            <div
+              v-if="publishSecurityDowngrade"
+              role="alert"
+              class="mb-4 rounded-lg border border-amber-600/40 bg-amber-500/10 px-4 py-3 text-amber-700 dark:text-amber-400"
             >
-              <ButtonBase
-                @mouseenter="prefetchReadmeMarkdown"
-                @focus="prefetchReadmeMarkdown"
-                @click="copyReadmeHandler()"
-                :aria-pressed="copiedReadme"
-                :aria-label="
-                  copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')
-                "
-                :classicon="copiedReadme ? 'i-lucide:check' : 'i-simple-icons:markdown'"
-              >
-                {{ copiedReadme ? $t('common.copied') : $t('common.copy') }}
-              </ButtonBase>
-            </TooltipApp>
-            <ReadmeTocDropdown
-              v-if="readmeData?.toc && readmeData.toc.length > 1"
-              :toc="readmeData.toc"
-              :active-id="activeTocId"
+              <h3 class="m-0 flex items-center gap-2 font-mono text-sm font-medium">
+                <span class="i-lucide:circle-alert w-4 h-4 shrink-0" aria-hidden="true" />
+                {{ $t('package.security_downgrade.title') }}
+              </h3>
+              <p class="mt-2 mb-0 text-sm">
+                <i18n-t
+                  v-if="
+                    publishSecurityDowngrade.downgradedTrustLevel === 'none' &&
+                    publishSecurityDowngrade.trustedTrustLevel === 'provenance'
+                  "
+                  keypath="package.security_downgrade.description_to_none_provenance"
+                  tag="span"
+                  scope="global"
+                >
+                  <template #provenance>
+                    <a
+                      href="https://docs.npmjs.com/generating-provenance-statements"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
+                      >{{ $t('package.security_downgrade.provenance_link_text')
+                      }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
+                    /></a>
+                  </template>
+                </i18n-t>
+                <i18n-t
+                  v-else-if="
+                    publishSecurityDowngrade.downgradedTrustLevel === 'none' &&
+                    publishSecurityDowngrade.trustedTrustLevel === 'trustedPublisher'
+                  "
+                  keypath="package.security_downgrade.description_to_none_trustedPublisher"
+                  tag="span"
+                  scope="global"
+                >
+                  <template #trustedPublishing>
+                    <a
+                      href="https://docs.npmjs.com/trusted-publishers"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
+                      >{{ $t('package.security_downgrade.trusted_publishing_link_text')
+                      }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
+                    /></a>
+                  </template>
+                </i18n-t>
+                <i18n-t
+                  v-else-if="
+                    publishSecurityDowngrade.downgradedTrustLevel === 'provenance' &&
+                    publishSecurityDowngrade.trustedTrustLevel === 'trustedPublisher'
+                  "
+                  keypath="package.security_downgrade.description_to_provenance_trustedPublisher"
+                  tag="span"
+                  scope="global"
+                >
+                  <template #provenance>
+                    <a
+                      href="https://docs.npmjs.com/generating-provenance-statements"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
+                      >{{ $t('package.security_downgrade.provenance_link_text')
+                      }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
+                    /></a>
+                  </template>
+                  <template #trustedPublishing>
+                    <a
+                      href="https://docs.npmjs.com/trusted-publishers"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
+                      >{{ $t('package.security_downgrade.trusted_publishing_link_text')
+                      }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
+                    /></a>
+                  </template>
+                </i18n-t>
+                {{ ' ' }}
+                <template v-if="downgradeFallbackInstallText">
+                  {{ downgradeFallbackInstallText }}
+                </template>
+              </p>
+            </div>
+            <TerminalInstall
+              :package-name="pkg.name"
+              :requested-version="resolvedVersion"
+              :install-version-override="installVersionOverride"
+              :jsr-info="jsrInfo"
+              :dev-dependency-suggestion="packageAnalysis?.devDependencySuggestion"
+              :types-package-name="typesPackageName"
+              :executable-info="executableInfo"
+              :create-package-info="createPackageInfo"
             />
           </div>
-        </div>
+        </section>
 
-        <!-- eslint-disable vue/no-v-html -- HTML is sanitized server-side -->
-        <Readme v-if="readmeData?.html" :html="readmeData.html" />
-        <p v-else class="text-fg-muted italic">
-          {{ $t('package.readme.no_readme') }}
-          <a
-            v-if="repositoryUrl"
-            :href="repositoryUrl"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="link text-fg underline underline-offset-4 decoration-fg-subtle hover:(decoration-fg text-fg) transition-colors duration-200"
-            >{{ $t('package.readme.view_on_github') }}</a
-          >
-        </p>
+        <div class="space-y-6" :class="$style.areaVulns">
+          <!-- Bad package warning -->
+          <PackageReplacement v-if="moduleReplacement" :replacement="moduleReplacement" />
+          <!-- Size / dependency increase notice -->
+          <PackageSizeIncrease v-if="sizeDiff" :diff="sizeDiff" />
+          <!-- Vulnerability scan -->
+          <ClientOnly>
+            <PackageVulnerabilityTree
+              v-if="resolvedVersion"
+              :package-name="pkg.name"
+              :version="resolvedVersion"
+            />
+            <PackageDeprecatedTree
+              v-if="resolvedVersion"
+              :package-name="pkg.name"
+              :version="resolvedVersion"
+              class="mt-3"
+            />
+          </ClientOnly>
+        </div>
 
-        <section
-          v-if="hasProvenance(displayVersion) && isMounted"
-          id="provenance"
-          class="scroll-mt-20"
-        >
+        <!-- README -->
+        <section id="readme" class="min-w-0 scroll-mt-20" :class="$style.areaReadme">
           <div
-            v-if="provenanceStatus === 'pending'"
-            class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
+            ref="readmeHeader"
+            class="flex [@media(min-height:800px)]:sticky z-10 flex-wrap items-center justify-between mb-3 py-2 -mx-1 px-2 transition-shadow duration-200"
+            :class="{ 'bg-bg border-border border-b': isReadmeHeaderPinned }"
+            :style="{ top: readmeStickyTop }"
           >
-            <span class="i-svg-spinners:ring-resize w-4 h-4" aria-hidden="true" />
-            <span>{{ $t('package.provenance_section.title') }}…</span>
+            <h2 id="readme-heading" class="group text-fg-subtle uppercase font-medium">
+              <LinkBase to="#readme">
+                {{ $t('package.readme.title') }}
+              </LinkBase>
+            </h2>
+            <div class="flex gap-2">
+              <!-- Copy readme as Markdown button -->
+              <TooltipApp
+                v-if="readmeData?.mdExists"
+                :text="$t('package.readme.copy_as_markdown')"
+                position="bottom"
+              >
+                <ButtonBase
+                  @mouseenter="prefetchReadmeMarkdown"
+                  @focus="prefetchReadmeMarkdown"
+                  @click="copyReadmeHandler()"
+                  :aria-pressed="copiedReadme"
+                  :aria-label="
+                    copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')
+                  "
+                  :classicon="copiedReadme ? 'i-lucide:check' : 'i-simple-icons:markdown'"
+                >
+                  {{ copiedReadme ? $t('common.copied') : $t('common.copy') }}
+                </ButtonBase>
+              </TooltipApp>
+              <ReadmeTocDropdown
+                v-if="readmeData?.toc && readmeData.toc.length > 1"
+                :toc="readmeData.toc"
+                :active-id="activeTocId"
+              />
+            </div>
           </div>
-          <PackageProvenanceSection
-            v-else-if="provenanceData"
-            :details="provenanceData"
-            class="mt-8"
-          />
-          <!-- Error state: provenance exists but details failed to load -->
-          <div
-            v-else-if="provenanceStatus === 'error'"
-            class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
+
+          <!-- eslint-disable vue/no-v-html -- HTML is sanitized server-side -->
+          <Readme v-if="readmeData?.html" :html="readmeData.html" />
+          <p v-else class="text-fg-muted italic">
+            {{ $t('package.readme.no_readme') }}
+            <a
+              v-if="repositoryUrl"
+              :href="repositoryUrl"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="link text-fg underline underline-offset-4 decoration-fg-subtle hover:(decoration-fg text-fg) transition-colors duration-200"
+            >
+              {{ viewOnGitProvider }}</a
+            >
+          </p>
+
+          <section
+            v-if="hasProvenance(displayVersion) && isMounted"
+            id="provenance"
+            class="scroll-mt-20"
           >
-            <span class="i-lucide:circle-alert w-4 h-4" aria-hidden="true" />
-            <span>{{ $t('package.provenance_section.error_loading') }}</span>
-          </div>
+            <div
+              v-if="provenanceStatus === 'pending'"
+              class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
+            >
+              <span class="i-svg-spinners:ring-resize w-4 h-4" aria-hidden="true" />
+              <span>{{ $t('package.provenance_section.title') }}…</span>
+            </div>
+            <PackageProvenanceSection
+              v-else-if="provenanceData"
+              :details="provenanceData"
+              class="mt-8"
+            />
+            <!-- Error state: provenance exists but details failed to load -->
+            <div
+              v-else-if="provenanceStatus === 'error'"
+              class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
+            >
+              <span class="i-lucide:circle-alert w-4 h-4" aria-hidden="true" />
+              <span>{{ $t('package.provenance_section.error_loading') }}</span>
+            </div>
+          </section>
         </section>
-      </section>
 
-      <PackageSidebar :class="$style.areaSidebar">
-        <div class="flex flex-col gap-4 sm:gap-6 xl:(pt-2)">
-          <!-- Team access controls (for scoped packages when connected) -->
-          <ClientOnly>
-            <PackageAccessControls :package-name="pkg.name" />
-            <template #fallback>
-              <!-- Show skeleton loaders when SSR or access controls are loading -->
-            </template>
-          </ClientOnly>
+        <PackageSidebar :class="$style.areaSidebar">
+          <div class="flex flex-col gap-4 sm:gap-6 xl:pt-4">
+            <!-- Team access controls (for scoped packages when connected) -->
+            <ClientOnly>
+              <PackageAccessControls :package-name="pkg.name" />
+              <template #fallback>
+                <!-- Show skeleton loaders when SSR or access controls are loading -->
+              </template>
+            </ClientOnly>
+
+            <!-- Agent Skills -->
+            <ClientOnly>
+              <PackageSkillsCard
+                v-if="skillsData?.skills?.length"
+                :skills="skillsData.skills"
+                :package-name="pkg.name"
+                :version="resolvedVersion || undefined"
+              />
+              <template #fallback>
+                <!-- Show skeleton loaders when SSR or access controls are loading -->
+              </template>
+            </ClientOnly>
 
-          <!-- Agent Skills -->
-          <ClientOnly>
-            <PackageSkillsCard
-              v-if="skillsData?.skills?.length"
-              :skills="skillsData.skills"
+            <!-- Download stats -->
+            <PackageWeeklyDownloadStats
+              :packageName
+              :createdIso="pkg?.time?.created ?? null"
+              :repoRef="repoRef"
+            />
+
+            <!-- Playground links -->
+            <PackagePlaygrounds v-if="playgroundLinks.length" :links="playgroundLinks" />
+
+            <PackageCompatibility :engines="displayVersion?.engines" />
+
+            <!-- Versions (grouped by release channel) -->
+            <PackageVersions
+              v-if="pkg.versions && Object.keys(pkg.versions).length > 0"
               :package-name="pkg.name"
-              :version="resolvedVersion || undefined"
+              :versions="pkg.versions"
+              :dist-tags="pkg['dist-tags'] ?? {}"
+              :time="pkg.time"
+              :selected-version="resolvedVersion ?? pkg['dist-tags']?.['latest']"
             />
-            <template #fallback>
-              <!-- Show skeleton loaders when SSR or access controls are loading -->
-            </template>
-          </ClientOnly>
 
-          <!-- Download stats -->
-          <PackageWeeklyDownloadStats
-            :packageName
-            :createdIso="pkg?.time?.created ?? null"
-            :repoRef="repoRef"
-          />
-
-          <!-- Playground links -->
-          <PackagePlaygrounds v-if="playgroundLinks.length" :links="playgroundLinks" />
-
-          <PackageCompatibility :engines="displayVersion?.engines" />
-
-          <!-- Versions (grouped by release channel) -->
-          <PackageVersions
-            v-if="pkg.versions && Object.keys(pkg.versions).length > 0"
-            :package-name="pkg.name"
-            :versions="pkg.versions"
-            :dist-tags="pkg['dist-tags'] ?? {}"
-            :time="pkg.time"
-            :selected-version="resolvedVersion ?? pkg['dist-tags']?.['latest']"
-          />
-
-          <!-- Install Scripts Warning -->
-          <PackageInstallScripts
-            v-if="displayVersion?.installScripts"
-            :package-name="pkg.name"
-            :version="displayVersion.version"
-            :install-scripts="displayVersion.installScripts"
-          />
-
-          <!-- Dependencies -->
-          <PackageDependencies
-            v-if="hasDependencies && resolvedVersion && displayVersion"
-            :package-name="pkg.name"
-            :version="resolvedVersion"
-            :dependencies="displayVersion.dependencies"
-            :peer-dependencies="displayVersion.peerDependencies"
-            :peer-dependencies-meta="displayVersion.peerDependenciesMeta"
-            :optional-dependencies="displayVersion.optionalDependencies"
-          />
-
-          <!-- Keywords -->
-          <PackageKeywords :keywords="displayVersion?.keywords" />
-
-          <!-- Maintainers (with admin actions when connected) -->
-          <PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
-        </div>
-      </PackageSidebar>
-    </article>
+            <!-- Install Scripts Warning -->
+            <PackageInstallScripts
+              v-if="displayVersion?.installScripts"
+              :package-name="pkg.name"
+              :version="displayVersion.version"
+              :install-scripts="displayVersion.installScripts"
+            />
+
+            <!-- Dependencies -->
+            <PackageDependencies
+              v-if="hasDependencies && resolvedVersion && displayVersion"
+              :package-name="pkg.name"
+              :version="resolvedVersion"
+              :dependencies="displayVersion.dependencies"
+              :peer-dependencies="displayVersion.peerDependencies"
+              :peer-dependencies-meta="displayVersion.peerDependenciesMeta"
+              :optional-dependencies="displayVersion.optionalDependencies"
+            />
+
+            <!-- Keywords -->
+            <PackageKeywords :keywords="displayVersion?.keywords" />
+
+            <!-- Maintainers (with admin actions when connected) -->
+            <PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
+          </div>
+        </PackageSidebar>
+      </article>
+    </template>
 
     <!-- Error state -->
     <div
       v-else-if="status === 'error'"
       role="alert"
-      class="flex flex-col items-center py-20 text-center"
+      class="flex flex-col items-center py-20 text-center container w-full"
     >
       <h1 class="font-mono text-2xl font-medium mb-4">
         {{ $t('package.not_found') }}
@@ -1582,12 +1194,10 @@ const showSkeleton = shallowRef(false)
   gap: 2rem;
   word-wrap: break-word;
   overflow-wrap: break-word;
-  max-width: 100%;
 
   /* Mobile: single column, sidebar above readme */
   grid-template-columns: minmax(0, 1fr);
   grid-template-areas:
-    'header'
     'details'
     'install'
     'vulns'
@@ -1595,12 +1205,11 @@ const showSkeleton = shallowRef(false)
     'readme';
 }
 
-/* Tablet/medium: header/install/vulns full width, readme+sidebar side by side */
+/* Tablet/medium: install/vulns full width, readme+sidebar side by side */
 @media (min-width: 1024px) {
   .packagePage {
     grid-template-columns: 2fr 1fr;
     grid-template-areas:
-      'header  header'
       'details details'
       'install install'
       'vulns   vulns'
@@ -1614,7 +1223,6 @@ const showSkeleton = shallowRef(false)
   .packagePage {
     grid-template-columns: 1fr 20rem;
     grid-template-areas:
-      'header  sidebar'
       'details sidebar'
       'install sidebar'
       'vulns   sidebar'
@@ -1628,22 +1236,6 @@ const showSkeleton = shallowRef(false)
   min-width: 0;
 }
 
-.areaHeader {
-  grid-area: header;
-}
-
-/* Improve package name wrapping for narrow screens */
-.areaHeader h1 {
-  overflow-wrap: anywhere;
-}
-
-/* Ensure description text wraps properly */
-.areaHeader p {
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-
 .areaDetails {
   grid-area: details;
 }
@@ -1676,16 +1268,7 @@ const showSkeleton = shallowRef(false)
   grid-area: sidebar;
 }
 
-/* Mobile floating nav: safe-area positioning + kbd hiding */
 @media (max-width: 639.9px) {
-  .packageNav {
-    bottom: calc(1.25rem + var(--package-nav-extra, 0px) + env(safe-area-inset-bottom, 0px));
-  }
-
-  .packageNav > :global(a kbd) {
-    display: none;
-  }
-
   .packagePage {
     padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
   }
diff --git a/app/pages/pds.vue b/app/pages/pds.vue
index ac14a68ceb..ced017d508 100644
--- a/app/pages/pds.vue
+++ b/app/pages/pds.vue
@@ -44,7 +44,7 @@ const totalAccounts = computed(() => pdsUsers.value.length)
 </script>
 
 <template>
-  <main class="container flex-1 py-12 sm:py-16">
+  <main class="container flex-1 py-12 sm:py-16 overflow-x-hidden">
     <article class="max-w-2xl mx-auto">
       <header class="mb-12">
         <div class="flex items-baseline justify-between gap-4 mb-4">
@@ -156,30 +156,25 @@ const totalAccounts = computed(() => pdsUsers.value.length)
                 :key="user.handle"
                 class="block group relative hover:z-10"
               >
-                <a
-                  :href="`https://bsky.app/profile/${user.handle}`"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  :aria-label="$t('pds.community.view_profile', { handle: user.handle })"
-                  class="block rounded-lg"
-                >
-                  <img
-                    :src="user.avatar"
-                    :alt="`${user.handle}'s avatar`"
-                    @error="handleImageError(user.handle)"
-                    width="48"
-                    height="48"
-                    class="w-12 h-12 rounded-lg ring-2 ring-transparent group-hover:ring-accent transition-all duration-200 ease-out group-hover:scale-125 will-change-transform"
-                    loading="lazy"
-                  />
-                  <span
-                    class="pointer-events-none absolute -top-9 inset-is-1/2 -translate-x-1/2 whitespace-nowrap rounded-md bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900 text-xs px-2 py-1 shadow-lg opacity-0 scale-95 transition-all duration-150 group-hover:opacity-100 group-hover:scale-100"
-                    dir="ltr"
-                    role="tooltip"
+                <TooltipApp :text="`@${user.handle}`" class="block" position="top">
+                  <a
+                    :href="`https://bsky.app/profile/${user.handle}`"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    :aria-label="$t('pds.community.view_profile', { handle: user.handle })"
+                    class="block rounded-lg"
                   >
-                    @{{ user.handle }}
-                  </span>
-                </a>
+                    <img
+                      :src="user.avatar"
+                      :alt="`${user.handle}'s avatar`"
+                      @error="handleImageError(user.handle)"
+                      width="48"
+                      height="48"
+                      class="w-12 h-12 rounded-lg ring-2 ring-transparent group-hover:ring-accent transition-all duration-200 ease-out group-hover:scale-125 will-change-transform"
+                      loading="lazy"
+                    />
+                  </a>
+                </TooltipApp>
               </li>
             </ul>
             <p v-if="usersWithoutAvatars.length" class="text-center mt-4 text-fg-muted text-sm">
diff --git a/app/pages/~[username]/index.vue b/app/pages/~[username]/index.vue
index cb2394e700..0fd04b47d1 100644
--- a/app/pages/~[username]/index.vue
+++ b/app/pages/~[username]/index.vue
@@ -156,7 +156,7 @@ defineOgImageComponent('Default', {
               target="_blank"
               rel="noopener noreferrer"
               class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
-              :title="$t('common.view_on_npm')"
+              :title="$t('common.view_on.npm')"
             >
               <span class="i-simple-icons:npm w-4 h-4" aria-hidden="true" />
               npm
diff --git a/app/utils/chart-data-buckets.ts b/app/utils/chart-data-buckets.ts
new file mode 100644
index 0000000000..1165c4541f
--- /dev/null
+++ b/app/utils/chart-data-buckets.ts
@@ -0,0 +1,144 @@
+import type {
+  DailyDataPoint,
+  DailyRawPoint,
+  MonthlyDataPoint,
+  WeeklyDataPoint,
+  YearlyDataPoint,
+} from '~/types/chart'
+import { DAY_MS, parseIsoDate, toIsoDate, addDays, daysInMonth, daysInYear } from '~/utils/date'
+
+/** Proportionally scale a partial bucket to estimate the full-period value. */
+export function fillPartialBucket(value: number, actualDays: number, totalDays: number): number {
+  if (actualDays <= 0 || actualDays >= totalDays) return value
+  return Math.round((value * totalDays) / actualDays)
+}
+
+function sortedDaily(daily: DailyRawPoint[]): DailyRawPoint[] {
+  return daily.slice().sort((a, b) => a.day.localeCompare(b.day))
+}
+
+export function buildDailyEvolution(daily: DailyRawPoint[]): DailyDataPoint[] {
+  return sortedDaily(daily).map(item => ({
+    day: item.day,
+    value: item.value,
+    timestamp: parseIsoDate(item.day).getTime(),
+  }))
+}
+
+export function buildWeeklyEvolution(
+  daily: DailyRawPoint[],
+  rangeStartIso: string,
+  rangeEndIso: string,
+): WeeklyDataPoint[] {
+  const sorted = sortedDaily(daily)
+  if (sorted.length === 0) return []
+
+  const rangeStartDate = parseIsoDate(rangeStartIso)
+
+  // Align from last day with actual data (npm has 1-2 day delay, today is incomplete)
+  const lastNonZero = sorted.findLast(d => d.value > 0)
+  const pickerEnd = parseIsoDate(rangeEndIso)
+  const effectiveEnd = lastNonZero ? parseIsoDate(lastNonZero.day) : pickerEnd
+  const rangeEndDate = effectiveEnd.getTime() < pickerEnd.getTime() ? effectiveEnd : pickerEnd
+
+  // Group into 7-day buckets from END backwards
+  const buckets = new Map<number, number>()
+  for (const item of sorted) {
+    const offset = Math.floor((rangeEndDate.getTime() - parseIsoDate(item.day).getTime()) / DAY_MS)
+    if (offset < 0) continue
+    const idx = Math.floor(offset / 7)
+    buckets.set(idx, (buckets.get(idx) ?? 0) + item.value)
+  }
+
+  return Array.from(buckets.entries())
+    .sort(([a], [b]) => b - a)
+    .map(([idx, value]) => {
+      const weekEndDate = addDays(rangeEndDate, -(idx * 7))
+      let weekStartDate = addDays(weekEndDate, -6)
+
+      // First bucket may be partial
+      if (weekStartDate.getTime() < rangeStartDate.getTime()) {
+        weekStartDate = rangeStartDate
+        const actualDays =
+          Math.floor((weekEndDate.getTime() - rangeStartDate.getTime()) / DAY_MS) + 1
+        value = fillPartialBucket(value, actualDays, 7)
+      }
+
+      const weekStartIso = toIsoDate(weekStartDate)
+      const weekEndIso = toIsoDate(weekEndDate)
+      return {
+        value,
+        weekKey: `${weekStartIso}_${weekEndIso}`,
+        weekStart: weekStartIso,
+        weekEnd: weekEndIso,
+        timestampStart: weekStartDate.getTime(),
+        timestampEnd: weekEndDate.getTime(),
+      }
+    })
+}
+
+export function buildMonthlyEvolution(
+  daily: DailyRawPoint[],
+  rangeStartIso?: string,
+  rangeEndIso?: string,
+): MonthlyDataPoint[] {
+  const sorted = sortedDaily(daily)
+  const byMonth = new Map<string, number>()
+  for (const item of sorted) {
+    const m = item.day.slice(0, 7)
+    byMonth.set(m, (byMonth.get(m) ?? 0) + item.value)
+  }
+
+  const entries = Array.from(byMonth.entries()).sort(([a], [b]) => a.localeCompare(b))
+
+  return entries.map(([month, value], i) => {
+    const [y, m] = month.split('-').map(Number) as [number, number]
+    const total = daysInMonth(y, m - 1)
+    const isFirst = i === 0
+    const isLast = i === entries.length - 1
+
+    const startDay = isFirst && rangeStartIso ? Number(rangeStartIso.split('-')[2]) : 1
+    const endDay = isLast && rangeEndIso ? Number(rangeEndIso.split('-')[2]) : total
+    const actualDays = endDay - startDay + 1
+
+    if (actualDays < total) value = fillPartialBucket(value, actualDays, total)
+
+    return { month, value, timestamp: parseIsoDate(`${month}-01`).getTime() }
+  })
+}
+
+export function buildYearlyEvolution(
+  daily: DailyRawPoint[],
+  rangeStartIso?: string,
+  rangeEndIso?: string,
+): YearlyDataPoint[] {
+  const sorted = sortedDaily(daily)
+  const byYear = new Map<string, number>()
+  for (const item of sorted) {
+    const y = item.day.slice(0, 4)
+    byYear.set(y, (byYear.get(y) ?? 0) + item.value)
+  }
+
+  const entries = Array.from(byYear.entries()).sort(([a], [b]) => a.localeCompare(b))
+
+  return entries.map(([year, value], i) => {
+    const total = daysInYear(Number(year))
+    const yearStart = parseIsoDate(`${year}-01-01`)
+    const isFirst = i === 0
+    const isLast = i === entries.length - 1
+
+    const startOffset =
+      isFirst && rangeStartIso
+        ? Math.floor((parseIsoDate(rangeStartIso).getTime() - yearStart.getTime()) / DAY_MS)
+        : 0
+    const endOffset =
+      isLast && rangeEndIso
+        ? Math.floor((parseIsoDate(rangeEndIso).getTime() - yearStart.getTime()) / DAY_MS) + 1
+        : total
+    const actualDays = endOffset - startOffset
+
+    if (actualDays < total) value = fillPartialBucket(value, actualDays, total)
+
+    return { year, value, timestamp: yearStart.getTime() }
+  })
+}
diff --git a/app/utils/chart-data-prediction.ts b/app/utils/chart-data-prediction.ts
new file mode 100644
index 0000000000..7c39234d8c
--- /dev/null
+++ b/app/utils/chart-data-prediction.ts
@@ -0,0 +1,175 @@
+import type { ChartTimeGranularity } from '~/types/chart'
+import { applyDataCorrection, type ChartFilterSettings } from '~/utils/chart-data-correction'
+
+export const DEFAULT_PREDICTION_POINTS = 4
+
+// ---------------------------------------------------------------------------
+// Bucket boundaries (UTC)
+// ---------------------------------------------------------------------------
+
+const DAY_MS = 86_400_000
+
+function getUtcDayStart(ts: number): number {
+  const d = new Date(ts)
+  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate())
+}
+
+// Monday-based week start in UTC
+function getWeeklyBucketStartUtc(ts: number): number {
+  const dayStart = getUtcDayStart(ts)
+  const day = new Date(dayStart).getUTCDay()
+  const diffFromMonday = (day + 6) % 7
+  return dayStart - diffFromMonday * DAY_MS
+}
+
+function clampRatio(value: number): number {
+  if (value < 0) return 0
+  if (value > 1) return 1
+  return value
+}
+
+/** Convert `YYYY-MM-DD` to UTC ms at end-of-day (`23:59:59.999`). */
+export function endDateOnlyToUtcMs(d: string): number | null {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(d)) return null
+  const [y, m, day] = d.split('-').map(Number)
+  if (!y || !m || !day) return null
+  return Date.UTC(y, m - 1, day, 23, 59, 59, 999)
+}
+
+/** Start of the bucket containing `ts` (inclusive). */
+export function getBucketStartUtc(ts: number, g: ChartTimeGranularity): number {
+  const d = new Date(ts)
+  if (g === 'yearly') return Date.UTC(d.getUTCFullYear(), 0, 1)
+  if (g === 'monthly') return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)
+  if (g === 'weekly') return getWeeklyBucketStartUtc(ts)
+  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate())
+}
+
+/** End of the bucket containing `ts` (exclusive). */
+export function getBucketEndUtc(ts: number, g: ChartTimeGranularity): number {
+  const d = new Date(ts)
+  if (g === 'yearly') return Date.UTC(d.getUTCFullYear() + 1, 0, 1)
+  if (g === 'monthly') return Date.UTC(d.getUTCFullYear(), d.getUTCMonth() + 1, 1)
+  if (g === 'weekly') return getWeeklyBucketStartUtc(ts) + 7 * DAY_MS
+  return Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate() + 1)
+}
+
+/** How much of the bucket has elapsed at `refMs` — value in `[0, 1]`. */
+export function getCompletionRatio(bucketTs: number, g: ChartTimeGranularity, refMs: number) {
+  const start = getBucketStartUtc(bucketTs, g)
+  const total = getBucketEndUtc(bucketTs, g) - start
+  return total <= 0 ? 1 : clampRatio((refMs - start) / total)
+}
+
+// ---------------------------------------------------------------------------
+// Linear regression
+// ---------------------------------------------------------------------------
+
+/** Project the next value via least-squares on `pts` (min 2). Returns `null` on failure. */
+export function linearProject(pts: number[]): number | null {
+  const n = pts.length
+  if (n < 2) return null
+
+  let sx = 0,
+    sy = 0,
+    sxy = 0,
+    sxx = 0
+  for (let i = 0; i < n; i++) {
+    sx += i
+    sy += pts[i]!
+    sxy += i * pts[i]!
+    sxx += i * i
+  }
+  const det = n * sxx - sx * sx
+  if (det === 0) return null
+
+  const slope = (n * sxy - sx * sy) / det
+  const intercept = (sy - slope * sx) / n
+  const v = slope * n + intercept
+  return Number.isFinite(v) ? Math.max(0, v) : null
+}
+
+// ---------------------------------------------------------------------------
+// Extrapolation
+// ---------------------------------------------------------------------------
+
+/**
+ * Estimate the full-period value for a partially-complete last bucket.
+ *
+ * Uses linear projection when enough complete lookback points are available
+ * (`>= predictionPoints`), otherwise falls back to proportional scale-up.
+ * Returns the raw last value when the period is already complete or prediction is disabled.
+ */
+export function extrapolateLastValue(params: {
+  series: number[]
+  granularity: ChartTimeGranularity
+  lastDateMs: number
+  referenceMs: number
+  predictionPoints: number
+}): number {
+  const { series, granularity, lastDateMs, referenceMs, predictionPoints } = params
+  const last = series.at(-1) ?? 0
+
+  const bucketTs = lastDateMs
+  const ratio = getCompletionRatio(bucketTs, granularity, referenceMs)
+
+  if (!(ratio > 0 && ratio < 1) || predictionPoints <= 0) return last
+
+  const lookback = series.slice(0, -1).slice(-predictionPoints)
+
+  if (lookback.length >= predictionPoints) {
+    const projected = linearProject(lookback)
+    if (projected !== null) return projected
+  }
+
+  const scaled = last / ratio
+  return Number.isFinite(scaled) ? scaled : last
+}
+
+// ---------------------------------------------------------------------------
+// Pipeline: prediction → data correction
+// ---------------------------------------------------------------------------
+
+export interface DataPipelineSettings extends ChartFilterSettings {
+  predictionPoints: number
+}
+
+export interface DataPipelineContext {
+  granularity: ChartTimeGranularity
+  lastDateMs: number
+  referenceMs: number
+  /** True for absolute metrics (e.g. contributors) that need no extrapolation. */
+  isAbsoluteMetric: boolean
+}
+
+/**
+ * Full data-tweak pipeline for a single series:
+ * 1. Prediction – replace last partial value with extrapolated estimate
+ * 2. Data correction – smoothing & averaging
+ */
+export function applyDataPipeline(
+  series: number[],
+  settings: DataPipelineSettings,
+  ctx: DataPipelineContext,
+): number[] {
+  if (series.length === 0) return series
+
+  // Step 1: prediction
+  let s = series
+  if (!ctx.isAbsoluteMetric) {
+    const projected = extrapolateLastValue({
+      series,
+      granularity: ctx.granularity,
+      lastDateMs: ctx.lastDateMs,
+      referenceMs: ctx.referenceMs,
+      predictionPoints: settings.predictionPoints,
+    })
+    s = [...series.slice(0, -1), projected]
+  }
+
+  // Step 2: smoothing & averaging
+  return applyDataCorrection(
+    s.map(value => ({ value })),
+    settings,
+  ).map(d => d.value)
+}
diff --git a/app/utils/charts.ts b/app/utils/charts.ts
index bb253632d5..d22750aa95 100644
--- a/app/utils/charts.ts
+++ b/app/utils/charts.ts
@@ -1,5 +1,7 @@
 import type {
   AltCopyArgs,
+  VueUiHorizontalBarConfig,
+  VueUiHorizontalBarDatapoint,
   VueUiXyConfig,
   VueUiXyDatasetBarItem,
   VueUiXyDatasetLineItem,
@@ -30,12 +32,6 @@ export function buildWeeklyEvolutionFromDaily(
   })
 }
 
-export function addDays(date: Date, days: number): Date {
-  const d = new Date(date)
-  d.setUTCDate(d.getUTCDate() + days)
-  return d
-}
-
 // Statistics & Interpretation utilities
 
 export function clamp(value: number, minValue: number, maxValue: number): number {
@@ -446,6 +442,13 @@ export type VersionsBarConfig = Omit<
   'formattedDates' | 'hasEstimation' | 'formattedDatasetValues' | 'granularity'
 > & { datapointLabels: string[]; dateRangeLabel: string; semverGroupingMode: string }
 
+export type FacetBarChartConfig = VueUiHorizontalBarConfig & {
+  facet: string // translated
+  description: string // translated
+  copy: (text: string) => Promise<void>
+  $t: TrendTranslateFunction
+}
+
 // Used for TrendsChart.vue
 export function createAltTextForTrendLineChart({
   dataset,
@@ -595,3 +598,125 @@ export async function copyAltTextForVersionsBarChart({
   const altText = createAltTextForVersionsBarChart({ dataset, config })
   await config.copy(altText)
 }
+
+// Used for FacetBarChart.vue
+export function createAltTextForCompareFacetBarChart({
+  dataset,
+  config,
+}: AltCopyArgs<VueUiHorizontalBarDatapoint[], FacetBarChartConfig>) {
+  if (!dataset) return ''
+  const { facet, description, $t } = config
+
+  const packages = dataset.map(d => d.name).join(', ')
+  const facet_analysis = dataset
+    .map(d =>
+      $t('package.trends.copy_alt.facet_bar_analysis', {
+        package_name: d.name,
+        value: d.formattedValue,
+      }),
+    )
+    .join(' ')
+
+  const altText = `${config.$t('package.trends.copy_alt.facet_bar_general_description', {
+    packages,
+    facet,
+    description,
+    facet_analysis,
+    watermark: config.$t('package.trends.copy_alt.watermark'),
+  })}`
+
+  return altText
+}
+
+export async function copyAltTextForCompareFacetBarChart({
+  dataset,
+  config,
+}: AltCopyArgs<VueUiHorizontalBarDatapoint[], FacetBarChartConfig>) {
+  const altText = createAltTextForCompareFacetBarChart({ dataset, config })
+  await config.copy(altText)
+}
+
+// Used in chart context menu callbacks
+export function loadFile(link: string, filename: string) {
+  const a = document.createElement('a')
+  a.href = link
+  a.download = filename
+  a.click()
+  a.remove()
+}
+
+export function sanitise(value: string) {
+  return value
+    .replace(/^@/, '')
+    .replace(/[\\/:"*?<>|]/g, '-')
+    .replace(/\//g, '-')
+}
+
+// Create multi-line labels for long names
+export function insertLineBreaks(text: string, maxCharactersPerLine = 24) {
+  if (typeof text !== 'string') {
+    return ''
+  }
+
+  if (!Number.isInteger(maxCharactersPerLine) || maxCharactersPerLine <= 0) {
+    return text
+  }
+
+  const tokens = text.match(/\S+|\s+/g) || []
+  const lines: string[] = []
+  let currentLine = ''
+
+  const pushLine = () => {
+    const trimmedLine = currentLine.trim()
+
+    if (trimmedLine.length) {
+      lines.push(trimmedLine)
+    }
+
+    currentLine = ''
+  }
+
+  for (const token of tokens) {
+    if (/^\s+$/.test(token)) {
+      if (currentLine.length && !currentLine.endsWith(' ')) {
+        currentLine += ' '
+      }
+      continue
+    }
+
+    if (token.length > maxCharactersPerLine) {
+      pushLine()
+
+      for (let index = 0; index < token.length; index += maxCharactersPerLine) {
+        lines.push(token.slice(index, index + maxCharactersPerLine))
+      }
+      continue
+    }
+
+    const candidate = currentLine.length ? `${currentLine}${token}` : token
+
+    if (candidate.length <= maxCharactersPerLine) {
+      currentLine = candidate
+    } else {
+      pushLine()
+      currentLine = token
+    }
+  }
+
+  pushLine()
+
+  return lines.join('\n')
+}
+
+export function applyEllipsis(text: string, maxLength = 45) {
+  if (typeof text !== 'string') {
+    return ''
+  }
+  if (!Number.isInteger(maxLength) || maxLength <= 0) {
+    return text
+  }
+  if (text.length <= maxLength) {
+    return text
+  }
+  return text.slice(0, maxLength) + '...'
+}
diff --git a/app/utils/date.ts b/app/utils/date.ts
new file mode 100644
index 0000000000..c3165feb2e
--- /dev/null
+++ b/app/utils/date.ts
@@ -0,0 +1,24 @@
+// TODO: when temporal?
+export const DAY_MS = 86_400_000
+
+export function parseIsoDate(value: string): Date {
+  return new Date(`${value}T00:00:00.000Z`)
+}
+
+export function toIsoDate(date: Date): string {
+  return date.toISOString().slice(0, 10)
+}
+
+export function addDays(date: Date, days: number): Date {
+  const d = new Date(date)
+  d.setUTCDate(d.getUTCDate() + days)
+  return d
+}
+
+export function daysInMonth(year: number, month: number): number {
+  return new Date(Date.UTC(year, month + 1, 0)).getUTCDate()
+}
+
+export function daysInYear(year: number): number {
+  return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0) ? 366 : 365
+}
diff --git a/app/utils/download-anomalies.ts b/app/utils/download-anomalies.ts
index 3ec8d8e4db..ae2798d0bd 100644
--- a/app/utils/download-anomalies.ts
+++ b/app/utils/download-anomalies.ts
@@ -26,7 +26,9 @@ function getDateString(point: Record<string, any>, granularity: ChartTimeGranula
 }
 
 /**
- * For daily/weekly the point date falls strictly between the anomaly bounds.
+ * For daily the point date falls strictly between the anomaly bounds.
+ * For weekly the point date is the week start, and the full 7-day range is
+ * checked so any overlapping week is affected.
  * For monthly/yearly the anomaly bounds are truncated to the same resolution
  * so that any period overlapping the anomaly is caught (inclusive).
  */
@@ -37,17 +39,28 @@ function isDateAffected(
 ): boolean {
   switch (granularity) {
     case 'daily':
-    case 'weekly':
       return date > anomaly.start.date && date < anomaly.end.date
+    case 'weekly': {
+      const startWeek = date
+      const weekStartDate = new Date(`${date}T00:00:00Z`)
+      const weekEndDate = new Date(weekStartDate)
+      weekEndDate.setUTCDate(weekEndDate.getUTCDate() + 6)
+      const endWeek = weekEndDate.toISOString().slice(0, 10)
+      return startWeek < anomaly.end.date && endWeek > anomaly.start.date
+    }
     case 'monthly': {
-      const startMonth = anomaly.start.date.slice(0, 7) + '-01'
-      const endMonth = anomaly.end.date.slice(0, 7) + '-01'
-      return date >= startMonth && date <= endMonth
+      const monthStart = date
+      const monthStartDate = new Date(`${date}T00:00:00Z`)
+      const monthEndDate = new Date(monthStartDate)
+      monthEndDate.setUTCMonth(monthEndDate.getUTCMonth() + 1)
+      monthEndDate.setUTCDate(monthEndDate.getUTCDate() - 1)
+      const monthEnd = monthEndDate.toISOString().slice(0, 10)
+      return monthStart < anomaly.end.date && monthEnd > anomaly.start.date
     }
     case 'yearly': {
-      const startYear = anomaly.start.date.slice(0, 4) + '-01-01'
-      const endYear = anomaly.end.date.slice(0, 4) + '-01-01'
-      return date >= startYear && date <= endYear
+      const yearStart = date
+      const yearEnd = `${date.slice(0, 4)}-12-31`
+      return yearStart < anomaly.end.date && yearEnd > anomaly.start.date
     }
   }
 }
diff --git a/app/utils/file-types.ts b/app/utils/file-types.ts
new file mode 100644
index 0000000000..bcf4a3c5d0
--- /dev/null
+++ b/app/utils/file-types.ts
@@ -0,0 +1,71 @@
+// Extensions that are binary and cannot be meaningfully displayed as text
+const BINARY_EXTENSIONS = new Set([
+  // Images
+  'png',
+  'jpg',
+  'jpeg',
+  'gif',
+  'webp',
+  'ico',
+  'bmp',
+  'tiff',
+  'tif',
+  'avif',
+  'heic',
+  'heif',
+  // Fonts
+  'woff',
+  'woff2',
+  'ttf',
+  'otf',
+  'eot',
+  // Archives
+  'zip',
+  'tar',
+  'gz',
+  'tgz',
+  'bz2',
+  'xz',
+  '7z',
+  'rar',
+  // Executables / compiled
+  'exe',
+  'dll',
+  'so',
+  'dylib',
+  'node',
+  'wasm',
+  'pyc',
+  'class',
+  // Media
+  'mp3',
+  'mp4',
+  'ogg',
+  'wav',
+  'avi',
+  'mov',
+  'webm',
+  'flac',
+  'aac',
+  'mkv',
+  // Documents
+  'pdf',
+  'doc',
+  'docx',
+  'xls',
+  'xlsx',
+  'ppt',
+  'pptx',
+  // Data
+  'bin',
+  'dat',
+  'db',
+  'sqlite',
+  'sqlite3',
+])
+
+export function isBinaryFilePath(filePath: string): boolean {
+  const dotIndex = filePath.lastIndexOf('.')
+  const ext = dotIndex > -1 ? filePath.slice(dotIndex + 1).toLowerCase() : ''
+  return BINARY_EXTENSIONS.has(ext)
+}
diff --git a/app/utils/router.ts b/app/utils/router.ts
index 0e7362a8fa..0c22d92860 100644
--- a/app/utils/router.ts
+++ b/app/utils/router.ts
@@ -1,6 +1,10 @@
 import type { RouteLocationRaw } from 'vue-router'
 
-export function packageRoute(packageName: string, version?: string | null): RouteLocationRaw {
+export function packageRoute(
+  packageName: string,
+  version?: string | null,
+  hash?: string,
+): RouteLocationRaw {
   const [org, name = ''] = packageName.startsWith('@') ? packageName.split('/') : ['', packageName]
 
   if (version) {
@@ -12,6 +16,7 @@ export function packageRoute(packageName: string, version?: string | null): Rout
         // remove spaces to be correctly resolved by router
         version: version.replace(/\s+/g, ''),
       },
+      hash,
     }
   }
 
diff --git a/docs/content/2.guide/1.features.md b/docs/content/2.guide/1.features.md
index a0549ce54e..75e8decb24 100644
--- a/docs/content/2.guide/1.features.md
+++ b/docs/content/2.guide/1.features.md
@@ -159,7 +159,7 @@ You can further customize your badges by appending query parameters to the badge
 
 ##### `labelColor`
 
-Overrides the default label color. You can pass a standard hex code (with or without the `#` prefix).
+Overrides the default label color. You can pass a standard hex code (with or without the `#` prefix). The label text color is automatically chosen (black or white) based on WCAG contrast ratio, so the badge remains readable.
 
 - **Default**: `#0a0a0a`
 - **Usage**: `?labelColor=HEX_CODE`
@@ -173,16 +173,16 @@ Overrides the default label text. You can pass any string to customize the label
 
 ##### `color`
 
-Overrides the default strategy color. You can pass a standard hex code (with or without the `#` prefix).
+Overrides the default strategy color. You can pass a standard hex code (with or without the `#` prefix). The text color is automatically chosen (black or white) based on WCAG contrast ratio, so the badge remains readable.
 
 - **Default**: Depends on the badge type (e.g., version is blue, downloads are orange).
 - **Usage**: `?color=HEX_CODE`
 
-| Example        | URL                                    |
-| :------------- | :------------------------------------- |
-| **Hot Pink**   | `.../badge/version/nuxt?colorB=ff69b4` |
-| **Pure Black** | `.../badge/version/nuxt?colorB=000000` |
-| **Brand Blue** | `.../badge/version/nuxt?colorB=3b82f6` |
+| Example        | URL                                   |
+| :------------- | :------------------------------------ |
+| **Hot Pink**   | `.../badge/version/nuxt?color=ff69b4` |
+| **Pure Black** | `.../badge/version/nuxt?color=000000` |
+| **Brand Blue** | `.../badge/version/nuxt?color=3b82f6` |
 
 ##### `name`
 
diff --git a/i18n/locales/ar.json b/i18n/locales/ar.json
index 5ed1a98565..1e34d310d0 100644
--- a/i18n/locales/ar.json
+++ b/i18n/locales/ar.json
@@ -132,7 +132,6 @@
     "skip_link": "تخطي إلى المحتوى الرئيسي",
     "warnings": "تحذيرات:",
     "go_back_home": "العودة إلى الصفحة الرئيسية",
-    "view_on_npm": "عرض على npm",
     "per_week": "/ أسبوع",
     "vanity_downloads_hint": "رقم زخرفي: لا توجد حزم معروضة | رقم زخرفي: للحزمة المعروضة | رقم زخرفي: للحزمتين المعروضتين | رقم زخرفي: مجموع {count} من الحزم المعروضة | رقم زخرفي: مجموع {count} من الحزم المعروضة | رقم زخرفي: مجموع {count} من الحزم المعروضة",
     "sort": {
@@ -140,18 +139,19 @@
       "role": "الدور",
       "members": "الأعضاء"
     },
-    "scroll_to_top": "التمرير إلى الأعلى"
+    "scroll_to_top": "التمرير إلى الأعلى",
+    "view_on": {
+      "npm": "عرض على npm",
+      "github": "عرض على GitHub"
+    }
   },
   "package": {
     "not_found": "لم يتم العثور على الحزمة",
     "not_found_message": "تعذّر العثور على الحزمة.",
     "no_description": "لا يوجد وصف",
-    "not_latest": "(ليست الأحدث)",
     "verified_provenance": "مصدر موثّق",
-    "view_permalink": "عرض الرابط الدائم لهذا الإصدار",
     "navigation": "تصفح الحزمة",
     "copy_name": "نسخ اسم الحزمة",
-    "copy_version": "نسخ إصدار الحزمة",
     "deprecation": {
       "package": "تم إهمال هذه الحزمة.",
       "version": "تم إهمال هذا الإصدار.",
@@ -238,7 +238,6 @@
     "readme": {
       "title": "README (إقرأني)",
       "no_readme": "لا يتوفر README.",
-      "view_on_github": "عرض على GitHub",
       "toc_title": "جدول المحتويات",
       "callout": {
         "note": "ملاحظة",
diff --git a/i18n/locales/az-AZ.json b/i18n/locales/az-AZ.json
index 2f6f7649a6..1341675d91 100644
--- a/i18n/locales/az-AZ.json
+++ b/i18n/locales/az-AZ.json
@@ -35,7 +35,8 @@
     "navigate_results": "Nəticələr arasında gəz",
     "go_to_result": "Nəticəyə keç",
     "open_code_view": "Kod görünüşünü aç",
-    "open_docs": "Sənədləri aç"
+    "open_docs": "Sənədləri aç",
+    "disable_shortcuts": "Klaviatura qısayollarını {settings} bölməsindən söndürə bilərsiniz."
   },
   "search": {
     "label": "npm paketlərini axtar",
@@ -177,7 +178,6 @@
     "skip_link": "Əsas məzmuna keç",
     "warnings": "Xəbərdarlıqlar:",
     "go_back_home": "Ana səhifəyə qayıt",
-    "view_on_npm": "npm-də bax",
     "per_week": "/ həftə",
     "vanity_downloads_hint": "Göstərici: paket göstərilmir | Göstərici: göstərilən paket üçün | Göstərici: {count} göstərilən paketin cəmi",
     "sort": {
@@ -185,18 +185,40 @@
       "role": "rol",
       "members": "üzvlər"
     },
-    "scroll_to_top": "Yuxarı qayıt"
+    "scroll_to_top": "Yuxarı qayıt",
+    "cancel": "Ləğv et",
+    "save": "Saxla",
+    "edit": "Redaktə et",
+    "error": "Xəta",
+    "view_on": {
+      "npm": "npm-də bax",
+      "github": "GitHub-da bax"
+    }
+  },
+  "profile": {
+    "display_name": "Görünən Ad",
+    "description": "Təsvir",
+    "no_description": "Təsvir yoxdur",
+    "website": "Veb-sayt",
+    "website_placeholder": "https://example.com",
+    "likes": "Bəyənmələr",
+    "seo_title": "{handle} - npmx",
+    "seo_description": "{handle} tərəfindən npmx profili",
+    "not_found": "Profil Tapılmadı",
+    "not_found_message": "{handle} üçün profil tapıla bilmədi.",
+    "invite": {
+      "message": "Deyəsən onlar hələ npmx istifadə etmirlər. Onlara bu barədə demək istəyirsiniz?",
+      "share_button": "Bluesky-da paylaş",
+      "compose_text": "Salam {'@'}{handle}! npmx.dev-i yoxlamısan? Bu, npm reyestri üçün sürətli, müasir və açıq mənbəli brauzerdir.\nhttps://npmx.dev"
+    }
   },
   "package": {
     "not_found": "Paket Tapılmadı",
     "not_found_message": "Paket tapıla bilmədi.",
     "no_description": "Təsvir verilməyib",
-    "not_latest": "(son deyil)",
     "verified_provenance": "Təsdiqlənmiş mənşə",
-    "view_permalink": "Bu versiya üçün daimi keçidə bax",
     "navigation": "Paket",
     "copy_name": "Paket adını kopyala",
-    "copy_version": "Paket versiyasını kopyala",
     "deprecation": {
       "package": "Bu paket köhnəlmişdir.",
       "version": "Bu versiya köhnəlmişdir.",
@@ -290,7 +312,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README mövcud deyil.",
-      "view_on_github": "GitHub-da bax",
       "toc_title": "Məzmun",
       "callout": {
         "note": "Qeyd",
@@ -355,7 +376,6 @@
       "grouping_versions_only_recent": "Yalnız son",
       "grouping_usage_title": "İstifadə",
       "grouping_usage_all": "Hamısı",
-      "grouping_usage_low": "Aşağı",
       "recent_versions_only_tooltip": "Yalnız son bir il ərzində dərc edilmiş versiyaları göstər.",
       "show_low_usage_tooltip": "Ümumi endirmələrin 1%-dən azını təşkil edən versiya qruplarını daxil et.",
       "y_axis_label": "Endirmələr",
@@ -432,6 +452,17 @@
         "likes": "Bəyənmələr",
         "contributors": "Əməkdaşlar"
       },
+      "data_correction": "Məlumat düzəlişi",
+      "average_window": "Orta pəncərə",
+      "smoothing": "Hamarlama",
+      "known_anomalies": "Bilinən anomaliyalar",
+      "known_anomalies_description": "Botlar və ya CI problemlərindən yaranan bilinən endirmə sıçrayışlarını interpolyasiya edir.",
+      "known_anomalies_ranges": "Anomaliya aralıqları",
+      "known_anomalies_range": "{start}-dən {end}-ə",
+      "known_anomalies_range_named": "{packageName}: {start}-dən {end}-ə",
+      "known_anomalies_none": "Bu paket üçün bilinən anomaliya yoxdur. | Bu paketlər üçün bilinən anomaliya yoxdur.",
+      "known_anomalies_contribute": "Anomaliya məlumatı əlavə et",
+      "apply_correction": "Düzəliş tətbiq et",
       "copy_alt": {
         "trend_none": "əsasən sabit",
         "trend_strong": "güclü",
@@ -449,7 +480,8 @@
     },
     "downloads": {
       "title": "Həftəlik Endirmələr",
-      "community_distribution": "İcma adaptasiya paylanmasına bax"
+      "community_distribution": "İcma adaptasiya paylanmasına bax",
+      "subtitle": "Bütün versiyalar üzrə"
     },
     "install_scripts": {
       "title": "Quraşdırma Skriptləri",
@@ -926,15 +958,15 @@
         "description": "Söhbət edin, suallar verin və fikirlər paylaşın.",
         "cta": "Discord-a qoşul"
       },
-      "follow": {
-        "title": "Yeniliklərdən xəbərdar olun",
-        "description": "npmx haqqında son yenilikləri öyrənin.",
-        "cta": "Bluesky-da izlə"
-      },
       "builders": {
         "title": "Qurucular",
         "description": "Qurucular icmasamıza qoşulun və npmx-in gələcəyini formalaşdırın",
         "cta": "Qurucular söhbətinə qoşul"
+      },
+      "follow": {
+        "title": "Yeniliklərdən xəbərdar olun",
+        "description": "npmx haqqında son yenilikləri öyrənin.",
+        "cta": "Bluesky-da izlə"
       }
     }
   },
@@ -963,7 +995,8 @@
       "connect_bluesky": "Bluesky ilə qoşul",
       "what_is_atmosphere": "Atmosphere hesabı nədir?",
       "atmosphere_explanation": "{npmx} sosial funksiyalarını gücləndirmək üçün {atproto} istifadə edir, istifadəçilərə öz məlumatlarına sahib olmağa və bütün uyğun tətbiqlər üçün bir hesab istifadə etməyə imkan verir. Hesab yaratdıqdan sonra eyni hesabla {bluesky} və {tangled} kimi digər tətbiqlərdən istifadə edə bilərsiniz.",
-      "default_input_error": "Xahiş edirik düzgün istifadəçi adı, DID və ya tam PDS URL daxil edin"
+      "default_input_error": "Xahiş edirik düzgün istifadəçi adı, DID və ya tam PDS URL daxil edin",
+      "profile": "Profil"
     }
   },
   "header": {
@@ -986,7 +1019,6 @@
     }
   },
   "compare": {
-    "compare_versions_title": "Versiyaları müqayisə et",
     "packages": {
       "title": "paketləri müqayisə et",
       "tagline": "düzgün seçim etməyinizə kömək etmək üçün npm paketlərini yan-yana müqayisə edin.",
@@ -1109,7 +1141,10 @@
     "file_changes": "Fayl Dəyişiklikləri",
     "files_count": "{count} fayl",
     "lines_hidden": "{count} sətir gizlədilib",
+    "file_too_large": "Fayl müqayisə üçün çox böyükdür",
+    "file_size_warning": "{size} müqayisə üçün 250KB limitini keçir",
     "compare_versions": "fərq",
+    "compare_versions_title": "Versiyaları müqayisə et",
     "summary": "Xülasə",
     "deps_count": "{count} asılılıq",
     "dependencies": "Asılılıqlar",
diff --git a/i18n/locales/bg-BG.json b/i18n/locales/bg-BG.json
index 78719069cb..08738ef1b4 100644
--- a/i18n/locales/bg-BG.json
+++ b/i18n/locales/bg-BG.json
@@ -77,6 +77,10 @@
     "links": "Връзки",
     "tap_to_search": "Докоснете за търсене"
   },
+  "blog": {
+    "author": {},
+    "atproto": {}
+  },
   "settings": {
     "title": "настройки",
     "tagline": "персонализирайте вашето npmx изживяване",
@@ -122,6 +126,7 @@
     "edit_on_github": "Редактиране в GitHub",
     "view_guide": "Ръководство за превод"
   },
+  "error": {},
   "common": {
     "loading": "Зареждане...",
     "loading_more": "Зареждане на още...",
@@ -136,7 +141,6 @@
     "skip_link": "Преминаване към основното съдържание",
     "warnings": "Предупреждения:",
     "go_back_home": "Назад към начална страница",
-    "view_on_npm": "преглед в npm",
     "per_week": "/ седмица",
     "vanity_downloads_hint": "Брой за показ: няма показани пакети | Брой за показ: за показания пакет | Брой за показ: Сума от {count} показани пакета",
     "sort": {
@@ -148,7 +152,11 @@
     "cancel": "Отказ",
     "save": "Запазване",
     "edit": "Редактиране",
-    "error": "Грешка"
+    "error": "Грешка",
+    "view_on": {
+      "npm": "преглед в npm",
+      "github": "Преглед в GitHub"
+    }
   },
   "profile": {
     "display_name": "Показвано име",
@@ -171,12 +179,9 @@
     "not_found": "Пакетът не е намерен",
     "not_found_message": "Пакетът не може да бъде намерен.",
     "no_description": "Няма предоставено описание",
-    "not_latest": "(не е последна)",
     "verified_provenance": "Потвърден произход",
-    "view_permalink": "Преглед на постоянна връзка за тази версия",
     "navigation": "Пакет",
     "copy_name": "Копиране на името на пакета",
-    "copy_version": "Копиране на версията на пакета",
     "deprecation": {
       "package": "Този пакет е остарял.",
       "version": "Тази версия е остаряла.",
@@ -270,7 +275,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Няма наличен README.",
-      "view_on_github": "Преглед в GitHub",
       "toc_title": "Съдържание",
       "callout": {
         "note": "Бележка",
@@ -335,7 +339,6 @@
       "grouping_versions_only_recent": "Само скорошни",
       "grouping_usage_title": "Използване",
       "grouping_usage_all": "Всички",
-      "grouping_usage_low": "Ниско",
       "recent_versions_only_tooltip": "Показване само на версии, публикувани през последната година.",
       "show_low_usage_tooltip": "Включване на групи версии с по-малко от 1% от общите изтегляния.",
       "y_axis_label": "Изтегляния",
@@ -732,8 +735,7 @@
       "preview": "преглед",
       "code": "код"
     },
-    "file_path": "Път към файл",
-    "scroll_to_top": "Към началото"
+    "file_path": "Път към файл"
   },
   "badges": {
     "provenance": {
@@ -917,6 +919,7 @@
         "description": "Чат, задаване на въпроси и споделяне на идеи.",
         "cta": "Присъединяване към Discord"
       },
+      "builders": {},
       "follow": {
         "title": "Следете актуалното",
         "description": "Научете най-новото за npmx.",
@@ -1125,6 +1128,11 @@
     "close_files_panel": "Затваряне на панела с файлове",
     "filter_files_label": "Филтриране на файлове по тип на промяна"
   },
+  "pds": {
+    "join": {},
+    "server": {},
+    "community": {}
+  },
   "privacy_policy": {
     "title": "политика за поверителност",
     "last_updated": "Последна актуализация: {date}",
diff --git a/i18n/locales/bn-IN.json b/i18n/locales/bn-IN.json
index 479c3f7b02..3888c49dee 100644
--- a/i18n/locales/bn-IN.json
+++ b/i18n/locales/bn-IN.json
@@ -99,7 +99,6 @@
     "skip_link": "মুখ্য কন্টেন্টে যান",
     "warnings": "সতর্কতা:",
     "go_back_home": "হোমে ফিরে যান",
-    "view_on_npm": "npm এ দেখুন",
     "per_week": "/ সপ্তাহ",
     "vanity_downloads_hint": "ভ্যানিটি নম্বর: কোন প্যাকেজ প্রদর্শিত হয়নি | ভ্যানিটি নম্বর: প্রদর্শিত প্যাকেজের জন্য | ভ্যানিটি নম্বর: {count} প্রদর্শিত প্যাকেজের মোট",
     "sort": {
@@ -107,15 +106,17 @@
       "role": "ভূমিকা",
       "members": "সদস্য"
     },
-    "scroll_to_top": "উপরে স্ক্রল করুন"
+    "scroll_to_top": "উপরে স্ক্রল করুন",
+    "view_on": {
+      "npm": "npm এ দেখুন",
+      "github": "GitHub এ দেখুন"
+    }
   },
   "package": {
     "not_found": "প্যাকেজ পাওয়া যায়নি",
     "not_found_message": "প্যাকেজ পাওয়া যায়নি।",
     "no_description": "কোনো বর্ণনা দেওয়া হয়নি",
-    "not_latest": "(সর্বশেষ নয়)",
     "verified_provenance": "যাচাইকৃত প্রোভেন্স",
-    "view_permalink": "এই ভার্সনের পার্মালিংক দেখুন",
     "navigation": "প্যাকেজ",
     "copy_name": "প্যাকেজের নাম কপি করুন",
     "deprecation": {
@@ -194,7 +195,6 @@
     "readme": {
       "title": "রিডমি",
       "no_readme": "README উপলব্ধ নেই।",
-      "view_on_github": "GitHub এ দেখুন",
       "callout": {}
     },
     "provenance_section": {},
diff --git a/i18n/locales/cs-CZ.json b/i18n/locales/cs-CZ.json
index 41791d087c..040004c767 100644
--- a/i18n/locales/cs-CZ.json
+++ b/i18n/locales/cs-CZ.json
@@ -178,7 +178,6 @@
     "skip_link": "Přejít na hlavní obsah",
     "warnings": "Varování:",
     "go_back_home": "Zpět na začátek",
-    "view_on_npm": "Zobrazit na npm",
     "per_week": "/ týden",
     "vanity_downloads_hint": "Pro zobrazený balíček | Součet pro {count} zobrazené balíčky | Součet pro {count} zobrazených balíčků",
     "sort": {
@@ -190,7 +189,21 @@
     "cancel": "Zrušit",
     "save": "Uložit",
     "edit": "Upravit",
-    "error": "Chyba"
+    "error": "Chyba",
+    "view_on": {
+      "npm": "Zobrazit na npm",
+      "github": "Zobrazit na GitHubu",
+      "gitlab": "Zobrazit na GitLabu",
+      "bitbucket": "Zobrazit na Bitbucketu",
+      "codeberg": "Zobrazit na Codebergu",
+      "git_repo": "Zobrazit v Git repozitáži",
+      "forgejo": "Zobrazit na Forgejo",
+      "gitea": "Zobrazit na Gitea",
+      "gitee": "Zobrazit na Gitee",
+      "radicle": "Zobrazit na Radicle",
+      "sourcehut": "Zobrazit na SourceHutu",
+      "tangled": "Zobrazit na Tangled"
+    }
   },
   "profile": {
     "display_name": "Zobrazované jméno",
@@ -213,12 +226,9 @@
     "not_found": "Balíček nenalezen",
     "not_found_message": "Balíček nebyl nalezen.",
     "no_description": "Není k dispozici žádný popis",
-    "not_latest": "(není nejnovější)",
     "verified_provenance": "Ověřený původ",
-    "view_permalink": "Zobrazit trvalý odkaz na tuto verzi",
     "navigation": "Navigace balíčku",
     "copy_name": "Zkopírovat název balíčku",
-    "copy_version": "Zkopírovat verzi balíčku",
     "deprecation": {
       "package": "Tento balíček byl označen jako zastaralý.",
       "version": "Tato verze byla označena jako zastaralá.",
@@ -312,7 +322,6 @@
     "readme": {
       "title": "ČTI MĚ",
       "no_readme": "Žádné ČTI MĚ NENÍ k dispozici.",
-      "view_on_github": "Zobrazit na GitHubu",
       "toc_title": "Obsah",
       "callout": {
         "note": "Poznámka",
@@ -377,7 +386,6 @@
       "grouping_versions_only_recent": "Pouze nedávné",
       "grouping_usage_title": "Použití",
       "grouping_usage_all": "Všechno",
-      "grouping_usage_low": "Nízké",
       "recent_versions_only_tooltip": "Zobrazit pouze verze zveřejněné v posledním roce.",
       "show_low_usage_tooltip": "Zahrnout skupiny verzí s méně než 1 % celkových stažení.",
       "y_axis_label": "Stažení",
@@ -477,7 +485,9 @@
         "estimations": "Konečné hodnoty jsou odhady založené na částečných datech pro aktuální období.",
         "compare": "Porovnání grafu stahování balíčků pro: {packages}.",
         "single_package": "Graf stahování pro balíček {package}.",
-        "general_description": "Osa Y představuje počet stažení. Osa X představuje časový rozsah od {start_date} do {end_date} s časovým obdobím {granularity}.{estimation_notice} {packages_analysis}. {watermark}."
+        "general_description": "Osa Y představuje počet stažení. Osa X představuje časový rozsah od {start_date} do {end_date} s časovým obdobím {granularity}.{estimation_notice} {packages_analysis}. {watermark}.",
+        "facet_bar_general_description": "Horizontální sloupcový graf pro: {packages}, porovnávající {facet} ({description}). {facet_analysis} {watermark}.",
+        "facet_bar_analysis": "{package_name} má hodnotu {value}."
       }
     },
     "downloads": {
@@ -776,8 +786,7 @@
       "preview": "náhled",
       "code": "kód"
     },
-    "file_path": "Cesta k souboru",
-    "scroll_to_top": "Posunout nahoru"
+    "file_path": "Cesta k souboru"
   },
   "badges": {
     "provenance": {
@@ -1036,7 +1045,9 @@
       "loading": "Načítání dat balíčků...",
       "error": "Nepodařilo se načíst data balíčků. Zkuste to prosím znovu.",
       "empty_title": "Vyberte balíčky k porovnání",
-      "empty_description": "Vyhledejte a přidejte alespoň 2 balíčky výše, abyste viděli porovnání jejich metrik vedle sebe."
+      "empty_description": "Vyhledejte a přidejte alespoň 2 balíčky výše, abyste viděli porovnání jejich metrik vedle sebe.",
+      "table_view": "Tabulka",
+      "charts_view": "Grafy"
     },
     "selector": {
       "search_label": "Vyhledat balíčky",
diff --git a/i18n/locales/de-DE.json b/i18n/locales/de-DE.json
index 0dc56065c5..b7f7e7c8f3 100644
--- a/i18n/locales/de-DE.json
+++ b/i18n/locales/de-DE.json
@@ -13,13 +13,13 @@
   "trademark_disclaimer": "npm ist eine eingetragene Marke von npm, Inc. Diese Seite ist nicht mit npm, Inc. verbunden.",
   "footer": {
     "about": "Über uns",
+    "blog": "Blog",
     "docs": "Doku",
     "source": "Quellcode",
     "social": "Social",
     "chat": "Chat",
-    "keyboard_shortcuts": "Tastenkombination",
-    "blog": "Blog",
-    "builders_chat": "Builders-Chat"
+    "builders_chat": "Builders-Chat",
+    "keyboard_shortcuts": "Tastenkombination"
   },
   "shortcuts": {
     "section": {
@@ -60,18 +60,18 @@
     "start_typing": "Tippe, um Pakete zu suchen",
     "algolia_disclaimer": "Bereitgestellt von Algolia",
     "exact_match": "exakt",
-    "instant_search": "Sofortsuche",
-    "instant_search_on": "Sofortsuche aktiviert",
-    "instant_search_off": "Sofortsuche deaktiviert",
-    "instant_search_turn_on": "Sofortsuche aktivieren",
-    "instant_search_turn_off": "Sofortsuche deaktivieren",
-    "instant_search_advisory": "Die Sofortsuche sendet bei jedem Tastendruck eine Anfrage.",
     "suggestion": {
       "user": "Benutzer",
       "org": "Organisation",
       "view_user_packages": "Pakete dieses Benutzers anzeigen",
       "view_org_packages": "Pakete dieser Organisation anzeigen"
-    }
+    },
+    "instant_search": "Sofortsuche",
+    "instant_search_on": "Sofortsuche aktiviert",
+    "instant_search_off": "Sofortsuche deaktiviert",
+    "instant_search_turn_on": "Sofortsuche aktivieren",
+    "instant_search_turn_off": "Sofortsuche deaktivieren",
+    "instant_search_advisory": "Die Sofortsuche sendet bei jedem Tastendruck eine Anfrage."
   },
   "nav": {
     "main_navigation": "Hauptnavigation",
@@ -85,6 +85,31 @@
     "links": "Links",
     "tap_to_search": "Tippen zum Suchen"
   },
+  "blog": {
+    "title": "Blog",
+    "heading": "Blog",
+    "meta_description": "Neuigkeiten, Updates und Artikel rund um npmx.",
+    "author": {
+      "view_profile": "Profil von {name} anzeigen"
+    },
+    "draft_badge": "Entwurf",
+    "draft_banner": "Dies ist ein Entwurf und noch nicht öffentlich sichtbar.",
+    "atproto": {
+      "view_on_bluesky": "Auf Bluesky ansehen",
+      "reply_on_bluesky": "Auf Bluesky antworten",
+      "likes_on_bluesky": "{count} Like auf Bluesky | {count} Likes auf Bluesky",
+      "like_or_reply_on_bluesky": "Auf Bluesky liken oder antworten",
+      "no_comments_yet": "Noch keine Kommentare. Sei der Erste!",
+      "could_not_load_comments": "Kommentare konnten nicht geladen werden.",
+      "comments": "Kommentare",
+      "loading_comments": "Kommentare werden geladen...",
+      "updating": "(wird aktualisiert...)",
+      "reply_count": "{count} Antwort | {count} Antworten",
+      "like_count": "{count} Like | {count} Likes",
+      "repost_count": "{count} Repost | {count} Reposts",
+      "more_replies": "{count} weitere Antwort anzeigen | {count} weitere Antworten anzeigen"
+    }
+  },
   "settings": {
     "title": "Einstellungen",
     "tagline": "Passe npmx an deine Vorlieben an",
@@ -104,6 +129,8 @@
       "algolia": "Algolia",
       "algolia_description": "Nutzt Algolia für schnellere Suche, Org- und Benutzerseiten."
     },
+    "instant_search": "Sofortsuche",
+    "instant_search_description": "Suchergebnisse werden automatisch bei der Eingabe aktualisiert, ohne die Eingabetaste zu drücken.",
     "relative_dates": "Relative Datumsangaben",
     "include_types": "{'@'}types bei Installation einschließen",
     "include_types_description": "TypeScript-Typdefinitionen ({'@'}types-Paket) automatisch zu Installationsbefehlen für Pakete ohne Typen hinzufügen",
@@ -120,9 +147,7 @@
     "translation_progress": "Übersetzungsfortschritt",
     "background_themes": "Hintergrundschattierung",
     "keyboard_shortcuts_enabled": "Tastenkombinationen aktivieren",
-    "keyboard_shortcuts_enabled_description": "Tastenkombinationen können deaktiviert werden, wenn sie mit anderen Browser- oder Systemkürzeln in Konflikt stehen",
-    "instant_search": "Sofortsuche",
-    "instant_search_description": "Suchergebnisse werden automatisch bei der Eingabe aktualisiert, ohne die Eingabetaste zu drücken."
+    "keyboard_shortcuts_enabled_description": "Tastenkombinationen können deaktiviert werden, wenn sie mit anderen Browser- oder Systemkürzeln in Konflikt stehen"
   },
   "i18n": {
     "missing_keys": "{count} fehlende Übersetzung | {count} fehlende Übersetzungen",
@@ -132,6 +157,13 @@
     "edit_on_github": "Auf GitHub bearbeiten",
     "view_guide": "Übersetzungsleitfaden"
   },
+  "error": {
+    "401": "Nicht autorisiert",
+    "404": "Seite nicht gefunden",
+    "500": "Interner Serverfehler",
+    "503": "Dienst nicht verfügbar",
+    "default": "Ein unerwarteter Fehler ist aufgetreten"
+  },
   "common": {
     "loading": "Lädt...",
     "loading_more": "Lädt mehr...",
@@ -146,7 +178,6 @@
     "skip_link": "Zum Hauptinhalt springen",
     "warnings": "Warnungen:",
     "go_back_home": "Zur Startseite",
-    "view_on_npm": "Auf npm ansehen",
     "per_week": "/ Woche",
     "vanity_downloads_hint": "Vanity-Zahl: keine Pakete angezeigt | Vanity-Zahl: für das angezeigte Paket | Vanity-Zahl: Summe von {count} angezeigten Paketen",
     "sort": {
@@ -158,14 +189,11 @@
     "cancel": "Abbrechen",
     "save": "Speichern",
     "edit": "Bearbeiten",
-    "error": "Fehler"
-  },
-  "error": {
-    "401": "Nicht autorisiert",
-    "404": "Seite nicht gefunden",
-    "500": "Interner Serverfehler",
-    "503": "Dienst nicht verfügbar",
-    "default": "Ein unerwarteter Fehler ist aufgetreten"
+    "error": "Fehler",
+    "view_on": {
+      "npm": "Auf npm ansehen",
+      "github": "Auf GitHub ansehen"
+    }
   },
   "profile": {
     "display_name": "Anzeigename",
@@ -184,41 +212,13 @@
       "compose_text": "Schau dir {name} auf npmx an: {url}"
     }
   },
-  "blog": {
-    "title": "Blog",
-    "heading": "Blog",
-    "meta_description": "Neuigkeiten, Updates und Artikel rund um npmx.",
-    "author": {
-      "view_profile": "Profil von {name} anzeigen"
-    },
-    "draft_badge": "Entwurf",
-    "draft_banner": "Dies ist ein Entwurf und noch nicht öffentlich sichtbar.",
-    "atproto": {
-      "view_on_bluesky": "Auf Bluesky ansehen",
-      "reply_on_bluesky": "Auf Bluesky antworten",
-      "likes_on_bluesky": "{count} Like auf Bluesky | {count} Likes auf Bluesky",
-      "like_or_reply_on_bluesky": "Auf Bluesky liken oder antworten",
-      "no_comments_yet": "Noch keine Kommentare. Sei der Erste!",
-      "could_not_load_comments": "Kommentare konnten nicht geladen werden.",
-      "comments": "Kommentare",
-      "loading_comments": "Kommentare werden geladen...",
-      "updating": "(wird aktualisiert...)",
-      "reply_count": "{count} Antwort | {count} Antworten",
-      "like_count": "{count} Like | {count} Likes",
-      "repost_count": "{count} Repost | {count} Reposts",
-      "more_replies": "{count} weitere Antwort anzeigen | {count} weitere Antworten anzeigen"
-    }
-  },
   "package": {
     "not_found": "Paket nicht gefunden",
     "not_found_message": "Das Paket konnte nicht gefunden werden.",
     "no_description": "Keine Beschreibung vorhanden",
-    "not_latest": "(nicht aktuell)",
     "verified_provenance": "Verifizierte Herkunft",
-    "view_permalink": "Permalink für diese Version anzeigen",
     "navigation": "Paket",
     "copy_name": "Paketnamen kopieren",
-    "copy_version": "Paketversion kopieren",
     "deprecation": {
       "package": "Dieses Paket ist veraltet.",
       "version": "Diese Version ist veraltet.",
@@ -312,7 +312,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Keine README verfügbar.",
-      "view_on_github": "Auf GitHub ansehen",
       "toc_title": "Gliederung",
       "callout": {
         "note": "Notiz",
@@ -377,7 +376,6 @@
       "grouping_versions_only_recent": "Nur aktuelle",
       "grouping_usage_title": "Nutzung",
       "grouping_usage_all": "Alle",
-      "grouping_usage_low": "Gering",
       "recent_versions_only_tooltip": "Nur Versionen anzeigen, die im letzten Jahr veröffentlicht wurden.",
       "show_low_usage_tooltip": "Versionsgruppen anzeigen, die weniger als 1% aller Downloads ausmachen.",
       "y_axis_label": "Downloads",
@@ -441,13 +439,13 @@
       "download_file": "{fileType} herunterladen",
       "toggle_annotator": "Annotation umschalten",
       "toggle_stack_mode": "Gestapelte Ansicht ein-/ausschalten",
+      "open_options": "Diagrammoptionen öffnen",
+      "close_options": "Diagrammoptionen schließen",
       "legend_estimation": "Schätzung",
       "no_data": "Keine Daten vorhanden",
       "y_axis_label": "{facet} {granularity}",
       "facet": "Facette",
       "title": "Trends",
-      "open_options": "Diagrammoptionen öffnen",
-      "close_options": "Diagrammoptionen schließen",
       "contributors_skip": "Nicht angezeigt bei Mitwirkende (hat kein GitHub-Repository): | Nicht angezeigt bei Mitwirkende (haben kein GitHub-Repository):",
       "items": {
         "downloads": "Downloads",
@@ -482,8 +480,8 @@
     },
     "downloads": {
       "title": "Wöchentliche Downloads",
-      "subtitle": "Downloads über die Zeit",
-      "community_distribution": "Community-Adoptionsverteilung ansehen"
+      "community_distribution": "Community-Adoptionsverteilung ansehen",
+      "subtitle": "Downloads über die Zeit"
     },
     "install_scripts": {
       "title": "Installationsskripte",
@@ -776,8 +774,7 @@
       "preview": "Vorschau",
       "code": "Code"
     },
-    "file_path": "Dateipfad",
-    "scroll_to_top": "Nach oben scrollen"
+    "file_path": "Dateipfad"
   },
   "badges": {
     "provenance": {
@@ -961,15 +958,15 @@
         "description": "Chatte, stelle Fragen und teile Ideen.",
         "cta": "Discord beitreten"
       },
-      "follow": {
-        "title": "Bleib auf dem Laufenden",
-        "description": "Erfahre das Neueste über npmx.",
-        "cta": "Auf Bluesky folgen"
-      },
       "builders": {
         "title": "Builders-Community",
         "description": "Vernetze dich mit anderen Entwicklern, die auf npmx aufbauen.",
         "cta": "Builders-Chat beitreten"
+      },
+      "follow": {
+        "title": "Bleib auf dem Laufenden",
+        "description": "Erfahre das Neueste über npmx.",
+        "cta": "Auf Bluesky folgen"
       }
     }
   },
@@ -1144,6 +1141,8 @@
     "file_changes": "Dateiänderungen",
     "files_count": "{count} Datei | {count} Dateien",
     "lines_hidden": "{count} Zeile ausgeblendet | {count} Zeilen ausgeblendet",
+    "file_too_large": "Datei zu groß für Diff-Ansicht",
+    "file_size_warning": "{size} überschreitet das Limit für die Diff-Anzeige",
     "compare_versions": "Diff",
     "compare_versions_title": "Mit neuester Version vergleichen",
     "summary": "Zusammenfassung",
@@ -1171,9 +1170,35 @@
     "files_button": "Dateien",
     "select_file_prompt": "Wähle eine Datei in der Seitenleiste, um die Änderungen anzuzeigen",
     "close_files_panel": "Dateibereich schließen",
-    "filter_files_label": "Dateien nach Art der Änderung filtern",
-    "file_too_large": "Datei zu groß für Diff-Ansicht",
-    "file_size_warning": "{size} überschreitet das Limit für die Diff-Anzeige"
+    "filter_files_label": "Dateien nach Art der Änderung filtern"
+  },
+  "pds": {
+    "title": "npmx PDS",
+    "meta_description": "Tritt dem persönlichen Datenspeicher (PDS) von npmx bei – deiner Heimat im AT-Protokoll-Netzwerk.",
+    "join": {
+      "title": "Dem PDS beitreten",
+      "description": "Erstelle ein Konto auf dem npmx PDS und werde Teil des dezentralen AT-Protokoll-Netzwerks.",
+      "migrate": "Bestehendes Konto migrieren"
+    },
+    "server": {
+      "title": "Serverinformationen",
+      "location_label": "Standort",
+      "location_value": "EU",
+      "infrastructure_label": "Infrastruktur",
+      "infrastructure_value": "Vercel",
+      "privacy_label": "Datenschutz",
+      "privacy_value": "Datenschutzerklärung ansehen",
+      "learn_more": "Mehr über PDS erfahren"
+    },
+    "community": {
+      "title": "Community",
+      "description": "Nutzende, die diesen PDS verwenden.",
+      "loading": "Community wird geladen...",
+      "error": "Community konnte nicht geladen werden",
+      "empty": "Noch keine Mitglieder gefunden.",
+      "view_profile": "Profil von {name} anzeigen",
+      "new_accounts": "Neue Konten"
+    }
   },
   "privacy_policy": {
     "title": "Datenschutzerklärung",
@@ -1284,33 +1309,5 @@
       "p1": "Wenn du bei {app} auf eine Barriere stößt, sag uns bitte Bescheid, indem du ein Ticket in unserem {link} eröffnest. Wir nehmen diese Meldungen ernst und werden unser Bestes tun, um sie zu beheben.",
       "link": "GitHub-Repository"
     }
-  },
-  "pds": {
-    "title": "npmx PDS",
-    "meta_description": "Tritt dem persönlichen Datenspeicher (PDS) von npmx bei – deiner Heimat im AT-Protokoll-Netzwerk.",
-    "join": {
-      "title": "Dem PDS beitreten",
-      "description": "Erstelle ein Konto auf dem npmx PDS und werde Teil des dezentralen AT-Protokoll-Netzwerks.",
-      "migrate": "Bestehendes Konto migrieren"
-    },
-    "server": {
-      "title": "Serverinformationen",
-      "location_label": "Standort",
-      "location_value": "EU",
-      "infrastructure_label": "Infrastruktur",
-      "infrastructure_value": "Vercel",
-      "privacy_label": "Datenschutz",
-      "privacy_value": "Datenschutzerklärung ansehen",
-      "learn_more": "Mehr über PDS erfahren"
-    },
-    "community": {
-      "title": "Community",
-      "description": "Nutzende, die diesen PDS verwenden.",
-      "loading": "Community wird geladen...",
-      "error": "Community konnte nicht geladen werden",
-      "empty": "Noch keine Mitglieder gefunden.",
-      "view_profile": "Profil von {name} anzeigen",
-      "new_accounts": "Neue Konten"
-    }
   }
 }
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 5bc57ea17e..1734b74958 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -36,7 +36,9 @@
     "go_to_result": "Go to result",
     "open_code_view": "Open code view",
     "open_docs": "Open docs",
-    "disable_shortcuts": "You can disable keyboard shortcuts in {settings}."
+    "disable_shortcuts": "You can disable keyboard shortcuts in {settings}.",
+    "open_main": "Open main information",
+    "open_diff": "Open version differences"
   },
   "search": {
     "label": "Search npm packages",
@@ -178,7 +180,6 @@
     "skip_link": "Skip to main content",
     "warnings": "Warnings:",
     "go_back_home": "Go back home",
-    "view_on_npm": "view on npm",
     "per_week": "/ week",
     "vanity_downloads_hint": "Vanity number: no packages displayed | Vanity number: for the displayed package | Vanity number: Sum of {count} displayed packages",
     "sort": {
@@ -190,7 +191,21 @@
     "cancel": "Cancel",
     "save": "Save",
     "edit": "Edit",
-    "error": "Error"
+    "error": "Error",
+    "view_on": {
+      "npm": "view on npm",
+      "github": "View on GitHub",
+      "gitlab": "View on GitLab",
+      "bitbucket": "View on Bitbucket",
+      "codeberg": "View on Codeberg",
+      "git_repo": "View on Git repository",
+      "forgejo": "View on Forgejo",
+      "gitea": "View on Gitea",
+      "gitee": "View on Gitee",
+      "radicle": "View on Radicle",
+      "sourcehut": "View on SourceHut",
+      "tangled": "View on Tangled"
+    }
   },
   "profile": {
     "display_name": "Display Name",
@@ -213,12 +228,9 @@
     "not_found": "Package Not Found",
     "not_found_message": "The package could not be found.",
     "no_description": "No description provided",
-    "not_latest": "(not latest)",
     "verified_provenance": "Verified provenance",
-    "view_permalink": "View permalink for this version",
     "navigation": "Package",
     "copy_name": "Copy package name",
-    "copy_version": "Copy package version",
     "deprecation": {
       "package": "This package has been deprecated.",
       "version": "This version has been deprecated.",
@@ -275,6 +287,7 @@
       "view_source": "View source"
     },
     "links": {
+      "main": "main",
       "repo": "repo",
       "homepage": "homepage",
       "issues": "issues",
@@ -312,7 +325,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "No README available.",
-      "view_on_github": "View on GitHub",
       "toc_title": "Outline",
       "callout": {
         "note": "Note",
@@ -377,7 +389,7 @@
       "grouping_versions_only_recent": "Only recent",
       "grouping_usage_title": "Usage",
       "grouping_usage_all": "All",
-      "grouping_usage_low": "Low",
+      "grouping_usage_most_used": "Most used",
       "recent_versions_only_tooltip": "Show only versions published within the last year.",
       "show_low_usage_tooltip": "Include version groups with less than 1% of total downloads.",
       "y_axis_label": "Downloads",
@@ -457,6 +469,7 @@
       "data_correction": "Data correction",
       "average_window": "Average window",
       "smoothing": "Smoothing",
+      "prediction": "Prediction",
       "known_anomalies": "Known anomalies",
       "known_anomalies_description": "Interpolates over known download spikes caused by bots or CI issues.",
       "known_anomalies_ranges": "Anomaly ranges",
@@ -477,7 +490,9 @@
         "estimations": "The final values are estimates based on partial data for the current period.",
         "compare": "Package download comparison line chart for: {packages}.",
         "single_package": "Downloads line chart for the {package} package.",
-        "general_description": "The Y axis represents the number of downloads. The X axis represents the date range, from {start_date} to {end_date}, with a {granularity} time period.{estimation_notice} {packages_analysis}. {watermark}."
+        "general_description": "The Y axis represents the number of downloads. The X axis represents the date range, from {start_date} to {end_date}, with a {granularity} time period.{estimation_notice} {packages_analysis}. {watermark}.",
+        "facet_bar_general_description": "Horizontal bar chart for: {packages}, comparing {facet} ({description}). {facet_analysis} {watermark}.",
+        "facet_bar_analysis": "{package_name} has a value of {value}."
       }
     },
     "downloads": {
@@ -777,7 +792,8 @@
       "code": "code"
     },
     "file_path": "File path",
-    "scroll_to_top": "Scroll to top"
+    "binary_file": "Binary file",
+    "binary_rendering_warning": "File type not supported for preview."
   },
   "badges": {
     "provenance": {
@@ -1036,7 +1052,9 @@
       "loading": "Loading package data...",
       "error": "Failed to load package data. Please try again.",
       "empty_title": "Select packages to compare",
-      "empty_description": "Search and add at least 2 packages above to see a side-by-side comparison of their metrics."
+      "empty_description": "Search and add at least 2 packages above to see a side-by-side comparison of their metrics.",
+      "table_view": "Table",
+      "charts_view": "Charts"
     },
     "selector": {
       "search_label": "Search for packages",
@@ -1148,6 +1166,7 @@
     "file_size_warning": "{size} exceeds the 250KB limit for comparison",
     "compare_versions": "diff",
     "compare_versions_title": "Compare with latest version",
+    "version_selector_title": "Compare with version",
     "summary": "Summary",
     "deps_count": "{count} dep | {count} deps",
     "dependencies": "Dependencies",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 02ed71d176..248932ded5 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -77,6 +77,10 @@
     "links": "Enlaces",
     "tap_to_search": "Toca para buscar"
   },
+  "blog": {
+    "author": {},
+    "atproto": {}
+  },
   "settings": {
     "title": "configuración",
     "tagline": "personaliza tu experiencia en npmx",
@@ -122,6 +126,7 @@
     "edit_on_github": "Editar en GitHub",
     "view_guide": "Guía de traducción"
   },
+  "error": {},
   "common": {
     "loading": "Cargando...",
     "loading_more": "Cargando más...",
@@ -136,7 +141,6 @@
     "skip_link": "Saltar al contenido principal",
     "warnings": "Advertencias:",
     "go_back_home": "Volver al inicio",
-    "view_on_npm": "ver en npm",
     "per_week": "/ semana",
     "vanity_downloads_hint": "Número de vanidad: no se muestran paquetes | Número de vanidad: para el paquete mostrado | Número de vanidad: Suma de {count} paquetes mostrados",
     "sort": {
@@ -148,7 +152,11 @@
     "cancel": "Cancelar",
     "save": "Guardar",
     "edit": "Editar",
-    "error": "Error"
+    "error": "Error",
+    "view_on": {
+      "npm": "ver en npm",
+      "github": "Ver en GitHub"
+    }
   },
   "profile": {
     "display_name": "Nombre visible",
@@ -171,12 +179,9 @@
     "not_found": "Paquete no encontrado",
     "not_found_message": "No se pudo encontrar el paquete.",
     "no_description": "Sin descripción proporcionada",
-    "not_latest": "(no es la última versión)",
     "verified_provenance": "Procedencia verificada",
-    "view_permalink": "Ver enlace permanente para esta versión",
     "navigation": "Navegación del paquete",
     "copy_name": "Copiar nombre del paquete",
-    "copy_version": "Copiar versión del paquete",
     "deprecation": {
       "package": "Este paquete está obsoleto.",
       "version": "Esta versión está obsoleta.",
@@ -270,7 +275,6 @@
     "readme": {
       "title": "Léeme",
       "no_readme": "No hay README disponible.",
-      "view_on_github": "Ver en GitHub",
       "toc_title": "Índice",
       "callout": {
         "note": "Nota",
@@ -335,7 +339,6 @@
       "grouping_versions_only_recent": "Solo recientes",
       "grouping_usage_title": "Uso",
       "grouping_usage_all": "Todo",
-      "grouping_usage_low": "Bajo",
       "recent_versions_only_tooltip": "Mostrar solo versiones publicadas en el último año.",
       "show_low_usage_tooltip": "Incluir grupos de versiones con menos del 1% de las descargas totales.",
       "y_axis_label": "Descargas",
@@ -732,8 +735,7 @@
       "preview": "vista previa",
       "code": "código"
     },
-    "file_path": "Ruta del archivo",
-    "scroll_to_top": "Volver arriba"
+    "file_path": "Ruta del archivo"
   },
   "badges": {
     "provenance": {
@@ -917,6 +919,7 @@
         "description": "Chatea, haz preguntas y comparte ideas.",
         "cta": "Únete a Discord"
       },
+      "builders": {},
       "follow": {
         "title": "Mantente actualizado",
         "description": "Entérate de lo último en npmx.",
@@ -1125,6 +1128,11 @@
     "close_files_panel": "Cerrar panel de archivos",
     "filter_files_label": "Filtrar archivos por tipo de cambio"
   },
+  "pds": {
+    "join": {},
+    "server": {},
+    "community": {}
+  },
   "privacy_policy": {
     "title": "política de privacidad",
     "last_updated": "Última actualización: {date}",
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index bbe2af2f00..1bf5ff4cb1 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -6,18 +6,18 @@
       "description": "Un explorateur rapide et moderne du registre npm. Recherchez, parcourez et explorez les paquets avec une interface moderne."
     }
   },
-  "built_at": "compilé {0}",
+  "built_at": "compilé le {0}",
   "alt_logo": "Logo npmx",
   "tagline": "un explorateur rapide et moderne du registre npm",
   "non_affiliation_disclaimer": "non affilié à npm, Inc.",
   "trademark_disclaimer": "npm est une marque déposée de npm, Inc. Ce site n'est pas affilié à npm, Inc.",
   "footer": {
     "about": "à propos",
+    "blog": "blog",
     "docs": "docs",
     "source": "source",
     "social": "réseaux sociaux",
     "chat": "espace de discussion",
-    "blog": "blog",
     "builders_chat": "builders",
     "keyboard_shortcuts": "raccourcis clavier"
   },
@@ -33,7 +33,7 @@
     "compare": "Ouvrir la comparaison",
     "compare_from_package": "Ouvrir la comparaison (pré-rempli avec le paquet actuel)",
     "navigate_results": "Parcourir les résultats",
-    "go_to_result": "Aller au résultat",
+    "go_to_result": "Ouvrir le résultat",
     "open_code_view": "Ouvrir la vue code",
     "open_docs": "Ouvrir la doc",
     "disable_shortcuts": "Vous pouvez désactiver les raccourcis clavier dans {settings}."
@@ -123,12 +123,14 @@
     },
     "data_source": {
       "label": "Source de données",
-      "description": "Choisissez d'où npmx obtient ses données de recherche. Les pages de paquets utilisent toujours directement le registre npm.",
+      "description": "Choisissez d'où npmx récupère ses données de recherche. Les pages des paquets utilisent toujours directement le registre npm.",
       "npm": "Registre npm",
-      "npm_description": "Recherche, organisations et utilisateurs récupérés directement depuis le registre npm officiel. Fiable, mais peut être plus lent.",
+      "npm_description": "Effectuer la recherche sur les paquets, organisations et utilisateurs directement sur le registre npm officiel. Fiable, mais peut être plus lent.",
       "algolia": "Algolia",
-      "algolia_description": "Utilise Algolia pour accélérer la recherche et les pages d'organisations et d'utilisateurs."
+      "algolia_description": "Utiliser Algolia pour accélérer la recherche et les pages d'organisations et d'utilisateurs."
     },
+    "instant_search": "Recherche instantanée",
+    "instant_search_description": "Navigue vers la page de recherche et met à jour les résultats au fur et à mesure de la saisie.",
     "relative_dates": "Dates relatives",
     "include_types": "Inclure {'@'}types à la commande d'installation",
     "include_types_description": "Inclure les paquets {'@'}types à la commande d'installation pour les paquets non typés",
@@ -139,13 +141,11 @@
     "theme_dark": "Sombre",
     "theme_system": "Système",
     "language": "Langue de l'interface",
-    "help_translate": "Aidez à traduire npmx",
+    "help_translate": "Aidez-nous à traduire npmx",
     "accent_colors": "Couleurs d'accentuation",
     "clear_accent": "Supprimer la couleur d'accentuation",
     "translation_progress": "Progression de la traduction",
     "background_themes": "Teinte de fond",
-    "instant_search": "Recherche instantanée",
-    "instant_search_description": "Navigue vers la page de recherche et met à jour les résultats au fur et à mesure de la saisie.",
     "keyboard_shortcuts_enabled": "Activer les raccourcis clavier",
     "keyboard_shortcuts_enabled_description": "Les raccourcis clavier peuvent être désactivés s'ils entrent en conflit avec d'autres raccourcis du navigateur ou du système"
   },
@@ -153,7 +153,7 @@
     "missing_keys": "{count} traduction manquante | {count} traductions manquantes",
     "copy_keys": "Copier les noms",
     "show_more_keys": "Afficher {count} de plus...",
-    "contribute_hint": "Aidez à améliorer cette traduction en ajoutant les entrées manquantes.",
+    "contribute_hint": "Aidez-nous à améliorer cette traduction en ajoutant les entrées manquantes.",
     "edit_on_github": "Modifier sur GitHub",
     "view_guide": "Guide de traduction"
   },
@@ -178,7 +178,6 @@
     "skip_link": "Passer au contenu principal",
     "warnings": "Avertissements :",
     "go_back_home": "Retour à l'accueil",
-    "view_on_npm": "voir sur npm",
     "per_week": "/ semaine",
     "vanity_downloads_hint": "Métrique de vanité : aucun paquet affiché | Métrique de vanité : pour le paquet affiché | Métrique de vanité : somme des {count} paquets affichés",
     "sort": {
@@ -190,7 +189,11 @@
     "cancel": "Annuler",
     "save": "Enregistrer",
     "edit": "Modifier",
-    "error": "Erreur"
+    "error": "Erreur",
+    "view_on": {
+      "npm": "voir sur npm",
+      "github": "Voir sur GitHub"
+    }
   },
   "profile": {
     "display_name": "Nom d'affichage",
@@ -213,12 +216,9 @@
     "not_found": "Paquet introuvable",
     "not_found_message": "Le paquet n'a pas pu être trouvé.",
     "no_description": "Aucune description fournie",
-    "not_latest": "(pas la dernière)",
     "verified_provenance": "Provenance vérifiée",
-    "view_permalink": "Voir le lien permanent pour cette version",
-    "navigation": "Navigation du paquet",
+    "navigation": "Paquet",
     "copy_name": "Copier le nom du paquet",
-    "copy_version": "Copier la version du paquet",
     "deprecation": {
       "package": "Ce paquet a été déprécié.",
       "version": "Cette version a été dépréciée.",
@@ -312,7 +312,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Aucun README disponible.",
-      "view_on_github": "Voir sur GitHub",
       "toc_title": "Sommaire",
       "callout": {
         "note": "Note",
@@ -377,7 +376,6 @@
       "grouping_versions_only_recent": "Récentes seulement",
       "grouping_usage_title": "Utilisation",
       "grouping_usage_all": "Toutes",
-      "grouping_usage_low": "Basse",
       "recent_versions_only_tooltip": "Ne montrer que les versions publiées durant l'année écoulée.",
       "show_low_usage_tooltip": "Inclure les groupes de versions avec moins d'1% des téléchargements totaux.",
       "y_axis_label": "Téléchargements",
@@ -477,7 +475,9 @@
         "estimations": "Les valeurs finales sont des estimations basées sur des données partielles pour la période en cours.",
         "compare": "Graphique en courbes comparant les téléchargements des paquets suivants : {packages}.",
         "single_package": "Graphique en courbes des téléchargements pour le paquet {package}.",
-        "general_description": "L’axe Y représente le nombre de téléchargements. L’axe X représente la plage de dates, de {start_date} à {end_date}, avec une période de temps {granularity}.{estimation_notice} {packages_analysis}. {watermark}."
+        "general_description": "L’axe Y représente le nombre de téléchargements. L’axe X représente la plage de dates, de {start_date} à {end_date}, avec une période de temps {granularity}.{estimation_notice} {packages_analysis}. {watermark}.",
+        "facet_bar_general_description": "Graphique en barres horizontales pour : {packages}, comparant {facet} ({description}). {facet_analysis} {watermark}.",
+        "facet_bar_analysis": "{package_name} a une valeur de {value}."
       }
     },
     "downloads": {
@@ -776,8 +776,7 @@
       "preview": "aperçu",
       "code": "code"
     },
-    "file_path": "Chemin du fichier",
-    "scroll_to_top": "Remonter en haut"
+    "file_path": "Chemin du fichier"
   },
   "badges": {
     "provenance": {
@@ -914,18 +913,18 @@
     },
     "what_we_are_not": {
       "title": "Ce que nous ne sommes pas",
-      "not_package_manager": "Pas un gestionnaire de paquets.",
-      "not_registry": "Pas un registre.",
-      "registry_description": "Nous n'hébergeons pas de paquets. Nous sommes juste une meilleure façon de les parcourir.",
-      "package_managers_exist": "{already} {people} {building} {really} {cool} {package} {managers}.",
+      "not_package_manager": "Nous ne sommes pas un gestionnaire de paquets.",
+      "not_registry": "Nous ne sommes pas un registre.",
+      "registry_description": "Nous n'hébergeons pas de paquets. Nous sommes juste une meilleure façon de les explorer.",
+      "package_managers_exist": "{already} {people} {building} {managers} {package} {really} {cool}.",
       "words": {
         "already": "Il y a",
-        "people": "déjà",
-        "building": "des gens",
-        "really": "qui créent",
-        "cool": "de vraiment",
-        "package": "super",
-        "managers": "gestionnaires de paquets"
+        "people": "déjà des gens",
+        "building": "qui créent",
+        "really": "vraiment",
+        "cool": "cool",
+        "package": "de paquets",
+        "managers": "des gestionnaires"
       }
     },
     "sponsors": {
@@ -962,7 +961,7 @@
         "cta": "Joindre le Discord"
       },
       "builders": {
-        "title": "Aidez à construire npmx",
+        "title": "Aidez-nous à construire npmx",
         "description": "Rejoignez les builders qui façonnent l'avenir de npmx.",
         "cta": "Rejoindre le Discord Builders"
       },
@@ -1205,7 +1204,7 @@
   },
   "privacy_policy": {
     "title": "politique de confidentialité",
-    "last_updated": "Dernière mise à jour : {date}",
+    "last_updated": "Dernière mise à jour le : {date}",
     "welcome": "Bienvenue sur {app}. Nous nous engageons à protéger votre vie privée. Cette politique explique quelles données nous collectons, comment nous les utilisons, et vos droits concernant vos informations.",
     "cookies": {
       "what_are": {
@@ -1236,7 +1235,7 @@
         "title": "Gestion des cookies",
         "p1": "Vous pouvez configurer votre navigateur pour accepter, refuser ou supprimer les cookies selon vos préférences. Toutefois, veuillez noter que {bold}.",
         "bold": "le refus des cookies essentiels peut empêcher l'accès complet à l'application",
-        "p2": "Voici les liens avec les instructions de gestion des cookies pour les navigateurs les plus courants :",
+        "p2": "Voici les liens avec les instructions sur la gestion des cookies pour les navigateurs les plus courants :",
         "chrome": "Google Chrome (ouvre dans une nouvelle fenêtre)",
         "firefox": "Mozilla Firefox (ouvre dans une nouvelle fenêtre)",
         "edge": "Microsoft Edge (ouvre dans une nouvelle fenêtre)"
@@ -1262,16 +1261,16 @@
     },
     "data_retention": {
       "title": "Conservation des données",
-      "p1": "Les cookies de session sont automatiquement supprimés lorsque vous fermez votre navigateur ou après une période d'inactivité. Les préférences du stockage local restent sur votre appareil jusqu'à ce que vous effaciez les données de votre navigateur. Les données analytiques sont conservées sous forme agrégée et ne peuvent pas être liées à des utilisateurs individuels."
+      "p1": "Les cookies de session sont automatiquement supprimés lorsque vous fermez votre navigateur ou après une période d'inactivité. Les préférences enregistrées dans le stockage local restent sur votre appareil jusqu'à ce que vous effaciez les données de votre navigateur. Les données analytiques sont conservées sous forme agrégée et ne permettent pas d’identifier des utilisateurs individuels."
     },
     "your_rights": {
       "title": "Vos droits",
-      "p1": "Vous avez le droit de :",
-      "li1": "Accéder aux informations sur les données que nous collectons",
-      "li2": "Effacer votre stockage local et vos cookies à tout moment",
-      "li3": "Déconnecter votre session authentifiée",
-      "li4": "Demander des informations sur nos pratiques en matière de données",
-      "p2": "Puisque nous ne collectons pas de données personnelles, il n'y a généralement aucune information personnelle à supprimer ou exporter."
+      "p1": "Vous avez le droit :",
+      "li1": "D'accéder aux informations sur les données que nous collectons",
+      "li2": "D'effacer votre stockage local et vos cookies à tout moment",
+      "li3": "De déconnecter votre session authentifiée",
+      "li4": "De demander des informations sur nos pratiques en matière de données",
+      "p2": "Puisque nous ne collectons pas de données personnelles, il n'y a aucune information personnelle à supprimer ou exporter."
     },
     "contact": {
       "title": "Nous contacter",
@@ -1286,7 +1285,7 @@
   "a11y": {
     "title": "accessibilité",
     "footer_title": "accessibilité",
-    "welcome": "Nous voulons que {app} soit utilisable par autant de personnes que possible.",
+    "welcome": "Nous souhaitons que {app} soit utilisable par autant de personnes que possible.",
     "approach": {
       "title": "Notre approche",
       "p1": "Nous essayons de suivre les Web Content Accessibility Guidelines (WCAG) 2.2 et de les utiliser comme référence lorsque nous ajoutons des fonctionnalités. Nous ne prétendons pas être entièrement conforme à un quelconque niveau des WCAG — l'accessibilité est un processus continu et il y a toujours du travail à apporter.",
@@ -1295,20 +1294,20 @@
     },
     "measures": {
       "title": "Ce que nous faisons",
-      "p1": "Certaines des choses que nous visons à faire sur le site :",
-      "li1": "Utiliser l'HTML sémantique et les attributs ARIA là où c'est pertinent.",
-      "li2": "Utiliser des tailles de police relatives pour que vous puissiez les ajuster dans votre navigateur.",
-      "li3": "Supporter la navigation au clavier dans toute l'interface.",
-      "li4": "Respecter les requêtes média prefers-reduced-motion et prefers-color-scheme.",
-      "li5": "Designer en gardant un contraste couleur suffisant à l'esprit.",
-      "li6": "S'assurer que l'essentiel du contenu est disponible sans JavaScript, même si quelques fonctionnalités interactives peuvent le nécessiter."
+      "p1": "Voici certaines des actions que nous nous efforçons de faire sur ce site :",
+      "li1": "Utiliser du HTML sémantique et des attributs ARIA lorsque c'est pertinent.",
+      "li2": "Utiliser des tailles de texte relatives afin que vous puissiez les ajuster dans votre navigateur.",
+      "li3": "Prendre en charge la navigation au clavier dans toute l'interface.",
+      "li4": "Respecter les media queries prefers-reduced-motion et prefers-color-scheme.",
+      "li5": "Concevoir en gardant à l'esprit un contraste de couleurs suffisant.",
+      "li6": "Veiller à ce que l'essentiel du contenu soit disponible sans JavaScript, même si certaines fonctionnalités interactives peuvent en dépendre."
     },
     "limitations": {
       "title": "Limitations connues",
-      "p1": "Quelques parties du site — particulièrement le contenu externe comme les READMEs des paquets — peuvent ne pas atteindre les standards d'accessibilité. Nous travaillons à améliorer ces aspects avec le temps."
+      "p1": "Certaines parties du site, en particulier le contenu externe comme les README des paquets, peuvent ne pas respecter les standards d'accessibilité. Nous travaillons à améliorer ces aspects au fil du temps."
     },
     "contact": {
-      "title": "Retours",
+      "title": "Nous faire un retour",
       "p1": "Si vous rencontrez un problème d'accessibilité sur {app}, veuillez nous le faire savoir en ouvrant une issue sur notre {link}. Nous prenons ces rapports au sérieux et ferons de notre mieux pour les régler.",
       "link": "dépôt GitHub"
     }
diff --git a/i18n/locales/hi-IN.json b/i18n/locales/hi-IN.json
index c7bc09ca48..cd1660e067 100644
--- a/i18n/locales/hi-IN.json
+++ b/i18n/locales/hi-IN.json
@@ -100,7 +100,6 @@
     "skip_link": "मुख्य सामग्री पर जाएं",
     "warnings": "चेतावनियाँ:",
     "go_back_home": "होम पर वापस जाएं",
-    "view_on_npm": "npm पर देखें",
     "per_week": "/ सप्ताह",
     "vanity_downloads_hint": "वैनिटी नंबर: कोई पैकेज प्रदर्शित नहीं | वैनिटी नंबर: प्रदर्शित पैकेज के लिए | वैनिटी नंबर: {count} प्रदर्शित पैकेज का योग",
     "sort": {
@@ -108,15 +107,17 @@
       "role": "भूमिका",
       "members": "सदस्य"
     },
-    "scroll_to_top": "शीर्ष पर स्क्रॉल करें"
+    "scroll_to_top": "शीर्ष पर स्क्रॉल करें",
+    "view_on": {
+      "npm": "npm पर देखें",
+      "github": "GitHub पर देखें"
+    }
   },
   "package": {
     "not_found": "पैकेज नहीं मिला",
     "not_found_message": "पैकेज नहीं मिल सका।",
     "no_description": "कोई विवरण प्रदान नहीं किया गया",
-    "not_latest": "(नवीनतम नहीं)",
     "verified_provenance": "सत्यापित प्रोवेनेंस",
-    "view_permalink": "इस संस्करण का परमालिंक देखें",
     "navigation": "पैकेज",
     "copy_name": "पैकेज नाम अनुकरण करें",
     "deprecation": {
@@ -195,7 +196,6 @@
     "readme": {
       "title": "रीडमी",
       "no_readme": "कोई README उपलब्ध नहीं है।",
-      "view_on_github": "GitHub पर देखें",
       "callout": {}
     },
     "provenance_section": {},
diff --git a/i18n/locales/hu-HU.json b/i18n/locales/hu-HU.json
index c24450e5f1..602fb8fc82 100644
--- a/i18n/locales/hu-HU.json
+++ b/i18n/locales/hu-HU.json
@@ -77,6 +77,10 @@
     "links": "Linkek",
     "tap_to_search": "Koppints a kereséshez"
   },
+  "blog": {
+    "author": {},
+    "atproto": {}
+  },
   "settings": {
     "title": "beállítások",
     "tagline": "szabd személyre az npmx élményed",
@@ -122,6 +126,7 @@
     "edit_on_github": "Szerkesztés GitHub-on",
     "view_guide": "Fordítási útmutató"
   },
+  "error": {},
   "common": {
     "loading": "Betöltés...",
     "loading_more": "Továbbiak betöltése...",
@@ -136,7 +141,6 @@
     "skip_link": "Ugrás a fő tartalomra",
     "warnings": "Figyelmeztetések:",
     "go_back_home": "Vissza a főoldalra",
-    "view_on_npm": "megtekintés npm-en",
     "per_week": "/ hét",
     "vanity_downloads_hint": "Vanity szám: nincsenek csomagok megjelenítve | Vanity szám: a megjelenített csomagra | Vanity szám: {count} megjelenített csomag összege",
     "sort": {
@@ -148,7 +152,11 @@
     "cancel": "Mégse",
     "save": "Mentés",
     "edit": "Szerkesztés",
-    "error": "Hiba"
+    "error": "Hiba",
+    "view_on": {
+      "npm": "megtekintés npm-en",
+      "github": "Megtekintés GitHubon"
+    }
   },
   "profile": {
     "display_name": "Megjelenítési név",
@@ -171,12 +179,9 @@
     "not_found": "Csomag Nem Található",
     "not_found_message": "A csomag nem található.",
     "no_description": "Nincs leírás",
-    "not_latest": "(nem a legfrissebb)",
     "verified_provenance": "Hitelesített eredet",
-    "view_permalink": "Verzió permalinkjének megtekintése",
     "navigation": "Csomag",
     "copy_name": "Csomagnév másolása",
-    "copy_version": "Csomag verziójának másolása",
     "deprecation": {
       "package": "Ez a csomag elavult (deprecated).",
       "version": "Ez a verzió elavult (deprecated).",
@@ -270,7 +275,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Nincs elérhető README.",
-      "view_on_github": "Megtekintés GitHubon",
       "toc_title": "Témakörök",
       "callout": {
         "note": "Megjegyzés",
@@ -335,7 +339,6 @@
       "grouping_versions_only_recent": "Csak a közelmúltbeli",
       "grouping_usage_title": "Használat",
       "grouping_usage_all": "Összes",
-      "grouping_usage_low": "Alacsony",
       "recent_versions_only_tooltip": "Csak az elmúlt év során közzétett verziókat mutasd meg.",
       "show_low_usage_tooltip": "Tartalmazzon olyan verziós csoportokat az összes letöltés 1%-ánál kevesebb.",
       "y_axis_label": "Letöltések",
@@ -732,8 +735,7 @@
       "preview": "előnézet",
       "code": "kód"
     },
-    "file_path": "Fájl elérési útja",
-    "scroll_to_top": "Görgetés a tetejére"
+    "file_path": "Fájl elérési útja"
   },
   "badges": {
     "provenance": {
@@ -917,6 +919,7 @@
         "description": "Chat, kérdések és ötletelés.",
         "cta": "Csatlakozás a Discord-hoz"
       },
+      "builders": {},
       "follow": {
         "title": "Maradj naprakész",
         "description": "Értesülj a legújabb npmx hírekről.",
@@ -1125,6 +1128,11 @@
     "close_files_panel": "Fájlok panel bezárása",
     "filter_files_label": "Fájlok szűrése módosítás típusa szerint"
   },
+  "pds": {
+    "join": {},
+    "server": {},
+    "community": {}
+  },
   "privacy_policy": {
     "title": "adatvédelmi nyilatkozat",
     "last_updated": "Utolsó frissítés: {date}",
diff --git a/i18n/locales/id-ID.json b/i18n/locales/id-ID.json
index bed3494461..718a3c67de 100644
--- a/i18n/locales/id-ID.json
+++ b/i18n/locales/id-ID.json
@@ -13,10 +13,12 @@
   "trademark_disclaimer": "npm adalah merek dagang terdaftar dari npm, Inc. Situs ini tidak berafiliasi dengan npm, Inc.",
   "footer": {
     "about": "tentang",
+    "blog": "blog",
     "docs": "dokumen",
     "source": "sumber",
     "social": "sosial",
     "chat": "obrolan",
+    "builders_chat": "builders",
     "keyboard_shortcuts": "pintasan papan ketik"
   },
   "shortcuts": {
@@ -63,7 +65,13 @@
       "org": "organisasi",
       "view_user_packages": "Lihat paket oleh pengguna ini",
       "view_org_packages": "Lihat paket oleh organisasi ini"
-    }
+    },
+    "instant_search": "Pencarian instan",
+    "instant_search_on": "aktif",
+    "instant_search_off": "nonaktif",
+    "instant_search_turn_on": "aktifkan",
+    "instant_search_turn_off": "nonaktifkan",
+    "instant_search_advisory": "{label} {state} — {action}"
   },
   "nav": {
     "main_navigation": "Utama",
@@ -77,6 +85,31 @@
     "links": "Tautan",
     "tap_to_search": "Ketuk untuk mencari"
   },
+  "blog": {
+    "title": "Blog",
+    "heading": "blog",
+    "meta_description": "Wawasan dan pembaruan dari komunitas npmx",
+    "author": {
+      "view_profile": "Lihat profil {name} di Bluesky"
+    },
+    "draft_badge": "Draft",
+    "draft_banner": "Ini adalah draf yang belum dipublikasikan. Kontennya mungkin belum lengkap atau mengandung ketidakakuratan",
+    "atproto": {
+      "view_on_bluesky": "Lihat di Bluesky",
+      "reply_on_bluesky": "Balas di Bluesky",
+      "likes_on_bluesky": "Suka di Bluesky",
+      "like_or_reply_on_bluesky": "Sukai postingan ini atau tambahkan komentar di Bluesky",
+      "no_comments_yet": "Belum ada komentar.",
+      "could_not_load_comments": "Tidak dapat memuat komentar.",
+      "comments": "Komentar",
+      "loading_comments": "Memuat komentar...",
+      "updating": "Memperbarui...",
+      "reply_count": "{count} balasan | {count} balasan",
+      "like_count": "{count} suka | {count} suka",
+      "repost_count": "{count} repost | {count} repost",
+      "more_replies": "{count} balasan lainnya... | {count} balasan lainnya..."
+    }
+  },
   "settings": {
     "title": "pengaturan",
     "tagline": "sesuaikan pengalaman npmx Anda",
@@ -96,6 +129,8 @@
       "algolia": "Algolia",
       "algolia_description": "Menggunakan Algolia untuk pencarian, halaman organisasi, dan pengguna yang lebih cepat."
     },
+    "instant_search": "Pencarian instan",
+    "instant_search_description": "Langsung membuka halaman pencarian dan memperbarui hasil saat Anda mengetik.",
     "relative_dates": "Format tanggal relatif",
     "include_types": "Sertakan {'@'}types saat instal",
     "include_types_description": "Tambahkan paket {'@'}types ke perintah instalasi untuk paket tanpa tipe",
@@ -122,6 +157,13 @@
     "edit_on_github": "Edit di GitHub",
     "view_guide": "Panduan terjemahan"
   },
+  "error": {
+    "401": "Tidak memiliki otorisasi",
+    "404": "Halaman tidak ditemukan",
+    "500": "Kesalahan server internal",
+    "503": "Layanan tidak tersedia",
+    "default": "Terjadi kesalahan"
+  },
   "common": {
     "loading": "Memuat...",
     "loading_more": "Memuat lebih banyak...",
@@ -136,7 +178,6 @@
     "skip_link": "Lanjut ke konten utama",
     "warnings": "Peringatan:",
     "go_back_home": "Kembali ke Beranda",
-    "view_on_npm": "lihat di npm",
     "per_week": "/ minggu",
     "vanity_downloads_hint": "Angka statistik: tidak ada paket | Angka statistik: untuk paket yang tampil | Angka statistik: Total dari {count} paket yang tampil",
     "sort": {
@@ -144,18 +185,50 @@
       "role": "peran",
       "members": "anggota"
     },
-    "scroll_to_top": "Kembali ke atas"
+    "scroll_to_top": "Kembali ke atas",
+    "cancel": "Batal",
+    "save": "Simpan",
+    "edit": "Edit",
+    "error": "Kesalahan",
+    "view_on": {
+      "npm": "lihat di npm",
+      "github": "Lihat di GitHub",
+      "gitlab": "Lihat di GitLab",
+      "bitbucket": "Lihat di Bitbucket",
+      "codeberg": "Lihat di Codeberg",
+      "git_repo": "Lihat repositori Git",
+      "forgejo": "Lihat di Forgejo",
+      "gitea": "Lihat di Gitea",
+      "gitee": "Lihat di Gitee",
+      "radicle": "Lihat di Radicle",
+      "sourcehut": "Lihat di SourceHut",
+      "tangled": "Lihat di Tangled"
+    }
+  },
+  "profile": {
+    "display_name": "Nama tampilan",
+    "description": "Deskripsi",
+    "no_description": "Tidak ada deskripsi",
+    "website": "Situs web",
+    "website_placeholder": "https://contoh.com",
+    "likes": "Suka",
+    "seo_title": "{handle} - npmx",
+    "seo_description": "Profil npmx oleh {handle}",
+    "not_found": "Profil tidak ditemukan",
+    "not_found_message": "Profil untuk {handle} tidak dapat ditemukan.",
+    "invite": {
+      "message": "Sepertinya mereka belum menggunakan npmx. Ingin memberi tahu mereka?",
+      "share_button": "Bagikan di Bluesky",
+      "compose_text": "Hai {'@'}{handle}! Sudah pernah mencoba npmx.dev? Ini adalah browser untuk npm registry yang cepat, modern, dan open-source.\nhttps://npmx.dev"
+    }
   },
   "package": {
     "not_found": "Paket Tidak Ditemukan",
     "not_found_message": "Paket tidak dapat ditemukan.",
     "no_description": "Tidak ada deskripsi",
-    "not_latest": "(bukan versi terbaru)",
     "verified_provenance": "Provenans terverifikasi",
-    "view_permalink": "Lihat permalink untuk versi ini",
     "navigation": "Paket",
     "copy_name": "Salin nama paket",
-    "copy_version": "Salin versi paket",
     "deprecation": {
       "package": "Paket ini telah usang (deprecated).",
       "version": "Versi ini telah usang (deprecated).",
@@ -249,7 +322,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README tidak tersedia.",
-      "view_on_github": "Lihat di GitHub",
       "toc_title": "Garis Besar",
       "callout": {
         "note": "Catatan",
@@ -314,7 +386,7 @@
       "grouping_versions_only_recent": "Hanya baru-baru ini",
       "grouping_usage_title": "Penggunaan",
       "grouping_usage_all": "Semua",
-      "grouping_usage_low": "Rendah",
+      "grouping_usage_most_used": "Paling sering digunakan",
       "recent_versions_only_tooltip": "Tampilkan hanya versi yang diterbitkan dalam satu tahun terakhir.",
       "show_low_usage_tooltip": "Sertakan grup versi dengan kurang dari 1% total unduhan.",
       "y_axis_label": "Unduhan",
@@ -378,6 +450,8 @@
       "download_file": "Unduh {fileType}",
       "toggle_annotator": "Ganti anotator",
       "toggle_stack_mode": "Beralih mode tumpukan",
+      "open_options": "Buka opsi",
+      "close_options": "Tutup opsi",
       "legend_estimation": "Estimasi",
       "no_data": "Tidak ada data tersedia",
       "y_axis_label": "{granularity} {facet}",
@@ -392,6 +466,7 @@
       "data_correction": "Koreksi data",
       "average_window": "Rata-rata jendela",
       "smoothing": "Penghalusan",
+      "prediction": "Prediksi tren",
       "known_anomalies": "Anomali yang diketahui",
       "known_anomalies_description": "Menyisipkan lonjakan unduhan yang diketahui akibat bot atau masalah CI.",
       "known_anomalies_ranges": "Batas anomali",
@@ -412,12 +487,15 @@
         "estimations": "Nilai akhir adalah estimasi berdasarkan data sebagian untuk periode saat ini.",
         "compare": "Bagan perbandingan jumlah unduhan paket untuk: {packages}.",
         "single_package": "Bagan jumlah unduhan paket untuk paket {package}.",
-        "general_description": "Sumbu Y melambangkan jumlah unduhan. Sumbu X melambangkan jangka waktu, mulai dari {start_date} hingga {end_date}, dalam kurun waktu {granularity}. {estimation_notice} {packages_analysis}. {watermark}."
+        "general_description": "Sumbu Y melambangkan jumlah unduhan. Sumbu X melambangkan jangka waktu, mulai dari {start_date} hingga {end_date}, dalam kurun waktu {granularity}. {estimation_notice} {packages_analysis}. {watermark}.",
+        "facet_bar_general_description": "Grafik batang horizontal untuk: {packages}, membandingkan {facet} ({description}). {facet_analysis} {watermark}.",
+        "facet_bar_analysis": "{package_name} memiliki nilai {value}."
       }
     },
     "downloads": {
       "title": "Unduhan Mingguan",
-      "community_distribution": "Lihat sebaran penggunaan komunitas"
+      "community_distribution": "Lihat sebaran penggunaan komunitas",
+      "subtitle": "Di semua versi"
     },
     "install_scripts": {
       "title": "Skrip Instalasi",
@@ -711,7 +789,8 @@
       "code": "kode"
     },
     "file_path": "Jalur berkas",
-    "scroll_to_top": "Kembali ke atas"
+    "binary_file": "File biner",
+    "binary_rendering_warning": "File ini adalah file biner dan tidak dapat ditampilkan sebagai teks."
   },
   "badges": {
     "provenance": {
@@ -895,6 +974,11 @@
         "description": "Obrolkan, ajukan pertanyaan, dan bagikan ide.",
         "cta": "Gabung Discord"
       },
+      "builders": {
+        "title": "Bantu membangun npmx",
+        "description": "Bergabunglah dengan para builder yang membentuk masa depan npmx.",
+        "cta": "Gabung Builders Discord"
+      },
       "follow": {
         "title": "Tetap terbarui",
         "description": "Temukan kabar terbaru tentang npmx.",
@@ -927,7 +1011,8 @@
       "connect_bluesky": "Hubungkan dengan Bluesky",
       "what_is_atmosphere": "Apa itu akun Atmosphere?",
       "atmosphere_explanation": "{npmx} menggunakan {atproto} untuk mendukung berbagai fitur sosialnya, memungkinkan pengguna memiliki data mereka sendiri dan menggunakan satu akun untuk semua aplikasi yang kompatibel. Setelah membuat akun, Anda dapat menggunakan aplikasi lain seperti {bluesky} dan {tangled} dengan akun yang sama.",
-      "default_input_error": "Silakan masukkan handle, DID, atau URL PDS yang valid"
+      "default_input_error": "Silakan masukkan handle, DID, atau URL PDS yang valid",
+      "profile": "Profil"
     }
   },
   "header": {
@@ -964,7 +1049,9 @@
       "loading": "Memuat data paket...",
       "error": "Gagal memuat data paket. Silakan coba lagi.",
       "empty_title": "Pilih paket untuk dibandingkan",
-      "empty_description": "Cari dan tambahkan setidaknya 2 paket di atas untuk melihat perbandingan metrik mereka secara berdampingan."
+      "empty_description": "Cari dan tambahkan setidaknya 2 paket di atas untuk melihat perbandingan metrik mereka secara berdampingan.",
+      "table_view": "Tabel",
+      "charts_view": "Grafik"
     },
     "selector": {
       "search_label": "Cari paket",
@@ -1072,7 +1159,10 @@
     "file_changes": "Perubahan Berkas",
     "files_count": "{count} berkas",
     "lines_hidden": "{count} baris disembunyikan",
+    "file_too_large": "File terlalu besar untuk dibandingkan",
+    "file_size_warning": "{size} melebihi batas 250KB untuk perbandingan",
     "compare_versions": "perbarui",
+    "compare_versions_title": "Bandingkan dengan versi terbaru",
     "summary": "Ringkasan",
     "deps_count": "{count} ketergantungan",
     "dependencies": "Ketergantungan",
@@ -1100,6 +1190,34 @@
     "close_files_panel": "Tutup panel berkas",
     "filter_files_label": "Filter berkas menurut jenis tindakan"
   },
+  "pds": {
+    "title": "npmx.social",
+    "meta_description": "Personal Data Server (PDS) resmi berbasis AT Protocol untuk komunitas npmx.",
+    "join": {
+      "title": "Bergabung dengan Komunitas",
+      "description": "Baik Anda membuat akun pertama di atmosphere atau memigrasikan akun yang sudah ada, Anda tetap dapat bergabung di sini. Anda dapat memigrasikan akun Anda tanpa kehilangan handle, postingan, atau pengikut.",
+      "migrate": "Migrasi dengan PDS MOOver"
+    },
+    "server": {
+      "title": "Detail Server",
+      "location_label": "Lokasi:",
+      "location_value": "Nuremberg, Jerman",
+      "infrastructure_label": "Infrastruktur:",
+      "infrastructure_value": "Dihosting di Hetzner",
+      "privacy_label": "Privasi:",
+      "privacy_value": "Tunduk pada hukum perlindungan data ketat Uni Eropa",
+      "learn_more": "Pelajari bagaimana npmx menggunakan Atmosphere"
+    },
+    "community": {
+      "title": "Siapa saja di sini",
+      "description": "Beberapa dari {count} akun yang sudah menjadikan npmx.social sebagai rumah:",
+      "loading": "Memuat komunitas PDS...",
+      "error": "Gagal memuat komunitas PDS.",
+      "empty": "Tidak ada anggota komunitas untuk ditampilkan.",
+      "view_profile": "Lihat profil {handle}",
+      "new_accounts": "...ditambah {count} lainnya yang baru di atmosphere"
+    }
+  },
   "privacy_policy": {
     "title": "kebijakan privasi",
     "last_updated": "Terakhir diperbarui: {date}",
diff --git a/i18n/locales/it-IT.json b/i18n/locales/it-IT.json
index 76506bb846..5155400809 100644
--- a/i18n/locales/it-IT.json
+++ b/i18n/locales/it-IT.json
@@ -132,7 +132,6 @@
     "skip_link": "Salta al contenuto principale",
     "warnings": "Avvisi:",
     "go_back_home": "Torna alla home",
-    "view_on_npm": "vedi su npm",
     "per_week": "/ settimana",
     "vanity_downloads_hint": "Numero di vanità: nessun pacchetto visualizzato | Numero di vanità: per il pacchetto visualizzato | Numero di vanità: somma di {count} pacchetti visualizzati",
     "sort": {
@@ -140,18 +139,19 @@
       "role": "ruolo",
       "members": "membri"
     },
-    "scroll_to_top": "Torna su"
+    "scroll_to_top": "Torna su",
+    "view_on": {
+      "npm": "vedi su npm",
+      "github": "Vedi su GitHub"
+    }
   },
   "package": {
     "not_found": "Pacchetto Non Trovato",
     "not_found_message": "Impossibile trovare il pacchetto.",
     "no_description": "Nessuna descrizione fornita",
-    "not_latest": "(non recente)",
     "verified_provenance": "Provenienza verificata",
-    "view_permalink": "Vedi il link permanente per questa versione",
     "navigation": "Pacchetto",
     "copy_name": "Copia nome pacchetto",
-    "copy_version": "Copia versione pacchetto",
     "deprecation": {
       "package": "Questo pacchetto è stato deprecato.",
       "version": "Questa versione è stata deprecata.",
@@ -245,7 +245,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Nessuno README disponibile.",
-      "view_on_github": "Vedi su GitHub",
       "toc_title": "Contorno",
       "callout": {
         "note": "Nota",
diff --git a/i18n/locales/ja-JP.json b/i18n/locales/ja-JP.json
index 46d417b762..408cc7433a 100644
--- a/i18n/locales/ja-JP.json
+++ b/i18n/locales/ja-JP.json
@@ -178,7 +178,6 @@
     "skip_link": "メインコンテンツにスキップ",
     "warnings": "警告:",
     "go_back_home": "ホームへ戻る",
-    "view_on_npm": "npmで表示",
     "per_week": "/ 週",
     "vanity_downloads_hint": "バニティ番号: パッケージが表示されていません|バニティ番号: 表示されているパッケージの数値|バニティ番号: 表示されている {count} 個のパッケージの合計",
     "sort": {
@@ -190,7 +189,11 @@
     "cancel": "キャンセル",
     "save": "保存",
     "edit": "編集",
-    "error": "エラー"
+    "error": "エラー",
+    "view_on": {
+      "npm": "npmで表示",
+      "github": "GitHubで表示"
+    }
   },
   "profile": {
     "display_name": "表示名",
@@ -213,12 +216,9 @@
     "not_found": "パッケージが見つかりません",
     "not_found_message": "パッケージが見つかりませんでした。",
     "no_description": "説明はありません",
-    "not_latest": "（最新ではありません）",
     "verified_provenance": "検証済みprovenance",
-    "view_permalink": "このバージョンのパーマリンクを表示",
     "navigation": "パッケージナビゲーション",
     "copy_name": "パッケージ名をコピー",
-    "copy_version": "パッケージのバージョンをコピー",
     "deprecation": {
       "package": "このパッケージは非推奨になりました。",
       "version": "このバージョンは非推奨になりました。",
@@ -312,7 +312,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "READMEはありません。",
-      "view_on_github": "GitHubで表示",
       "toc_title": "目次",
       "callout": {
         "note": "メモ",
@@ -377,7 +376,6 @@
       "grouping_versions_only_recent": "直近のみ",
       "grouping_usage_title": "使用状況",
       "grouping_usage_all": "すべて",
-      "grouping_usage_low": "低",
       "recent_versions_only_tooltip": "過去1年以内に公開されたバージョンのみ表示します。",
       "show_low_usage_tooltip": "総ダウンロード数の1%未満のバージョングループも含めます。",
       "y_axis_label": "ダウンロード",
@@ -776,8 +774,7 @@
       "preview": "プレビュー",
       "code": "コード"
     },
-    "file_path": "ファイルパス",
-    "scroll_to_top": "トップへスクロール"
+    "file_path": "ファイルパス"
   },
   "badges": {
     "provenance": {
diff --git a/i18n/locales/kn-IN.json b/i18n/locales/kn-IN.json
index 6a1cee3f2f..23ac3c680a 100644
--- a/i18n/locales/kn-IN.json
+++ b/i18n/locales/kn-IN.json
@@ -100,7 +100,6 @@
     "skip_link": "ಮುಖ್ಯ ವಿಷಯಕ್ಕೆ ಹೋಗಿ",
     "warnings": "ಎಚ್ಚರಿಕೆಗಳು:",
     "go_back_home": "ಮುಖಪುಟಕ್ಕೆ ಹಿಂತಿರುಗಿ",
-    "view_on_npm": "npm ನಲ್ಲಿ ನೋಡಿ",
     "per_week": "/ ವಾರ",
     "vanity_downloads_hint": "ವ್ಯಾನಿಟಿ ಸಂಖ್ಯೆ: ಪ್ಯಾಕೇಜ್ ಪ್ರದರ್ಶಿಸಲಾಗಿಲ್ಲ | ವ್ಯಾನಿಟಿ ಸಂಖ್ಯೆ: ಪ್ರದರ್ಶಿಸಲಾದ ಪ್ಯಾಕೇಜ್ | ವ್ಯಾನಿಟಿ ಸಂಖ್ಯೆ: {count} ಪ್ರದರ್ಶಿಸಲಾದ ಪ್ಯಾಕೇಜ್‌ಗಳ ಒಟ್ಟು",
     "sort": {
@@ -108,15 +107,17 @@
       "role": "ಪಾತ್ರ",
       "members": "ಸದಸ್ಯರು"
     },
-    "scroll_to_top": "ಮೇಲಕ್ಕೆ ಸ್ಕ್ರೋಲ್ ಮಾಡಿ"
+    "scroll_to_top": "ಮೇಲಕ್ಕೆ ಸ್ಕ್ರೋಲ್ ಮಾಡಿ",
+    "view_on": {
+      "npm": "npm ನಲ್ಲಿ ನೋಡಿ",
+      "github": "GitHub ನಲ್ಲಿ ನೋಡಿ"
+    }
   },
   "package": {
     "not_found": "ಪ್ಯಾಕೇಜ್ ಕಂಡುಬಂದಿಲ್ಲ",
     "not_found_message": "ಪ್ಯಾಕೇಜ್ ಕಂಡುಬಂದಿಲ್ಲ.",
     "no_description": "ವಿವರಣೆ ನೀಡಲಾಗಿಲ್ಲ",
-    "not_latest": "(ಇದು ಇತ್ತೀಚಿನದು ಅಲ್ಲ)",
     "verified_provenance": "ಪರಿಶೀಲಿತ ಮೂಲ (Provenance)",
-    "view_permalink": "ಈ ಆವೃತ್ತಿಯ ಶಾಶ್ವತ ಲಿಂಕ್ ನೋಡಿ",
     "navigation": "ಪ್ಯಾಕೇಜ್",
     "copy_name": "ಪ್ಯಾಕೇಜ್ ಹೆಸರನ್ನು ನಕಲಿಸಿ",
     "deprecation": {
@@ -195,7 +196,6 @@
     "readme": {
       "title": "ರೀಡ್‌ಮಿ",
       "no_readme": "README ಲಭ್ಯವಿಲ್ಲ.",
-      "view_on_github": "GitHub ನಲ್ಲಿ ನೋಡಿ",
       "callout": {}
     },
     "provenance_section": {},
diff --git a/i18n/locales/mr-IN.json b/i18n/locales/mr-IN.json
index 7215660b78..5c1692f0d7 100644
--- a/i18n/locales/mr-IN.json
+++ b/i18n/locales/mr-IN.json
@@ -98,7 +98,6 @@
     "skip_link": "मुख्य सामग्रीवर जा",
     "warnings": "चेतावण्या:",
     "go_back_home": "मुख्यपृष्ठावर परत जा",
-    "view_on_npm": "npm वर पहा",
     "per_week": "/ आठवडा",
     "vanity_downloads_hint": "व्यर्थ संख्या: कोणतीही पॅकेजेस दर्शविली नाहीत | व्यर्थ संख्या: दर्शवलेल्या पॅकेजसाठी | व्यर्थ संख्या: {count} दर्शवलेल्या पॅकेजेसची बेरीज",
     "sort": {
@@ -106,15 +105,16 @@
       "role": "भूमिका",
       "members": "सदस्य"
     },
-    "scroll_to_top": "वर स्क्रोल करा"
+    "scroll_to_top": "वर स्क्रोल करा",
+    "view_on": {
+      "npm": "npm वर पहा"
+    }
   },
   "package": {
     "not_found": "पॅकेज सापडले नाही",
     "not_found_message": "पॅकेज सापडले नाही.",
     "no_description": "कोणतेही वर्णन प्रदान केलेले नाही",
-    "not_latest": "(नवीनतम नाही)",
     "verified_provenance": "सत्यापित उत्पत्ती",
-    "view_permalink": "या आवृत्तीसाठी परमालिंक पहा",
     "navigation": "पॅकेज",
     "copy_name": "पॅकेज नाव कॉपी करा",
     "deprecation": {
diff --git a/i18n/locales/nb-NO.json b/i18n/locales/nb-NO.json
index 6ed21cfca2..94658e4eb4 100644
--- a/i18n/locales/nb-NO.json
+++ b/i18n/locales/nb-NO.json
@@ -131,7 +131,6 @@
     "skip_link": "Gå til hovedinnhold",
     "warnings": "Advarsler:",
     "go_back_home": "Gå tilbake til start",
-    "view_on_npm": "vis på npm",
     "per_week": "/ uke",
     "vanity_downloads_hint": "Visningstall: ingen pakker vist | Visningstall: for den viste pakken | Visningstall: Sum av {count} viste pakker",
     "sort": {
@@ -139,15 +138,17 @@
       "role": "rolle",
       "members": "medlemmer"
     },
-    "scroll_to_top": "Rull til toppen"
+    "scroll_to_top": "Rull til toppen",
+    "view_on": {
+      "npm": "vis på npm",
+      "github": "Vis på GitHub"
+    }
   },
   "package": {
     "not_found": "Pakke ikke funnet",
     "not_found_message": "Pakken kunne ikke finnes.",
     "no_description": "Ingen beskrivelse gitt",
-    "not_latest": "(ikke nyeste)",
     "verified_provenance": "Verifisert opprinnelse",
-    "view_permalink": "Vis permalenke for denne versjonen",
     "navigation": "Pakke",
     "copy_name": "Kopier pakkenavn",
     "deprecation": {
@@ -234,7 +235,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Ingen README tilgjengelig.",
-      "view_on_github": "Vis på GitHub",
       "toc_title": "Innhold",
       "callout": {
         "note": "Merk",
diff --git a/i18n/locales/ne-NP.json b/i18n/locales/ne-NP.json
index 9427484fef..dc1e7710d6 100644
--- a/i18n/locales/ne-NP.json
+++ b/i18n/locales/ne-NP.json
@@ -100,7 +100,6 @@
     "skip_link": "मुख्य सामग्रीमा जानुहोस्",
     "warnings": "चेतावनीहरू:",
     "go_back_home": "होममा फर्कनुहोस्",
-    "view_on_npm": "npm मा हेर्नुहोस्",
     "per_week": "/ हप्ता",
     "vanity_downloads_hint": "भ्यानिटी नम्बर: कुनै प्याकेज देखाइएको छैन | भ्यानिटी नम्बर: देखाइएको प्याकेजका लागि | भ्यानिटी नम्बर: देखाइएको {count} प्याकेजहरूको योग",
     "sort": {
@@ -108,15 +107,17 @@
       "role": "भूमिका",
       "members": "सदस्यहरू"
     },
-    "scroll_to_top": "माथि स्क्रोल गर्नुहोस्"
+    "scroll_to_top": "माथि स्क्रोल गर्नुहोस्",
+    "view_on": {
+      "npm": "npm मा हेर्नुहोस्",
+      "github": "GitHub मा हेर्नुहोस्"
+    }
   },
   "package": {
     "not_found": "प्याकेज फेला परेन",
     "not_found_message": "प्याकेज फेला पार्न सकिएन।",
     "no_description": "विवरण उपलब्ध छैन",
-    "not_latest": "(नवीनतम होइन)",
     "verified_provenance": "प्रमाणित प्रुभेनेन्स",
-    "view_permalink": "यस संस्करणको पर्मालिङ्क हेर्नुहोस्",
     "navigation": "प्याकेज",
     "copy_name": "प्याकेज नाम कपी गर्नुहोस्",
     "deprecation": {
@@ -181,7 +182,6 @@
     "readme": {
       "title": "README",
       "no_readme": "README उपलब्ध छैन।",
-      "view_on_github": "GitHub मा हेर्नुहोस्",
       "callout": {}
     },
     "provenance_section": {},
diff --git a/i18n/locales/pl-PL.json b/i18n/locales/pl-PL.json
index 048e6fbafc..eaf990fc5e 100644
--- a/i18n/locales/pl-PL.json
+++ b/i18n/locales/pl-PL.json
@@ -13,10 +13,12 @@
   "trademark_disclaimer": "npm jest zarejestrowanym znakiem towarowym npm, Inc. Ta strona nie jest powiązana z npm, Inc.",
   "footer": {
     "about": "o nas",
+    "blog": "blog",
     "docs": "dokumentacja",
     "source": "kod źródłowy",
     "social": "social",
     "chat": "czat",
+    "builders_chat": "czat twórców",
     "keyboard_shortcuts": "skróty klawiaturowe"
   },
   "shortcuts": {
@@ -63,7 +65,13 @@
       "org": "organizacja",
       "view_user_packages": "Zobacz pakiety tego użytkownika",
       "view_org_packages": "Zobacz pakiety tej organizacji"
-    }
+    },
+    "instant_search": "Wyszukiwanie natychmiastowe",
+    "instant_search_on": "włączone",
+    "instant_search_off": "wyłączone",
+    "instant_search_turn_on": "włącz",
+    "instant_search_turn_off": "wyłącz",
+    "instant_search_advisory": "{label} {state} — {action}"
   },
   "nav": {
     "main_navigation": "Główne",
@@ -77,6 +85,31 @@
     "links": "Linki",
     "tap_to_search": "Dotknij, aby wyszukać"
   },
+  "blog": {
+    "title": "Blog",
+    "heading": "blog",
+    "meta_description": "Przemyślenia i nowości od społeczności npmx",
+    "author": {
+      "view_profile": "Zobacz profil {name} na Bluesky"
+    },
+    "draft_badge": "Wersja robocza",
+    "draft_banner": "To jest nieopublikowana wersja robocza. Zawartość może być niepełna lub zawierać błędy.",
+    "atproto": {
+      "view_on_bluesky": "Zobacz na Bluesky",
+      "reply_on_bluesky": "Odpowiedz na Bluesky",
+      "likes_on_bluesky": "Polubienia na Bluesky",
+      "like_or_reply_on_bluesky": "Polub ten wpis lub dodaj komentarz na Bluesky",
+      "no_comments_yet": "Brak komentarzy.",
+      "could_not_load_comments": "Wystąpił problem z wczytaniem komentarzy.",
+      "comments": "Komentarze",
+      "loading_comments": "Wczytywanie komentarzy...",
+      "updating": "Aktualizowanie...",
+      "reply_count": "{count} odpowiedzi | {count} odpowiedź | {count} odpowiedzi | {count} odpowiedzi | {count} odpowiedzi",
+      "like_count": "{count} polubień | {count} polubienie | {count} polubienia | {count} polubień | {count} polubień",
+      "repost_count": "{count} udostępnień | {count} udostępnienie | {count} udostępnienia | {count} udostępnień | {count} udostępnień",
+      "more_replies": "{count} odpowiedzi więcej... | {count} odpowiedź więcej... | {count} odpowiedzi więcej... | {count} odpowiedzi więcej... | {count} odpowiedzi więcej..."
+    }
+  },
   "settings": {
     "title": "ustawienia",
     "tagline": "dostosuj npmx do siebie",
@@ -96,6 +129,8 @@
       "algolia": "Algolia",
       "algolia_description": "Do wyszukiwania oraz stron organizacji i użytkowników używana jest Algolia."
     },
+    "instant_search": "Wyszukiwanie natychmiastowe",
+    "instant_search_description": "Przekierowuje na stronę wyszukiwania i aktualizuje wyniki w trakcie pisania.",
     "relative_dates": "Daty względne",
     "include_types": "Dodaj {'@'}types do instalacji",
     "include_types_description": "Dodawaj pakiet {'@'}types do komend instalacji dla pakietów bez typów",
@@ -122,6 +157,13 @@
     "edit_on_github": "Edytuj na GitHub",
     "view_guide": "Przewodnik tłumaczeń"
   },
+  "error": {
+    "401": "Brak autoryzacji",
+    "404": "Nie znaleziono strony",
+    "500": "Wewnętrzny błąd serwera",
+    "503": "Usługa niedostępna",
+    "default": "Coś poszło nie tak"
+  },
   "common": {
     "loading": "Ładowanie...",
     "loading_more": "Ładowanie kolejnych...",
@@ -136,7 +178,6 @@
     "skip_link": "Przejdź do głównej treści",
     "warnings": "Ostrzeżenia:",
     "go_back_home": "Wróć na stronę główną",
-    "view_on_npm": "zobacz na npm",
     "per_week": "/ tydz.",
     "vanity_downloads_hint": "Numer ozdobny: brak wyświetlonych pakietów | Numer ozdobny: dla wyświetlanego pakietu | Numer ozdobny: suma {count} wyświetlanych pakietów | Numer ozdobny: suma {count} wyświetlanych pakietów | Numer ozdobny: suma {count} wyświetlanych pakietów",
     "sort": {
@@ -144,18 +185,50 @@
       "role": "rola",
       "members": "członkowie"
     },
-    "scroll_to_top": "Przewiń na górę"
+    "scroll_to_top": "Przewiń na górę",
+    "cancel": "Anuluj",
+    "save": "Zapisz",
+    "edit": "Edytuj",
+    "error": "Błąd",
+    "view_on": {
+      "npm": "zobacz na npm",
+      "github": "Zobacz w GitHub",
+      "gitlab": "Zobacz w GitLab",
+      "bitbucket": "Zobacz w Bitbucket",
+      "codeberg": "Zobacz w Codeberg",
+      "git_repo": "Zobacz w repozytorium Git",
+      "forgejo": "Zobacz w Forgejo",
+      "gitea": "Zobacz w Gitea",
+      "gitee": "Zobacz w Gitee",
+      "radicle": "Zobacz w Radicle",
+      "sourcehut": "Zobacz w SourceHut",
+      "tangled": "Zobacz w Tangled"
+    }
+  },
+  "profile": {
+    "display_name": "Nazwa profilu",
+    "description": "Opis",
+    "no_description": "Brak opisu",
+    "website": "Strona www",
+    "website_placeholder": "https://example.com",
+    "likes": "Polubienia",
+    "seo_title": "{handle} - npmx",
+    "seo_description": "profil npmx {handle}",
+    "not_found": "Nie znaleziono profilu",
+    "not_found_message": "Nie znaleziono profilu {handle}.",
+    "invite": {
+      "message": "Wygląda na to, że jeszcze nie korzystają z npmx. Chcesz ich powiadomić?",
+      "share_button": "Podziel się na Bluesky",
+      "compose_text": "Hej {'@'}{handle}! Czy znasz już npmx.dev? To szybka, nowoczesna przeglądarka rejestru npm z otwartym kodem źródłowym.\nhttps://npmx.dev"
+    }
   },
   "package": {
     "not_found": "Nie znaleziono pakietu",
     "not_found_message": "Nie udało się znaleźć pakietu.",
     "no_description": "Brak opisu",
-    "not_latest": "(nie najnowsza)",
     "verified_provenance": "Zweryfikowane pochodzenie",
-    "view_permalink": "Zobacz stały link do tej wersji",
     "navigation": "Pakiet",
     "copy_name": "Kopiuj nazwę pakietu",
-    "copy_version": "Kopiuj wersję pakietu",
     "deprecation": {
       "package": "Ten pakiet został oznaczony jako przestarzały.",
       "version": "Ta wersja została oznaczona jako przestarzała.",
@@ -249,7 +322,6 @@
     "readme": {
       "title": "README",
       "no_readme": "Brak README.",
-      "view_on_github": "Zobacz na GitHub",
       "toc_title": "Spis treści",
       "callout": {
         "note": "Notatka",
@@ -314,7 +386,7 @@
       "grouping_versions_only_recent": "Tylko ostatnie",
       "grouping_usage_title": "Adopcja",
       "grouping_usage_all": "Wszystkie",
-      "grouping_usage_low": "Niskie",
+      "grouping_usage_most_used": "Najczęściej używane",
       "recent_versions_only_tooltip": "Pokaż tylko wersje opublikowane w ciągu ostatniego roku.",
       "show_low_usage_tooltip": "Uwzględnij grupy wersji z mniej niż 1% wszystkich pobrań.",
       "y_axis_label": "Pobrania",
@@ -378,6 +450,8 @@
       "download_file": "Pobierz {fileType}",
       "toggle_annotator": "Przełącz adnotacje",
       "toggle_stack_mode": "Widok rozdzielony",
+      "open_options": "Otwórz opcje",
+      "close_options": "Zamknij opcje",
       "legend_estimation": "Szacunek",
       "no_data": "Brak dostępnych danych",
       "y_axis_label": "{granularity} {facet}",
@@ -392,6 +466,7 @@
       "data_correction": "Poprawki danych",
       "average_window": "Przedział średniej",
       "smoothing": "Wygładzanie",
+      "prediction": "Prognoza",
       "known_anomalies": "Znane anomalie",
       "known_anomalies_description": "Interpoluje dane, pomijając znane skoki ilości pobrań spowodowane botami lub problemami z CI",
       "known_anomalies_ranges": "Zakresy anomalii",
@@ -412,12 +487,15 @@
         "estimations": "Końcowe wartości są szacowane na podstawie danych częściowych dla bieżącego okresu.",
         "compare": "Wykres liniowy porównujący ilość pobrań dla: {packages}.",
         "single_package": "Wykres liniowy ilości pobrań dla pakietu {package}.",
-        "general_description": "Oś Y przedstawia ilość pobrań. Oś X przedstawia zakres dat, od {start_date} do {end_date}, z jednostką czasu {granularity}. {estimation_notice} {package_analysis}. {watermark}"
+        "general_description": "Oś Y przedstawia ilość pobrań. Oś X przedstawia zakres dat, od {start_date} do {end_date}, z jednostką czasu {granularity}. {estimation_notice} {package_analysis}. {watermark}",
+        "facet_bar_general_description": "Poziomy wykres słupkowy dla: {packages}, porównuje {facet} ({description}). {facet_analysis} {watermark}.",
+        "facet_bar_analysis": "{package_name} ma wartość {value}."
       }
     },
     "downloads": {
       "title": "Pobrania tygodniowe",
-      "community_distribution": "Zobacz, jak społeczność korzysta z pakietu"
+      "community_distribution": "Zobacz, jak społeczność korzysta z pakietu",
+      "subtitle": "Dla wszystkich wersji"
     },
     "install_scripts": {
       "title": "Skrypty instalacji",
@@ -710,8 +788,7 @@
       "preview": "podgląd",
       "code": "kod"
     },
-    "file_path": "Ścieżka pliku",
-    "scroll_to_top": "Wróć do góry"
+    "file_path": "Ścieżka pliku"
   },
   "badges": {
     "provenance": {
@@ -895,6 +972,11 @@
         "description": "Pogadaj, zadaj pytania i dziel się pomysłami.",
         "cta": "Dołącz do Discorda"
       },
+      "builders": {
+        "title": "Pomóż budować npmx",
+        "description": "Dołącz do twórców kształtujących przyszłość npmx.",
+        "cta": "Dołącz do Discorda dla twórców"
+      },
       "follow": {
         "title": "Bądź na bieżąco",
         "description": "Sprawdź, co nowego w npmx.",
@@ -927,7 +1009,8 @@
       "connect_bluesky": "Połącz z Bluesky",
       "what_is_atmosphere": "Czym jest konto Atmosphere?",
       "atmosphere_explanation": "{npmx} używa {atproto} do zasilania wielu funkcji społecznościowych, umożliwiając użytkownikom posiadanie swoich danych i korzystanie z jednego konta we wszystkich kompatybilnych aplikacjach. Gdy utworzysz konto, możesz używać innych aplikacji, takich jak {bluesky} i {tangled}, z tym samym kontem.",
-      "default_input_error": "Wprowadź poprawny identyfikator, DID lub pełny adres do PDS"
+      "default_input_error": "Wprowadź poprawny identyfikator, DID lub pełny adres do PDS",
+      "profile": "Profil"
     }
   },
   "header": {
@@ -964,7 +1047,9 @@
       "loading": "Ładowanie danych pakietów...",
       "error": "Nie udało się wczytać danych pakietów. Spróbuj ponownie.",
       "empty_title": "Wybierz pakiety do porównania",
-      "empty_description": "Wyszukaj i dodaj co najmniej 2 pakiety powyżej, aby zobaczyć porównanie ich metryk."
+      "empty_description": "Wyszukaj i dodaj co najmniej 2 pakiety powyżej, aby zobaczyć porównanie ich metryk.",
+      "table_view": "Tabela",
+      "charts_view": "Wykresy"
     },
     "selector": {
       "search_label": "Szukaj pakietów",
@@ -1072,7 +1157,10 @@
     "file_changes": "Zmiany w plikach",
     "files_count": "{count} plików",
     "lines_hidden": "ukryto {count} linii",
+    "file_too_large": "Plik jest zbyt duży do porównania",
+    "file_size_warning": "{size} przekracza limit dla porównań wynoszący 250KB",
     "compare_versions": "porównaj",
+    "compare_versions_title": "Porównaj z najnowszą wersją",
     "summary": "Podsumowanie",
     "deps_count": "{count} zależności",
     "dependencies": "Zależności",
@@ -1100,6 +1188,34 @@
     "close_files_panel": "Zamknij panel plików",
     "filter_files_label": "Filtruj pliki według rodzaju zmian"
   },
+  "pds": {
+    "title": "npmx.social",
+    "meta_description": "Oficjalny AT Protocol Personal Data Server (PDS) dla społeczności npmx.",
+    "join": {
+      "title": "Dołącz do społeczności",
+      "description": "Niezależnie od tego, czy tworzysz nowe konto w Atmosphere, czy migrujesz istniejące - pasujesz tutaj. Możesz zmigrować konto, zachowując swój nick, posty oraz obserwujących.",
+      "migrate": "Zmigruj przy pomocy PDS MOOver"
+    },
+    "server": {
+      "title": "Szczegóły serwera",
+      "location_label": "Lokalizacja:",
+      "location_value": "Norymberga, Niemcy",
+      "infrastructure_label": "Infrastruktura:",
+      "infrastructure_value": "Hostowane na serwerach Hetzner",
+      "privacy_label": "Prywatność:",
+      "privacy_value": "Zgodnie z przepisami UE o ochronie danych",
+      "learn_more": "Dowiedz się jak npmx korzysta z Atmosphere"
+    },
+    "community": {
+      "title": "Kto tu jest",
+      "description": "Jedne z {count} kont, które już mogą nazywać npmx.social swoim domem:",
+      "loading": "Wczytywanie danych społeczności PDS...",
+      "error": "Nie udało się wczytać danych społeczności PDS.",
+      "empty": "Brak członków do wyświetlenia.",
+      "view_profile": "Zobacz profil {handle}",
+      "new_accounts": "...plus {count} więcej, którzy są nowi w środowisku atmosphere"
+    }
+  },
   "privacy_policy": {
     "title": "polityka prywatności",
     "last_updated": "Ostatnia aktualizacja: {date}",
diff --git a/i18n/locales/pt-BR.json b/i18n/locales/pt-BR.json
index 0d008131e0..cd9a3793f7 100644
--- a/i18n/locales/pt-BR.json
+++ b/i18n/locales/pt-BR.json
@@ -101,7 +101,6 @@
     "skip_link": "Pular para o conteúdo principal",
     "warnings": "Avisos:",
     "go_back_home": "Voltar para a página inicial",
-    "view_on_npm": "visualizar no npm",
     "per_week": "/ semana",
     "vanity_downloads_hint": "Número de vaidade: nenhum pacote exibido | Número de vaidade: para o pacote exibido | Número de vaidade: Soma de {count} pacotes exibidos",
     "sort": {
@@ -109,15 +108,17 @@
       "role": "função",
       "members": "membros"
     },
-    "scroll_to_top": "Rolar para o topo"
+    "scroll_to_top": "Rolar para o topo",
+    "view_on": {
+      "npm": "visualizar no npm",
+      "github": "Ver no GitHub"
+    }
   },
   "package": {
     "not_found": "Pacote não encontrado",
     "not_found_message": "O pacote não pôde ser encontrado.",
     "no_description": "Nenhuma descrição fornecida",
-    "not_latest": "(não é a mais recente)",
     "verified_provenance": "Proveniência verificada",
-    "view_permalink": "Ver link permanente para esta versão",
     "navigation": "Pacote",
     "copy_name": "Copiar nome do pacote",
     "deprecation": {
@@ -196,7 +197,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README não disponível.",
-      "view_on_github": "Ver no GitHub",
       "callout": {}
     },
     "provenance_section": {},
diff --git a/i18n/locales/ru-RU.json b/i18n/locales/ru-RU.json
index ee400df62d..fa486ef7cb 100644
--- a/i18n/locales/ru-RU.json
+++ b/i18n/locales/ru-RU.json
@@ -13,11 +13,13 @@
   "trademark_disclaimer": "npm является зарегистрированной торговой маркой npm, Inc. Этот сайт не аффилирован с npm, Inc.",
   "footer": {
     "about": "о проекте",
+    "blog": "блог",
     "docs": "документация",
     "source": "исходный код",
     "social": "соцсети",
     "chat": "чат",
-    "keyboard_shortcuts": "сочетания клавиш"
+    "builders_chat": "разработчики",
+    "keyboard_shortcuts": "горячие клавиши"
   },
   "shortcuts": {
     "section": {
@@ -33,7 +35,8 @@
     "navigate_results": "Навигация по результатам",
     "go_to_result": "Перейти к результату",
     "open_code_view": "Открыть просмотр кода",
-    "open_docs": "Открыть документацию"
+    "open_docs": "Открыть документацию",
+    "disable_shortcuts": "Для отключения горячих клавиш загляните в {settings}."
   },
   "search": {
     "label": "Поиск пакетов npm",
@@ -62,7 +65,13 @@
       "org": "организация",
       "view_user_packages": "Посмотреть пакеты этого пользователя",
       "view_org_packages": "Посмотреть пакеты этой организации"
-    }
+    },
+    "instant_search": "Мгновенный поиск",
+    "instant_search_on": "вкл",
+    "instant_search_off": "выкл",
+    "instant_search_turn_on": "включить",
+    "instant_search_turn_off": "выключить",
+    "instant_search_advisory": "{label} {state} — {action}"
   },
   "nav": {
     "main_navigation": "Главное",
@@ -76,6 +85,31 @@
     "links": "Ссылки",
     "tap_to_search": "Нажмите для поиска"
   },
+  "blog": {
+    "title": "Блог",
+    "heading": "Блог",
+    "meta_description": "Инсайты и обновления от сообщества npmx",
+    "author": {
+      "view_profile": "Посмотреть профиль {name} в Bluesky"
+    },
+    "draft_badge": "Черновик",
+    "draft_banner": "Это неопубликованный черновик. Он может быть неполным или содержать неточности.",
+    "atproto": {
+      "view_on_bluesky": "Посмотреть в Bluesky",
+      "reply_on_bluesky": "Ответить в Bluesky",
+      "likes_on_bluesky": "Лайки в Bluesky",
+      "like_or_reply_on_bluesky": "Поставить лайк или оставить комментарий в Bluesky",
+      "no_comments_yet": "Пока нет комментариев.",
+      "could_not_load_comments": "Не удалось загрузить комментарии.",
+      "comments": "Комментарии",
+      "loading_comments": "Загрузка комментариев…",
+      "updating": "Обновление…",
+      "reply_count": "{count} ответ | {count} ответа | {count} ответов",
+      "like_count": "{count} лайк | {count} лайка | {count} лайков",
+      "repost_count": "{count} репост | {count} репоста | {count} репостов",
+      "more_replies": "Ещё {count} ответ… | Ещё {count} ответа… | Ещё {count} ответов…"
+    }
+  },
   "settings": {
     "title": "настройки",
     "tagline": "сделайте npmx удобным для себя",
@@ -84,7 +118,8 @@
       "appearance": "Внешний вид",
       "display": "Отображение",
       "search": "Источник данных",
-      "language": "Язык"
+      "language": "Язык",
+      "keyboard_shortcuts": "Горячие клавиши"
     },
     "data_source": {
       "label": "Источник данных",
@@ -94,6 +129,8 @@
       "algolia": "Algolia",
       "algolia_description": "Использует Algolia для ускорения поиска, страниц организаций и пользователей."
     },
+    "instant_search": "Мгновенный поиск",
+    "instant_search_description": "Переходит на страницу поиска и обновляет результаты по мере ввода текста.",
     "relative_dates": "Относительные даты",
     "include_types": "Включать {'@'}types при установке",
     "include_types_description": "Добавлять пакет {'@'}types в команды установки для нетипизированных пакетов",
@@ -108,7 +145,9 @@
     "accent_colors": "Акцентные цвета",
     "clear_accent": "Сбросить акцентный цвет",
     "translation_progress": "Прогресс перевода",
-    "background_themes": "Оттенок фона"
+    "background_themes": "Оттенок фона",
+    "keyboard_shortcuts_enabled": "Использовать горячие клавиши",
+    "keyboard_shortcuts_enabled_description": "Горячие клавиши можно выключить, если возникают конфликты с сочетаниями клавиш браузера или операционной системы"
   },
   "i18n": {
     "missing_keys": "{count} отсутствующий перевод | {count} отсутствующих перевода | {count} отсутствующих переводов",
@@ -118,6 +157,13 @@
     "edit_on_github": "Редактировать на GitHub",
     "view_guide": "Руководство по переводу"
   },
+  "error": {
+    "401": "Не авторизован",
+    "404": "Страница не найдена",
+    "500": "Внутренняя ошибка сервера",
+    "503": "Сервис недоступен",
+    "default": "Что-то пошло не так"
+  },
   "common": {
     "loading": "Загрузка...",
     "loading_more": "Загрузить ещё...",
@@ -132,7 +178,6 @@
     "skip_link": "Перейти к основному контенту",
     "warnings": "Предупреждения:",
     "go_back_home": "Вернуться на главную",
-    "view_on_npm": "посмотреть на npm",
     "per_week": "/ неделю",
     "vanity_downloads_hint": "Метрика тщеславия: пакеты не отображаются | Метрика тщеславия: для отображаемого пакета | Метрика тщеславия: сумма {count} отображаемых пакетов",
     "sort": {
@@ -140,18 +185,40 @@
       "role": "роль",
       "members": "участники"
     },
-    "scroll_to_top": "Прокрутить наверх"
+    "scroll_to_top": "Прокрутить наверх",
+    "cancel": "Отменить",
+    "save": "Сохранить",
+    "edit": "Изменить",
+    "error": "Ошибка",
+    "view_on": {
+      "npm": "посмотреть на npm",
+      "github": "Посмотреть на GitHub"
+    }
+  },
+  "profile": {
+    "display_name": "Отображаемое имя",
+    "description": "Описание",
+    "no_description": "Описание отсутствует",
+    "website": "Сайт",
+    "website_placeholder": "https://example.com",
+    "likes": "Лайки",
+    "seo_title": "{handle} — npmx",
+    "seo_description": "Профиль npmx от {handle}",
+    "not_found": "Профиль не найден",
+    "not_found_message": "Профиль пользователя {handle} не найден.",
+    "invite": {
+      "message": "Похоже, этот пользователь ещё не пользуется npmx. Хотите рассказать ему о проекте?",
+      "share_button": "Поделиться в Bluesky",
+      "compose_text": "Привет, {'@'}{handle}! Уже смотрел npmx.dev? Это быстрый, современный и open-source браузер для реестра npm.\nhttps://npmx.dev"
+    }
   },
   "package": {
     "not_found": "Пакет не найден",
     "not_found_message": "Пакет не удалось найти.",
     "no_description": "Описание отсутствует",
-    "not_latest": "(не последняя)",
     "verified_provenance": "Подтвержденное происхождение",
-    "view_permalink": "Посмотреть постоянную ссылку на эту версию",
     "navigation": "Навигация по пакету",
     "copy_name": "Скопировать имя пакета",
-    "copy_version": "Скопировать версию пакета",
     "deprecation": {
       "package": "Этот пакет устарел.",
       "version": "Эта версия устарела.",
@@ -245,7 +312,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README недоступен.",
-      "view_on_github": "Посмотреть на GitHub",
       "toc_title": "Содержание",
       "callout": {
         "note": "Примечание",
@@ -310,7 +376,6 @@
       "grouping_versions_only_recent": "Только недавние",
       "grouping_usage_title": "Использование",
       "grouping_usage_all": "Все",
-      "grouping_usage_low": "Низкое",
       "recent_versions_only_tooltip": "Показывать только версии, опубликованные за последний год.",
       "show_low_usage_tooltip": "Включить группы версий, на которые приходится менее 1% от общего числа загрузок.",
       "y_axis_label": "Загрузки",
@@ -374,6 +439,8 @@
       "download_file": "Скачать {fileType}",
       "toggle_annotator": "Переключить аннотации",
       "toggle_stack_mode": "Переключить режим накопления",
+      "open_options": "Открыть параметры",
+      "close_options": "Закрыть параметры",
       "legend_estimation": "Оценка",
       "no_data": "Нет данных",
       "y_axis_label": "{granularity} {facet}",
@@ -413,7 +480,8 @@
     },
     "downloads": {
       "title": "Загрузки за неделю",
-      "community_distribution": "Просмотреть распределение использования сообществом"
+      "community_distribution": "Просмотреть распределение использования сообществом",
+      "subtitle": "По всем версиям"
     },
     "install_scripts": {
       "title": "Скрипты установки",
@@ -813,7 +881,7 @@
       "infinite": "Бесконечный",
       "paginated": "Страничный",
       "items_per_page": "Элементов на странице",
-      "per_page": "{count} / стр.",
+      "per_page": "{count} на странице",
       "showing": "{start}-{end} из {total}",
       "previous": "Предыдущая страница",
       "next": "Следующая страница",
@@ -890,8 +958,13 @@
         "description": "Общайтесь, задавайте вопросы и делитесь идеями.",
         "cta": "Присоединиться к Discord"
       },
+      "builders": {
+        "title": "Создавайте npmx вместе с нами",
+        "description": "Присоединяйтесь к тем, кто формирует будущее npmx.",
+        "cta": "Вступить в Discord для разработчиков"
+      },
       "follow": {
-        "title": "Быть в курсе",
+        "title": "Оставаться в курсе",
         "description": "Узнавайте последние новости об npmx.",
         "cta": "Подписаться в Bluesky"
       }
@@ -915,14 +988,15 @@
       "connected_as": "Вы вошли как {'@'}{handle}",
       "disconnect": "Выйти",
       "connect_prompt": "Войдите через аккаунт Atmosphere",
-      "handle_label": "Хендл",
+      "handle_label": "Псевдоним",
       "handle_placeholder": "alice.npmx.social",
       "connect": "Подключить",
       "create_account": "Создать новый аккаунт",
       "connect_bluesky": "Войти через Bluesky",
       "what_is_atmosphere": "Что такое аккаунт Atmosphere?",
       "atmosphere_explanation": "{npmx} использует протокол {atproto} для работы многих социальных функций, позволяя пользователям владеть своими данными и использовать единый аккаунт для всех совместимых приложений. Создав аккаунт, вы сможете использовать другие приложения, такие как {bluesky} и {tangled}, с той же учетной записью.",
-      "default_input_error": "Пожалуйста, введите корректный хендл, DID или полный URL-адрес PDS"
+      "default_input_error": "Пожалуйста, введите корректный псевдоним, DID или полный URL-адрес PDS",
+      "profile": "Профиль"
     }
   },
   "header": {
@@ -1013,7 +1087,7 @@
           "description": "Общее количество зависимостей, включая транзитивные"
         },
         "downloads": {
-          "label": "Загрузок в неделю",
+          "label": "Загрузок/нед",
           "description": "Количество загрузок в неделю"
         },
         "totalLikes": {
@@ -1067,9 +1141,12 @@
     "file_changes": "Изменения файлов",
     "files_count": "файлов: {count}",
     "lines_hidden": "скрыто строк: {count}",
+    "file_too_large": "Файл слишком большой для сравнения",
+    "file_size_warning": "{size} превышает лимит в 250 КБ для сравнения",
     "compare_versions": "сравнение",
+    "compare_versions_title": "Сравнить с последней версией",
     "summary": "Сводка",
-    "deps_count": "зав-тей: {count}",
+    "deps_count": "зависимостей: {count}",
     "dependencies": "Зависимости",
     "dev_dependencies": "Dev-зависимости",
     "peer_dependencies": "Peer-зависимости",
@@ -1095,6 +1172,34 @@
     "close_files_panel": "Закрыть панель файлов",
     "filter_files_label": "Фильтровать файлы по типу изменений"
   },
+  "pds": {
+    "title": "npmx.social",
+    "meta_description": "Официальный сервер персональных данных (PDS) AT-протокола для сообщества npmx.",
+    "join": {
+      "title": "Присоединяйтесь к сообществу",
+      "description": "Создаёте ли вы свой первый аккаунт в Atmosphere или переносите существующий — это место для вас. Можно перенести текущий аккаунт без потери псевдонима, постов и подписчиков.",
+      "migrate": "Перенести через PDS MOOver"
+    },
+    "server": {
+      "title": "О сервере",
+      "location_label": "Расположение:",
+      "location_value": "Нюрнберг, Германия",
+      "infrastructure_label": "Инфраструктура:",
+      "infrastructure_value": "Хостинг Hetzner",
+      "privacy_label": "Конфиденциальность:",
+      "privacy_value": "Подчиняется строгим законам ЕС о защите данных",
+      "learn_more": "Узнайте, как npmx использует Atmosphere"
+    },
+    "community": {
+      "title": "Кто здесь",
+      "description": "{count} участник, который уже считает npmx.social своим домом: | Некоторые из {count} участников, которые уже считают npmx.social своим домом: | Некоторые из {count} участников, которые уже считают npmx.social своим домом:",
+      "loading": "Загрузка сообщества PDS…",
+      "error": "Не удалось загрузить сообщество PDS.",
+      "empty": "Участников сообщества пока нет.",
+      "view_profile": "Посмотреть профиль {handle}",
+      "new_accounts": "…плюс ещё {count} новых участников в Atmosphere"
+    }
+  },
   "privacy_policy": {
     "title": "политика конфиденциальности",
     "last_updated": "Последнее обновление: {date}",
diff --git a/i18n/locales/ta-IN.json b/i18n/locales/ta-IN.json
index d0a0babf2c..0eb176818f 100644
--- a/i18n/locales/ta-IN.json
+++ b/i18n/locales/ta-IN.json
@@ -131,7 +131,6 @@
     "skip_link": "முதன்மை உள்ளடக்கத்திற்குத் தாவு",
     "warnings": "எச்சரிக்கைகள்:",
     "go_back_home": "முகப்புக்குத் திரும்பு",
-    "view_on_npm": "npm-ல் காண்க",
     "per_week": "/ வாரம்",
     "vanity_downloads_hint": "அலங்கார எண்: தொகுப்புகள் எதுவும் காட்டப்படவில்லை | அலங்கார எண்: காட்டப்பட்ட தொகுப்புக்கு | அலங்கார எண்: {count} காட்டப்பட்ட தொகுப்புகளின் கூட்டுத்தொகை",
     "sort": {
@@ -139,15 +138,17 @@
       "role": "பங்கு",
       "members": "உறுப்பினர்கள்"
     },
-    "scroll_to_top": "மேலே செல்"
+    "scroll_to_top": "மேலே செல்",
+    "view_on": {
+      "npm": "npm-ல் காண்க",
+      "github": "GitHub-ல் காண்க"
+    }
   },
   "package": {
     "not_found": "தொகுப்பு கிடைக்கவில்லை",
     "not_found_message": "தொகுப்பைக் கண்டுபிடிக்க இயலவில்லை.",
     "no_description": "விளக்கம் வழங்கப்படவில்லை",
-    "not_latest": "(சமீபத்தியது அல்ல)",
     "verified_provenance": "சரிபார்க்கப்பட்ட மூலநிலை",
-    "view_permalink": "இந்தப் பதிப்பின் நிரந்தர இணைப்பைக் காண்க",
     "navigation": "தொகுப்பு",
     "copy_name": "தொகுப்புப் பெயரை நகலெடு",
     "deprecation": {
@@ -234,7 +235,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README கிடைக்கவில்லை.",
-      "view_on_github": "GitHub-ல் காண்க",
       "toc_title": "உள்ளடக்கம்",
       "callout": {
         "note": "குறிப்பு",
diff --git a/i18n/locales/te-IN.json b/i18n/locales/te-IN.json
index 6afb9aff75..c2d82b8d3e 100644
--- a/i18n/locales/te-IN.json
+++ b/i18n/locales/te-IN.json
@@ -100,7 +100,6 @@
     "skip_link": "ప్రధాన కంటెంట్‌కు వెళ్లండి",
     "warnings": "హెచ్చరికలు:",
     "go_back_home": "హోమ్‌కు వెనక్కి వెళ్లండి",
-    "view_on_npm": "npm లో వీక్షించండి",
     "per_week": "/ వారం",
     "vanity_downloads_hint": "వానిటీ నంబర్: ప్యాకేజ్ ప్రదర్శించబడలేదు | వానిటీ నంబర్: ప్రదర్శించబడిన ప్యాకేజ్‌కు | వానిటీ నంబర్: {count} ప్రదర్శించబడిన ప్యాకేజ్‌ల మొత్తం",
     "sort": {
@@ -108,15 +107,17 @@
       "role": "పాత్ర",
       "members": "సభ్యులు"
     },
-    "scroll_to_top": "పైకి స్క్రోల్ చేయండి"
+    "scroll_to_top": "పైకి స్క్రోల్ చేయండి",
+    "view_on": {
+      "npm": "npm లో వీక్షించండి",
+      "github": "GitHub లో వీక్షించండి"
+    }
   },
   "package": {
     "not_found": "ప్యాకేజ్ కనుగొనబడలేదు",
     "not_found_message": "ప్యాకేజ్ కనుగొనబడలేదు.",
     "no_description": "వివరణ అందించబడలేదు",
-    "not_latest": "(తాజాది కాదు)",
     "verified_provenance": "ధృవీకరించబడిన ప్రోవెనెన్స్",
-    "view_permalink": "ఈ వెర్షన్ యొక్క పర్మాలింక్‌ను వీక్షించండి",
     "navigation": "ప్యాకేజ్",
     "copy_name": "ప్యాకేజ్ పేరును కాపీ చేయండి",
     "deprecation": {
@@ -195,7 +196,6 @@
     "readme": {
       "title": "రీడ్మీ",
       "no_readme": "README అందుబాటులో లేదు.",
-      "view_on_github": "GitHub లో వీక్షించండి",
       "callout": {}
     },
     "provenance_section": {},
diff --git a/i18n/locales/tr-TR.json b/i18n/locales/tr-TR.json
index 81246c99d2..3e74fd6ef5 100644
--- a/i18n/locales/tr-TR.json
+++ b/i18n/locales/tr-TR.json
@@ -73,6 +73,18 @@
     "instant_search_turn_off": "kapat",
     "instant_search_advisory": "{label} {state} — {action}"
   },
+  "nav": {
+    "main_navigation": "Ana",
+    "popular_packages": "Popüler paketler",
+    "settings": "ayarlar",
+    "compare": "karşılaştır",
+    "back": "geri",
+    "menu": "Menü",
+    "mobile_menu": "Navigasyon menüsü",
+    "open_menu": "Menüyü aç",
+    "links": "Bağlantılar",
+    "tap_to_search": "Aramak için dokunun"
+  },
   "blog": {
     "title": "Blog",
     "heading": "blog",
@@ -98,18 +110,6 @@
       "more_replies": "{count} yanıt daha..."
     }
   },
-  "nav": {
-    "main_navigation": "Ana",
-    "popular_packages": "Popüler paketler",
-    "settings": "ayarlar",
-    "compare": "karşılaştır",
-    "back": "geri",
-    "menu": "Menü",
-    "mobile_menu": "Navigasyon menüsü",
-    "open_menu": "Menüyü aç",
-    "links": "Bağlantılar",
-    "tap_to_search": "Aramak için dokunun"
-  },
   "settings": {
     "title": "ayarlar",
     "tagline": "npmx deneyiminizi kişiselleştirin",
@@ -178,7 +178,6 @@
     "skip_link": "Ana içeriğe geç",
     "warnings": "Uyarılar:",
     "go_back_home": "Ana sayfaya dön",
-    "view_on_npm": "npm'de görüntüle",
     "per_week": "/ hafta",
     "vanity_downloads_hint": "Gösterge: paket gösterilmiyor | Gösterge: gösterilen paket için | Gösterge: {count} gösterilen paketin toplamı",
     "sort": {
@@ -190,7 +189,11 @@
     "cancel": "İptal",
     "save": "Kaydet",
     "edit": "Düzenle",
-    "error": "Hata"
+    "error": "Hata",
+    "view_on": {
+      "npm": "npm'de görüntüle",
+      "github": "GitHub'da görüntüle"
+    }
   },
   "profile": {
     "display_name": "Görünen ad",
@@ -213,12 +216,9 @@
     "not_found": "Paket Bulunamadı",
     "not_found_message": "Paket bulunamadı.",
     "no_description": "Açıklama verilmemiş",
-    "not_latest": "(en son değil)",
     "verified_provenance": "Doğrulanmış köken",
-    "view_permalink": "Bu sürüm için kalıcı bağlantıya bak",
     "navigation": "Paket",
     "copy_name": "Paket adını kopyala",
-    "copy_version": "Paket sürümünü kopyala",
     "deprecation": {
       "package": "Bu paket kullanımdan kaldırılmıştır.",
       "version": "Bu sürüm kullanımdan kaldırılmıştır.",
@@ -312,7 +312,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README mevcut değil.",
-      "view_on_github": "GitHub'da görüntüle",
       "toc_title": "İçindekiler",
       "callout": {
         "note": "Not",
@@ -377,7 +376,6 @@
       "grouping_versions_only_recent": "Yalnızca son",
       "grouping_usage_title": "Kullanım",
       "grouping_usage_all": "Tümü",
-      "grouping_usage_low": "Düşük",
       "recent_versions_only_tooltip": "Yalnızca son bir yıl içinde yayınlanan sürümleri göster.",
       "show_low_usage_tooltip": "Toplam indirmelerin %1'inden azını oluşturan sürüm gruplarını dahil et.",
       "y_axis_label": "İndirmeler",
@@ -776,8 +774,7 @@
       "preview": "önizleme",
       "code": "kod"
     },
-    "file_path": "Dosya yolu",
-    "scroll_to_top": "Yukarı dön"
+    "file_path": "Dosya yolu"
   },
   "badges": {
     "provenance": {
@@ -961,15 +958,15 @@
         "description": "Discord'da topluluğa katılın",
         "cta": "Discord'a katıl"
       },
-      "follow": {
-        "title": "Takip edin",
-        "description": "Güncellemeler için bizi takip edin",
-        "cta": "Bluesky'da takip et"
-      },
       "builders": {
         "title": "Yapımcılar",
         "description": "Yapımcı topluluğumuza katılın ve npmx'in geleceğini şekillendirin",
         "cta": "Yapımcı sohbetine katıl"
+      },
+      "follow": {
+        "title": "Takip edin",
+        "description": "Güncellemeler için bizi takip edin",
+        "cta": "Bluesky'da takip et"
       }
     }
   },
@@ -1022,7 +1019,6 @@
     }
   },
   "compare": {
-    "compare_versions_title": "Sürümleri karşılaştır",
     "packages": {
       "title": "Paketleri Karşılaştır",
       "tagline": "npm paketlerini yan yana karşılaştırın",
@@ -1147,6 +1143,7 @@
     "lines_hidden": "{count} satır gizlendi",
     "file_too_large": "Dosya çok büyük",
     "file_size_warning": "Dosya boyutu {size}",
+    "compare_versions_title": "Sürümleri karşılaştır",
     "summary": "Özet",
     "deps_count": "{count} bağımlılık",
     "dependencies": "Bağımlılıklar",
diff --git a/i18n/locales/uk-UA.json b/i18n/locales/uk-UA.json
index 796e41846f..357da5cb77 100644
--- a/i18n/locales/uk-UA.json
+++ b/i18n/locales/uk-UA.json
@@ -178,7 +178,6 @@
     "skip_link": "Перейти до основного змісту",
     "warnings": "Попередження:",
     "go_back_home": "Повернутися на головну",
-    "view_on_npm": "переглянути на npm",
     "per_week": "/ тиждень",
     "vanity_downloads_hint": "Номер пакету: пакети не відображаються | Номер пакету: для пакету, що відображається | Номер пакету: Сума {count} пакетів, що відображаються",
     "sort": {
@@ -190,7 +189,11 @@
     "cancel": "Скасувати",
     "save": "Зберегти",
     "edit": "Редагувати",
-    "error": "Помилка"
+    "error": "Помилка",
+    "view_on": {
+      "npm": "переглянути на npm",
+      "github": "Переглянути на GitHub"
+    }
   },
   "profile": {
     "display_name": "Відображуване ім'я",
@@ -213,12 +216,9 @@
     "not_found": "Пакет не знайдено",
     "not_found_message": "Пакет не вдалося знайти.",
     "no_description": "Опис не надано",
-    "not_latest": "(не найновіший)",
     "verified_provenance": "Перевірене походження",
-    "view_permalink": "Переглянути постійне посилання на цю версію",
     "navigation": "Пакет",
     "copy_name": "Скопіювати назву пакета",
-    "copy_version": "Скопіювати версію пакета",
     "deprecation": {
       "package": "Цей пакет більше не підтримується.",
       "version": "Ця версія більше не підтримується.",
@@ -312,7 +312,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README недоступна.",
-      "view_on_github": "Переглянути на GitHub",
       "toc_title": "Зміст",
       "callout": {
         "note": "Примітка",
@@ -377,7 +376,6 @@
       "grouping_versions_only_recent": "Тільки нещодавні",
       "grouping_usage_title": "Використання",
       "grouping_usage_all": "Усі",
-      "grouping_usage_low": "Низьке",
       "recent_versions_only_tooltip": "Показувати лише версії, опубліковані за останній рік.",
       "show_low_usage_tooltip": "Включити групи версій з менш ніж 1% від загальних завантажень.",
       "y_axis_label": "Завантаження",
@@ -776,8 +774,7 @@
       "preview": "попередній перегляд",
       "code": "код"
     },
-    "file_path": "Шлях до файлу",
-    "scroll_to_top": "Прокрутити вгору"
+    "file_path": "Шлях до файлу"
   },
   "badges": {
     "provenance": {
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index ee7d0a3796..766c056268 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -178,7 +178,6 @@
     "skip_link": "跳转到主界面",
     "warnings": "警告：",
     "go_back_home": "返回首页",
-    "view_on_npm": "在 npm 上查看",
     "per_week": "/ 周",
     "vanity_downloads_hint": "累计下载量：未显示包 | 累计下载量：显示的包 | 累计下载量：{count} 个显示的包的总和",
     "sort": {
@@ -190,7 +189,11 @@
     "cancel": "取消",
     "save": "保存",
     "edit": "编辑",
-    "error": "加载出错"
+    "error": "加载出错",
+    "view_on": {
+      "npm": "在 npm 上查看",
+      "github": "在 GitHub 上查看"
+    }
   },
   "profile": {
     "display_name": "显示名称",
@@ -213,12 +216,9 @@
     "not_found": "未找到包",
     "not_found_message": "找不到此包。",
     "no_description": "未提供描述",
-    "not_latest": "（非最新）",
     "verified_provenance": "已验证来源",
-    "view_permalink": "查看此版本的链接",
     "navigation": "包导航",
     "copy_name": "复制包名",
-    "copy_version": "复制版本号",
     "deprecation": {
       "package": "此包已废弃。",
       "version": "此版本已废弃。",
@@ -312,7 +312,6 @@
     "readme": {
       "title": "自述文件",
       "no_readme": "无可用自述文件。",
-      "view_on_github": "在 GitHub 上查看",
       "toc_title": "目录",
       "callout": {
         "note": "注意",
@@ -377,7 +376,6 @@
       "grouping_versions_only_recent": "仅最近",
       "grouping_usage_title": "使用率",
       "grouping_usage_all": "全部",
-      "grouping_usage_low": "低",
       "recent_versions_only_tooltip": "仅显示在过去一年内发布的版本。",
       "show_low_usage_tooltip": "包括下载量低于 1% 的版本组。",
       "y_axis_label": "下载量",
@@ -776,8 +774,7 @@
       "preview": "预览",
       "code": "代码"
     },
-    "file_path": "文件路径",
-    "scroll_to_top": "滚动到顶部"
+    "file_path": "文件路径"
   },
   "badges": {
     "provenance": {
diff --git a/i18n/locales/zh-TW.json b/i18n/locales/zh-TW.json
index bf648cc7e5..4b6fd68ee1 100644
--- a/i18n/locales/zh-TW.json
+++ b/i18n/locales/zh-TW.json
@@ -77,6 +77,10 @@
     "links": "連結",
     "tap_to_search": "點擊以搜尋"
   },
+  "blog": {
+    "author": {},
+    "atproto": {}
+  },
   "settings": {
     "title": "設定",
     "tagline": "自訂你的 npmx 體驗",
@@ -122,6 +126,7 @@
     "edit_on_github": "在 GitHub 上編輯",
     "view_guide": "翻譯指南"
   },
+  "error": {},
   "common": {
     "loading": "載入中…",
     "loading_more": "載入更多中…",
@@ -136,7 +141,6 @@
     "skip_link": "跳至主要內容",
     "warnings": "警告：",
     "go_back_home": "回到首頁",
-    "view_on_npm": "在 npm 上檢視",
     "per_week": "/ 週",
     "vanity_downloads_hint": "顯示下載量：未顯示套件 | 顯示下載量：顯示的套件 | 顯示下載量：顯示的 {count} 個套件總和",
     "sort": {
@@ -148,7 +152,11 @@
     "cancel": "取消",
     "save": "儲存",
     "edit": "編輯",
-    "error": "錯誤"
+    "error": "錯誤",
+    "view_on": {
+      "npm": "在 npm 上檢視",
+      "github": "在 GitHub 上檢視"
+    }
   },
   "profile": {
     "display_name": "顯示名稱",
@@ -171,12 +179,9 @@
     "not_found": "找不到套件",
     "not_found_message": "找不到此套件。",
     "no_description": "未提供描述",
-    "not_latest": "（非最新）",
     "verified_provenance": "已驗證的來源",
-    "view_permalink": "檢視此版本的永久連結",
     "navigation": "套件導覽",
     "copy_name": "複製套件名稱",
-    "copy_version": "複製套件版本",
     "deprecation": {
       "package": "此套件已被棄用。",
       "version": "此版本已被棄用。",
@@ -270,7 +275,6 @@
     "readme": {
       "title": "README",
       "no_readme": "沒有可用的 README。",
-      "view_on_github": "在 GitHub 上檢視",
       "toc_title": "大綱",
       "callout": {
         "note": "注意",
@@ -335,7 +339,6 @@
       "grouping_versions_only_recent": "僅顯示近期版本",
       "grouping_usage_title": "使用量",
       "grouping_usage_all": "全部",
-      "grouping_usage_low": "低使用量",
       "recent_versions_only_tooltip": "僅顯示過去一年內發布的版本。",
       "show_low_usage_tooltip": "包含總下載量低於 1% 的版本群組。",
       "y_axis_label": "下載量",
@@ -731,8 +734,7 @@
       "preview": "預覽",
       "code": "程式碼"
     },
-    "file_path": "檔案路徑",
-    "scroll_to_top": "回到頂端"
+    "file_path": "檔案路徑"
   },
   "badges": {
     "provenance": {
@@ -916,6 +918,7 @@
         "description": "聊天、提問並分享想法。",
         "cta": "加入 Discord"
       },
+      "builders": {},
       "follow": {
         "title": "保持更新",
         "description": "掌握 npmx 的最新動態。",
@@ -1122,6 +1125,11 @@
     "close_files_panel": "關閉檔案面板",
     "filter_files_label": "依變更類型篩選檔案"
   },
+  "pds": {
+    "join": {},
+    "server": {},
+    "community": {}
+  },
   "privacy_policy": {
     "title": "隱私權政策",
     "last_updated": "最後更新時間: {date}",
diff --git a/i18n/schema.json b/i18n/schema.json
index 4ed08a60b2..fb0cc69fb5 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -114,6 +114,12 @@
         },
         "disable_shortcuts": {
           "type": "string"
+        },
+        "open_main": {
+          "type": "string"
+        },
+        "open_diff": {
+          "type": "string"
         }
       },
       "additionalProperties": false
@@ -538,9 +544,6 @@
         "go_back_home": {
           "type": "string"
         },
-        "view_on_npm": {
-          "type": "string"
-        },
         "per_week": {
           "type": "string"
         },
@@ -576,6 +579,48 @@
         },
         "error": {
           "type": "string"
+        },
+        "view_on": {
+          "type": "object",
+          "properties": {
+            "npm": {
+              "type": "string"
+            },
+            "github": {
+              "type": "string"
+            },
+            "gitlab": {
+              "type": "string"
+            },
+            "bitbucket": {
+              "type": "string"
+            },
+            "codeberg": {
+              "type": "string"
+            },
+            "git_repo": {
+              "type": "string"
+            },
+            "forgejo": {
+              "type": "string"
+            },
+            "gitea": {
+              "type": "string"
+            },
+            "gitee": {
+              "type": "string"
+            },
+            "radicle": {
+              "type": "string"
+            },
+            "sourcehut": {
+              "type": "string"
+            },
+            "tangled": {
+              "type": "string"
+            }
+          },
+          "additionalProperties": false
         }
       },
       "additionalProperties": false
@@ -643,24 +688,15 @@
         "no_description": {
           "type": "string"
         },
-        "not_latest": {
-          "type": "string"
-        },
         "verified_provenance": {
           "type": "string"
         },
-        "view_permalink": {
-          "type": "string"
-        },
         "navigation": {
           "type": "string"
         },
         "copy_name": {
           "type": "string"
         },
-        "copy_version": {
-          "type": "string"
-        },
         "deprecation": {
           "type": "object",
           "properties": {
@@ -829,6 +865,9 @@
         "links": {
           "type": "object",
           "properties": {
+            "main": {
+              "type": "string"
+            },
             "repo": {
               "type": "string"
             },
@@ -940,9 +979,6 @@
             "no_readme": {
               "type": "string"
             },
-            "view_on_github": {
-              "type": "string"
-            },
             "toc_title": {
               "type": "string"
             },
@@ -1135,7 +1171,7 @@
             "grouping_usage_all": {
               "type": "string"
             },
-            "grouping_usage_low": {
+            "grouping_usage_most_used": {
               "type": "string"
             },
             "recent_versions_only_tooltip": {
@@ -1375,6 +1411,9 @@
             "smoothing": {
               "type": "string"
             },
+            "prediction": {
+              "type": "string"
+            },
             "known_anomalies": {
               "type": "string"
             },
@@ -1437,6 +1476,12 @@
                 },
                 "general_description": {
                   "type": "string"
+                },
+                "facet_bar_general_description": {
+                  "type": "string"
+                },
+                "facet_bar_analysis": {
+                  "type": "string"
                 }
               },
               "additionalProperties": false
@@ -2335,7 +2380,10 @@
         "file_path": {
           "type": "string"
         },
-        "scroll_to_top": {
+        "binary_file": {
+          "type": "string"
+        },
+        "binary_rendering_warning": {
           "type": "string"
         }
       },
@@ -3114,6 +3162,12 @@
             },
             "empty_description": {
               "type": "string"
+            },
+            "table_view": {
+              "type": "string"
+            },
+            "charts_view": {
+              "type": "string"
             }
           },
           "additionalProperties": false
@@ -3448,6 +3502,9 @@
         "compare_versions_title": {
           "type": "string"
         },
+        "version_selector_title": {
+          "type": "string"
+        },
         "summary": {
           "type": "string"
         },
diff --git a/knip.ts b/knip.ts
index f885994fcf..cd012608b8 100644
--- a/knip.ts
+++ b/knip.ts
@@ -4,9 +4,6 @@ const config: KnipConfig = {
   workspaces: {
     '.': {
       entry: [
-        'app/router.options.ts!',
-        'app/app.vue!',
-        'app/error.vue!',
         'app/pages/**/*.vue!',
         'app/components/**/*.vue!',
         'app/components/**/*.d.vue.ts!',
@@ -65,14 +62,7 @@ const config: KnipConfig = {
     },
     'docs': {
       entry: ['app/**/*.{ts,vue,css}'],
-      ignoreDependencies: [
-        'docus',
-        'better-sqlite3',
-        '@nuxtjs/mdc',
-        'nuxt!',
-        '@nuxt/ui',
-        'tailwindcss',
-      ],
+      ignoreDependencies: ['docus', 'better-sqlite3', '@nuxtjs/mdc', 'nuxt!'],
     },
   },
 }
diff --git a/modules/blog.ts b/modules/blog.ts
index cbfa5424ec..ee2fd3cd91 100644
--- a/modules/blog.ts
+++ b/modules/blog.ts
@@ -51,14 +51,18 @@ async function fetchBlueskyAvatars(
     for (const profile of data.profiles) {
       if (profile.avatar) {
         const hash = crypto.createHash('sha256').update(profile.avatar).digest('hex')
-        const dest = join(imagesDir, `${hash}.jpg`)
+        const dest = join(imagesDir, `${hash}.png`)
 
         if (!existsSync(dest)) {
-          const res = await fetch(profile.avatar)
-          await writeFile(join(imagesDir, `${hash}.jpg`), res.body!)
+          const res = await fetch(`${profile.avatar}@png`)
+          if (!res.ok || !res.body) {
+            console.warn(`[blog] Failed to fetch Bluesky avatar: ${profile.avatar}@png`)
+            continue
+          }
+          await writeFile(join(imagesDir, `${hash}.png`), res.body)
         }
 
-        avatarMap.set(profile.handle, `/blog/avatar/${hash}.jpg`)
+        avatarMap.set(profile.handle, `/blog/avatar/${hash}.png`)
       }
     }
   } catch (error) {
@@ -85,7 +89,7 @@ function resolveAuthors(authors: Author[], avatarMap: Map<string, string>): Reso
  * Resolves Bluesky avatars at build time.
  */
 async function loadBlogPosts(blogDir: string, imagesDir: string): Promise<BlogPostFrontmatter[]> {
-  const files: string[] = globSync(join(blogDir, '*.md'))
+  const files: string[] = globSync(join(blogDir, '*.md').replace(/\\/g, '/'))
 
   // First pass: extract raw frontmatter and collect all Bluesky handles
   const rawPosts: Array<{ frontmatter: Record<string, unknown> }> = []
diff --git a/package.json b/package.json
index 5624d4173e..0da01a9a42 100644
--- a/package.json
+++ b/package.json
@@ -118,8 +118,8 @@
     "virtua": "0.48.6",
     "vite-plugin-pwa": "1.2.0",
     "vite-plus": "0.0.0-g52709db6.20260226-1136",
-    "vue": "3.5.29",
-    "vue-data-ui": "3.15.9"
+    "vue": "3.5.30",
+    "vue-data-ui": "3.15.12"
   },
   "devDependencies": {
     "@e18e/eslint-plugin": "0.2.0",
@@ -141,12 +141,12 @@
     "chromatic": "15.2.0",
     "defu": "6.1.4",
     "devalue": "5.6.3",
-    "eslint-plugin-regexp": "3.0.0",
+    "eslint-plugin-regexp": "3.1.0",
     "fast-check": "4.5.3",
     "h3": "1.15.5",
     "h3-next": "npm:h3@2.0.1-rc.14",
-    "knip": "5.85.0",
-    "lint-staged": "16.3.1",
+    "knip": "5.86.0",
+    "lint-staged": "16.3.2",
     "markdown-it-anchor": "9.2.0",
     "oxfmt": "0.36.0",
     "oxlint": "1.51.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 47ed71c8d5..8ee4f8f659 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -60,7 +60,7 @@ importers:
         version: '@jsr/deno__doc@0.189.1(patch_hash=24f326e123c822a07976329a5afe91a8713e82d53134b5586625b72431c87832)'
       '@floating-ui/vue':
         specifier: 1.1.10
-        version: 1.1.10(vue@3.5.29(typescript@5.9.3))
+        version: 1.1.10(vue@3.5.30(typescript@5.9.3))
       '@iconify-json/lucide':
         specifier: 1.2.95
         version: 1.2.95
@@ -90,7 +90,7 @@ importers:
         version: 0.14.0(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
       '@nuxt/scripts':
         specifier: 0.13.2
-        version: 0.13.2(@unhead/vue@2.1.10(vue@3.5.29(typescript@5.9.3)))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)(magicast@0.5.1)(typescript@5.9.3)(vue@3.5.29(typescript@5.9.3))
+        version: 0.13.2(@unhead/vue@2.1.10(vue@3.5.30(typescript@5.9.3)))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)(magicast@0.5.1)(typescript@5.9.3)(vue@3.5.30(typescript@5.9.3))
       '@nuxt/test-utils':
         specifier: 4.0.0
         version: 4.0.0(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.0.0-g52709db6.20260226-1136(@opentelemetry/api@1.9.0)(@types/node@24.11.0)(esbuild@0.27.3)(happy-dom@20.3.5)(jiti@2.6.1)(jsdom@27.4.0(@noble/hashes@1.8.0))(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(@vue/test-utils@2.4.6)(happy-dom@20.3.5)(jsdom@27.4.0(@noble/hashes@1.8.0))(magicast@0.5.1)(playwright-core@1.58.2)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
@@ -102,7 +102,7 @@ importers:
         version: 2.1.0(@voidzero-dev/vite-plus-test@0.0.0-g52709db6.20260226-1136(@opentelemetry/api@1.9.0)(@types/node@24.11.0)(esbuild@0.27.3)(happy-dom@20.3.5)(jiti@2.6.1)(jsdom@27.4.0(@noble/hashes@1.8.0))(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(magicast@0.5.1)
       '@nuxtjs/i18n':
         specifier: 10.2.3
-        version: 10.2.3(@upstash/redis@1.36.3)(@vue/compiler-dom@3.5.29)(db0@0.3.4(better-sqlite3@12.6.2))(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(rollup@4.56.0)(vue@3.5.29(typescript@5.9.3))
+        version: 10.2.3(@upstash/redis@1.36.3)(@vue/compiler-dom@3.5.30)(db0@0.3.4(better-sqlite3@12.6.2))(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(rollup@4.56.0)(vue@3.5.30(typescript@5.9.3))
       '@shikijs/langs':
         specifier: 4.0.1
         version: 4.0.1
@@ -132,19 +132,19 @@ importers:
         version: 0.0.0-gd42e0ca6.20260225-0619(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)
       '@vueuse/core':
         specifier: 14.2.1
-        version: 14.2.1(vue@3.5.29(typescript@5.9.3))
+        version: 14.2.1(vue@3.5.30(typescript@5.9.3))
       '@vueuse/integrations':
         specifier: 14.2.1
-        version: 14.2.1(focus-trap@8.0.0)(fuse.js@7.1.0)(vue@3.5.29(typescript@5.9.3))
+        version: 14.2.1(focus-trap@8.0.0)(fuse.js@7.1.0)(vue@3.5.30(typescript@5.9.3))
       '@vueuse/nuxt':
         specifier: 14.2.1
-        version: 14.2.1(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+        version: 14.2.1(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       '@vueuse/router':
         specifier: ^14.2.1
-        version: 14.2.1(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+        version: 14.2.1(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       '@vueuse/shared':
         specifier: 14.2.1
-        version: 14.2.1(vue@3.5.29(typescript@5.9.3))
+        version: 14.2.1(vue@3.5.30(typescript@5.9.3))
       algoliasearch:
         specifier: 5.49.1
         version: 5.49.1
@@ -174,10 +174,10 @@ importers:
         version: 2.11.0
       nuxt:
         specifier: 4.3.1
-        version: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+        version: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       nuxt-og-image:
         specifier: 5.1.13
-        version: 5.1.13(@unhead/vue@2.1.10(vue@3.5.29(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+        version: 5.1.13(@unhead/vue@2.1.10(vue@3.5.30(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       ofetch:
         specifier: 1.5.1
         version: 1.5.1
@@ -216,7 +216,7 @@ importers:
         version: 66.6.2(@unocss/webpack@66.6.2(webpack@5.104.1(esbuild@0.27.3)))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
       unplugin-vue-router:
         specifier: 0.19.2
-        version: 0.19.2(@vue/compiler-sfc@3.5.29)(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+        version: 0.19.2(@vue/compiler-sfc@3.5.30)(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       valibot:
         specifier: 1.2.0
         version: 1.2.0(typescript@5.9.3)
@@ -225,7 +225,7 @@ importers:
         version: 7.0.2
       virtua:
         specifier: 0.48.6
-        version: 0.48.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.29(typescript@5.9.3))
+        version: 0.48.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.30(typescript@5.9.3))
       vite-plugin-pwa:
         specifier: 1.2.0
         version: 1.2.0(@vite-pwa/assets-generator@1.0.2)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(workbox-build@7.4.0)(workbox-window@7.4.0)
@@ -233,11 +233,11 @@ importers:
         specifier: 0.0.0-g52709db6.20260226-1136
         version: 0.0.0-g52709db6.20260226-1136(@opentelemetry/api@1.9.0)(@types/node@24.11.0)(esbuild@0.27.3)(happy-dom@20.3.5)(jiti@2.6.1)(jsdom@27.4.0(@noble/hashes@1.8.0))(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)
       vue:
-        specifier: 3.5.29
-        version: 3.5.29(typescript@5.9.3)
+        specifier: 3.5.30
+        version: 3.5.30(typescript@5.9.3)
       vue-data-ui:
-        specifier: 3.15.9
-        version: 3.15.9(vue@3.5.29(typescript@5.9.3))
+        specifier: 3.15.12
+        version: 3.15.12(vue@3.5.30(typescript@5.9.3))
     devDependencies:
       '@e18e/eslint-plugin':
         specifier: 0.2.0
@@ -253,7 +253,7 @@ importers:
         version: 1.58.2
       '@storybook-vue/nuxt':
         specifier: catalog:storybook
-        version: 9.0.1(c880857ba641c49d802f02da946179e1)
+        version: 9.0.1(dc252ec6fccb779f5e7bc60d95c69a39)
       '@storybook/addon-a11y':
         specifier: catalog:storybook
         version: 10.2.14(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
@@ -294,8 +294,8 @@ importers:
         specifier: 5.6.3
         version: 5.6.3
       eslint-plugin-regexp:
-        specifier: 3.0.0
-        version: 3.0.0(eslint@9.39.2(jiti@2.6.1))
+        specifier: 3.1.0
+        version: 3.1.0(eslint@9.39.2(jiti@2.6.1))
       fast-check:
         specifier: 4.5.3
         version: 4.5.3
@@ -306,11 +306,11 @@ importers:
         specifier: npm:h3@2.0.1-rc.14
         version: h3@2.0.1-rc.14
       knip:
-        specifier: 5.85.0
-        version: 5.85.0(@types/node@24.11.0)(typescript@5.9.3)
+        specifier: 5.86.0
+        version: 5.86.0(@types/node@24.11.0)(typescript@5.9.3)
       lint-staged:
-        specifier: 16.3.1
-        version: 16.3.1
+        specifier: 16.3.2
+        version: 16.3.2
       markdown-it-anchor:
         specifier: 9.2.0
         version: 9.2.0(@types/markdown-it@14.1.2)(markdown-it@14.1.1)
@@ -383,7 +383,7 @@ importers:
         version: 4.0.2
       tsdown:
         specifier: 0.20.3
-        version: 0.20.3(oxc-resolver@11.19.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))
+        version: 0.20.3(oxc-resolver@11.19.1)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))
       typescript:
         specifier: 5.9.3
         version: 5.9.3
@@ -392,7 +392,7 @@ importers:
     dependencies:
       '@nuxt/ui':
         specifier: 4.5.1
-        version: 4.5.1(@nuxt/content@3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3)))(@tiptap/extensions@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.9.2)(magicast@0.5.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(tailwindcss@4.2.1)(typescript@5.9.3)(valibot@1.2.0(typescript@5.9.3))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))(yjs@13.6.29)(zod@4.3.6)
+        version: 4.5.1(@nuxt/content@3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3)))(@tiptap/extensions@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.9.2)(magicast@0.5.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(tailwindcss@4.2.1)(typescript@5.9.3)(valibot@1.2.0(typescript@5.9.3))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))(yjs@13.6.29)(zod@4.3.6)
       '@nuxtjs/mdc':
         specifier: 0.20.1
         version: 0.20.1(magicast@0.5.1)
@@ -401,10 +401,10 @@ importers:
         version: 12.6.2
       docus:
         specifier: 5.7.0
-        version: 5.7.0(7a0a4a1c4927eb020328a82696c9f604)
+        version: 5.7.0(3707e2e9c453b98df6aa79eb40b135f2)
       nuxt:
         specifier: 4.3.1
-        version: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+        version: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       tailwindcss:
         specifier: 4.2.1
         version: 4.2.1
@@ -2837,111 +2837,111 @@ packages:
   '@oxc-project/types@0.95.0':
     resolution: {integrity: sha512-vACy7vhpMPhjEJhULNxrdR0D943TkA/MigMpJCHmBHvMXxRStRi/dPtTlfQ3uDwWSzRpT8z+7ImjZVf8JWBocQ==}
 
-  '@oxc-resolver/binding-android-arm-eabi@11.19.0':
-    resolution: {integrity: sha512-dlMjjWE3h+qMujLp5nBX/x7R5ny+xfr4YtsyaMNuM5JImOtQBzpFxQr9kJOKGL+9RbaoTOXpt5KF05f9pnOsgw==}
+  '@oxc-resolver/binding-android-arm-eabi@11.19.1':
+    resolution: {integrity: sha512-aUs47y+xyXHUKlbhqHUjBABjvycq6YSD7bpxSW7vplUmdzAlJ93yXY6ZR0c1o1x5A/QKbENCvs3+NlY8IpIVzg==}
     cpu: [arm]
     os: [android]
 
-  '@oxc-resolver/binding-android-arm64@11.19.0':
-    resolution: {integrity: sha512-x5P0Y12oMcSC9PKkz1FtdVVLosXYi/05m+ufxPrUggd6vZRBPJhW4zZUsMVbz8dwwk71Dh0f6/2ntw3WPOq+Ig==}
+  '@oxc-resolver/binding-android-arm64@11.19.1':
+    resolution: {integrity: sha512-oolbkRX+m7Pq2LNjr/kKgYeC7bRDMVTWPgxBGMjSpZi/+UskVo4jsMU3MLheZV55jL6c3rNelPl4oD60ggYmqA==}
     cpu: [arm64]
     os: [android]
 
-  '@oxc-resolver/binding-darwin-arm64@11.19.0':
-    resolution: {integrity: sha512-DjnuIPB60IQrVSCiuVBzN8/8AeeIjthdkk+dZYdZzgLeP2T5ZF41u50haJMtIdGr5cRzRH6zPV/gh6+RFjlvKA==}
+  '@oxc-resolver/binding-darwin-arm64@11.19.1':
+    resolution: {integrity: sha512-nUC6d2i3R5B12sUW4O646qD5cnMXf2oBGPLIIeaRfU9doJRORAbE2SGv4eW6rMqhD+G7nf2Y8TTJTLiiO3Q/dQ==}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxc-resolver/binding-darwin-x64@11.19.0':
-    resolution: {integrity: sha512-dVAqIZIIY7xOXCCV0nJPs8ExlYc6R7mcNpFobwNyE3qlXGbgvwb7Gl3iOumOiPBfF+sbJR3MMP7RAPfKqbvYyA==}
+  '@oxc-resolver/binding-darwin-x64@11.19.1':
+    resolution: {integrity: sha512-cV50vE5+uAgNcFa3QY1JOeKDSkM/9ReIcc/9wn4TavhW/itkDGrXhw9jaKnkQnGbjJ198Yh5nbX/Gr2mr4Z5jQ==}
     cpu: [x64]
     os: [darwin]
 
-  '@oxc-resolver/binding-freebsd-x64@11.19.0':
-    resolution: {integrity: sha512-kwcZ30bIpJNFcT22sIlde4mz0EyXmB3lAefCFWtffqpbmLweQUwz1dKDcsutxEjpkbEKLmfrj1wCyRZp7n5Hnw==}
+  '@oxc-resolver/binding-freebsd-x64@11.19.1':
+    resolution: {integrity: sha512-xZOQiYGFxtk48PBKff+Zwoym7ScPAIVp4c14lfLxizO2LTTTJe5sx9vQNGrBymrf/vatSPNMD4FgsaaRigPkqw==}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxc-resolver/binding-linux-arm-gnueabihf@11.19.0':
-    resolution: {integrity: sha512-GImk/cb3X+zBGEwr6l9h0dbiNo5zNd52gamZmluEpbyybiZ8kc5q44/7zRR4ILChWRW7pI92W57CJwhkF+wRmg==}
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.19.1':
+    resolution: {integrity: sha512-lXZYWAC6kaGe/ky2su94e9jN9t6M0/6c+GrSlCqL//XO1cxi5lpAhnJYdyrKfm0ZEr/c7RNyAx3P7FSBcBd5+A==}
     cpu: [arm]
     os: [linux]
 
-  '@oxc-resolver/binding-linux-arm-musleabihf@11.19.0':
-    resolution: {integrity: sha512-uIEyws3bBD1gif4SZCOV2XIr6q5fd1WbzzBbpL8qk+TbzOvKMWnMNNtfNacnAGGa2lLRNXR1Fffot2mlZ/Xmbw==}
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.19.1':
+    resolution: {integrity: sha512-veG1kKsuK5+t2IsO9q0DErYVSw2azvCVvWHnfTOS73WE0STdLLB7Q1bB9WR+yHPQM76ASkFyRbogWo1GR1+WbQ==}
     cpu: [arm]
     os: [linux]
 
-  '@oxc-resolver/binding-linux-arm64-gnu@11.19.0':
-    resolution: {integrity: sha512-bIkgp+AB+yZfvdKDfjFT7PycsRtih7+zCV5AbnkzfyvNvQ47rfssf8R1IbG++mx+rZ4YUCUu8EbP66HC3O5c5w==}
+  '@oxc-resolver/binding-linux-arm64-gnu@11.19.1':
+    resolution: {integrity: sha512-heV2+jmXyYnUrpUXSPugqWDRpnsQcDm2AX4wzTuvgdlZfoNYO0O3W2AVpJYaDn9AG4JdM6Kxom8+foE7/BcSig==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@oxc-resolver/binding-linux-arm64-musl@11.19.0':
-    resolution: {integrity: sha512-bOt5pKPcbidTSy64m2CfM0XcaCmxBEFclCMPuOPO08hh8QIFTiZVhFf/OxTFqyRwhq/tlzzKmXpMo7DfzbO5lQ==}
+  '@oxc-resolver/binding-linux-arm64-musl@11.19.1':
+    resolution: {integrity: sha512-jvo2Pjs1c9KPxMuMPIeQsgu0mOJF9rEb3y3TdpsrqwxRM+AN6/nDDwv45n5ZrUnQMsdBy5gIabioMKnQfWo9ew==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@oxc-resolver/binding-linux-ppc64-gnu@11.19.0':
-    resolution: {integrity: sha512-BymEPqVeLZzA/1kXow9U9rdniq1r5kk4u686Cx3ZU77YygR48NJI/2TyjM70vKHZffGx75ZShobcc1M5GXG3WA==}
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.19.1':
+    resolution: {integrity: sha512-vLmdNxWCdN7Uo5suays6A/+ywBby2PWBBPXctWPg5V0+eVuzsJxgAn6MMB4mPlshskYbppjpN2Zg83ArHze9gQ==}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@oxc-resolver/binding-linux-riscv64-gnu@11.19.0':
-    resolution: {integrity: sha512-aFgPTzZZY+XCYe4B+3A1S63xcIh2i136+2TPXWr9NOwXXTdMdBntb1J9fEgxXDnX82MjBknLUpJqAZHNTJzixA==}
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.19.1':
+    resolution: {integrity: sha512-/b+WgR+VTSBxzgOhDO7TlMXC1ufPIMR6Vj1zN+/x+MnyXGW7prTLzU9eW85Aj7Th7CCEG9ArCbTeqxCzFWdg2w==}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
-  '@oxc-resolver/binding-linux-riscv64-musl@11.19.0':
-    resolution: {integrity: sha512-9WDGt7fV9GK97WrWE/VEDhMFv9m0ZXYn5NQ+16QvyT0ux8yGLAvyadi6viaTjEdJII/OaHBRYHcL+zUjmaWwmg==}
+  '@oxc-resolver/binding-linux-riscv64-musl@11.19.1':
+    resolution: {integrity: sha512-YlRdeWb9j42p29ROh+h4eg/OQ3dTJlpHSa+84pUM9+p6i3djtPz1q55yLJhgW9XfDch7FN1pQ/Vd6YP+xfRIuw==}
     cpu: [riscv64]
     os: [linux]
     libc: [musl]
 
-  '@oxc-resolver/binding-linux-s390x-gnu@11.19.0':
-    resolution: {integrity: sha512-SY3di6tccocppAVal5Hev3D6D1N5Y6TCEypAvNCOiPqku2Y8U/aXfvGbthqdPNa72KYqjUR1vomOv6J9thHITA==}
+  '@oxc-resolver/binding-linux-s390x-gnu@11.19.1':
+    resolution: {integrity: sha512-EDpafVOQWF8/MJynsjOGFThcqhRHy417sRyLfQmeiamJ8qVhSKAn2Dn2VVKUGCjVB9C46VGjhNo7nOPUi1x6uA==}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@oxc-resolver/binding-linux-x64-gnu@11.19.0':
-    resolution: {integrity: sha512-SV+4zBeCC3xjSE2wvhN45eyABoVRX3xryWBABFKfLwAWhF3wsB3bUF+CantYfQ/TLpasyvplRS9ovvFT9cb/0A==}
+  '@oxc-resolver/binding-linux-x64-gnu@11.19.1':
+    resolution: {integrity: sha512-NxjZe+rqWhr+RT8/Ik+5ptA3oz7tUw361Wa5RWQXKnfqwSSHdHyrw6IdcTfYuml9dM856AlKWZIUXDmA9kkiBQ==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@oxc-resolver/binding-linux-x64-musl@11.19.0':
-    resolution: {integrity: sha512-LkbjO+r5Isl8Xl29pJYOCB/iSUIULFUJDGdMp+yJD3OgWtSa6VJta2iw7QXmpcoOkq18UIL09yWrlyjLDL0Hug==}
+  '@oxc-resolver/binding-linux-x64-musl@11.19.1':
+    resolution: {integrity: sha512-cM/hQwsO3ReJg5kR+SpI69DMfvNCp+A/eVR4b4YClE5bVZwz8rh2Nh05InhwI5HR/9cArbEkzMjcKgTHS6UaNw==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@oxc-resolver/binding-openharmony-arm64@11.19.0':
-    resolution: {integrity: sha512-Ud1gelL5slpEU5AjzBWQz1WheprOAl5CPnCKTWynvvdlBbAZXA6fPYLuCrlRo0uw+x3f37XJ71kirpSew8Zyvg==}
+  '@oxc-resolver/binding-openharmony-arm64@11.19.1':
+    resolution: {integrity: sha512-QF080IowFB0+9Rh6RcD19bdgh49BpQHUW5TajG1qvWHvmrQznTZZjYlgE2ltLXyKY+qs4F/v5xuX1XS7Is+3qA==}
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxc-resolver/binding-wasm32-wasi@11.19.0':
-    resolution: {integrity: sha512-wXLNAVmL4vWXKaYJnFPgg5zQsSr3Rv+ftNReIU3UkzTcoVLK0805Pnbr2NwcBWSO5hhpOEdys02qlT2kxVgjWw==}
+  '@oxc-resolver/binding-wasm32-wasi@11.19.1':
+    resolution: {integrity: sha512-w8UCKhX826cP/ZLokXDS6+milN8y4X7zidsAttEdWlVoamTNf6lhBJldaWr3ukTDiye7s4HRcuPEPOXNC432Vg==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@oxc-resolver/binding-win32-arm64-msvc@11.19.0':
-    resolution: {integrity: sha512-zszvr0dJfvv0Jg49hLwjAJ4SRzfsq28SoearUtT1qv3qXRYsBWuctdlRa/lEZkiuG4tZWiY425Jh9QqLafwsAg==}
+  '@oxc-resolver/binding-win32-arm64-msvc@11.19.1':
+    resolution: {integrity: sha512-nJ4AsUVZrVKwnU/QRdzPCCrO0TrabBqgJ8pJhXITdZGYOV28TIYystV1VFLbQ7DtAcaBHpocT5/ZJnF78YJPtQ==}
     cpu: [arm64]
     os: [win32]
 
-  '@oxc-resolver/binding-win32-ia32-msvc@11.19.0':
-    resolution: {integrity: sha512-I7ZYujr5XL1l7OwuddbOeqdUyFOaf51W1U2xUogInFdupIAKGqbpugpAK6RaccLcSlN0bbuo3CS5h7ue38SUAg==}
+  '@oxc-resolver/binding-win32-ia32-msvc@11.19.1':
+    resolution: {integrity: sha512-EW+ND5q2Tl+a3pH81l1QbfgbF3HmqgwLfDfVithRFheac8OTcnbXt/JxqD2GbDkb7xYEqy1zNaVFRr3oeG8npA==}
     cpu: [ia32]
     os: [win32]
 
-  '@oxc-resolver/binding-win32-x64-msvc@11.19.0':
-    resolution: {integrity: sha512-NxErbI1TmJEZZVvGPePjgXFZCuOzrjQuJ6YwHjcWkelReK7Uhg4QeL05zRdfTpgkH6IY/C8OjbKx5ZilQ4yDFg==}
+  '@oxc-resolver/binding-win32-x64-msvc@11.19.1':
+    resolution: {integrity: sha512-6hIU3RQu45B+VNTY4Ru8ppFwjVS/S5qwYyGhBotmjxfEKk41I2DlGtRfGJndZ5+6lneE2pwloqunlOyZuX/XAw==}
     cpu: [x64]
     os: [win32]
 
@@ -5346,17 +5346,17 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@vue/compiler-core@3.5.29':
-    resolution: {integrity: sha512-cuzPhD8fwRHk8IGfmYaR4eEe4cAyJEL66Ove/WZL7yWNL134nqLddSLwNRIsFlnnW1kK+p8Ck3viFnC0chXCXw==}
+  '@vue/compiler-core@3.5.30':
+    resolution: {integrity: sha512-s3DfdZkcu/qExZ+td75015ljzHc6vE+30cFMGRPROYjqkroYI5NV2X1yAMX9UeyBNWB9MxCfPcsjpLS11nzkkw==}
 
-  '@vue/compiler-dom@3.5.29':
-    resolution: {integrity: sha512-n0G5o7R3uBVmVxjTIYcz7ovr8sy7QObFG8OQJ3xGCDNhbG60biP/P5KnyY8NLd81OuT1WJflG7N4KWYHaeeaIg==}
+  '@vue/compiler-dom@3.5.30':
+    resolution: {integrity: sha512-eCFYESUEVYHhiMuK4SQTldO3RYxyMR/UQL4KdGD1Yrkfdx4m/HYuZ9jSfPdA+nWJY34VWndiYdW/wZXyiPEB9g==}
 
-  '@vue/compiler-sfc@3.5.29':
-    resolution: {integrity: sha512-oJZhN5XJs35Gzr50E82jg2cYdZQ78wEwvRO6Y63TvLVTc+6xICzJHP1UIecdSPPYIbkautNBanDiWYa64QSFIA==}
+  '@vue/compiler-sfc@3.5.30':
+    resolution: {integrity: sha512-LqmFPDn89dtU9vI3wHJnwaV6GfTRD87AjWpTWpyrdVOObVtjIuSeZr181z5C4PmVx/V3j2p+0f7edFKGRMpQ5A==}
 
-  '@vue/compiler-ssr@3.5.29':
-    resolution: {integrity: sha512-Y/ARJZE6fpjzL5GH/phJmsFwx3g6t2KmHKHx5q+MLl2kencADKIrhH5MLF6HHpRMmlRAYBRSvv347Mepf1zVNw==}
+  '@vue/compiler-ssr@3.5.30':
+    resolution: {integrity: sha512-NsYK6OMTnx109PSL2IAyf62JP6EUdk4Dmj6AkWcJGBvN0dQoMYtVekAmdqgTtWQgEJo+Okstbf/1p7qZr5H+bA==}
 
   '@vue/compiler-vue2@2.7.16':
     resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
@@ -5386,22 +5386,22 @@ packages:
   '@vue/language-core@3.2.5':
     resolution: {integrity: sha512-d3OIxN/+KRedeM5wQ6H6NIpwS3P5gC9nmyaHgBk+rO6dIsjY+tOh4UlPpiZbAh3YtLdCGEX4M16RmsBqPmJV+g==}
 
-  '@vue/reactivity@3.5.29':
-    resolution: {integrity: sha512-zcrANcrRdcLtmGZETBxWqIkoQei8HaFpZWx/GHKxx79JZsiZ8j1du0VUJtu4eJjgFvU/iKL5lRXFXksVmI+5DA==}
+  '@vue/reactivity@3.5.30':
+    resolution: {integrity: sha512-179YNgKATuwj9gB+66snskRDOitDiuOZqkYia7mHKJaidOMo/WJxHKF8DuGc4V4XbYTJANlfEKb0yxTQotnx4Q==}
 
-  '@vue/runtime-core@3.5.29':
-    resolution: {integrity: sha512-8DpW2QfdwIWOLqtsNcds4s+QgwSaHSJY/SUe04LptianUQ/0xi6KVsu/pYVh+HO3NTVvVJjIPL2t6GdeKbS4Lg==}
+  '@vue/runtime-core@3.5.30':
+    resolution: {integrity: sha512-e0Z+8PQsUTdwV8TtEsLzUM7SzC7lQwYKePydb7K2ZnmS6jjND+WJXkmmfh/swYzRyfP1EY3fpdesyYoymCzYfg==}
 
-  '@vue/runtime-dom@3.5.29':
-    resolution: {integrity: sha512-AHvvJEtcY9tw/uk+s/YRLSlxxQnqnAkjqvK25ZiM4CllCZWzElRAoQnCM42m9AHRLNJ6oe2kC5DCgD4AUdlvXg==}
+  '@vue/runtime-dom@3.5.30':
+    resolution: {integrity: sha512-2UIGakjU4WSQ0T4iwDEW0W7vQj6n7AFn7taqZ9Cvm0Q/RA2FFOziLESrDL4GmtI1wV3jXg5nMoJSYO66egDUBw==}
 
-  '@vue/server-renderer@3.5.29':
-    resolution: {integrity: sha512-G/1k6WK5MusLlbxSE2YTcqAAezS+VuwHhOvLx2KnQU7G2zCH6KIb+5Wyt6UjMq7a3qPzNEjJXs1hvAxDclQH+g==}
+  '@vue/server-renderer@3.5.30':
+    resolution: {integrity: sha512-v+R34icapydRwbZRD0sXwtHqrQJv38JuMB4JxbOxd8NEpGLny7cncMp53W9UH/zo4j8eDHjQ1dEJXwzFQknjtQ==}
     peerDependencies:
-      vue: 3.5.29
+      vue: 3.5.30
 
-  '@vue/shared@3.5.29':
-    resolution: {integrity: sha512-w7SR0A5zyRByL9XUkCfdLs7t9XOHUyJ67qPGQjOou3p6GvBeBW+AVjUUmlxtZ4PIYaRvE+1LmK44O4uajlZwcg==}
+  '@vue/shared@3.5.30':
+    resolution: {integrity: sha512-YXgQ7JjaO18NeK2K9VTbDHaFy62WrObMa6XERNfNOkAhD1F1oDSf3ZJ7K6GqabZ0BvSDHajp8qfS5Sa2I9n8uQ==}
 
   '@vue/test-utils@2.4.6':
     resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
@@ -6652,8 +6652,8 @@ packages:
   eslint-plugin-depend@1.4.0:
     resolution: {integrity: sha512-MQs+m4nHSfgAO9bJDsBzqw0ofK/AOA0vfeY/6ahofqcUMLeM6/D1sTYs21fOhc17kNU/gn58YCtj20XaAssh2A==}
 
-  eslint-plugin-regexp@3.0.0:
-    resolution: {integrity: sha512-iW7hgAV8NOG6E2dz+VeKpq67YLQ9jaajOKYpoOSic2/q8y9BMdXBKkSR9gcMtbqEhNQzdW41E3wWzvhp8ExYwQ==}
+  eslint-plugin-regexp@3.1.0:
+    resolution: {integrity: sha512-qGXIC3DIKZHcK1H9A9+Byz9gmndY6TTSRkSMTZpNXdyCw2ObSehRgccJv35n9AdUakEjQp5VFNLas6BMXizCZg==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
     peerDependencies:
       eslint: '>=9.38.0'
@@ -7820,8 +7820,8 @@ packages:
     resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==}
     engines: {node: '>= 8'}
 
-  knip@5.85.0:
-    resolution: {integrity: sha512-V2kyON+DZiYdNNdY6GALseiNCwX7dYdpz9Pv85AUn69Gk0UKCts+glOKWfe5KmaMByRjM9q17Mzj/KinTVOyxg==}
+  knip@5.86.0:
+    resolution: {integrity: sha512-tGpRCbP+L+VysXnAp1bHTLQ0k/SdC3M3oX18+Cpiqax1qdS25iuCPzpK8LVmAKARZv0Ijri81Wq09Rzk0JTl+Q==}
     engines: {node: '>=18.18.0'}
     hasBin: true
     peerDependencies:
@@ -7941,8 +7941,8 @@ packages:
   linkifyjs@4.3.2:
     resolution: {integrity: sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==}
 
-  lint-staged@16.3.1:
-    resolution: {integrity: sha512-bqvvquXzFBAlSbluugR4KXAe4XnO/QZcKVszpkBtqLWa2KEiVy8n6Xp38OeUbv/gOJOX4Vo9u5pFt/ADvbm42Q==}
+  lint-staged@16.3.2:
+    resolution: {integrity: sha512-xKqhC2AeXLwiAHXguxBjuChoTTWFC6Pees0SHPwOpwlvI3BH7ZADFPddAdN3pgo3aiKgPUx/bxE78JfUnxQnlg==}
     engines: {node: '>=20.17'}
     hasBin: true
 
@@ -8562,8 +8562,8 @@ packages:
     resolution: {integrity: sha512-Te8fE/SmiiKWIrwBwxz5Dod87uYvsbcZ9JAL5ylPg1DevyKgTkxCXnPEaewk1Su2qpfNmry5RHoN+NywWFCG+A==}
     engines: {node: ^20.19.0 || >=22.12.0}
 
-  oxc-resolver@11.19.0:
-    resolution: {integrity: sha512-oEe42WEoZc2T5sCQqgaRBx8huzP4cJvrnm+BfNTJESdtM633Tqs6iowkpsMTXgnb7SLwU6N6D9bqwW/PULjo6A==}
+  oxc-resolver@11.19.1:
+    resolution: {integrity: sha512-qE/CIg/spwrTBFt5aKmwe3ifeDdLfA2NESN30E42X/lII5ClF8V7Wt6WIJhcGZjp0/Q+nQ+9vgxGk//xZNX2hg==}
 
   oxc-transform@0.112.0:
     resolution: {integrity: sha512-cIRRvZgrHfsAHrkt8LWdAX4+Do8R0MzQSfeo9yzErzHeYiuyNiP4PCTPbOy/wBXL4MYzt3ebrBa5jt3akQkKAg==}
@@ -8944,8 +8944,8 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.5.6:
-    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+  postcss@8.5.8:
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
     engines: {node: ^10 || ^12 || >=14}
 
   prebuild-install@7.1.3:
@@ -10154,6 +10154,10 @@ packages:
   ultramatter@0.0.4:
     resolution: {integrity: sha512-1f/hO3mR+/Hgue4eInOF/Qm/wzDqwhYha4DxM0hre9YIUyso3fE2XtrAU6B4njLqTC8CM49EZaYgsVSa+dXHGw==}
 
+  unbash@2.2.0:
+    resolution: {integrity: sha512-X2wH19RAPZE3+ldGicOkoj/SIA83OIxcJ6Cuaw23hf8Xc6fQpvZXY0SftE2JgS0QhYLUG4uwodSI3R53keyh7w==}
+    engines: {node: '>=14'}
+
   unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
@@ -10664,8 +10668,8 @@ packages:
   vue-component-type-helpers@3.2.5:
     resolution: {integrity: sha512-tkvNr+bU8+xD/onAThIe7CHFvOJ/BO6XCOrxMzeytJq40nTfpGDJuVjyCM8ccGZKfAbGk2YfuZyDMXM56qheZQ==}
 
-  vue-data-ui@3.15.9:
-    resolution: {integrity: sha512-xNv8u//zPkKQT+WNtPsxWLdRBgyZPpDn5X0z6klB/8CouHXYrC8FO5eul28bTE3cbmm/vZZDC2LRupfeeu7zNA==}
+  vue-data-ui@3.15.12:
+    resolution: {integrity: sha512-FQiovjgyNOgATsSYsyF/2bbnnCaLISNKFbJ0Kjt8oi+x74dTMjY6r+FG2kpFu50LRryzsVrNzRANhPbCInYXIw==}
     peerDependencies:
       jspdf: '>=3.0.1'
       vue: '>=3.3.0'
@@ -10718,8 +10722,8 @@ packages:
     peerDependencies:
       typescript: '>=5.0.0'
 
-  vue@3.5.29:
-    resolution: {integrity: sha512-BZqN4Ze6mDQVNAni0IHeMJ5mwr8VAJ3MQC9FmprRhcBYENw+wOAAjRj8jfmN6FLl0j96OXbR+CjWhmAmM+QGnA==}
+  vue@3.5.30:
+    resolution: {integrity: sha512-hTHLc6VNZyzzEH/l7PFGjpcTvUgiaPK5mdLkbjrTeWSRcEfxFrv56g/XckIYlE9ckuobsdwqd5mk2g1sBkMewg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -11054,12 +11058,12 @@ snapshots:
     dependencies:
       json-schema: 0.4.0
 
-  '@ai-sdk/vue@3.0.86(vue@3.5.29(typescript@5.9.3))(zod@4.3.6)':
+  '@ai-sdk/vue@3.0.86(vue@3.5.30(typescript@5.9.3))(zod@4.3.6)':
     dependencies:
       '@ai-sdk/provider-utils': 4.0.15(zod@4.3.6)
       ai: 6.0.86(zod@4.3.6)
-      swrv: 1.1.0(vue@3.5.29(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      swrv: 1.1.0(vue@3.5.30(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - zod
 
@@ -12482,11 +12486,11 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
-  '@floating-ui/vue@1.1.10(vue@3.5.29(typescript@5.9.3))':
+  '@floating-ui/vue@1.1.10(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@floating-ui/dom': 1.7.5
       '@floating-ui/utils': 0.2.10
-      vue-demi: 0.14.10(vue@3.5.29(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -12538,10 +12542,10 @@ snapshots:
       '@iconify/types': 2.0.0
       mlly: 1.8.0
 
-  '@iconify/vue@5.0.0(vue@3.5.29(typescript@5.9.3))':
+  '@iconify/vue@5.0.0(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   '@img/colour@1.0.0': {}
 
@@ -12647,7 +12651,7 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.18
 
-  '@intlify/bundle-utils@11.0.7(vue-i18n@11.2.8(vue@3.5.29(typescript@5.9.3)))':
+  '@intlify/bundle-utils@11.0.7(vue-i18n@11.2.8(vue@3.5.30(typescript@5.9.3)))':
     dependencies:
       '@intlify/message-compiler': 11.2.8
       '@intlify/shared': 11.2.8
@@ -12659,7 +12663,7 @@ snapshots:
       source-map-js: 1.2.1
       yaml-eslint-parser: 1.3.2
     optionalDependencies:
-      vue-i18n: 11.2.8(vue@3.5.29(typescript@5.9.3))
+      vue-i18n: 11.2.8(vue@3.5.30(typescript@5.9.3))
 
   '@intlify/core-base@11.2.8':
     dependencies:
@@ -12683,12 +12687,12 @@ snapshots:
 
   '@intlify/shared@11.2.8': {}
 
-  '@intlify/unplugin-vue-i18n@11.0.7(@vue/compiler-dom@3.5.29)(eslint@9.39.2(jiti@2.6.1))(rollup@4.56.0)(typescript@5.9.3)(vue-i18n@11.2.8(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))':
+  '@intlify/unplugin-vue-i18n@11.0.7(@vue/compiler-dom@3.5.30)(eslint@9.39.2(jiti@2.6.1))(rollup@4.56.0)(typescript@5.9.3)(vue-i18n@11.2.8(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      '@intlify/bundle-utils': 11.0.7(vue-i18n@11.2.8(vue@3.5.29(typescript@5.9.3)))
+      '@intlify/bundle-utils': 11.0.7(vue-i18n@11.2.8(vue@3.5.30(typescript@5.9.3)))
       '@intlify/shared': 11.2.8
-      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.2.8)(@vue/compiler-dom@3.5.29)(vue-i18n@11.2.8(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.2.8)(@vue/compiler-dom@3.5.30)(vue-i18n@11.2.8(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       '@rollup/pluginutils': 5.3.0(rollup@4.56.0)
       '@typescript-eslint/scope-manager': 8.56.1
       '@typescript-eslint/typescript-estree': 8.56.1(typescript@5.9.3)
@@ -12697,9 +12701,9 @@ snapshots:
       pathe: 2.0.3
       picocolors: 1.1.1
       unplugin: 2.3.11
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     optionalDependencies:
-      vue-i18n: 11.2.8(vue@3.5.29(typescript@5.9.3))
+      vue-i18n: 11.2.8(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/compiler-dom'
       - eslint
@@ -12709,14 +12713,14 @@ snapshots:
 
   '@intlify/utils@0.13.0': {}
 
-  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.2.8)(@vue/compiler-dom@3.5.29)(vue-i18n@11.2.8(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))':
+  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.2.8)(@vue/compiler-dom@3.5.30)(vue-i18n@11.2.8(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@babel/parser': 7.29.0
     optionalDependencies:
       '@intlify/shared': 11.2.8
-      '@vue/compiler-dom': 3.5.29
-      vue: 3.5.29(typescript@5.9.3)
-      vue-i18n: 11.2.8(vue@3.5.29(typescript@5.9.3))
+      '@vue/compiler-dom': 3.5.30
+      vue: 3.5.30(typescript@5.9.3)
+      vue-i18n: 11.2.8(vue@3.5.30(typescript@5.9.3))
 
   '@ioredis/commands@1.5.0': {}
 
@@ -13150,12 +13154,12 @@ snapshots:
       prompts: 2.4.2
       semver: 7.7.4
 
-  '@nuxt/devtools@3.1.1(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@nuxt/devtools@3.1.1(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@nuxt/devtools-kit': 3.1.1(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
       '@nuxt/devtools-wizard': 3.1.1
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@vue/devtools-core': 8.0.5(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      '@vue/devtools-core': 8.0.5(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       '@vue/devtools-kit': 8.0.5
       birpc: 2.9.0
       consola: 3.4.2
@@ -13182,7 +13186,7 @@ snapshots:
       tinyglobby: 0.2.15
       vite: 8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
       vite-plugin-inspect: 11.3.3(@nuxt/kit@4.3.1(magicast@0.5.1))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      vite-plugin-vue-tracer: 1.2.0(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      vite-plugin-vue-tracer: 1.2.0(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       which: 5.0.0
       ws: 8.19.0
     transitivePeerDependencies:
@@ -13191,12 +13195,12 @@ snapshots:
       - utf-8-validate
       - vue
 
-  '@nuxt/devtools@3.1.1(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@nuxt/devtools@3.1.1(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@nuxt/devtools-kit': 3.1.1(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
       '@nuxt/devtools-wizard': 3.1.1
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@vue/devtools-core': 8.0.5(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      '@vue/devtools-core': 8.0.5(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       '@vue/devtools-kit': 8.0.5
       birpc: 2.9.0
       consola: 3.4.2
@@ -13223,7 +13227,7 @@ snapshots:
       tinyglobby: 0.2.15
       vite: 8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
       vite-plugin-inspect: 11.3.3(@nuxt/kit@4.3.1(magicast@0.5.1))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      vite-plugin-vue-tracer: 1.2.0(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      vite-plugin-vue-tracer: 1.2.0(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       which: 5.0.0
       ws: 8.19.0
     transitivePeerDependencies:
@@ -13312,12 +13316,12 @@ snapshots:
       - uploadthing
       - vite
 
-  '@nuxt/icon@2.2.1(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@nuxt/icon@2.2.1(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@iconify/collections': 1.0.654
       '@iconify/types': 2.0.0
       '@iconify/utils': 3.1.0
-      '@iconify/vue': 5.0.0(vue@3.5.29(typescript@5.9.3))
+      '@iconify/vue': 5.0.0(vue@3.5.30(typescript@5.9.3))
       '@nuxt/devtools-kit': 3.2.2(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       consola: 3.4.2
@@ -13420,12 +13424,12 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/nitro-server@4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)':
+  '@nuxt/nitro-server@4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)':
     dependencies:
       '@nuxt/devalue': 2.0.2
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
-      '@vue/shared': 3.5.29
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
+      '@vue/shared': 3.5.30
       consola: 3.4.2
       defu: 6.1.4
       destr: 2.0.5
@@ -13438,7 +13442,7 @@ snapshots:
       klona: 2.0.6
       mocked-exports: 0.1.1
       nitropack: 2.13.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(encoding@0.1.13)(rolldown@1.0.0-rc.5)
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       ohash: 2.0.11
       pathe: 2.0.3
       pkg-types: 2.3.0
@@ -13447,7 +13451,7 @@ snapshots:
       ufo: 1.6.3
       unctx: 2.5.0
       unstorage: 1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
       vue-devtools-stub: 0.1.0
     transitivePeerDependencies:
@@ -13485,12 +13489,12 @@ snapshots:
       - uploadthing
       - xml2js
 
-  '@nuxt/nitro-server@4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)':
+  '@nuxt/nitro-server@4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)':
     dependencies:
       '@nuxt/devalue': 2.0.2
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
-      '@vue/shared': 3.5.29
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
+      '@vue/shared': 3.5.30
       consola: 3.4.2
       defu: 6.1.4
       destr: 2.0.5
@@ -13503,7 +13507,7 @@ snapshots:
       klona: 2.0.6
       mocked-exports: 0.1.1
       nitropack: 2.13.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(encoding@0.1.13)(rolldown@1.0.0-rc.5)
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       ohash: 2.0.11
       pathe: 2.0.3
       pkg-types: 2.3.0
@@ -13512,7 +13516,7 @@ snapshots:
       ufo: 1.6.3
       unctx: 2.5.0
       unstorage: 1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
       vue-devtools-stub: 0.1.0
     transitivePeerDependencies:
@@ -13552,7 +13556,7 @@ snapshots:
 
   '@nuxt/schema@3.21.1':
     dependencies:
-      '@vue/shared': 3.5.29
+      '@vue/shared': 3.5.30
       defu: 6.1.4
       pathe: 2.0.3
       pkg-types: 2.3.0
@@ -13560,17 +13564,17 @@ snapshots:
 
   '@nuxt/schema@4.3.1':
     dependencies:
-      '@vue/shared': 3.5.29
+      '@vue/shared': 3.5.30
       defu: 6.1.4
       pathe: 2.0.3
       pkg-types: 2.3.0
       std-env: 3.10.0
 
-  '@nuxt/scripts@0.13.2(@unhead/vue@2.1.10(vue@3.5.29(typescript@5.9.3)))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)(magicast@0.5.1)(typescript@5.9.3)(vue@3.5.29(typescript@5.9.3))':
+  '@nuxt/scripts@0.13.2(@unhead/vue@2.1.10(vue@3.5.30(typescript@5.9.3)))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)(magicast@0.5.1)(typescript@5.9.3)(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
       consola: 3.4.2
       defu: 6.1.4
       estree-walker: 3.0.3
@@ -13649,7 +13653,7 @@ snapshots:
       ufo: 1.6.3
       unplugin: 3.0.0
       vitest-environment-nuxt: 1.0.1(@playwright/test@1.58.2)(@voidzero-dev/vite-plus-test@0.0.0-g52709db6.20260226-1136(@opentelemetry/api@1.9.0)(@types/node@24.11.0)(esbuild@0.27.3)(happy-dom@20.3.5)(jiti@2.6.1)(jsdom@27.4.0(@noble/hashes@1.8.0))(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(@vue/test-utils@2.4.6)(happy-dom@20.3.5)(jsdom@27.4.0(@noble/hashes@1.8.0))(magicast@0.5.1)(playwright-core@1.58.2)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     optionalDependencies:
       '@playwright/test': 1.58.2
       '@vue/test-utils': 2.4.6
@@ -13663,28 +13667,28 @@ snapshots:
       - typescript
       - vite
 
-  '@nuxt/ui@4.5.1(@nuxt/content@3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3)))(@tiptap/extensions@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.9.2)(magicast@0.5.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(tailwindcss@4.2.1)(typescript@5.9.3)(valibot@1.2.0(typescript@5.9.3))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))(yjs@13.6.29)(zod@4.3.6)':
+  '@nuxt/ui@4.5.1(@nuxt/content@3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3)))(@tiptap/extensions@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.9.2)(magicast@0.5.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(tailwindcss@4.2.1)(typescript@5.9.3)(valibot@1.2.0(typescript@5.9.3))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))(yjs@13.6.29)(zod@4.3.6)':
     dependencies:
       '@floating-ui/dom': 1.7.5
-      '@iconify/vue': 5.0.0(vue@3.5.29(typescript@5.9.3))
+      '@iconify/vue': 5.0.0(vue@3.5.30(typescript@5.9.3))
       '@internationalized/date': 3.11.0
       '@internationalized/number': 3.6.5
       '@nuxt/fonts': 0.14.0(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      '@nuxt/icon': 2.2.1(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      '@nuxt/icon': 2.2.1(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       '@nuxt/schema': 4.3.1
       '@nuxtjs/color-mode': 3.5.2(magicast@0.5.1)
       '@standard-schema/spec': 1.1.0
       '@tailwindcss/postcss': 4.2.1
       '@tailwindcss/vite': 4.2.1(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      '@tanstack/vue-table': 8.21.3(vue@3.5.29(typescript@5.9.3))
-      '@tanstack/vue-virtual': 3.13.19(vue@3.5.29(typescript@5.9.3))
+      '@tanstack/vue-table': 8.21.3(vue@3.5.30(typescript@5.9.3))
+      '@tanstack/vue-virtual': 3.13.19(vue@3.5.30(typescript@5.9.3))
       '@tiptap/core': 3.20.0(@tiptap/pm@3.20.0)
       '@tiptap/extension-bubble-menu': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)
       '@tiptap/extension-code': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))
       '@tiptap/extension-collaboration': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29)
       '@tiptap/extension-drag-handle': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/extension-collaboration@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))
-      '@tiptap/extension-drag-handle-vue-3': 3.20.0(@tiptap/extension-drag-handle@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/extension-collaboration@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)))(@tiptap/pm@3.20.0)(@tiptap/vue-3@3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+      '@tiptap/extension-drag-handle-vue-3': 3.20.0(@tiptap/extension-drag-handle@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/extension-collaboration@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)))(@tiptap/pm@3.20.0)(@tiptap/vue-3@3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       '@tiptap/extension-floating-menu': 3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)
       '@tiptap/extension-horizontal-rule': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)
       '@tiptap/extension-image': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))
@@ -13695,11 +13699,11 @@ snapshots:
       '@tiptap/pm': 3.20.0
       '@tiptap/starter-kit': 3.20.0
       '@tiptap/suggestion': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)
-      '@tiptap/vue-3': 3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.29(typescript@5.9.3))
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
-      '@vueuse/integrations': 14.2.1(focus-trap@8.0.0)(fuse.js@7.1.0)(vue@3.5.29(typescript@5.9.3))
-      '@vueuse/shared': 14.2.1(vue@3.5.29(typescript@5.9.3))
+      '@tiptap/vue-3': 3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.30(typescript@5.9.3))
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
+      '@vueuse/integrations': 14.2.1(focus-trap@8.0.0)(fuse.js@7.1.0)(vue@3.5.30(typescript@5.9.3))
+      '@vueuse/shared': 14.2.1(vue@3.5.30(typescript@5.9.3))
       colortranslator: 5.0.0
       consola: 3.4.2
       defu: 6.1.4
@@ -13708,17 +13712,17 @@ snapshots:
       embla-carousel-autoplay: 8.6.0(embla-carousel@8.6.0)
       embla-carousel-class-names: 8.6.0(embla-carousel@8.6.0)
       embla-carousel-fade: 8.6.0(embla-carousel@8.6.0)
-      embla-carousel-vue: 8.6.0(vue@3.5.29(typescript@5.9.3))
+      embla-carousel-vue: 8.6.0(vue@3.5.30(typescript@5.9.3))
       embla-carousel-wheel-gestures: 8.1.0(embla-carousel@8.6.0)
       fuse.js: 7.1.0
       hookable: 5.5.3
       knitwork: 1.3.0
       magic-string: 0.30.21
       mlly: 1.8.0
-      motion-v: 1.10.3(@vueuse/core@14.2.1(vue@3.5.29(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.29(typescript@5.9.3))
+      motion-v: 1.10.3(@vueuse/core@14.2.1(vue@3.5.30(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.30(typescript@5.9.3))
       ohash: 2.0.11
       pathe: 2.0.3
-      reka-ui: 2.8.2(vue@3.5.29(typescript@5.9.3))
+      reka-ui: 2.8.2(vue@3.5.30(typescript@5.9.3))
       scule: 1.3.0
       tailwind-merge: 3.5.0
       tailwind-variants: 3.2.2(tailwind-merge@3.5.0)(tailwindcss@4.2.1)
@@ -13727,14 +13731,14 @@ snapshots:
       typescript: 5.9.3
       ufo: 1.6.3
       unplugin: 3.0.0
-      unplugin-auto-import: 21.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(@vueuse/core@14.2.1(vue@3.5.29(typescript@5.9.3)))
-      unplugin-vue-components: 31.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(vue@3.5.29(typescript@5.9.3))
-      vaul-vue: 0.4.1(reka-ui@2.8.2(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+      unplugin-auto-import: 21.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(@vueuse/core@14.2.1(vue@3.5.30(typescript@5.9.3)))
+      unplugin-vue-components: 31.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(vue@3.5.30(typescript@5.9.3))
+      vaul-vue: 0.4.1(reka-ui@2.8.2(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       vue-component-type-helpers: 3.2.5
     optionalDependencies:
       '@nuxt/content': 3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3))
       valibot: 1.2.0(typescript@5.9.3)
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
       zod: 4.3.6
     transitivePeerDependencies:
       - '@azure/app-configuration'
@@ -13778,15 +13782,15 @@ snapshots:
       - vue
       - yjs
 
-  '@nuxt/vite-builder@3.21.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.29(typescript@5.9.3))(yaml@2.8.2)':
+  '@nuxt/vite-builder@3.21.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2)':
     dependencies:
       '@nuxt/kit': 3.21.1(magicast@0.5.1)
       '@rollup/plugin-replace': 6.0.3(rollup@4.56.0)
-      '@vitejs/plugin-vue': 6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
-      '@vitejs/plugin-vue-jsx': 5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
-      autoprefixer: 10.4.27(postcss@8.5.6)
+      '@vitejs/plugin-vue': 6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx': 5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
+      autoprefixer: 10.4.27(postcss@8.5.8)
       consola: 3.4.2
-      cssnano: 7.1.2(postcss@8.5.6)
+      cssnano: 7.1.2(postcss@8.5.8)
       defu: 6.1.4
       esbuild: 0.27.3
       escape-string-regexp: 5.0.0
@@ -13798,12 +13802,12 @@ snapshots:
       magic-string: 0.30.21
       mlly: 1.8.0
       mocked-exports: 0.1.1
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       ohash: 2.0.11
       pathe: 2.0.3
       perfect-debounce: 2.1.0
       pkg-types: 2.3.0
-      postcss: 8.5.6
+      postcss: 8.5.8
       rollup-plugin-visualizer: 6.0.5(rolldown@1.0.0-rc.5)(rollup@4.56.0)
       seroval: 1.5.0
       std-env: 3.10.0
@@ -13812,7 +13816,7 @@ snapshots:
       vite: '@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)'
       vite-node: 5.3.0(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)
       vite-plugin-checker: 0.12.0(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
     optionalDependencies:
       rolldown: 1.0.0-rc.5
@@ -13845,15 +13849,15 @@ snapshots:
       - vue-tsc
       - yaml
 
-  '@nuxt/vite-builder@4.3.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.29(typescript@5.9.3))(yaml@2.8.2)':
+  '@nuxt/vite-builder@4.3.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2)':
     dependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       '@rollup/plugin-replace': 6.0.3(rollup@4.56.0)
-      '@vitejs/plugin-vue': 6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
-      '@vitejs/plugin-vue-jsx': 5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
-      autoprefixer: 10.4.27(postcss@8.5.6)
+      '@vitejs/plugin-vue': 6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx': 5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
+      autoprefixer: 10.4.27(postcss@8.5.8)
       consola: 3.4.2
-      cssnano: 7.1.2(postcss@8.5.6)
+      cssnano: 7.1.2(postcss@8.5.8)
       defu: 6.1.4
       esbuild: 0.27.3
       escape-string-regexp: 5.0.0
@@ -13864,10 +13868,10 @@ snapshots:
       magic-string: 0.30.21
       mlly: 1.8.0
       mocked-exports: 0.1.1
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       pathe: 2.0.3
       pkg-types: 2.3.0
-      postcss: 8.5.6
+      postcss: 8.5.8
       rollup-plugin-visualizer: 6.0.5(rolldown@1.0.0-rc.5)(rollup@4.56.0)
       seroval: 1.5.0
       std-env: 3.10.0
@@ -13876,7 +13880,7 @@ snapshots:
       vite: '@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)'
       vite-node: 5.3.0(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)
       vite-plugin-checker: 0.12.0(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
     optionalDependencies:
       rolldown: 1.0.0-rc.5
@@ -13909,15 +13913,15 @@ snapshots:
       - vue-tsc
       - yaml
 
-  '@nuxt/vite-builder@4.3.1(@types/node@25.0.10)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.29(typescript@5.9.3))(yaml@2.8.2)':
+  '@nuxt/vite-builder@4.3.1(@types/node@25.0.10)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2)':
     dependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       '@rollup/plugin-replace': 6.0.3(rollup@4.56.0)
-      '@vitejs/plugin-vue': 6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
-      '@vitejs/plugin-vue-jsx': 5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
-      autoprefixer: 10.4.27(postcss@8.5.6)
+      '@vitejs/plugin-vue': 6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx': 5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
+      autoprefixer: 10.4.27(postcss@8.5.8)
       consola: 3.4.2
-      cssnano: 7.1.2(postcss@8.5.6)
+      cssnano: 7.1.2(postcss@8.5.8)
       defu: 6.1.4
       esbuild: 0.27.3
       escape-string-regexp: 5.0.0
@@ -13928,10 +13932,10 @@ snapshots:
       magic-string: 0.30.21
       mlly: 1.8.0
       mocked-exports: 0.1.1
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       pathe: 2.0.3
       pkg-types: 2.3.0
-      postcss: 8.5.6
+      postcss: 8.5.8
       rollup-plugin-visualizer: 6.0.5(rolldown@1.0.0-rc.5)(rollup@4.56.0)
       seroval: 1.5.0
       std-env: 3.10.0
@@ -13940,7 +13944,7 @@ snapshots:
       vite: '@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)'
       vite-node: 5.3.0(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)
       vite-plugin-checker: 0.12.0(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(eslint@9.39.2(jiti@2.6.1))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
     optionalDependencies:
       rolldown: 1.0.0-rc.5
@@ -14008,17 +14012,17 @@ snapshots:
       - magicast
       - vitest
 
-  '@nuxtjs/i18n@10.2.3(@upstash/redis@1.36.3)(@vue/compiler-dom@3.5.29)(db0@0.3.4(better-sqlite3@12.6.2))(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(rollup@4.56.0)(vue@3.5.29(typescript@5.9.3))':
+  '@nuxtjs/i18n@10.2.3(@upstash/redis@1.36.3)(@vue/compiler-dom@3.5.30)(db0@0.3.4(better-sqlite3@12.6.2))(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(rollup@4.56.0)(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@intlify/core': 11.2.8
       '@intlify/h3': 0.7.4
       '@intlify/shared': 11.2.8
-      '@intlify/unplugin-vue-i18n': 11.0.7(@vue/compiler-dom@3.5.29)(eslint@9.39.2(jiti@2.6.1))(rollup@4.56.0)(typescript@5.9.3)(vue-i18n@11.2.8(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+      '@intlify/unplugin-vue-i18n': 11.0.7(@vue/compiler-dom@3.5.30)(eslint@9.39.2(jiti@2.6.1))(rollup@4.56.0)(typescript@5.9.3)(vue-i18n@11.2.8(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       '@intlify/utils': 0.13.0
       '@miyaneee/rollup-plugin-json5': 1.2.0(rollup@4.56.0)
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       '@rollup/plugin-yaml': 4.1.2(rollup@4.56.0)
-      '@vue/compiler-sfc': 3.5.29
+      '@vue/compiler-sfc': 3.5.30
       defu: 6.1.4
       devalue: 5.6.3
       h3: 1.15.5
@@ -14034,10 +14038,10 @@ snapshots:
       typescript: 5.9.3
       ufo: 1.6.3
       unplugin: 2.3.11
-      unplugin-vue-router: 0.16.2(@vue/compiler-sfc@3.5.29)(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+      unplugin-vue-router: 0.16.2(@vue/compiler-sfc@3.5.30)(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       unstorage: 1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)
-      vue-i18n: 11.2.8(vue@3.5.29(typescript@5.9.3))
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      vue-i18n: 11.2.8(vue@3.5.30(typescript@5.9.3))
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -14091,7 +14095,7 @@ snapshots:
       '@shikijs/transformers': 3.23.0
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
-      '@vue/compiler-core': 3.5.29
+      '@vue/compiler-core': 3.5.30
       consola: 3.4.2
       debug: 4.4.3
       defu: 6.1.4
@@ -14131,7 +14135,7 @@ snapshots:
       - magicast
       - supports-color
 
-  '@nuxtjs/robots@5.7.0(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))(zod@4.3.6)':
+  '@nuxtjs/robots@5.7.0(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))(zod@4.3.6)':
     dependencies:
       '@fingerprintjs/botd': 2.0.0
       '@nuxt/devtools-kit': 3.2.2(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
@@ -14139,7 +14143,7 @@ snapshots:
       consola: 3.4.2
       defu: 6.1.4
       h3: 1.15.5
-      nuxt-site-config: 3.2.18(magicast@0.5.1)(vue@3.5.29(typescript@5.9.3))
+      nuxt-site-config: 3.2.18(magicast@0.5.1)(vue@3.5.30(typescript@5.9.3))
       pathe: 2.0.3
       pkg-types: 2.3.0
       sirv: 3.0.2
@@ -14339,66 +14343,66 @@ snapshots:
 
   '@oxc-project/types@0.95.0': {}
 
-  '@oxc-resolver/binding-android-arm-eabi@11.19.0':
+  '@oxc-resolver/binding-android-arm-eabi@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-android-arm64@11.19.0':
+  '@oxc-resolver/binding-android-arm64@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-darwin-arm64@11.19.0':
+  '@oxc-resolver/binding-darwin-arm64@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-darwin-x64@11.19.0':
+  '@oxc-resolver/binding-darwin-x64@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-freebsd-x64@11.19.0':
+  '@oxc-resolver/binding-freebsd-x64@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-arm-gnueabihf@11.19.0':
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-arm-musleabihf@11.19.0':
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-arm64-gnu@11.19.0':
+  '@oxc-resolver/binding-linux-arm64-gnu@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-arm64-musl@11.19.0':
+  '@oxc-resolver/binding-linux-arm64-musl@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-ppc64-gnu@11.19.0':
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-riscv64-gnu@11.19.0':
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-riscv64-musl@11.19.0':
+  '@oxc-resolver/binding-linux-riscv64-musl@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-s390x-gnu@11.19.0':
+  '@oxc-resolver/binding-linux-s390x-gnu@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-x64-gnu@11.19.0':
+  '@oxc-resolver/binding-linux-x64-gnu@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-linux-x64-musl@11.19.0':
+  '@oxc-resolver/binding-linux-x64-musl@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-openharmony-arm64@11.19.0':
+  '@oxc-resolver/binding-openharmony-arm64@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-wasm32-wasi@11.19.0':
+  '@oxc-resolver/binding-wasm32-wasi@11.19.1':
     dependencies:
       '@napi-rs/wasm-runtime': 1.1.1
     optional: true
 
-  '@oxc-resolver/binding-win32-arm64-msvc@11.19.0':
+  '@oxc-resolver/binding-win32-arm64-msvc@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-win32-ia32-msvc@11.19.0':
+  '@oxc-resolver/binding-win32-ia32-msvc@11.19.1':
     optional: true
 
-  '@oxc-resolver/binding-win32-x64-msvc@11.19.0':
+  '@oxc-resolver/binding-win32-x64-msvc@11.19.1':
     optional: true
 
   '@oxc-transform/binding-android-arm-eabi@0.112.0':
@@ -15278,25 +15282,25 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook-vue/nuxt@9.0.1(c880857ba641c49d802f02da946179e1)':
+  '@storybook-vue/nuxt@9.0.1(dc252ec6fccb779f5e7bc60d95c69a39)':
     dependencies:
       '@nuxt/kit': 3.21.1(magicast@0.5.1)
       '@nuxt/schema': 3.21.1
-      '@nuxt/vite-builder': 3.21.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.29(typescript@5.9.3))(yaml@2.8.2)
+      '@nuxt/vite-builder': 3.21.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2)
       '@rollup/plugin-replace': 6.0.3(rollup@4.56.0)
       '@storybook/builder-vite': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      '@storybook/vue3': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.29(typescript@5.9.3))
-      '@storybook/vue3-vite': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      '@storybook/vue3': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.30(typescript@5.9.3))
+      '@storybook/vue3-vite': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       json-stable-stringify: 1.3.0
       mlly: 1.8.0
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       ofetch: 1.5.1
       pathe: 2.0.3
       storybook: 10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       unctx: 2.5.0
       vite: 8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
-      vue: 3.5.29(typescript@5.9.3)
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - '@arethetypeswrong/core'
       - '@biomejs/biome'
@@ -15390,26 +15394,26 @@ snapshots:
       react-dom: 19.2.4(react@19.2.4)
       storybook: 10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
 
-  '@storybook/vue3-vite@9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@storybook/vue3-vite@9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@storybook/builder-vite': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      '@storybook/vue3': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.29(typescript@5.9.3))
+      '@storybook/vue3': 9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.30(typescript@5.9.3))
       find-package-json: 1.2.0
       magic-string: 0.30.21
       storybook: 10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       typescript: 5.9.3
       vite: 8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
       vue-component-meta: 2.2.12(typescript@5.9.3)
-      vue-docgen-api: 4.79.2(vue@3.5.29(typescript@5.9.3))
+      vue-docgen-api: 4.79.2(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - vue
 
-  '@storybook/vue3@9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.29(typescript@5.9.3))':
+  '@storybook/vue3@9.1.2(storybook@10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@storybook/global': 5.0.0
       storybook: 10.2.13(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       type-fest: 2.19.0
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
       vue-component-type-helpers: 3.2.5
 
   '@surma/rollup-plugin-off-main-thread@2.2.3':
@@ -15489,7 +15493,7 @@ snapshots:
       '@alloc/quick-lru': 5.2.0
       '@tailwindcss/node': 4.2.1
       '@tailwindcss/oxide': 4.2.1
-      postcss: 8.5.6
+      postcss: 8.5.8
       tailwindcss: 4.2.1
 
   '@tailwindcss/vite@4.2.1(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))':
@@ -15503,15 +15507,15 @@ snapshots:
 
   '@tanstack/virtual-core@3.13.19': {}
 
-  '@tanstack/vue-table@8.21.3(vue@3.5.29(typescript@5.9.3))':
+  '@tanstack/vue-table@8.21.3(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@tanstack/table-core': 8.21.3
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
-  '@tanstack/vue-virtual@3.13.19(vue@3.5.29(typescript@5.9.3))':
+  '@tanstack/vue-virtual@3.13.19(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@tanstack/virtual-core': 3.13.19
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   '@testing-library/dom@10.4.1':
     dependencies:
@@ -15579,12 +15583,12 @@ snapshots:
     dependencies:
       '@tiptap/core': 3.20.0(@tiptap/pm@3.20.0)
 
-  '@tiptap/extension-drag-handle-vue-3@3.20.0(@tiptap/extension-drag-handle@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/extension-collaboration@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)))(@tiptap/pm@3.20.0)(@tiptap/vue-3@3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))':
+  '@tiptap/extension-drag-handle-vue-3@3.20.0(@tiptap/extension-drag-handle@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/extension-collaboration@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)))(@tiptap/pm@3.20.0)(@tiptap/vue-3@3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@tiptap/extension-drag-handle': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/extension-collaboration@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))
       '@tiptap/pm': 3.20.0
-      '@tiptap/vue-3': 3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.29(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      '@tiptap/vue-3': 3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.30(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
 
   '@tiptap/extension-drag-handle@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/extension-collaboration@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))':
     dependencies:
@@ -15748,12 +15752,12 @@ snapshots:
       '@tiptap/core': 3.20.0(@tiptap/pm@3.20.0)
       '@tiptap/pm': 3.20.0
 
-  '@tiptap/vue-3@3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.29(typescript@5.9.3))':
+  '@tiptap/vue-3@3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@floating-ui/dom': 1.7.5
       '@tiptap/core': 3.20.0(@tiptap/pm@3.20.0)
       '@tiptap/pm': 3.20.0
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     optionalDependencies:
       '@tiptap/extension-bubble-menu': 3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)
       '@tiptap/extension-floating-menu': 3.20.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0)
@@ -15923,11 +15927,11 @@ snapshots:
 
   '@ungap/structured-clone@1.3.0': {}
 
-  '@unhead/vue@2.1.10(vue@3.5.29(typescript@5.9.3))':
+  '@unhead/vue@2.1.10(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       hookable: 6.0.1
       unhead: 2.1.10
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   '@unocss/cli@66.6.2':
     dependencies:
@@ -16169,7 +16173,7 @@ snapshots:
       - workbox-build
       - workbox-window
 
-  '@vitejs/plugin-vue-jsx@5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@vitejs/plugin-vue-jsx@5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
@@ -16177,11 +16181,11 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-rc.6
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
       vite: '@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)'
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@vitejs/plugin-vue-jsx@5.1.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
@@ -16189,21 +16193,21 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-rc.6
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
       vite: '@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)'
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.2
       vite: '@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)'
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.4(@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.2
       vite: '@voidzero-dev/vite-plus-core@0.0.0-g52709db6.20260226-1136(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)'
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   '@vitest/browser@4.0.18(@voidzero-dev/vite-plus-test@0.0.0-g52709db6.20260226-1136(@opentelemetry/api@1.9.0)(@types/node@24.11.0)(esbuild@0.27.3)(happy-dom@20.3.5)(jiti@2.6.1)(jsdom@27.4.0(@noble/hashes@1.8.0))(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))':
     dependencies:
@@ -16287,7 +16291,7 @@ snapshots:
       '@oxc-project/runtime': 0.114.0
       '@oxc-project/types': 0.114.0
       lightningcss: 1.31.1
-      postcss: 8.5.6
+      postcss: 8.5.8
     optionalDependencies:
       '@types/node': 24.11.0
       esbuild: 0.27.3
@@ -16303,7 +16307,7 @@ snapshots:
       '@oxc-project/runtime': 0.114.0
       '@oxc-project/types': 0.114.0
       lightningcss: 1.31.1
-      postcss: 8.5.6
+      postcss: 8.5.8
     optionalDependencies:
       '@types/node': 25.0.10
       esbuild: 0.27.3
@@ -16319,7 +16323,7 @@ snapshots:
       '@oxc-project/runtime': 0.114.0
       '@oxc-project/types': 0.114.0
       lightningcss: 1.31.1
-      postcss: 8.5.6
+      postcss: 8.5.8
     optionalDependencies:
       '@types/node': 24.11.0
       esbuild: 0.27.3
@@ -16409,15 +16413,15 @@ snapshots:
       path-browserify: 1.0.1
       vscode-uri: 3.1.0
 
-  '@vue-macros/common@3.1.2(vue@3.5.29(typescript@5.9.3))':
+  '@vue-macros/common@3.1.2(vue@3.5.30(typescript@5.9.3))':
     dependencies:
-      '@vue/compiler-sfc': 3.5.29
+      '@vue/compiler-sfc': 3.5.30
       ast-kit: 2.2.0
       local-pkg: 1.1.2
       magic-string-ast: 1.0.3
       unplugin-utils: 0.3.1
     optionalDependencies:
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   '@vue/babel-helper-vue-transform-on@2.0.1': {}
 
@@ -16431,7 +16435,7 @@ snapshots:
       '@babel/types': 7.29.0
       '@vue/babel-helper-vue-transform-on': 2.0.1
       '@vue/babel-plugin-resolve-type': 2.0.1(@babel/core@7.29.0)
-      '@vue/shared': 3.5.29
+      '@vue/shared': 3.5.30
     optionalDependencies:
       '@babel/core': 7.29.0
     transitivePeerDependencies:
@@ -16444,39 +16448,39 @@ snapshots:
       '@babel/helper-module-imports': 7.28.6
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/parser': 7.29.0
-      '@vue/compiler-sfc': 3.5.29
+      '@vue/compiler-sfc': 3.5.30
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/compiler-core@3.5.29':
+  '@vue/compiler-core@3.5.30':
     dependencies:
       '@babel/parser': 7.29.0
-      '@vue/shared': 3.5.29
+      '@vue/shared': 3.5.30
       entities: 7.0.1
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.29':
+  '@vue/compiler-dom@3.5.30':
     dependencies:
-      '@vue/compiler-core': 3.5.29
-      '@vue/shared': 3.5.29
+      '@vue/compiler-core': 3.5.30
+      '@vue/shared': 3.5.30
 
-  '@vue/compiler-sfc@3.5.29':
+  '@vue/compiler-sfc@3.5.30':
     dependencies:
       '@babel/parser': 7.29.0
-      '@vue/compiler-core': 3.5.29
-      '@vue/compiler-dom': 3.5.29
-      '@vue/compiler-ssr': 3.5.29
-      '@vue/shared': 3.5.29
+      '@vue/compiler-core': 3.5.30
+      '@vue/compiler-dom': 3.5.30
+      '@vue/compiler-ssr': 3.5.30
+      '@vue/shared': 3.5.30
       estree-walker: 2.0.2
       magic-string: 0.30.21
-      postcss: 8.5.6
+      postcss: 8.5.8
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.29':
+  '@vue/compiler-ssr@3.5.30':
     dependencies:
-      '@vue/compiler-dom': 3.5.29
-      '@vue/shared': 3.5.29
+      '@vue/compiler-dom': 3.5.30
+      '@vue/shared': 3.5.30
 
   '@vue/compiler-vue2@2.7.16':
     dependencies:
@@ -16485,7 +16489,7 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-core@8.0.5(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@vue/devtools-core@8.0.5(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@vue/devtools-kit': 8.0.5
       '@vue/devtools-shared': 8.0.5
@@ -16493,11 +16497,11 @@ snapshots:
       nanoid: 5.1.6
       pathe: 2.0.3
       vite-hot-client: 2.1.0(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - vite
 
-  '@vue/devtools-core@8.0.5(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@vue/devtools-core@8.0.5(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@vue/devtools-kit': 8.0.5
       '@vue/devtools-shared': 8.0.5
@@ -16505,7 +16509,7 @@ snapshots:
       nanoid: 5.1.6
       pathe: 2.0.3
       vite-hot-client: 2.1.0(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - vite
 
@@ -16526,9 +16530,9 @@ snapshots:
   '@vue/language-core@2.2.12(typescript@5.9.3)':
     dependencies:
       '@volar/language-core': 2.4.15
-      '@vue/compiler-dom': 3.5.29
+      '@vue/compiler-dom': 3.5.30
       '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.29
+      '@vue/shared': 3.5.30
       alien-signals: 1.0.13
       minimatch: 9.0.5
       muggle-string: 0.4.1
@@ -16539,64 +16543,64 @@ snapshots:
   '@vue/language-core@3.2.5':
     dependencies:
       '@volar/language-core': 2.4.28
-      '@vue/compiler-dom': 3.5.29
-      '@vue/shared': 3.5.29
+      '@vue/compiler-dom': 3.5.30
+      '@vue/shared': 3.5.30
       alien-signals: 3.1.2
       muggle-string: 0.4.1
       path-browserify: 1.0.1
       picomatch: 4.0.3
 
-  '@vue/reactivity@3.5.29':
+  '@vue/reactivity@3.5.30':
     dependencies:
-      '@vue/shared': 3.5.29
+      '@vue/shared': 3.5.30
 
-  '@vue/runtime-core@3.5.29':
+  '@vue/runtime-core@3.5.30':
     dependencies:
-      '@vue/reactivity': 3.5.29
-      '@vue/shared': 3.5.29
+      '@vue/reactivity': 3.5.30
+      '@vue/shared': 3.5.30
 
-  '@vue/runtime-dom@3.5.29':
+  '@vue/runtime-dom@3.5.30':
     dependencies:
-      '@vue/reactivity': 3.5.29
-      '@vue/runtime-core': 3.5.29
-      '@vue/shared': 3.5.29
+      '@vue/reactivity': 3.5.30
+      '@vue/runtime-core': 3.5.30
+      '@vue/shared': 3.5.30
       csstype: 3.2.3
 
-  '@vue/server-renderer@3.5.29(vue@3.5.29(typescript@5.9.3))':
+  '@vue/server-renderer@3.5.30(vue@3.5.30(typescript@5.9.3))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.29
-      '@vue/shared': 3.5.29
-      vue: 3.5.29(typescript@5.9.3)
+      '@vue/compiler-ssr': 3.5.30
+      '@vue/shared': 3.5.30
+      vue: 3.5.30(typescript@5.9.3)
 
-  '@vue/shared@3.5.29': {}
+  '@vue/shared@3.5.30': {}
 
   '@vue/test-utils@2.4.6':
     dependencies:
       js-beautify: 1.15.4
       vue-component-type-helpers: 2.2.12
 
-  '@vueuse/core@10.11.1(vue@3.5.29(typescript@5.9.3))':
+  '@vueuse/core@10.11.1(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.29(typescript@5.9.3))
-      vue-demi: 0.14.10(vue@3.5.29(typescript@5.9.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.30(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/core@14.2.1(vue@3.5.29(typescript@5.9.3))':
+  '@vueuse/core@14.2.1(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.21
       '@vueuse/metadata': 14.2.1
-      '@vueuse/shared': 14.2.1(vue@3.5.29(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      '@vueuse/shared': 14.2.1(vue@3.5.30(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
 
-  '@vueuse/integrations@14.2.1(focus-trap@8.0.0)(fuse.js@7.1.0)(vue@3.5.29(typescript@5.9.3))':
+  '@vueuse/integrations@14.2.1(focus-trap@8.0.0)(fuse.js@7.1.0)(vue@3.5.30(typescript@5.9.3))':
     dependencies:
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
-      '@vueuse/shared': 14.2.1(vue@3.5.29(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
+      '@vueuse/shared': 14.2.1(vue@3.5.30(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
     optionalDependencies:
       focus-trap: 8.0.0
       fuse.js: 7.1.0
@@ -16605,33 +16609,33 @@ snapshots:
 
   '@vueuse/metadata@14.2.1': {}
 
-  '@vueuse/nuxt@14.2.1(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))':
+  '@vueuse/nuxt@14.2.1(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
       '@vueuse/metadata': 14.2.1
       local-pkg: 1.1.2
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
-      vue: 3.5.29(typescript@5.9.3)
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - magicast
 
-  '@vueuse/router@14.2.1(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))':
+  '@vueuse/router@14.2.1(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))':
     dependencies:
-      '@vueuse/shared': 14.2.1(vue@3.5.29(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      '@vueuse/shared': 14.2.1(vue@3.5.30(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
 
-  '@vueuse/shared@10.11.1(vue@3.5.29(typescript@5.9.3))':
+  '@vueuse/shared@10.11.1(vue@3.5.30(typescript@5.9.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.29(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/shared@14.2.1(vue@3.5.29(typescript@5.9.3))':
+  '@vueuse/shared@14.2.1(vue@3.5.30(typescript@5.9.3))':
     dependencies:
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   '@webassemblyjs/ast@1.14.1':
     dependencies:
@@ -16923,13 +16927,13 @@ snapshots:
 
   atomic-sleep@1.0.0: {}
 
-  autoprefixer@10.4.27(postcss@8.5.6):
+  autoprefixer@10.4.27(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
       caniuse-lite: 1.0.30001774
       fraction.js: 5.3.4
       picocolors: 1.1.1
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
   available-typed-arrays@1.0.7:
@@ -17355,9 +17359,9 @@ snapshots:
 
   css-color-keywords@1.0.0: {}
 
-  css-declaration-sorter@7.3.1(postcss@8.5.6):
+  css-declaration-sorter@7.3.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
 
   css-gradient-parser@0.0.17: {}
 
@@ -17394,49 +17398,49 @@ snapshots:
   cssfilter@0.0.10:
     optional: true
 
-  cssnano-preset-default@7.0.10(postcss@8.5.6):
+  cssnano-preset-default@7.0.10(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
-      css-declaration-sorter: 7.3.1(postcss@8.5.6)
-      cssnano-utils: 5.0.1(postcss@8.5.6)
-      postcss: 8.5.6
-      postcss-calc: 10.1.1(postcss@8.5.6)
-      postcss-colormin: 7.0.5(postcss@8.5.6)
-      postcss-convert-values: 7.0.8(postcss@8.5.6)
-      postcss-discard-comments: 7.0.5(postcss@8.5.6)
-      postcss-discard-duplicates: 7.0.2(postcss@8.5.6)
-      postcss-discard-empty: 7.0.1(postcss@8.5.6)
-      postcss-discard-overridden: 7.0.1(postcss@8.5.6)
-      postcss-merge-longhand: 7.0.5(postcss@8.5.6)
-      postcss-merge-rules: 7.0.7(postcss@8.5.6)
-      postcss-minify-font-values: 7.0.1(postcss@8.5.6)
-      postcss-minify-gradients: 7.0.1(postcss@8.5.6)
-      postcss-minify-params: 7.0.5(postcss@8.5.6)
-      postcss-minify-selectors: 7.0.5(postcss@8.5.6)
-      postcss-normalize-charset: 7.0.1(postcss@8.5.6)
-      postcss-normalize-display-values: 7.0.1(postcss@8.5.6)
-      postcss-normalize-positions: 7.0.1(postcss@8.5.6)
-      postcss-normalize-repeat-style: 7.0.1(postcss@8.5.6)
-      postcss-normalize-string: 7.0.1(postcss@8.5.6)
-      postcss-normalize-timing-functions: 7.0.1(postcss@8.5.6)
-      postcss-normalize-unicode: 7.0.5(postcss@8.5.6)
-      postcss-normalize-url: 7.0.1(postcss@8.5.6)
-      postcss-normalize-whitespace: 7.0.1(postcss@8.5.6)
-      postcss-ordered-values: 7.0.2(postcss@8.5.6)
-      postcss-reduce-initial: 7.0.5(postcss@8.5.6)
-      postcss-reduce-transforms: 7.0.1(postcss@8.5.6)
-      postcss-svgo: 7.1.0(postcss@8.5.6)
-      postcss-unique-selectors: 7.0.4(postcss@8.5.6)
-
-  cssnano-utils@5.0.1(postcss@8.5.6):
-    dependencies:
-      postcss: 8.5.6
-
-  cssnano@7.1.2(postcss@8.5.6):
-    dependencies:
-      cssnano-preset-default: 7.0.10(postcss@8.5.6)
+      css-declaration-sorter: 7.3.1(postcss@8.5.8)
+      cssnano-utils: 5.0.1(postcss@8.5.8)
+      postcss: 8.5.8
+      postcss-calc: 10.1.1(postcss@8.5.8)
+      postcss-colormin: 7.0.5(postcss@8.5.8)
+      postcss-convert-values: 7.0.8(postcss@8.5.8)
+      postcss-discard-comments: 7.0.5(postcss@8.5.8)
+      postcss-discard-duplicates: 7.0.2(postcss@8.5.8)
+      postcss-discard-empty: 7.0.1(postcss@8.5.8)
+      postcss-discard-overridden: 7.0.1(postcss@8.5.8)
+      postcss-merge-longhand: 7.0.5(postcss@8.5.8)
+      postcss-merge-rules: 7.0.7(postcss@8.5.8)
+      postcss-minify-font-values: 7.0.1(postcss@8.5.8)
+      postcss-minify-gradients: 7.0.1(postcss@8.5.8)
+      postcss-minify-params: 7.0.5(postcss@8.5.8)
+      postcss-minify-selectors: 7.0.5(postcss@8.5.8)
+      postcss-normalize-charset: 7.0.1(postcss@8.5.8)
+      postcss-normalize-display-values: 7.0.1(postcss@8.5.8)
+      postcss-normalize-positions: 7.0.1(postcss@8.5.8)
+      postcss-normalize-repeat-style: 7.0.1(postcss@8.5.8)
+      postcss-normalize-string: 7.0.1(postcss@8.5.8)
+      postcss-normalize-timing-functions: 7.0.1(postcss@8.5.8)
+      postcss-normalize-unicode: 7.0.5(postcss@8.5.8)
+      postcss-normalize-url: 7.0.1(postcss@8.5.8)
+      postcss-normalize-whitespace: 7.0.1(postcss@8.5.8)
+      postcss-ordered-values: 7.0.2(postcss@8.5.8)
+      postcss-reduce-initial: 7.0.5(postcss@8.5.8)
+      postcss-reduce-transforms: 7.0.1(postcss@8.5.8)
+      postcss-svgo: 7.1.0(postcss@8.5.8)
+      postcss-unique-selectors: 7.0.4(postcss@8.5.8)
+
+  cssnano-utils@5.0.1(postcss@8.5.8):
+    dependencies:
+      postcss: 8.5.8
+
+  cssnano@7.1.2(postcss@8.5.8):
+    dependencies:
+      cssnano-preset-default: 7.0.10(postcss@8.5.8)
       lilconfig: 3.1.3
-      postcss: 8.5.6
+      postcss: 8.5.8
 
   csso@5.0.5:
     dependencies:
@@ -17565,39 +17569,39 @@ snapshots:
 
   doctypes@1.1.0: {}
 
-  docus@5.7.0(7a0a4a1c4927eb020328a82696c9f604):
+  docus@5.7.0(3707e2e9c453b98df6aa79eb40b135f2):
     dependencies:
       '@ai-sdk/gateway': 3.0.55(zod@4.3.6)
       '@ai-sdk/mcp': 1.0.21(zod@4.3.6)
-      '@ai-sdk/vue': 3.0.86(vue@3.5.29(typescript@5.9.3))(zod@4.3.6)
+      '@ai-sdk/vue': 3.0.86(vue@3.5.30(typescript@5.9.3))(zod@4.3.6)
       '@iconify-json/lucide': 1.2.95
       '@iconify-json/simple-icons': 1.2.72
       '@iconify-json/vscode-icons': 1.2.44
       '@nuxt/content': 3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3))
       '@nuxt/image': 2.0.0(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2)(magicast@0.5.1)
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@nuxt/ui': 4.5.1(@nuxt/content@3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3)))(@tiptap/extensions@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.9.2)(magicast@0.5.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(tailwindcss@4.2.1)(typescript@5.9.3)(valibot@1.2.0(typescript@5.9.3))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))(yjs@13.6.29)(zod@4.3.6)
-      '@nuxtjs/i18n': 10.2.3(@upstash/redis@1.36.3)(@vue/compiler-dom@3.5.29)(db0@0.3.4(better-sqlite3@12.6.2))(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(rollup@4.56.0)(vue@3.5.29(typescript@5.9.3))
+      '@nuxt/ui': 4.5.1(@nuxt/content@3.12.0(@valibot/to-json-schema@1.5.0(valibot@1.2.0(typescript@5.9.3)))(better-sqlite3@12.6.2)(magicast@0.5.1)(valibot@1.2.0(typescript@5.9.3)))(@tiptap/extensions@3.20.0(@tiptap/core@3.20.0(@tiptap/pm@3.20.0))(@tiptap/pm@3.20.0))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.9.2)(magicast@0.5.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(tailwindcss@4.2.1)(typescript@5.9.3)(valibot@1.2.0(typescript@5.9.3))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))(yjs@13.6.29)(zod@4.3.6)
+      '@nuxtjs/i18n': 10.2.3(@upstash/redis@1.36.3)(@vue/compiler-dom@3.5.30)(db0@0.3.4(better-sqlite3@12.6.2))(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(rollup@4.56.0)(vue@3.5.30(typescript@5.9.3))
       '@nuxtjs/mcp-toolkit': 0.7.0(magicast@0.5.1)(zod@4.3.6)
       '@nuxtjs/mdc': 0.20.1(magicast@0.5.1)
-      '@nuxtjs/robots': 5.7.0(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))(zod@4.3.6)
+      '@nuxtjs/robots': 5.7.0(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))(zod@4.3.6)
       '@shikijs/core': 3.23.0
       '@shikijs/engine-javascript': 3.23.0
       '@shikijs/langs': 3.23.0
       '@shikijs/themes': 3.23.0
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
       ai: 6.0.86(zod@4.3.6)
       better-sqlite3: 12.6.2
       defu: 6.1.4
       exsolve: 1.0.8
       git-url-parse: 16.1.0
-      motion-v: 1.10.3(@vueuse/core@14.2.1(vue@3.5.29(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.29(typescript@5.9.3))
-      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
+      motion-v: 1.10.3(@vueuse/core@14.2.1(vue@3.5.30(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.30(typescript@5.9.3))
+      nuxt: 4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2)
       nuxt-llms: 0.2.0(magicast@0.5.1)
-      nuxt-og-image: 5.1.13(@unhead/vue@2.1.10(vue@3.5.29(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      nuxt-og-image: 5.1.13(@unhead/vue@2.1.10(vue@3.5.30(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       pkg-types: 2.3.0
       scule: 1.3.0
-      shiki-stream: 0.1.4(react@19.2.4)(vue@3.5.29(typescript@5.9.3))
+      shiki-stream: 0.1.4(react@19.2.4)(vue@3.5.30(typescript@5.9.3))
       tailwindcss: 4.2.1
       ufo: 1.6.3
       zod: 4.3.6
@@ -17702,9 +17706,9 @@ snapshots:
 
   dotenv@17.2.3: {}
 
-  dts-resolver@2.1.3(oxc-resolver@11.19.0):
+  dts-resolver@2.1.3(oxc-resolver@11.19.1):
     optionalDependencies:
-      oxc-resolver: 11.19.0
+      oxc-resolver: 11.19.1
 
   dunder-proto@1.0.1:
     dependencies:
@@ -17755,11 +17759,11 @@ snapshots:
     dependencies:
       embla-carousel: 8.6.0
 
-  embla-carousel-vue@8.6.0(vue@3.5.29(typescript@5.9.3)):
+  embla-carousel-vue@8.6.0(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       embla-carousel: 8.6.0
       embla-carousel-reactive-utils: 8.6.0(embla-carousel@8.6.0)
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   embla-carousel-wheel-gestures@8.1.0(embla-carousel@8.6.0):
     dependencies:
@@ -17986,7 +17990,7 @@ snapshots:
       module-replacements: 2.11.0
       semver: 7.7.4
 
-  eslint-plugin-regexp@3.0.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-regexp@3.1.0(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.2
@@ -19399,21 +19403,22 @@ snapshots:
 
   klona@2.0.6: {}
 
-  knip@5.85.0(@types/node@24.11.0)(typescript@5.9.3):
+  knip@5.86.0(@types/node@24.11.0)(typescript@5.9.3):
     dependencies:
       '@nodelib/fs.walk': 1.2.8
       '@types/node': 24.11.0
       fast-glob: 3.3.3
       formatly: 0.3.0
       jiti: 2.6.1
-      js-yaml: 4.1.1
       minimist: 1.2.8
-      oxc-resolver: 11.19.0
+      oxc-resolver: 11.19.1
       picocolors: 1.1.1
       picomatch: 4.0.3
       smol-toml: 1.6.0
       strip-json-comments: 5.0.3
       typescript: 5.9.3
+      unbash: 2.2.0
+      yaml: 2.8.2
       zod: 4.3.6
 
   knitwork@1.3.0: {}
@@ -19507,7 +19512,7 @@ snapshots:
 
   linkifyjs@4.3.2: {}
 
-  lint-staged@16.3.1:
+  lint-staged@16.3.2:
     dependencies:
       commander: 14.0.3
       listr2: 9.0.5
@@ -20061,13 +20066,13 @@ snapshots:
 
   motion-utils@12.29.2: {}
 
-  motion-v@1.10.3(@vueuse/core@14.2.1(vue@3.5.29(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.29(typescript@5.9.3)):
+  motion-v@1.10.3(@vueuse/core@14.2.1(vue@3.5.30(typescript@5.9.3)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.30(typescript@5.9.3)):
     dependencies:
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
       framer-motion: 12.34.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       hey-listen: 1.0.8
       motion-dom: 12.34.3
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - '@emotion/is-prop-valid'
       - react
@@ -20274,13 +20279,13 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  nuxt-og-image@5.1.13(@unhead/vue@2.1.10(vue@3.5.29(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3)):
+  nuxt-og-image@5.1.13(@unhead/vue@2.1.10(vue@3.5.30(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@nuxt/devtools-kit': 3.2.2(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       '@resvg/resvg-js': 2.6.2
       '@resvg/resvg-wasm': 2.6.2
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
       '@unocss/core': 66.6.3
       '@unocss/preset-wind3': 66.6.2
       chrome-launcher: 1.2.1
@@ -20290,7 +20295,7 @@ snapshots:
       image-size: 2.0.2
       magic-string: 0.30.21
       mocked-exports: 0.1.1
-      nuxt-site-config: 3.2.18(magicast@0.5.1)(vue@3.5.29(typescript@5.9.3))
+      nuxt-site-config: 3.2.18(magicast@0.5.1)(vue@3.5.30(typescript@5.9.3))
       nypm: 0.6.5
       ofetch: 1.5.1
       ohash: 2.0.11
@@ -20314,13 +20319,13 @@ snapshots:
       - vite
       - vue
 
-  nuxt-og-image@5.1.13(@unhead/vue@2.1.10(vue@3.5.29(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3)):
+  nuxt-og-image@5.1.13(@unhead/vue@2.1.10(vue@3.5.30(typescript@5.9.3)))(magicast@0.5.1)(unstorage@1.17.4(@upstash/redis@1.36.3)(db0@0.3.4(better-sqlite3@12.6.2))(ioredis@5.9.2))(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@nuxt/devtools-kit': 3.2.2(magicast@0.5.1)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       '@resvg/resvg-js': 2.6.2
       '@resvg/resvg-wasm': 2.6.2
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
       '@unocss/core': 66.6.3
       '@unocss/preset-wind3': 66.6.2
       chrome-launcher: 1.2.1
@@ -20330,7 +20335,7 @@ snapshots:
       image-size: 2.0.2
       magic-string: 0.30.21
       mocked-exports: 0.1.1
-      nuxt-site-config: 3.2.18(magicast@0.5.1)(vue@3.5.29(typescript@5.9.3))
+      nuxt-site-config: 3.2.18(magicast@0.5.1)(vue@3.5.30(typescript@5.9.3))
       nypm: 0.6.5
       ofetch: 1.5.1
       ohash: 2.0.11
@@ -20354,43 +20359,43 @@ snapshots:
       - vite
       - vue
 
-  nuxt-site-config-kit@3.2.18(magicast@0.5.1)(vue@3.5.29(typescript@5.9.3)):
+  nuxt-site-config-kit@3.2.18(magicast@0.5.1)(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       pkg-types: 2.3.0
-      site-config-stack: 3.2.18(vue@3.5.29(typescript@5.9.3))
+      site-config-stack: 3.2.18(vue@3.5.30(typescript@5.9.3))
       std-env: 3.10.0
       ufo: 1.6.3
     transitivePeerDependencies:
       - magicast
       - vue
 
-  nuxt-site-config@3.2.18(magicast@0.5.1)(vue@3.5.29(typescript@5.9.3)):
+  nuxt-site-config@3.2.18(magicast@0.5.1)(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
       h3: 1.15.5
-      nuxt-site-config-kit: 3.2.18(magicast@0.5.1)(vue@3.5.29(typescript@5.9.3))
+      nuxt-site-config-kit: 3.2.18(magicast@0.5.1)(vue@3.5.30(typescript@5.9.3))
       pathe: 2.0.3
       pkg-types: 2.3.0
       sirv: 3.0.2
-      site-config-stack: 3.2.18(vue@3.5.29(typescript@5.9.3))
+      site-config-stack: 3.2.18(vue@3.5.30(typescript@5.9.3))
       ufo: 1.6.3
     transitivePeerDependencies:
       - magicast
       - vue
 
-  nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2):
+  nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2):
     dependencies:
       '@dxup/nuxt': 0.3.2(magicast@0.5.1)
       '@nuxt/cli': 3.33.1(@nuxt/schema@4.3.1)(cac@6.7.14)(magicast@0.5.1)
-      '@nuxt/devtools': 3.1.1(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      '@nuxt/devtools': 3.1.1(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@nuxt/nitro-server': 4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)
+      '@nuxt/nitro-server': 4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)
       '@nuxt/schema': 4.3.1
       '@nuxt/telemetry': 2.7.0(@nuxt/kit@4.3.1(magicast@0.5.1))
-      '@nuxt/vite-builder': 4.3.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.29(typescript@5.9.3))(yaml@2.8.2)
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
-      '@vue/shared': 3.5.29
+      '@nuxt/vite-builder': 4.3.1(@types/node@24.11.0)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@24.11.0)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2)
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
+      '@vue/shared': 3.5.30
       c12: 3.3.3(magicast@0.5.1)
       chokidar: 5.0.0
       compatx: 0.2.0
@@ -20434,10 +20439,10 @@ snapshots:
       unctx: 2.5.0
       unimport: 5.6.0
       unplugin: 3.0.0
-      unplugin-vue-router: 0.19.2(@vue/compiler-sfc@3.5.29)(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+      unplugin-vue-router: 0.19.2(@vue/compiler-sfc@3.5.30)(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       untyped: 2.0.0
-      vue: 3.5.29(typescript@5.9.3)
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
     optionalDependencies:
       '@parcel/watcher': 2.5.4
       '@types/node': 24.11.0
@@ -20505,18 +20510,18 @@ snapshots:
       - xml2js
       - yaml
 
-  nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2):
+  nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2):
     dependencies:
       '@dxup/nuxt': 0.3.2(magicast@0.5.1)
       '@nuxt/cli': 3.33.1(@nuxt/schema@4.3.1)(cac@6.7.14)(magicast@0.5.1)
-      '@nuxt/devtools': 3.1.1(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3))
+      '@nuxt/devtools': 3.1.1(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3))
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@nuxt/nitro-server': 4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)
+      '@nuxt/nitro-server': 4.3.1(@upstash/redis@1.36.3)(better-sqlite3@12.6.2)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(ioredis@5.9.2)(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(rolldown@1.0.0-rc.5)(typescript@5.9.3)
       '@nuxt/schema': 4.3.1
       '@nuxt/telemetry': 2.7.0(@nuxt/kit@4.3.1(magicast@0.5.1))
-      '@nuxt/vite-builder': 4.3.1(@types/node@25.0.10)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.29)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.29(typescript@5.9.3))(yaml@2.8.2)
-      '@unhead/vue': 2.1.10(vue@3.5.29(typescript@5.9.3))
-      '@vue/shared': 3.5.29
+      '@nuxt/vite-builder': 4.3.1(@types/node@25.0.10)(eslint@9.39.2(jiti@2.6.1))(magicast@0.5.1)(nuxt@4.3.1(@parcel/watcher@2.5.4)(@types/node@25.0.10)(@upstash/redis@1.36.3)(@vue/compiler-sfc@3.5.30)(better-sqlite3@12.6.2)(cac@6.7.14)(db0@0.3.4(better-sqlite3@12.6.2))(encoding@0.1.13)(eslint@9.39.2(jiti@2.6.1))(ioredis@5.9.2)(magicast@0.5.1)(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue-tsc@3.2.5(typescript@5.9.3))(yaml@2.8.2))(optionator@0.9.4)(oxlint@1.51.0(oxlint-tsgolint@0.15.0))(rolldown@1.0.0-rc.5)(rollup@4.56.0)(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))(vue@3.5.30(typescript@5.9.3))(yaml@2.8.2)
+      '@unhead/vue': 2.1.10(vue@3.5.30(typescript@5.9.3))
+      '@vue/shared': 3.5.30
       c12: 3.3.3(magicast@0.5.1)
       chokidar: 5.0.0
       compatx: 0.2.0
@@ -20560,10 +20565,10 @@ snapshots:
       unctx: 2.5.0
       unimport: 5.6.0
       unplugin: 3.0.0
-      unplugin-vue-router: 0.19.2(@vue/compiler-sfc@3.5.29)(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3))
+      unplugin-vue-router: 0.19.2(@vue/compiler-sfc@3.5.30)(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
       untyped: 2.0.0
-      vue: 3.5.29(typescript@5.9.3)
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
     optionalDependencies:
       '@parcel/watcher': 2.5.4
       '@types/node': 25.0.10
@@ -20790,28 +20795,28 @@ snapshots:
       '@oxc-parser/binding-win32-arm64-msvc': 0.95.0
       '@oxc-parser/binding-win32-x64-msvc': 0.95.0
 
-  oxc-resolver@11.19.0:
+  oxc-resolver@11.19.1:
     optionalDependencies:
-      '@oxc-resolver/binding-android-arm-eabi': 11.19.0
-      '@oxc-resolver/binding-android-arm64': 11.19.0
-      '@oxc-resolver/binding-darwin-arm64': 11.19.0
-      '@oxc-resolver/binding-darwin-x64': 11.19.0
-      '@oxc-resolver/binding-freebsd-x64': 11.19.0
-      '@oxc-resolver/binding-linux-arm-gnueabihf': 11.19.0
-      '@oxc-resolver/binding-linux-arm-musleabihf': 11.19.0
-      '@oxc-resolver/binding-linux-arm64-gnu': 11.19.0
-      '@oxc-resolver/binding-linux-arm64-musl': 11.19.0
-      '@oxc-resolver/binding-linux-ppc64-gnu': 11.19.0
-      '@oxc-resolver/binding-linux-riscv64-gnu': 11.19.0
-      '@oxc-resolver/binding-linux-riscv64-musl': 11.19.0
-      '@oxc-resolver/binding-linux-s390x-gnu': 11.19.0
-      '@oxc-resolver/binding-linux-x64-gnu': 11.19.0
-      '@oxc-resolver/binding-linux-x64-musl': 11.19.0
-      '@oxc-resolver/binding-openharmony-arm64': 11.19.0
-      '@oxc-resolver/binding-wasm32-wasi': 11.19.0
-      '@oxc-resolver/binding-win32-arm64-msvc': 11.19.0
-      '@oxc-resolver/binding-win32-ia32-msvc': 11.19.0
-      '@oxc-resolver/binding-win32-x64-msvc': 11.19.0
+      '@oxc-resolver/binding-android-arm-eabi': 11.19.1
+      '@oxc-resolver/binding-android-arm64': 11.19.1
+      '@oxc-resolver/binding-darwin-arm64': 11.19.1
+      '@oxc-resolver/binding-darwin-x64': 11.19.1
+      '@oxc-resolver/binding-freebsd-x64': 11.19.1
+      '@oxc-resolver/binding-linux-arm-gnueabihf': 11.19.1
+      '@oxc-resolver/binding-linux-arm-musleabihf': 11.19.1
+      '@oxc-resolver/binding-linux-arm64-gnu': 11.19.1
+      '@oxc-resolver/binding-linux-arm64-musl': 11.19.1
+      '@oxc-resolver/binding-linux-ppc64-gnu': 11.19.1
+      '@oxc-resolver/binding-linux-riscv64-gnu': 11.19.1
+      '@oxc-resolver/binding-linux-riscv64-musl': 11.19.1
+      '@oxc-resolver/binding-linux-s390x-gnu': 11.19.1
+      '@oxc-resolver/binding-linux-x64-gnu': 11.19.1
+      '@oxc-resolver/binding-linux-x64-musl': 11.19.1
+      '@oxc-resolver/binding-openharmony-arm64': 11.19.1
+      '@oxc-resolver/binding-wasm32-wasi': 11.19.1
+      '@oxc-resolver/binding-win32-arm64-msvc': 11.19.1
+      '@oxc-resolver/binding-win32-ia32-msvc': 11.19.1
+      '@oxc-resolver/binding-win32-x64-msvc': 11.19.1
 
   oxc-transform@0.112.0:
     optionalDependencies:
@@ -21101,142 +21106,142 @@ snapshots:
 
   possible-typed-array-names@1.1.0: {}
 
-  postcss-calc@10.1.1(postcss@8.5.6):
+  postcss-calc@10.1.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
 
-  postcss-colormin@7.0.5(postcss@8.5.6):
+  postcss-colormin@7.0.5(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@7.0.8(postcss@8.5.6):
+  postcss-convert-values@7.0.8(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-discard-comments@7.0.5(postcss@8.5.6):
+  postcss-discard-comments@7.0.5(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-selector-parser: 7.1.1
 
-  postcss-discard-duplicates@7.0.2(postcss@8.5.6):
+  postcss-discard-duplicates@7.0.2(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
 
-  postcss-discard-empty@7.0.1(postcss@8.5.6):
+  postcss-discard-empty@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
 
-  postcss-discard-overridden@7.0.1(postcss@8.5.6):
+  postcss-discard-overridden@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
 
-  postcss-merge-longhand@7.0.5(postcss@8.5.6):
+  postcss-merge-longhand@7.0.5(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
-      stylehacks: 7.0.7(postcss@8.5.6)
+      stylehacks: 7.0.7(postcss@8.5.8)
 
-  postcss-merge-rules@7.0.7(postcss@8.5.6):
+  postcss-merge-rules@7.0.7(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
       caniuse-api: 3.0.0
-      cssnano-utils: 5.0.1(postcss@8.5.6)
-      postcss: 8.5.6
+      cssnano-utils: 5.0.1(postcss@8.5.8)
+      postcss: 8.5.8
       postcss-selector-parser: 7.1.1
 
-  postcss-minify-font-values@7.0.1(postcss@8.5.6):
+  postcss-minify-font-values@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@7.0.1(postcss@8.5.6):
+  postcss-minify-gradients@7.0.1(postcss@8.5.8):
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 5.0.1(postcss@8.5.6)
-      postcss: 8.5.6
+      cssnano-utils: 5.0.1(postcss@8.5.8)
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@7.0.5(postcss@8.5.6):
+  postcss-minify-params@7.0.5(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
-      cssnano-utils: 5.0.1(postcss@8.5.6)
-      postcss: 8.5.6
+      cssnano-utils: 5.0.1(postcss@8.5.8)
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@7.0.5(postcss@8.5.6):
+  postcss-minify-selectors@7.0.5(postcss@8.5.8):
     dependencies:
       cssesc: 3.0.0
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-selector-parser: 7.1.1
 
-  postcss-normalize-charset@7.0.1(postcss@8.5.6):
+  postcss-normalize-charset@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
 
-  postcss-normalize-display-values@7.0.1(postcss@8.5.6):
+  postcss-normalize-display-values@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@7.0.1(postcss@8.5.6):
+  postcss-normalize-positions@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@7.0.1(postcss@8.5.6):
+  postcss-normalize-repeat-style@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@7.0.1(postcss@8.5.6):
+  postcss-normalize-string@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@7.0.1(postcss@8.5.6):
+  postcss-normalize-timing-functions@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@7.0.5(postcss@8.5.6):
+  postcss-normalize-unicode@7.0.5(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@7.0.1(postcss@8.5.6):
+  postcss-normalize-url@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@7.0.1(postcss@8.5.6):
+  postcss-normalize-whitespace@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-ordered-values@7.0.2(postcss@8.5.6):
+  postcss-ordered-values@7.0.2(postcss@8.5.8):
     dependencies:
-      cssnano-utils: 5.0.1(postcss@8.5.6)
-      postcss: 8.5.6
+      cssnano-utils: 5.0.1(postcss@8.5.8)
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
-  postcss-reduce-initial@7.0.5(postcss@8.5.6):
+  postcss-reduce-initial@7.0.5(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
       caniuse-api: 3.0.0
-      postcss: 8.5.6
+      postcss: 8.5.8
 
-  postcss-reduce-transforms@7.0.1(postcss@8.5.6):
+  postcss-reduce-transforms@7.0.1(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
   postcss-selector-parser@7.1.1:
@@ -21244,20 +21249,20 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-svgo@7.1.0(postcss@8.5.6):
+  postcss-svgo@7.1.0(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
       svgo: 4.0.0
 
-  postcss-unique-selectors@7.0.4(postcss@8.5.6):
+  postcss-unique-selectors@7.0.4(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-selector-parser: 7.1.1
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.5.6:
+  postcss@8.5.8:
     dependencies:
       nanoid: 3.3.11
       picocolors: 1.1.1
@@ -21720,19 +21725,19 @@ snapshots:
       '@types/hast': 3.0.4
       unist-util-visit: 5.1.0
 
-  reka-ui@2.8.2(vue@3.5.29(typescript@5.9.3)):
+  reka-ui@2.8.2(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@floating-ui/dom': 1.7.5
-      '@floating-ui/vue': 1.1.10(vue@3.5.29(typescript@5.9.3))
+      '@floating-ui/vue': 1.1.10(vue@3.5.30(typescript@5.9.3))
       '@internationalized/date': 3.11.0
       '@internationalized/number': 3.6.5
-      '@tanstack/vue-virtual': 3.13.19(vue@3.5.29(typescript@5.9.3))
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
-      '@vueuse/shared': 14.2.1(vue@3.5.29(typescript@5.9.3))
+      '@tanstack/vue-virtual': 3.13.19(vue@3.5.30(typescript@5.9.3))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
+      '@vueuse/shared': 14.2.1(vue@3.5.30(typescript@5.9.3))
       aria-hidden: 1.2.6
       defu: 6.1.4
       ohash: 2.0.11
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -21826,7 +21831,7 @@ snapshots:
 
   rfdc@1.4.1: {}
 
-  rolldown-plugin-dts@0.22.2(oxc-resolver@11.19.0)(rolldown@1.0.0-rc.3)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3)):
+  rolldown-plugin-dts@0.22.2(oxc-resolver@11.19.1)(rolldown@1.0.0-rc.3)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3)):
     dependencies:
       '@babel/generator': 8.0.0-rc.1
       '@babel/helper-validator-identifier': 8.0.0-rc.1
@@ -21834,7 +21839,7 @@ snapshots:
       '@babel/types': 8.0.0-rc.1
       ast-kit: 3.0.0-beta.1
       birpc: 4.0.0
-      dts-resolver: 2.1.3(oxc-resolver@11.19.0)
+      dts-resolver: 2.1.3(oxc-resolver@11.19.1)
       get-tsconfig: 4.13.6
       obug: 2.1.1
       rolldown: 1.0.0-rc.3
@@ -22000,7 +22005,7 @@ snapshots:
       htmlparser2: 8.0.2
       is-plain-object: 5.0.0
       parse-srcset: 1.0.2
-      postcss: 8.5.6
+      postcss: 8.5.8
 
   satori-html@0.3.2:
     dependencies:
@@ -22179,12 +22184,12 @@ snapshots:
 
   shell-quote@1.8.3: {}
 
-  shiki-stream@0.1.4(react@19.2.4)(vue@3.5.29(typescript@5.9.3)):
+  shiki-stream@0.1.4(react@19.2.4)(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@shikijs/core': 3.23.0
     optionalDependencies:
       react: 19.2.4
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   shiki@3.23.0:
     dependencies:
@@ -22264,10 +22269,10 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  site-config-stack@3.2.18(vue@3.5.29(typescript@5.9.3)):
+  site-config-stack@3.2.18(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       ufo: 1.6.3
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   skin-tone@2.0.0:
     dependencies:
@@ -22499,10 +22504,10 @@ snapshots:
 
   structured-clone-es@1.0.0: {}
 
-  stylehacks@7.0.7(postcss@8.5.6):
+  stylehacks@7.0.7(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-selector-parser: 7.1.1
 
   superjson@2.2.6:
@@ -22531,9 +22536,9 @@ snapshots:
       picocolors: 1.1.1
       sax: 1.4.4
 
-  swrv@1.1.0(vue@3.5.29(typescript@5.9.3)):
+  swrv@1.1.0(vue@3.5.30(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   symbol-tree@3.2.4:
     optional: true
@@ -22713,7 +22718,7 @@ snapshots:
       '@ts-morph/common': 0.28.1
       code-block-writer: 13.0.3
 
-  tsdown@0.20.3(oxc-resolver@11.19.0)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3)):
+  tsdown@0.20.3(oxc-resolver@11.19.1)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3)):
     dependencies:
       ansis: 4.2.0
       cac: 6.7.14
@@ -22724,7 +22729,7 @@ snapshots:
       obug: 2.1.1
       picomatch: 4.0.3
       rolldown: 1.0.0-rc.3
-      rolldown-plugin-dts: 0.22.2(oxc-resolver@11.19.0)(rolldown@1.0.0-rc.3)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))
+      rolldown-plugin-dts: 0.22.2(oxc-resolver@11.19.1)(rolldown@1.0.0-rc.3)(typescript@5.9.3)(vue-tsc@3.2.5(typescript@5.9.3))
       semver: 7.7.4
       tinyexec: 1.0.2
       tinyglobby: 0.2.15
@@ -22821,6 +22826,8 @@ snapshots:
 
   ultramatter@0.0.4: {}
 
+  unbash@2.2.0: {}
+
   unbox-primitive@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -22984,7 +22991,7 @@ snapshots:
 
   unpipe@1.0.0: {}
 
-  unplugin-auto-import@21.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(@vueuse/core@14.2.1(vue@3.5.29(typescript@5.9.3))):
+  unplugin-auto-import@21.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(@vueuse/core@14.2.1(vue@3.5.30(typescript@5.9.3))):
     dependencies:
       local-pkg: 1.1.2
       magic-string: 0.30.21
@@ -22994,7 +23001,7 @@ snapshots:
       unplugin-utils: 0.3.1
     optionalDependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
-      '@vueuse/core': 14.2.1(vue@3.5.29(typescript@5.9.3))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@5.9.3))
 
   unplugin-utils@0.2.5:
     dependencies:
@@ -23006,7 +23013,7 @@ snapshots:
       pathe: 2.0.3
       picomatch: 4.0.3
 
-  unplugin-vue-components@31.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(vue@3.5.29(typescript@5.9.3)):
+  unplugin-vue-components@31.0.0(@nuxt/kit@4.3.1(magicast@0.5.1))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       chokidar: 5.0.0
       local-pkg: 1.1.2
@@ -23017,7 +23024,7 @@ snapshots:
       tinyglobby: 0.2.15
       unplugin: 2.3.11
       unplugin-utils: 0.3.1
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
     optionalDependencies:
       '@nuxt/kit': 4.3.1(magicast@0.5.1)
 
@@ -23031,11 +23038,11 @@ snapshots:
       unplugin-utils: 0.3.1
       vite: 8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
 
-  unplugin-vue-router@0.16.2(@vue/compiler-sfc@3.5.29)(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3)):
+  unplugin-vue-router@0.16.2(@vue/compiler-sfc@3.5.30)(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@babel/generator': 7.29.1
-      '@vue-macros/common': 3.1.2(vue@3.5.29(typescript@5.9.3))
-      '@vue/compiler-sfc': 3.5.29
+      '@vue-macros/common': 3.1.2(vue@3.5.30(typescript@5.9.3))
+      '@vue/compiler-sfc': 3.5.30
       '@vue/language-core': 3.2.5
       ast-walker-scope: 0.8.3
       chokidar: 4.0.3
@@ -23052,15 +23059,15 @@ snapshots:
       unplugin-utils: 0.3.1
       yaml: 2.8.2
     optionalDependencies:
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - vue
 
-  unplugin-vue-router@0.19.2(@vue/compiler-sfc@3.5.29)(vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3)):
+  unplugin-vue-router@0.19.2(@vue/compiler-sfc@3.5.30)(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@babel/generator': 7.29.1
-      '@vue-macros/common': 3.1.2(vue@3.5.29(typescript@5.9.3))
-      '@vue/compiler-sfc': 3.5.29
+      '@vue-macros/common': 3.1.2(vue@3.5.30(typescript@5.9.3))
+      '@vue/compiler-sfc': 3.5.30
       '@vue/language-core': 3.2.5
       ast-walker-scope: 0.8.3
       chokidar: 5.0.0
@@ -23077,7 +23084,7 @@ snapshots:
       unplugin-utils: 0.3.1
       yaml: 2.8.2
     optionalDependencies:
-      vue-router: 4.6.4(vue@3.5.29(typescript@5.9.3))
+      vue-router: 4.6.4(vue@3.5.30(typescript@5.9.3))
     transitivePeerDependencies:
       - vue
 
@@ -23171,11 +23178,11 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vaul-vue@0.4.1(reka-ui@2.8.2(vue@3.5.29(typescript@5.9.3)))(vue@3.5.29(typescript@5.9.3)):
+  vaul-vue@0.4.1(reka-ui@2.8.2(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.29(typescript@5.9.3))
-      reka-ui: 2.8.2(vue@3.5.29(typescript@5.9.3))
-      vue: 3.5.29(typescript@5.9.3)
+      '@vueuse/core': 10.11.1(vue@3.5.30(typescript@5.9.3))
+      reka-ui: 2.8.2(vue@3.5.30(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -23194,11 +23201,11 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  virtua@0.48.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.29(typescript@5.9.3)):
+  virtua@0.48.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vue@3.5.30(typescript@5.9.3)):
     optionalDependencies:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   vite-dev-rpc@1.1.0(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)):
     dependencies:
@@ -23355,7 +23362,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-vue-tracer@1.2.0(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3)):
+  vite-plugin-vue-tracer@1.2.0(vite@8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       estree-walker: 3.0.3
       exsolve: 1.0.8
@@ -23363,9 +23370,9 @@ snapshots:
       pathe: 2.0.3
       source-map-js: 1.2.1
       vite: 8.0.0-beta.10(@types/node@24.11.0)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
-  vite-plugin-vue-tracer@1.2.0(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.29(typescript@5.9.3)):
+  vite-plugin-vue-tracer@1.2.0(vite@8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       estree-walker: 3.0.3
       exsolve: 1.0.8
@@ -23373,7 +23380,7 @@ snapshots:
       pathe: 2.0.3
       source-map-js: 1.2.1
       vite: 8.0.0-beta.10(@types/node@25.0.10)(esbuild@0.27.3)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   vite-plus@0.0.0-g52709db6.20260226-1136(@opentelemetry/api@1.9.0)(@types/node@24.11.0)(esbuild@0.27.3)(happy-dom@20.3.5)(jiti@2.6.1)(jsdom@27.4.0(@noble/hashes@1.8.0))(terser@5.46.0)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2):
     dependencies:
@@ -23424,7 +23431,7 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.3)
       lightningcss: 1.31.1
       picomatch: 4.0.3
-      postcss: 8.5.6
+      postcss: 8.5.8
       rolldown: 1.0.0-rc.1
       tinyglobby: 0.2.15
     optionalDependencies:
@@ -23442,7 +23449,7 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.3)
       lightningcss: 1.31.1
       picomatch: 4.0.3
-      postcss: 8.5.6
+      postcss: 8.5.8
       rolldown: 1.0.0-rc.1
       tinyglobby: 0.2.15
     optionalDependencies:
@@ -23502,22 +23509,22 @@ snapshots:
 
   vue-component-type-helpers@3.2.5: {}
 
-  vue-data-ui@3.15.9(vue@3.5.29(typescript@5.9.3)):
+  vue-data-ui@3.15.12(vue@3.5.30(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
-  vue-demi@0.14.10(vue@3.5.29(typescript@5.9.3)):
+  vue-demi@0.14.10(vue@3.5.30(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   vue-devtools-stub@0.1.0: {}
 
-  vue-docgen-api@4.79.2(vue@3.5.29(typescript@5.9.3)):
+  vue-docgen-api@4.79.2(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@babel/parser': 7.29.0
       '@babel/types': 7.29.0
-      '@vue/compiler-dom': 3.5.29
-      '@vue/compiler-sfc': 3.5.29
+      '@vue/compiler-dom': 3.5.30
+      '@vue/compiler-sfc': 3.5.30
       ast-types: 0.16.1
       esm-resolve: 1.0.11
       hash-sum: 2.0.0
@@ -23525,8 +23532,8 @@ snapshots:
       pug: 3.0.3
       recast: 0.23.11
       ts-map: 1.0.3
-      vue: 3.5.29(typescript@5.9.3)
-      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.29(typescript@5.9.3))
+      vue: 3.5.30(typescript@5.9.3)
+      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.30(typescript@5.9.3))
 
   vue-i18n-extract@2.0.7:
     dependencies:
@@ -23536,21 +23543,21 @@ snapshots:
       is-valid-glob: 1.0.0
       js-yaml: 4.1.1
 
-  vue-i18n@11.2.8(vue@3.5.29(typescript@5.9.3)):
+  vue-i18n@11.2.8(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@intlify/core-base': 11.2.8
       '@intlify/shared': 11.2.8
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
-  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.29(typescript@5.9.3)):
+  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.30(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
-  vue-router@4.6.4(vue@3.5.29(typescript@5.9.3)):
+  vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.29(typescript@5.9.3)
+      vue: 3.5.30(typescript@5.9.3)
 
   vue-tsc@3.2.5(typescript@5.9.3):
     dependencies:
@@ -23558,13 +23565,13 @@ snapshots:
       '@vue/language-core': 3.2.5
       typescript: 5.9.3
 
-  vue@3.5.29(typescript@5.9.3):
+  vue@3.5.30(typescript@5.9.3):
     dependencies:
-      '@vue/compiler-dom': 3.5.29
-      '@vue/compiler-sfc': 3.5.29
-      '@vue/runtime-dom': 3.5.29
-      '@vue/server-renderer': 3.5.29(vue@3.5.29(typescript@5.9.3))
-      '@vue/shared': 3.5.29
+      '@vue/compiler-dom': 3.5.30
+      '@vue/compiler-sfc': 3.5.30
+      '@vue/runtime-dom': 3.5.30
+      '@vue/server-renderer': 3.5.30(vue@3.5.30(typescript@5.9.3))
+      '@vue/shared': 3.5.30
     optionalDependencies:
       typescript: 5.9.3
 
diff --git a/server/api/atproto/bluesky-author-profiles.get.ts b/server/api/atproto/bluesky-author-profiles.get.ts
index 1122376d82..c4b63b2866 100644
--- a/server/api/atproto/bluesky-author-profiles.get.ts
+++ b/server/api/atproto/bluesky-author-profiles.get.ts
@@ -1,4 +1,5 @@
 import * as v from 'valibot'
+import crypto from 'node:crypto'
 import { CACHE_MAX_AGE_ONE_DAY, BLUESKY_API } from '#shared/utils/constants'
 import { AuthorSchema } from '#shared/schemas/blog'
 import { Client } from '@atproto/lex'
@@ -75,7 +76,11 @@ export default defineCachedEventHandler(
     maxAge: CACHE_MAX_AGE_ONE_DAY,
     getKey: event => {
       const { authors } = getQuery(event)
-      return `author-profiles:${authors ?? 'npmx.dev'}`
+      const hash = crypto
+        .createHash('md5')
+        .update(JSON.stringify(authors ?? 'npmx.dev'))
+        .digest('hex')
+      return `author-profiles:${hash}`
     },
   },
 )
diff --git a/server/api/contributors.get.ts b/server/api/contributors.get.ts
index 639350d350..eb9ffc1884 100644
--- a/server/api/contributors.get.ts
+++ b/server/api/contributors.get.ts
@@ -14,7 +14,7 @@ type GitHubAPIContributor = Omit<GitHubContributor, 'role' | 'sponsors_url'>
 
 // Fallback when no GitHub token is available (e.g. preview environments).
 // Only stewards are shown as maintainers; everyone else is a contributor.
-const FALLBACK_STEWARDS = new Set(['danielroe', 'patak-dev'])
+const FALLBACK_STEWARDS = new Set(['danielroe', 'patak-cat'])
 
 interface TeamMembers {
   steward: Set<string>
diff --git a/server/api/registry/badge/[type]/[...pkg].get.ts b/server/api/registry/badge/[type]/[...pkg].get.ts
index cbab8ac374..5b4033e642 100644
--- a/server/api/registry/badge/[type]/[...pkg].get.ts
+++ b/server/api/registry/badge/[type]/[...pkg].get.ts
@@ -14,12 +14,17 @@ const BUNDLEPHOBIA_API = 'https://bundlephobia.com/api/size'
 const NPMS_API = 'https://api.npms.io/v2/package'
 
 const SafeStringSchema = v.pipe(v.string(), v.regex(/^[^<>"&]*$/, 'Invalid characters'))
+const SafeColorSchema = v.pipe(
+  v.string(),
+  v.transform(value => (value.startsWith('#') ? value : `#${value}`)),
+  v.hexColor(),
+)
 
 const QUERY_SCHEMA = v.object({
-  color: v.optional(SafeStringSchema),
   name: v.optional(v.string()),
-  labelColor: v.optional(SafeStringSchema),
   label: v.optional(SafeStringSchema),
+  color: v.optional(SafeColorSchema),
+  labelColor: v.optional(SafeColorSchema),
 })
 
 const COLORS = {
@@ -95,6 +100,23 @@ function escapeXML(str: string): string {
     .replace(/"/g, '&quot;')
 }
 
+function toLinear(c: number): number {
+  return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4)
+}
+
+function getContrastTextColor(bgHex: string): string {
+  let clean = bgHex.replace('#', '')
+  if (clean.length === 3)
+    clean = clean[0]! + clean[0]! + clean[1]! + clean[1]! + clean[2]! + clean[2]!
+  if (!/^[0-9a-f]{6}$/i.test(clean)) return '#ffffff'
+  const r = parseInt(clean.slice(0, 2), 16) / 255
+  const g = parseInt(clean.slice(2, 4), 16) / 255
+  const b = parseInt(clean.slice(4, 6), 16) / 255
+  const luminance = 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b)
+  // threshold where contrast ratio with white equals contrast ratio with black
+  return luminance > 0.179 ? '#000000' : '#ffffff'
+}
+
 function measureShieldsTextLength(text: string): number {
   const measuredWidth = measureTextWidth(text, SHIELDS_FONT_SHORTHAND)
 
@@ -110,8 +132,11 @@ function renderDefaultBadgeSvg(params: {
   finalLabel: string
   finalLabelColor: string
   finalValue: string
+  labelTextColor: string
+  valueTextColor: string
 }): string {
-  const { finalColor, finalLabel, finalLabelColor, finalValue } = params
+  const { finalColor, finalLabel, finalLabelColor, finalValue, labelTextColor, valueTextColor } =
+    params
   const leftWidth = finalLabel.trim().length === 0 ? 0 : measureDefaultTextWidth(finalLabel)
   const rightWidth = measureDefaultTextWidth(finalValue)
   const totalWidth = leftWidth + rightWidth
@@ -120,19 +145,19 @@ function renderDefaultBadgeSvg(params: {
   const escapedValue = escapeXML(finalValue)
 
   return `
-    <svg xmlns="http://www.w3.org/2000/svg" width="${totalWidth}" height="${height}" role="img" aria-label="${escapedLabel}: ${escapedValue}">
-      <clipPath id="r">
-        <rect width="${totalWidth}" height="${height}" rx="3" fill="#fff"/>
-      </clipPath>
-      <g clip-path="url(#r)">
-        <rect width="${leftWidth}" height="${height}" fill="${finalLabelColor}"/>
-        <rect x="${leftWidth}" width="${rightWidth}" height="${height}" fill="${finalColor}"/>
-      </g>
-      <g text-anchor="middle" font-family="Geist, system-ui, -apple-system, sans-serif" font-size="11">
-        <text x="${leftWidth / 2}" y="14" fill="#ffffff">${escapedLabel}</text>
-        <text x="${leftWidth + rightWidth / 2}" y="14" fill="#ffffff">${escapedValue}</text>
-      </g>
-    </svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="${totalWidth}" height="${height}" role="img" aria-label="${escapedLabel}: ${escapedValue}">
+  <clipPath id="r">
+    <rect width="${totalWidth}" height="${height}" rx="3" fill="#fff"/>
+  </clipPath>
+  <g clip-path="url(#r)">
+    <rect width="${leftWidth}" height="${height}" fill="${finalLabelColor}"/>
+    <rect x="${leftWidth}" width="${rightWidth}" height="${height}" fill="${finalColor}"/>
+  </g>
+  <g text-anchor="middle" font-family="Geist, system-ui, -apple-system, sans-serif" font-size="11">
+    <text x="${leftWidth / 2}" y="14" fill="${labelTextColor}">${escapedLabel}</text>
+    <text x="${leftWidth + rightWidth / 2}" y="14" fill="${valueTextColor}">${escapedValue}</text>
+  </g>
+</svg>
   `.trim()
 }
 
@@ -141,8 +166,11 @@ function renderShieldsBadgeSvg(params: {
   finalLabel: string
   finalLabelColor: string
   finalValue: string
+  labelTextColor: string
+  valueTextColor: string
 }): string {
-  const { finalColor, finalLabel, finalLabelColor, finalValue } = params
+  const { finalColor, finalLabel, finalLabelColor, finalValue, labelTextColor, valueTextColor } =
+    params
   const hasLabel = finalLabel.trim().length > 0
 
   const leftTextLength = hasLabel ? measureShieldsTextLength(finalLabel) : 0
@@ -161,26 +189,26 @@ function renderShieldsBadgeSvg(params: {
   const rightTextLengthAttr = rightTextLength * 10
 
   return `
-    <svg xmlns="http://www.w3.org/2000/svg" width="${totalWidth}" height="${height}" role="img" aria-label="${title}">
-      <linearGradient id="s" x2="0" y2="100%">
-        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
-        <stop offset="1" stop-opacity=".1"/>
-      </linearGradient>
-      <clipPath id="r">
-        <rect width="${totalWidth}" height="${height}" rx="3" fill="#fff"/>
-      </clipPath>
-      <g clip-path="url(#r)">
-        <rect width="${leftWidth}" height="${height}" fill="${finalLabelColor}"/>
-        <rect x="${leftWidth}" width="${rightWidth}" height="${height}" fill="${finalColor}"/>
-        <rect width="${totalWidth}" height="${height}" fill="url(#s)"/>
-      </g>
-      <g fill="#fff" text-anchor="middle" font-family="Verdana, Geneva, DejaVu Sans, sans-serif" text-rendering="geometricPrecision" font-size="110">
-        <text aria-hidden="true" x="${leftCenter}" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="${leftTextLengthAttr}">${escapedLabel}</text>
-        <text x="${leftCenter}" y="140" transform="scale(.1)" fill="#fff" textLength="${leftTextLengthAttr}">${escapedLabel}</text>
-        <text aria-hidden="true" x="${rightCenter}" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="${rightTextLengthAttr}">${escapedValue}</text>
-        <text x="${rightCenter}" y="140" transform="scale(.1)" fill="#fff" textLength="${rightTextLengthAttr}">${escapedValue}</text>
-      </g>
-    </svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="${totalWidth}" height="${height}" role="img" aria-label="${title}">
+  <linearGradient id="s" x2="0" y2="100%">
+    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+    <stop offset="1" stop-opacity=".1"/>
+  </linearGradient>
+  <clipPath id="r">
+    <rect width="${totalWidth}" height="${height}" rx="3" fill="#fff"/>
+  </clipPath>
+  <g clip-path="url(#r)">
+    <rect width="${leftWidth}" height="${height}" fill="${finalLabelColor}"/>
+    <rect x="${leftWidth}" width="${rightWidth}" height="${height}" fill="${finalColor}"/>
+    <rect width="${totalWidth}" height="${height}" fill="url(#s)"/>
+  </g>
+  <g text-anchor="middle" font-family="Verdana, Geneva, DejaVu Sans, sans-serif" text-rendering="geometricPrecision" font-size="110">
+    <text aria-hidden="true" x="${leftCenter}" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="${leftTextLengthAttr}">${escapedLabel}</text>
+    <text x="${leftCenter}" y="140" transform="scale(.1)" fill="${labelTextColor}" textLength="${leftTextLengthAttr}">${escapedLabel}</text>
+    <text aria-hidden="true" x="${rightCenter}" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="${rightTextLengthAttr}">${escapedValue}</text>
+    <text x="${rightCenter}" y="140" transform="scale(.1)" fill="${valueTextColor}" textLength="${rightTextLengthAttr}">${escapedValue}</text>
+  </g>
+</svg>
   `.trim()
 }
 
@@ -442,8 +470,18 @@ export default defineCachedEventHandler(
       const rawLabelColor = labelColor ?? defaultLabelColor
       const finalLabelColor = rawLabelColor.startsWith('#') ? rawLabelColor : `#${rawLabelColor}`
 
+      const labelTextColor = getContrastTextColor(finalLabelColor)
+      const valueTextColor = getContrastTextColor(finalColor)
+
       const renderFn = badgeStyle === 'shieldsio' ? renderShieldsBadgeSvg : renderDefaultBadgeSvg
-      const svg = renderFn({ finalColor, finalLabel, finalLabelColor, finalValue })
+      const svg = renderFn({
+        finalColor,
+        finalLabel,
+        finalLabelColor,
+        finalValue,
+        labelTextColor,
+        valueTextColor,
+      })
 
       setHeader(event, 'Content-Type', 'image/svg+xml')
       setHeader(
diff --git a/test/e2e/badge.spec.ts b/test/e2e/badge.spec.ts
index ffd258cdda..4cf8a33d37 100644
--- a/test/e2e/badge.spec.ts
+++ b/test/e2e/badge.spec.ts
@@ -118,6 +118,48 @@ test.describe('badge API', () => {
     expect(body).toContain(`fill="#${customColor}"`)
   })
 
+  test('light color produces dark text for contrast', async ({ page, baseURL }) => {
+    const url = toLocalUrl(baseURL, '/api/registry/badge/version/nuxt?color=FFDC3B')
+    const { body } = await fetchBadge(page, url)
+
+    expect(body).toContain('fill="#ffffff">version')
+    expect(body).toMatch(/fill="#000000">v\d/)
+  })
+
+  test('dark color keeps white text for contrast', async ({ page, baseURL }) => {
+    const url = toLocalUrl(baseURL, '/api/registry/badge/version/nuxt?color=0a0a0a')
+    const { body } = await fetchBadge(page, url)
+
+    expect(body).toContain('fill="#ffffff">version')
+    expect(body).toMatch(/fill="#ffffff">v\d/)
+  })
+
+  test('light labelColor produces dark label text for contrast', async ({ page, baseURL }) => {
+    const url = toLocalUrl(baseURL, '/api/registry/badge/version/nuxt?labelColor=ffffff')
+    const { body } = await fetchBadge(page, url)
+
+    expect(body).toContain('fill="#000000">version')
+  })
+
+  test('3-char hex color is handled correctly for contrast', async ({ page, baseURL }) => {
+    const url = toLocalUrl(baseURL, '/api/registry/badge/version/nuxt?color=CCC')
+    const { body } = await fetchBadge(page, url)
+
+    expect(body).toContain('fill="#ffffff">version')
+    expect(body).toMatch(/fill="#000000">v\d/)
+  })
+
+  test('light colour produces dark text for contrast in shieldsio style', async ({
+    page,
+    baseURL,
+  }) => {
+    const url = toLocalUrl(baseURL, '/api/registry/badge/version/nuxt?style=shieldsio&color=FFDC3B')
+    const { body } = await fetchBadge(page, url)
+
+    expect(body).toMatch(/fill="#ffffff"(\stextLength="\d+")?>version/)
+    expect(body).toMatch(/fill="#000000"(\stextLength="\d+")?>v\d/)
+  })
+
   test('custom label parameter is applied to SVG', async ({ page, baseURL }) => {
     const customLabel = 'my-label'
     const url = toLocalUrl(baseURL, `/api/registry/badge/version/nuxt?label=${customLabel}`)
diff --git a/test/e2e/create-command.spec.ts b/test/e2e/create-command.spec.ts
index 15f00ee4ce..8615df22d5 100644
--- a/test/e2e/create-command.spec.ts
+++ b/test/e2e/create-command.spec.ts
@@ -61,67 +61,6 @@ test.describe('Create Command', () => {
     })
   })
 
-  test.describe('Copy Functionality', () => {
-    test('hovering create command shows copy button', async ({ page, goto }) => {
-      await goto('/package/vite', { waitUntil: 'hydration' })
-
-      await expect(page.locator('h1')).toContainText('vite', { timeout: 15000 })
-
-      await expect(page.locator('main header').locator('text=/v\\d+\\.\\d+/')).toBeVisible({
-        timeout: 15000,
-      })
-
-      // Find the create command container (wait longer for API response)
-      const createCommandContainer = page.locator('.group\\/createcmd').first()
-      await expect(createCommandContainer).toBeVisible({ timeout: 20000 })
-
-      // Copy button should initially be hidden (opacity-0)
-      const copyButton = createCommandContainer.locator('button')
-      await expect(copyButton).toHaveCSS('opacity', '0')
-
-      // Hover over the container
-      await createCommandContainer.hover()
-
-      // Copy button should become visible
-      await expect(copyButton).toHaveCSS('opacity', '1')
-    })
-
-    test('clicking copy button copies create command and shows confirmation', async ({
-      page,
-      goto,
-      context,
-    }) => {
-      // Grant clipboard permissions
-      await context.grantPermissions(['clipboard-read', 'clipboard-write'])
-
-      await goto('/package/vite', { waitUntil: 'hydration' })
-      await expect(page.locator('h1')).toContainText('vite', { timeout: 15000 })
-
-      await expect(page.locator('main header').locator('text=/v\\d+\\.\\d+/')).toBeVisible({
-        timeout: 15000,
-      })
-
-      const createCommandContainer = page.locator('.group\\/createcmd').first()
-      await expect(createCommandContainer).toBeVisible({ timeout: 20000 })
-
-      await createCommandContainer.hover()
-
-      // Click the copy button
-      const copyButton = createCommandContainer.locator('button')
-      await copyButton.click()
-
-      // Button text should change to "copied!"
-      await expect(copyButton).toContainText(/copied/i)
-
-      // Verify clipboard content contains the create command
-      const clipboardContent = await page.evaluate(() => navigator.clipboard.readText())
-      expect(clipboardContent).toMatch(/create vite/i)
-
-      await expect(copyButton).toContainText(/copy/i, { timeout: 5000 })
-      await expect(copyButton).not.toContainText(/copied/i)
-    })
-  })
-
   test.describe('Install Command Copy', () => {
     test('hovering install command shows copy button', async ({ page, goto }) => {
       await goto('/package/is-odd', { waitUntil: 'hydration' })
diff --git a/test/e2e/docs.spec.ts b/test/e2e/docs.spec.ts
index f95a233515..267ed6ad69 100644
--- a/test/e2e/docs.spec.ts
+++ b/test/e2e/docs.spec.ts
@@ -10,10 +10,7 @@ test.describe('API Documentation Pages', () => {
 
     // Header should show package name and version
     await expect(page.locator('header').getByText('ufo')).toBeVisible()
-    await expect(page.locator('header').getByText('1.6.3')).toBeVisible()
-
-    // API Docs badge should be visible
-    await expect(page.locator('text=API Docs')).toBeVisible()
+    await expect(page.locator('[data-testid="package-subheader"]').getByText('1.6.3')).toBeVisible()
 
     // Should have documentation content
     const docsContent = page.locator('.docs-content')
@@ -73,17 +70,6 @@ test.describe('API Documentation Pages', () => {
     await expect(page).toHaveURL(/\/package-docs\/ufo\/v\//)
   })
 
-  test('package link in header navigates to package page', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
-
-    // Click on package name in header
-    const packageLink = page.locator('header a').filter({ hasText: 'ufo' })
-    await packageLink.click()
-
-    // Should navigate to package page (URL ends with /ufo)
-    await expect(page).toHaveURL(/\/package\/ufo$/)
-  })
-
   test('docs page handles package gracefully when types unavailable', async ({ page, goto }) => {
     // Use a simple JS package - the page should load without crashing
     // regardless of whether it has types or shows an error state
@@ -108,7 +94,9 @@ test.describe('Version Selector', () => {
     await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
 
     // Find and click the version selector button (wait for it to be visible)
-    const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })
+    const versionButton = page
+      .locator('[data-testid="package-subheader"] button')
+      .filter({ hasText: '1.6.3' })
     await expect(versionButton).toBeVisible({ timeout: 10000 })
 
     await versionButton.click()
@@ -126,7 +114,9 @@ test.describe('Version Selector', () => {
     await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
 
     // Find and click the version selector button (wait for it to be visible)
-    const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })
+    const versionButton = page
+      .locator('[data-testid="package-subheader"] button')
+      .filter({ hasText: '1.6.3' })
     await expect(versionButton).toBeVisible({ timeout: 10000 })
 
     await versionButton.click()
@@ -160,7 +150,9 @@ test.describe('Version Selector', () => {
     await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
 
     // Wait for version button to be visible
-    const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })
+    const versionButton = page
+      .locator('[data-testid="package-subheader"] button')
+      .filter({ hasText: '1.6.3' })
     await expect(versionButton).toBeVisible({ timeout: 10000 })
 
     await versionButton.click()
diff --git a/test/e2e/package-manager-select.spec.ts b/test/e2e/package-manager-select.spec.ts
index e5a185f741..8b418dae28 100644
--- a/test/e2e/package-manager-select.spec.ts
+++ b/test/e2e/package-manager-select.spec.ts
@@ -6,12 +6,12 @@ test.describe('Package Page', () => {
 
     await expect(page.locator('h1')).toContainText('vue', { timeout: 15000 })
 
-    const packageManagerButton = page.locator('button[aria-haspopup="listbox"]').first()
+    const packageManagerButton = page.locator('article button[aria-haspopup="listbox"]').first()
     await expect(packageManagerButton).toBeVisible()
 
     // Open dropdown
     await packageManagerButton.click()
-    const packageManagerDropdown = page.locator('[role="listbox"]')
+    const packageManagerDropdown = page.locator('[data-testid="package-manager-dropdown"]')
     await expect(packageManagerDropdown).toBeVisible({ timeout: 5000 })
 
     // Arrow keys navigate the listbox
diff --git a/test/e2e/url-compatibility.spec.ts b/test/e2e/url-compatibility.spec.ts
index b555d7605e..ce5e403bcd 100644
--- a/test/e2e/url-compatibility.spec.ts
+++ b/test/e2e/url-compatibility.spec.ts
@@ -8,7 +8,11 @@ test.describe('npmjs.com URL Compatibility', () => {
       // Should show package name
       await expect(page.locator('h1')).toContainText('vue')
       // Should have version badge
-      await expect(page.locator('main header').locator('text=/v\\d+\\.\\d+/')).toBeVisible()
+      await expect(
+        page
+          .locator('[data-testid="version-selector-button"]')
+          .locator('text=/\\d+\\.\\d+\\.\\d+/'),
+      ).toBeVisible()
     })
 
     test('/package/@nuxt/kit → scoped package page', async ({ page, goto }) => {
@@ -24,7 +28,9 @@ test.describe('npmjs.com URL Compatibility', () => {
       // Should show package name
       await expect(page.locator('h1')).toContainText('vue')
       // Should show the specific version
-      await expect(page.locator('text=v3.5.27')).toBeVisible()
+      await expect(
+        page.locator('[data-testid="version-selector-button"]').locator('text=3.5.27'),
+      ).toBeVisible()
     })
 
     test('/package/@nuxt/kit/v/3.20.0 → scoped package specific version', async ({
@@ -36,7 +42,7 @@ test.describe('npmjs.com URL Compatibility', () => {
       // Should show scoped package name
       await expect(page.locator('h1')).toContainText('@nuxt/kit')
       // Should show the specific version (or "not latest" indicator)
-      await expect(page.locator('text=v3.20.0').first()).toBeVisible()
+      await expect(page.locator('text=3.20.0').first()).toBeVisible()
     })
 
     test('/package/nonexistent-pkg-12345 → 404 handling', async ({ page, goto }) => {
diff --git a/test/nuxt/a11y.spec.ts b/test/nuxt/a11y.spec.ts
index 2a5c18c742..28cdabb10d 100644
--- a/test/nuxt/a11y.spec.ts
+++ b/test/nuxt/a11y.spec.ts
@@ -116,6 +116,7 @@ vi.mock('vue-data-ui/vue-ui-xy', () => {
 // Import components from #components where possible
 // For server/client variants, we need to import directly to test the specific variant
 import {
+  Alert,
   AppFooter,
   AppHeader,
   AppLogo,
@@ -171,6 +172,7 @@ import {
   PackageCompatibility,
   PackageDependencies,
   PackageDeprecatedTree,
+  PackageHeader,
   PackageInstallScripts,
   PackageKeywords,
   PackageList,
@@ -226,6 +228,7 @@ import HeaderAccountMenuServer from '~/components/Header/AccountMenu.server.vue'
 import ToggleServer from '~/components/Settings/Toggle.server.vue'
 import SearchProviderToggleServer from '~/components/SearchProviderToggle.server.vue'
 import PackageTrendsChart from '~/components/Package/TrendsChart.vue'
+import FacetBarChart from '~/components/Compare/FacetBarChart.vue'
 import PackageLikeCard from '~/components/Package/LikeCard.vue'
 import SizeIncrease from '~/components/Package/SizeIncrease.vue'
 
@@ -724,6 +727,39 @@ describe('component accessibility audits', () => {
     })
   })
 
+  describe('PackageHeader', () => {
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(PackageHeader, {
+        props: {
+          pkg: {
+            'name': 'vue',
+            'dist-tags': {},
+            'versions': {},
+          },
+          resolvedVersion: '3.5.0',
+          displayVersion: {
+            _id: '1234567890',
+            _npmVersion: '3.5.0',
+            name: 'vue',
+            version: '3.5.0',
+            dist: {
+              shasum: '1234567890',
+              signatures: [],
+              tarball: 'https://npmx.dev/package/vue/tarball',
+            },
+          },
+          latestVersion: { version: '3.5.0', tags: [] },
+          provenanceData: null,
+          provenanceStatus: 'idle',
+          page: 'docs',
+          versionUrlPattern: '/package/vue/v/{version}',
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
   // Note: PackageWeeklyDownloadStats tests are skipped because vue-data-ui VueUiSparkline
   // component has issues in the test environment (requires DOM measurements that aren't
   // available during SSR-like test mounting).
@@ -786,6 +822,24 @@ describe('component accessibility audits', () => {
       expect(results.violations).toEqual([])
     })
 
+    describe('FacetBarChart', () => {
+      it('should have no accessibility violations', async () => {
+        const wrapper = await mountSuspended(FacetBarChart, {
+          props: {
+            values: [
+              { raw: 100, display: '100 MB' },
+              { raw: 50, display: '50 MB' },
+            ],
+            packages: ['nuxt', 'vue'],
+            label: 'Package Size',
+            description: 'Size of the package itself (unpacked)',
+          },
+        })
+        const results = await runAxe(wrapper)
+        expect(results.violations).toEqual([])
+      })
+    })
+
     it('should have no accessibility violations with empty data', async () => {
       const wrapper = await mountSuspended(PackageTrendsChart, {
         props: {
@@ -2261,7 +2315,7 @@ describe('component accessibility audits', () => {
             cid: 'bafyreigincphooxt7zox3blbocf6hnczzv36fkuj2zi5iuzpjgq6gk6pju',
             author: {
               did: 'did:plc:2gkh62xvzokhlf6li4ol3b3d',
-              handle: 'patak.dev',
+              handle: 'patak.cat',
               displayName: 'patak',
               avatar:
                 'https://cdn.bsky.app/img/avatar/plain/did:plc:2gkh62xvzokhlf6li4ol3b3d/bafkreifgzl4e5jqlakd77ajvnilsb5tufsv24h2sxfwmitkzxrh3sk6mhq@jpeg',
@@ -3365,6 +3419,9 @@ describe('component accessibility audits', () => {
           groupedDeps: new Map(),
           allChanges: mockAllChanges,
           open: false,
+          packageName: 'nuxt',
+          toVersion: '3.0.0',
+          toVersionUrlPattern: 'https://npmx.dev/package/nuxt/v/3.0.0',
         },
       })
       const results = await runAxe(component)
@@ -3378,6 +3435,9 @@ describe('component accessibility audits', () => {
           groupedDeps: new Map(),
           allChanges: mockAllChanges,
           open: true,
+          packageName: 'nuxt',
+          toVersion: '3.0.0',
+          toVersionUrlPattern: 'https://npmx.dev/package/nuxt/v/3.0.0',
         },
       })
       const results = await runAxe(component)
@@ -3510,6 +3570,35 @@ describe('component accessibility audits', () => {
       expect(results.violations).toEqual([])
     })
   })
+
+  describe('Alert', () => {
+    it('should have no accessibility violations for warning variant', async () => {
+      const component = await mountSuspended(Alert, {
+        props: { variant: 'warning', title: 'Warning title' },
+        slots: { default: 'This is a warning message.' },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations for error variant', async () => {
+      const component = await mountSuspended(Alert, {
+        props: { variant: 'error', title: 'Error title' },
+        slots: { default: 'This is an error message.' },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations without title', async () => {
+      const component = await mountSuspended(Alert, {
+        props: { variant: 'warning' },
+        slots: { default: 'This is a warning message.' },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
 })
 
 function applyTheme(colorMode: string, bgTheme: string | null) {
@@ -3556,6 +3645,22 @@ describe('background theme accessibility', () => {
   }
 
   const components = [
+    {
+      name: 'AlertWarning',
+      mount: () =>
+        mountSuspended(Alert, {
+          props: { variant: 'warning', title: 'Warning title' },
+          slots: { default: '<p>Warning body</p>' },
+        }),
+    },
+    {
+      name: 'AlertError',
+      mount: () =>
+        mountSuspended(Alert, {
+          props: { variant: 'error', title: 'Error title' },
+          slots: { default: '<p>Error body</p>' },
+        }),
+    },
     { name: 'AppHeader', mount: () => mountSuspended(AppHeader) },
     { name: 'AppFooter', mount: () => mountSuspended(AppFooter) },
     { name: 'HeaderSearchBox', mount: () => mountSuspended(HeaderSearchBox) },
diff --git a/test/unit/app/composables/use-charts.spec.ts b/test/unit/app/composables/use-charts.spec.ts
index 1a66f85224..53021ad76a 100644
--- a/test/unit/app/composables/use-charts.spec.ts
+++ b/test/unit/app/composables/use-charts.spec.ts
@@ -4,126 +4,7 @@ vi.mock('~/utils/npm/api', () => ({
   fetchNpmDownloadsRange: vi.fn(),
 }))
 
-import {
-  buildDailyEvolutionFromDaily,
-  buildRollingWeeklyEvolutionFromDaily,
-  buildMonthlyEvolutionFromDaily,
-  buildYearlyEvolutionFromDaily,
-  getNpmPackageCreationDate,
-} from '../../../../app/composables/useCharts'
-
-describe('buildDailyEvolutionFromDaily', () => {
-  it('adds timestamps and preserves values', () => {
-    const result = buildDailyEvolutionFromDaily([
-      { day: '2025-03-01', value: 10 },
-      { day: '2025-03-02', value: 20 },
-    ])
-
-    expect(result).toEqual([
-      { day: '2025-03-01', value: 10, timestamp: Date.UTC(2025, 2, 1) },
-      { day: '2025-03-02', value: 20, timestamp: Date.UTC(2025, 2, 2) },
-    ])
-  })
-
-  it('sorts by day', () => {
-    const result = buildDailyEvolutionFromDaily([
-      { day: '2025-03-03', value: 3 },
-      { day: '2025-03-01', value: 1 },
-      { day: '2025-03-02', value: 2 },
-    ])
-
-    expect(result.map(r => r.day)).toEqual(['2025-03-01', '2025-03-02', '2025-03-03'])
-  })
-
-  it('returns empty array for empty input', () => {
-    expect(buildDailyEvolutionFromDaily([])).toEqual([])
-  })
-})
-
-describe('buildRollingWeeklyEvolutionFromDaily', () => {
-  it('groups daily data into rolling 7-day buckets', () => {
-    const daily = Array.from({ length: 14 }, (_, i) => ({
-      day: `2025-03-${String(i + 1).padStart(2, '0')}`,
-      value: 10,
-    }))
-
-    const result = buildRollingWeeklyEvolutionFromDaily(daily, '2025-03-01', '2025-03-14')
-
-    expect(result).toHaveLength(2)
-    expect(result[0]!.value).toBe(70)
-    expect(result[0]!.weekStart).toBe('2025-03-01')
-    expect(result[0]!.weekEnd).toBe('2025-03-07')
-    expect(result[1]!.value).toBe(70)
-    expect(result[1]!.weekStart).toBe('2025-03-08')
-    expect(result[1]!.weekEnd).toBe('2025-03-14')
-  })
-
-  it('clamps last week to range end date', () => {
-    const daily = [
-      { day: '2025-03-01', value: 5 },
-      { day: '2025-03-02', value: 5 },
-      { day: '2025-03-08', value: 10 },
-    ]
-
-    const result = buildRollingWeeklyEvolutionFromDaily(daily, '2025-03-01', '2025-03-09')
-
-    // Last week bucket should be clamped to end date
-    const lastWeek = result[result.length - 1]!
-    expect(lastWeek.weekEnd).toBe('2025-03-09')
-  })
-
-  it('returns empty array for empty input', () => {
-    expect(buildRollingWeeklyEvolutionFromDaily([], '2025-03-01', '2025-03-14')).toEqual([])
-  })
-})
-
-describe('buildMonthlyEvolutionFromDaily', () => {
-  it('aggregates daily data by month', () => {
-    const result = buildMonthlyEvolutionFromDaily([
-      { day: '2025-01-15', value: 10 },
-      { day: '2025-01-20', value: 5 },
-      { day: '2025-02-10', value: 20 },
-    ])
-
-    expect(result).toEqual([
-      { month: '2025-01', value: 15, timestamp: Date.UTC(2025, 0, 1) },
-      { month: '2025-02', value: 20, timestamp: Date.UTC(2025, 1, 1) },
-    ])
-  })
-
-  it('sorts by month', () => {
-    const result = buildMonthlyEvolutionFromDaily([
-      { day: '2025-03-01', value: 1 },
-      { day: '2025-01-01', value: 1 },
-      { day: '2025-02-01', value: 1 },
-    ])
-
-    expect(result.map(r => r.month)).toEqual(['2025-01', '2025-02', '2025-03'])
-  })
-
-  it('returns empty array for empty input', () => {
-    expect(buildMonthlyEvolutionFromDaily([])).toEqual([])
-  })
-})
-
-describe('buildYearlyEvolutionFromDaily', () => {
-  it('aggregates daily data by year', () => {
-    const result = buildYearlyEvolutionFromDaily([
-      { day: '2024-06-15', value: 100 },
-      { day: '2024-12-01', value: 50 },
-      { day: '2025-03-01', value: 200 },
-    ])
-
-    expect(result).toEqual([
-      { year: '2024', value: 150, timestamp: Date.UTC(2024, 0, 1) },
-      { year: '2025', value: 200, timestamp: Date.UTC(2025, 0, 1) },
-    ])
-  })
-
-  it('returns empty array for empty input', () => {
-    expect(buildYearlyEvolutionFromDaily([])).toEqual([])
-  })
-})
+import { getNpmPackageCreationDate } from '../../../../app/composables/useCharts'
 
 describe('getNpmPackageCreationDate', () => {
   it('returns created date from packument time', () => {
diff --git a/test/unit/app/utils/chart-data-buckets.spec.ts b/test/unit/app/utils/chart-data-buckets.spec.ts
new file mode 100644
index 0000000000..8538f18138
--- /dev/null
+++ b/test/unit/app/utils/chart-data-buckets.spec.ts
@@ -0,0 +1,230 @@
+import { describe, expect, it } from 'vitest'
+import {
+  fillPartialBucket,
+  buildDailyEvolution,
+  buildWeeklyEvolution,
+  buildMonthlyEvolution,
+  buildYearlyEvolution,
+} from '../../../../app/utils/chart-data-buckets'
+
+describe('fillPartialBucket', () => {
+  it('scales proportionally', () => {
+    expect(fillPartialBucket(100, 3, 7)).toBe(Math.round((100 * 7) / 3))
+  })
+
+  it('returns raw value when bucket is full', () => {
+    expect(fillPartialBucket(100, 7, 7)).toBe(100)
+  })
+
+  it('returns raw value when actualDays is 0', () => {
+    expect(fillPartialBucket(0, 0, 7)).toBe(0)
+  })
+})
+
+describe('buildDailyEvolution', () => {
+  it('adds timestamps and preserves values', () => {
+    const result = buildDailyEvolution([
+      { day: '2025-03-01', value: 10 },
+      { day: '2025-03-02', value: 20 },
+    ])
+
+    expect(result).toEqual([
+      { day: '2025-03-01', value: 10, timestamp: Date.UTC(2025, 2, 1) },
+      { day: '2025-03-02', value: 20, timestamp: Date.UTC(2025, 2, 2) },
+    ])
+  })
+
+  it('sorts by day', () => {
+    const result = buildDailyEvolution([
+      { day: '2025-03-03', value: 3 },
+      { day: '2025-03-01', value: 1 },
+      { day: '2025-03-02', value: 2 },
+    ])
+
+    expect(result.map(r => r.day)).toEqual(['2025-03-01', '2025-03-02', '2025-03-03'])
+  })
+
+  it('returns empty array for empty input', () => {
+    expect(buildDailyEvolution([])).toEqual([])
+  })
+})
+
+describe('buildWeeklyEvolution', () => {
+  it('groups daily data into 7-day buckets aligned from end', () => {
+    const daily = Array.from({ length: 14 }, (_, i) => ({
+      day: `2025-03-${String(i + 1).padStart(2, '0')}`,
+      value: 10,
+    }))
+
+    const result = buildWeeklyEvolution(daily, '2025-03-01', '2025-03-14')
+
+    expect(result).toHaveLength(2)
+    expect(result[0]!.value).toBe(70)
+    expect(result[0]!.weekStart).toBe('2025-03-01')
+    expect(result[0]!.weekEnd).toBe('2025-03-07')
+    expect(result[1]!.value).toBe(70)
+    expect(result[1]!.weekStart).toBe('2025-03-08')
+    expect(result[1]!.weekEnd).toBe('2025-03-14')
+  })
+
+  it('scales up partial first bucket proportionally', () => {
+    const daily = Array.from({ length: 10 }, (_, i) => ({
+      day: `2025-03-${String(i + 1).padStart(2, '0')}`,
+      value: 10,
+    }))
+
+    const result = buildWeeklyEvolution(daily, '2025-03-01', '2025-03-10')
+
+    expect(result).toHaveLength(2)
+    expect(result[0]!.value).toBe(Math.round((30 * 7) / 3))
+    expect(result[0]!.weekStart).toBe('2025-03-01')
+    expect(result[0]!.weekEnd).toBe('2025-03-03')
+    expect(result[1]!.value).toBe(70)
+    expect(result[1]!.weekStart).toBe('2025-03-04')
+    expect(result[1]!.weekEnd).toBe('2025-03-10')
+  })
+
+  it('aligns from last non-zero data day, ignoring trailing zeros', () => {
+    const daily = [
+      { day: '2025-03-01', value: 10 },
+      { day: '2025-03-02', value: 10 },
+      { day: '2025-03-03', value: 10 },
+      { day: '2025-03-04', value: 10 },
+      { day: '2025-03-05', value: 10 },
+      { day: '2025-03-06', value: 10 },
+      { day: '2025-03-07', value: 10 },
+      { day: '2025-03-08', value: 0 },
+      { day: '2025-03-09', value: 0 },
+    ]
+
+    const result = buildWeeklyEvolution(daily, '2025-03-01', '2025-03-09')
+
+    expect(result).toHaveLength(1)
+    expect(result[0]!.value).toBe(70)
+    expect(result[0]!.weekStart).toBe('2025-03-01')
+    expect(result[0]!.weekEnd).toBe('2025-03-07')
+  })
+
+  it('returns empty array for empty input', () => {
+    expect(buildWeeklyEvolution([], '2025-03-01', '2025-03-14')).toEqual([])
+  })
+})
+
+describe('buildMonthlyEvolution', () => {
+  it('aggregates daily data by month', () => {
+    const result = buildMonthlyEvolution([
+      { day: '2025-01-15', value: 10 },
+      { day: '2025-01-20', value: 5 },
+      { day: '2025-02-10', value: 20 },
+    ])
+
+    expect(result).toEqual([
+      { month: '2025-01', value: 15, timestamp: Date.UTC(2025, 0, 1) },
+      { month: '2025-02', value: 20, timestamp: Date.UTC(2025, 1, 1) },
+    ])
+  })
+
+  it('sorts by month', () => {
+    const result = buildMonthlyEvolution([
+      { day: '2025-03-01', value: 1 },
+      { day: '2025-01-01', value: 1 },
+      { day: '2025-02-01', value: 1 },
+    ])
+
+    expect(result.map(r => r.month)).toEqual(['2025-01', '2025-02', '2025-03'])
+  })
+
+  it('returns empty array for empty input', () => {
+    expect(buildMonthlyEvolution([])).toEqual([])
+  })
+
+  it('scales single month partial on both ends without double-scaling', () => {
+    // 2025-01-10 to 2025-01-20 = 11 days out of 31
+    const daily = Array.from({ length: 11 }, (_, i) => ({
+      day: `2025-01-${String(i + 10).padStart(2, '0')}`,
+      value: 10,
+    }))
+
+    const result = buildMonthlyEvolution(daily, '2025-01-10', '2025-01-20')
+
+    expect(result).toHaveLength(1)
+    expect(result[0]!.value).toBe(Math.round((110 * 31) / 11))
+  })
+
+  it('scales up partial first month', () => {
+    const daily = Array.from({ length: 14 }, (_, i) => ({
+      day: `2025-03-${String(i + 18).padStart(2, '0')}`,
+      value: 10,
+    }))
+
+    const result = buildMonthlyEvolution(daily, '2025-03-18', '2025-03-31')
+
+    expect(result).toHaveLength(1)
+    expect(result[0]!.value).toBe(Math.round((140 * 31) / 14))
+  })
+
+  it('scales up partial last month', () => {
+    const daily = [
+      ...Array.from({ length: 31 }, (_, i) => ({
+        day: `2025-01-${String(i + 1).padStart(2, '0')}`,
+        value: 10,
+      })),
+      ...Array.from({ length: 9 }, (_, i) => ({
+        day: `2025-02-${String(i + 1).padStart(2, '0')}`,
+        value: 10,
+      })),
+    ]
+
+    const result = buildMonthlyEvolution(daily, '2025-01-01', '2025-02-09')
+
+    expect(result).toHaveLength(2)
+    expect(result[0]!.value).toBe(310)
+    expect(result[1]!.value).toBe(Math.round((90 * 28) / 9))
+  })
+})
+
+describe('buildYearlyEvolution', () => {
+  it('aggregates daily data by year', () => {
+    const result = buildYearlyEvolution([
+      { day: '2024-06-15', value: 100 },
+      { day: '2024-12-01', value: 50 },
+      { day: '2025-03-01', value: 200 },
+    ])
+
+    expect(result).toEqual([
+      { year: '2024', value: 150, timestamp: Date.UTC(2024, 0, 1) },
+      { year: '2025', value: 200, timestamp: Date.UTC(2025, 0, 1) },
+    ])
+  })
+
+  it('returns empty array for empty input', () => {
+    expect(buildYearlyEvolution([])).toEqual([])
+  })
+
+  it('scales single year partial on both ends without double-scaling', () => {
+    // 2025-04-01 to 2025-06-30 = 91 days out of 365
+    const daily = Array.from({ length: 91 }, (_, i) => {
+      const d = new Date(Date.UTC(2025, 3, 1))
+      d.setUTCDate(d.getUTCDate() + i)
+      return { day: d.toISOString().slice(0, 10), value: 10 }
+    })
+
+    const result = buildYearlyEvolution(daily, '2025-04-01', '2025-06-30')
+
+    expect(result).toHaveLength(1)
+    expect(result[0]!.value).toBe(Math.round((910 * 365) / 91))
+  })
+
+  it('scales up partial first year', () => {
+    const daily = Array.from({ length: 184 }, (_, i) => {
+      const d = new Date(Date.UTC(2025, 6, 1))
+      d.setUTCDate(d.getUTCDate() + i)
+      return { day: d.toISOString().slice(0, 10), value: 10 }
+    })
+
+    const result = buildYearlyEvolution(daily, '2025-07-01', '2025-12-31')
+
+    expect(result).toHaveLength(1)
+    expect(result[0]!.value).toBe(Math.round((1840 * 365) / 184))
+  })
+})
diff --git a/test/unit/app/utils/chart-data-prediction.spec.ts b/test/unit/app/utils/chart-data-prediction.spec.ts
new file mode 100644
index 0000000000..40ebcf030f
--- /dev/null
+++ b/test/unit/app/utils/chart-data-prediction.spec.ts
@@ -0,0 +1,196 @@
+import { describe, expect, it, vi } from 'vitest'
+
+vi.mock('~/utils/chart-data-correction', () => ({
+  applyDataCorrection: (data: { value: number }[]) => data,
+}))
+
+import {
+  endDateOnlyToUtcMs,
+  getBucketStartUtc,
+  getBucketEndUtc,
+  getCompletionRatio,
+  linearProject,
+  extrapolateLastValue,
+} from '../../../../app/utils/chart-data-prediction'
+
+describe('endDateOnlyToUtcMs', () => {
+  it('parses a valid date', () => {
+    expect(endDateOnlyToUtcMs('2025-03-15')).toBe(Date.UTC(2025, 2, 15, 23, 59, 59, 999))
+  })
+
+  it('returns null for invalid formats', () => {
+    expect(endDateOnlyToUtcMs('not-a-date')).toBeNull()
+    expect(endDateOnlyToUtcMs('2025/03/15')).toBeNull()
+    expect(endDateOnlyToUtcMs('')).toBeNull()
+  })
+})
+
+describe('getBucketStartUtc', () => {
+  // Friday 2025-11-07 at 06:05:04
+  const ts = Date.UTC(2025, 10, 7, 6, 5, 4)
+
+  it('yearly → Jan 1st', () => {
+    expect(getBucketStartUtc(ts, 'yearly')).toBe(Date.UTC(2025, 0, 1))
+  })
+
+  it('monthly → 1st of month', () => {
+    expect(getBucketStartUtc(ts, 'monthly')).toBe(Date.UTC(2025, 10, 1))
+  })
+
+  it('weekly → previous Monday', () => {
+    expect(getBucketStartUtc(ts, 'weekly')).toBe(Date.UTC(2025, 10, 3))
+  })
+
+  it('weekly on a Monday returns that Monday', () => {
+    const monday = Date.UTC(2025, 10, 3, 6, 5, 4)
+    expect(getBucketStartUtc(monday, 'weekly')).toBe(Date.UTC(2025, 10, 3))
+  })
+
+  it('weekly on a Sunday returns previous Monday', () => {
+    const sunday = Date.UTC(2025, 10, 9, 6, 5, 4)
+    expect(getBucketStartUtc(sunday, 'weekly')).toBe(Date.UTC(2025, 10, 3))
+  })
+
+  it('daily → start of day', () => {
+    expect(getBucketStartUtc(ts, 'daily')).toBe(Date.UTC(2025, 10, 7))
+  })
+})
+
+describe('getBucketEndUtc', () => {
+  // Friday 2025-11-07 at 06:05:04
+  const ts = Date.UTC(2025, 10, 7, 6, 5, 4)
+
+  it('yearly → Jan 1st next year', () => {
+    expect(getBucketEndUtc(ts, 'yearly')).toBe(Date.UTC(2026, 0, 1))
+  })
+
+  it('monthly → 1st of next month', () => {
+    expect(getBucketEndUtc(ts, 'monthly')).toBe(Date.UTC(2025, 11, 1))
+  })
+
+  it('weekly → Monday + 7 days', () => {
+    expect(getBucketEndUtc(ts, 'weekly')).toBe(Date.UTC(2025, 10, 10))
+  })
+
+  it('daily → next day', () => {
+    expect(getBucketEndUtc(ts, 'daily')).toBe(Date.UTC(2025, 10, 8))
+  })
+})
+
+describe('getCompletionRatio', () => {
+  it('returns 0 at bucket start', () => {
+    const start = Date.UTC(2025, 2, 1)
+    expect(getCompletionRatio(start, 'monthly', start)).toBe(0)
+  })
+
+  it('returns 1 at bucket end', () => {
+    const start = Date.UTC(2025, 2, 1)
+    const end = Date.UTC(2025, 3, 1)
+    expect(getCompletionRatio(start, 'monthly', end)).toBe(1)
+  })
+
+  it('returns ~0.5 at midpoint', () => {
+    const start = Date.UTC(2025, 0, 1)
+    const mid = Date.UTC(2025, 0, 1, 12, 0)
+    expect(getCompletionRatio(start, 'daily', mid)).toBeCloseTo(0.5)
+  })
+
+  it('clamps to [0, 1]', () => {
+    const start = Date.UTC(2025, 2, 1)
+    expect(getCompletionRatio(start, 'monthly', start - 1000)).toBe(0)
+    expect(getCompletionRatio(start, 'monthly', Date.UTC(2025, 5, 1))).toBe(1)
+  })
+})
+
+describe('linearProject', () => {
+  it('returns null with fewer than 2 points', () => {
+    expect(linearProject([])).toBeNull()
+    expect(linearProject([5])).toBeNull()
+  })
+
+  it('projects a linear trend', () => {
+    expect(linearProject([10, 20, 30])).toBeCloseTo(40)
+  })
+
+  it('floors negative projections to 0', () => {
+    expect(linearProject([100, 10, 1])).toBe(0)
+  })
+
+  it('handles constant series', () => {
+    expect(linearProject([5, 5, 5])).toBeCloseTo(5)
+  })
+})
+
+describe('extrapolateLastValue', () => {
+  it('returns raw last value when ratio >= 1 (complete bucket)', () => {
+    const result = extrapolateLastValue({
+      series: [100, 200, 150],
+      granularity: 'monthly',
+      lastDateMs: Date.UTC(2025, 1, 1),
+      referenceMs: Date.UTC(2025, 2, 1),
+      predictionPoints: 4,
+    })
+    expect(result).toBe(150)
+  })
+
+  it('returns raw last value when predictionPoints <= 0', () => {
+    const result = extrapolateLastValue({
+      series: [100, 200, 50],
+      granularity: 'monthly',
+      lastDateMs: Date.UTC(2025, 2, 1),
+      referenceMs: Date.UTC(2025, 2, 15),
+      predictionPoints: 0,
+    })
+    expect(result).toBe(50)
+  })
+
+  it('uses linear projection when lookback >= predictionPoints', () => {
+    // 4 lookback points, predictionPoints = 4 → linear projection
+    const result = extrapolateLastValue({
+      series: [100, 200, 300, 400, 50],
+      granularity: 'monthly',
+      lastDateMs: Date.UTC(2025, 3, 1),
+      referenceMs: Date.UTC(2025, 3, 15),
+      predictionPoints: 4,
+    })
+    expect(result).toBeCloseTo(500)
+  })
+
+  it('falls back to scale-up when lookback < predictionPoints', () => {
+    // 2 lookback points but predictionPoints = 4 → scale-up
+    const result = extrapolateLastValue({
+      series: [100, 200, 50],
+      granularity: 'monthly',
+      lastDateMs: Date.UTC(2025, 2, 1),
+      referenceMs: Date.UTC(2025, 2, 16),
+      predictionPoints: 4,
+    })
+    // ratio ≈ 15/31, scaled ≈ 50 / (15/31) ≈ 103.3
+    expect(result).toBeGreaterThan(50)
+    expect(result).toBeLessThan(200)
+  })
+
+  it('falls back to scale-up with no lookback', () => {
+    const result = extrapolateLastValue({
+      series: [50],
+      granularity: 'daily',
+      lastDateMs: Date.UTC(2025, 2, 12),
+      referenceMs: Date.UTC(2025, 2, 12, 12, 0),
+      predictionPoints: 4,
+    })
+    expect(result).toBeCloseTo(100)
+  })
+
+  it('yearly with few points uses scale-up', () => {
+    // 2 complete years + partial 2025, predictionPoints = 4 → scale-up
+    const result = extrapolateLastValue({
+      series: [1000, 2000, 500],
+      granularity: 'yearly',
+      lastDateMs: Date.UTC(2025, 0, 1),
+      referenceMs: Date.UTC(2025, 2, 10),
+      predictionPoints: 4,
+    })
+    // ~69 days into the year, ratio ≈ 0.19 → scaled ≈ 500 / 0.19 ≈ 2632
+    expect(result).toBeGreaterThan(2000)
+  })
+})
diff --git a/test/unit/app/utils/charts.spec.ts b/test/unit/app/utils/charts.spec.ts
index 5fc7fba108..050799c8fa 100644
--- a/test/unit/app/utils/charts.spec.ts
+++ b/test/unit/app/utils/charts.spec.ts
@@ -1,9 +1,8 @@
-import { describe, expect, it, vi } from 'vitest'
+import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest'
 import {
   sum,
   chunkIntoWeeks,
   buildWeeklyEvolutionFromDaily,
-  addDays,
   clamp,
   quantile,
   winsorize,
@@ -12,6 +11,10 @@ import {
   copyAltTextForTrendLineChart,
   createAltTextForVersionsBarChart,
   copyAltTextForVersionsBarChart,
+  loadFile,
+  sanitise,
+  insertLineBreaks,
+  applyEllipsis,
   type TrendLineConfig,
   type TrendLineDataset,
   type VersionsBarConfig,
@@ -321,59 +324,6 @@ describe('buildWeeklyEvolutionFromDaily', () => {
   })
 })
 
-describe('addDays', () => {
-  it('returns a new Date instance (does not mutate original)', () => {
-    const original = new Date('2028-01-01T00:00:00Z')
-    const result = addDays(original, 5)
-
-    expect(result).not.toBe(original)
-    expect(original.toISOString()).toBe('2028-01-01T00:00:00.000Z')
-  })
-
-  it('adds positive days correctly', () => {
-    const date = new Date('2028-01-01T00:00:00Z')
-    const result = addDays(date, 10)
-
-    expect(result.toISOString()).toBe('2028-01-11T00:00:00.000Z')
-  })
-
-  it('subtracts days when negative value is provided', () => {
-    const date = new Date('2028-01-10T00:00:00Z')
-    const result = addDays(date, -5)
-
-    expect(result.toISOString()).toBe('2028-01-05T00:00:00.000Z')
-  })
-
-  it('handles month overflow correctly', () => {
-    const date = new Date('2028-01-28T00:00:00Z')
-    const result = addDays(date, 5)
-
-    expect(result.toISOString()).toBe('2028-02-02T00:00:00.000Z')
-  })
-
-  it('handles year overflow correctly', () => {
-    const date = new Date('2027-12-29T00:00:00Z')
-    const result = addDays(date, 5)
-
-    expect(result.toISOString()).toBe('2028-01-03T00:00:00.000Z')
-  })
-
-  it('handles leap year correctly', () => {
-    const date = new Date('2028-02-27T00:00:00Z') // 2028 is leap year
-    const result = addDays(date, 2)
-
-    expect(result.toISOString()).toBe('2028-02-29T00:00:00.000Z')
-  })
-
-  it('keeps UTC behavior consistent (no timezone drift)', () => {
-    const date = new Date('2028-03-01T00:00:00Z')
-    const result = addDays(date, 1)
-
-    expect(result.getUTCHours()).toBe(0)
-    expect(result.toISOString()).toBe('2028-03-02T00:00:00.000Z')
-  })
-})
-
 describe('clamp', () => {
   it('returns the value when it is within bounds', () => {
     expect(clamp(5, 0, 10)).toBe(5)
@@ -1236,3 +1186,216 @@ describe('copyAltTextForVersionsBarChart', () => {
     expect(copyMock).toHaveBeenCalledWith(expected)
   })
 })
+
+describe('loadFile', () => {
+  let createElementMock: ReturnType<typeof vi.fn>
+  let clickMock: ReturnType<typeof vi.fn>
+  let removeMock: ReturnType<typeof vi.fn>
+  let originalDocument: typeof globalThis.document | undefined
+
+  beforeEach(() => {
+    clickMock = vi.fn()
+    removeMock = vi.fn()
+
+    createElementMock = vi.fn().mockReturnValue({
+      href: '',
+      download: '',
+      click: clickMock,
+      remove: removeMock,
+    })
+
+    originalDocument = globalThis.document
+
+    Object.defineProperty(globalThis, 'document', {
+      value: {
+        createElement: createElementMock,
+      },
+      configurable: true,
+      writable: true,
+    })
+  })
+
+  afterEach(() => {
+    vi.restoreAllMocks()
+
+    Object.defineProperty(globalThis, 'document', {
+      value: originalDocument,
+      configurable: true,
+      writable: true,
+    })
+  })
+
+  it('creates an anchor element and triggers a download', () => {
+    const link = 'https://npmx.dev/file.png'
+    const filename = 'file.png'
+    loadFile(link, filename)
+    expect(createElementMock).toHaveBeenCalledWith('a')
+    const anchor = createElementMock.mock.results[0]?.value as HTMLAnchorElement
+    expect(anchor.href).toBe(link)
+    expect(anchor.download).toBe(filename)
+    expect(clickMock).toHaveBeenCalledTimes(1)
+    expect(removeMock).toHaveBeenCalledTimes(1)
+  })
+})
+
+describe('sanitise', () => {
+  it('returns the same string when no sanitisation is needed', () => {
+    expect(sanitise('nuxt-package')).toBe('nuxt-package')
+  })
+
+  it('removes a leading @ character', () => {
+    expect(sanitise('@nuxt/ui')).toBe('nuxt-ui')
+  })
+
+  it('removes only the first leading @ character', () => {
+    expect(sanitise('@@scope/package')).toBe('@scope-package')
+  })
+
+  it('replaces forward slashes with dashes', () => {
+    expect(sanitise('scope/package/name')).toBe('scope-package-name')
+  })
+
+  it('replaces backslashes with dashes', () => {
+    expect(sanitise('scope\\package\\name')).toBe('scope-package-name')
+  })
+
+  it('replaces colon characters with dashes', () => {
+    expect(sanitise('name:with:colons')).toBe('name-with-colons')
+  })
+
+  it('replaces invalid filename characters with dashes', () => {
+    expect(sanitise('na<me>:"with"*?pipes|')).toBe('na-me---with---pipes-')
+  })
+
+  it('handles scoped package names correctly', () => {
+    expect(sanitise('@scope/package')).toBe('scope-package')
+  })
+
+  it('replaces mixed invalid characters in a single string', () => {
+    expect(sanitise('@scope/package:name*test?value<foo>|bar')).toBe(
+      'scope-package-name-test-value-foo--bar',
+    )
+  })
+
+  it('returns an empty string when given an empty string', () => {
+    expect(sanitise('')).toBe('')
+  })
+})
+
+describe('insertLineBreaks', () => {
+  it('returns an empty string when text is not a string', () => {
+    expect(insertLineBreaks(null as unknown as string)).toBe('')
+    expect(insertLineBreaks(undefined as unknown as string)).toBe('')
+    expect(insertLineBreaks(42 as unknown as string)).toBe('')
+    expect(insertLineBreaks({} as unknown as string)).toBe('')
+  })
+
+  it('returns the original text when maxCharactersPerLine is not a positive integer', () => {
+    expect(insertLineBreaks('hello world', 0)).toBe('hello world')
+    expect(insertLineBreaks('hello world', -1)).toBe('hello world')
+    expect(insertLineBreaks('hello world', 2.5)).toBe('hello world')
+    expect(insertLineBreaks('hello world', Number.NaN)).toBe('hello world')
+  })
+
+  it('returns the same text when it already fits on one line', () => {
+    expect(insertLineBreaks('hello world', 24)).toBe('hello world')
+  })
+
+  it('breaks text into multiple lines on word boundaries', () => {
+    expect(insertLineBreaks('hello world again', 11)).toBe('hello world\nagain')
+  })
+
+  it('preserves a single space between words when collapsing whitespace', () => {
+    expect(insertLineBreaks('hello     world', 24)).toBe('hello world')
+  })
+
+  it('ignores leading and trailing whitespace', () => {
+    expect(insertLineBreaks('   hello world   ', 24)).toBe('hello world')
+  })
+
+  it('handles tabs and newlines as whitespace separators', () => {
+    expect(insertLineBreaks('hello\tworld\nagain', 11)).toBe('hello world\nagain')
+  })
+
+  it('starts a new line when adding a word would exceed the limit', () => {
+    expect(insertLineBreaks('one two three', 7)).toBe('one two\nthree')
+  })
+
+  it('keeps a word on the current line when it exactly matches the limit', () => {
+    expect(insertLineBreaks('abc def', 7)).toBe('abc def')
+  })
+
+  it('splits a long token into chunks when it exceeds the limit', () => {
+    expect(insertLineBreaks('abcdefghijkl', 5)).toBe('abcde\nfghij\nkl')
+  })
+
+  it('pushes the current line before splitting a long token', () => {
+    expect(insertLineBreaks('hello abcdefghij', 5)).toBe('hello\nabcde\nfghij')
+  })
+
+  it('continues building lines after a split long token', () => {
+    expect(insertLineBreaks('abcdefghij klm nop', 5)).toBe('abcde\nfghij\nklm\nnop')
+  })
+
+  it('handles multiple consecutive long tokens', () => {
+    expect(insertLineBreaks('abcdefghijk lmnopqrs', 4)).toBe('abcd\nefgh\nijk\nlmno\npqrs')
+  })
+
+  it('returns an empty string for an empty input string', () => {
+    expect(insertLineBreaks('', 24)).toBe('')
+  })
+
+  it('returns an empty string for a whitespace-only string', () => {
+    expect(insertLineBreaks('     ', 24)).toBe('')
+    expect(insertLineBreaks('\n\t  ', 24)).toBe('')
+  })
+
+  it('uses the default maxCharactersPerLine value when omitted', () => {
+    expect(insertLineBreaks('one two three four five six')).toBe('one two three four five\nsix')
+  })
+})
+
+describe('applyEllipsis', () => {
+  it('returns an empty string when text is not a string', () => {
+    expect(applyEllipsis(null as unknown as string)).toBe('')
+    expect(applyEllipsis(undefined as unknown as string)).toBe('')
+    expect(applyEllipsis(42 as unknown as string)).toBe('')
+    expect(applyEllipsis({} as unknown as string)).toBe('')
+  })
+
+  it('returns the original text when maxLength is not a positive integer', () => {
+    expect(applyEllipsis('touching grass', 0)).toBe('touching grass')
+    expect(applyEllipsis('touching grass', -1)).toBe('touching grass')
+    expect(applyEllipsis('touching grass', 2.5)).toBe('touching grass')
+    expect(applyEllipsis('touching grass', Number.NaN)).toBe('touching grass')
+  })
+
+  it('returns the original text when its length is less than maxLength', () => {
+    expect(applyEllipsis('grass', 10)).toBe('grass')
+  })
+
+  it('returns the original text when its length is equal to maxLength', () => {
+    expect(applyEllipsis('grass', 5)).toBe('grass')
+  })
+
+  it('truncates the text and appends an ellipsis when its length exceeds maxLength', () => {
+    expect(applyEllipsis('grass touching', 5)).toBe('grass...')
+  })
+
+  it('uses the default maxLength when omitted', () => {
+    const text = 'n'.repeat(46)
+    expect(applyEllipsis(text)).toBe(`${'n'.repeat(45)}...`)
+  })
+
+  it('returns an empty string for an empty input string', () => {
+    expect(applyEllipsis('')).toBe('')
+  })
+
+  it('handles maxLength equal to 1', () => {
+    expect(applyEllipsis('grass', 1)).toBe('g...')
+  })
+
+  it('preserves whitespace within the truncated portion', () => {
+    expect(applyEllipsis('you need to touch grass', 13)).toBe('you need to t...')
+  })
+})
diff --git a/test/unit/app/utils/date.spec.ts b/test/unit/app/utils/date.spec.ts
new file mode 100644
index 0000000000..0e3d24e06c
--- /dev/null
+++ b/test/unit/app/utils/date.spec.ts
@@ -0,0 +1,98 @@
+import { describe, expect, it } from 'vitest'
+import {
+  addDays,
+  DAY_MS,
+  daysInMonth,
+  daysInYear,
+  parseIsoDate,
+  toIsoDate,
+} from '../../../../app/utils/date'
+
+describe('DAY_MS', () => {
+  it('equals 86 400 000', () => {
+    expect(DAY_MS).toBe(86_400_000)
+  })
+})
+
+describe('parseIsoDate', () => {
+  it('returns a UTC midnight date', () => {
+    const d = parseIsoDate('2024-03-15')
+    expect(d.toISOString()).toBe('2024-03-15T00:00:00.000Z')
+  })
+
+  it('does not shift across timezones', () => {
+    const d = parseIsoDate('2024-01-01')
+    expect(d.getUTCHours()).toBe(0)
+    expect(d.getUTCFullYear()).toBe(2024)
+  })
+})
+
+describe('toIsoDate', () => {
+  it('formats a date as YYYY-MM-DD', () => {
+    expect(toIsoDate(new Date('2024-03-15T00:00:00.000Z'))).toBe('2024-03-15')
+  })
+
+  it('roundtrips with parseIsoDate', () => {
+    const iso = '2024-12-31'
+    expect(toIsoDate(parseIsoDate(iso))).toBe(iso)
+  })
+})
+
+describe('addDays', () => {
+  it('adds positive days', () => {
+    const d = parseIsoDate('2024-03-01')
+    expect(toIsoDate(addDays(d, 5))).toBe('2024-03-06')
+  })
+
+  it('subtracts with negative days', () => {
+    const d = parseIsoDate('2024-03-10')
+    expect(toIsoDate(addDays(d, -3))).toBe('2024-03-07')
+  })
+
+  it('crosses month boundary', () => {
+    const d = parseIsoDate('2024-01-30')
+    expect(toIsoDate(addDays(d, 3))).toBe('2024-02-02')
+  })
+
+  it('does not mutate the original date', () => {
+    const d = parseIsoDate('2024-06-15')
+    addDays(d, 10)
+    expect(toIsoDate(d)).toBe('2024-06-15')
+  })
+})
+
+describe('daysInMonth', () => {
+  it('returns 31 for January', () => {
+    expect(daysInMonth(2024, 0)).toBe(31)
+  })
+
+  it('returns 29 for Feb in a leap year', () => {
+    expect(daysInMonth(2024, 1)).toBe(29)
+  })
+
+  it('returns 28 for Feb in a non-leap year', () => {
+    expect(daysInMonth(2023, 1)).toBe(28)
+  })
+
+  it('returns 30 for April', () => {
+    expect(daysInMonth(2024, 3)).toBe(30)
+  })
+})
+
+describe('daysInYear', () => {
+  it('returns 366 for a leap year', () => {
+    expect(daysInYear(2024)).toBe(366)
+  })
+
+  it('returns 365 for a non-leap year', () => {
+    expect(daysInYear(2023)).toBe(365)
+  })
+
+  it('returns 365 for century non-leap year', () => {
+    expect(daysInYear(1900)).toBe(365)
+  })
+
+  it('returns 366 for year 2000 (divisible by 400)', () => {
+    expect(daysInYear(2000)).toBe(366)
+  })
+})
diff --git a/test/unit/app/utils/download-anomalies.spec.ts b/test/unit/app/utils/download-anomalies.spec.ts
new file mode 100644
index 0000000000..094e6d44ef
--- /dev/null
+++ b/test/unit/app/utils/download-anomalies.spec.ts
@@ -0,0 +1,183 @@
+import { describe, expect, it } from 'vitest'
+import { applyBlocklistCorrection } from '../../../../app/utils/download-anomalies'
+import type {
+  MonthlyDataPoint,
+  WeeklyDataPoint,
+  YearlyDataPoint,
+} from '../../../../app/types/chart'
+
+/** Helper to build a WeeklyDataPoint from a start date and value. */
+function week(weekStart: string, value: number): WeeklyDataPoint {
+  const start = new Date(`${weekStart}T00:00:00Z`)
+  const end = new Date(start)
+  end.setUTCDate(end.getUTCDate() + 6)
+  const weekEnd = end.toISOString().slice(0, 10)
+  return {
+    value,
+    weekKey: `${weekStart}_${weekEnd}`,
+    weekStart,
+    weekEnd,
+    timestampStart: start.getTime(),
+    timestampEnd: end.getTime(),
+  }
+}
+
+function month(monthStr: string, value: number): MonthlyDataPoint {
+  return {
+    value,
+    month: monthStr,
+    timestamp: new Date(`${monthStr}-01T00:00:00Z`).getTime(),
+  }
+}
+
+function year(yearStr: string, value: number): YearlyDataPoint {
+  return {
+    value,
+    year: yearStr,
+    timestamp: new Date(`${yearStr}-01-01T00:00:00Z`).getTime(),
+  }
+}
+
+describe('applyBlocklistCorrection', () => {
+  // Anomaly Nov 2022: start=2022-11-15, end=2022-11-30
+  it('corrects weeks overlapping the anomaly', () => {
+    const data = [
+      week('2022-11-07', 100),
+      week('2022-11-14', 999),
+      week('2022-11-21', 999),
+      week('2022-11-28', 999),
+      week('2022-12-05', 200),
+    ]
+
+    expect(
+      applyBlocklistCorrection({
+        data,
+        packageName: 'svelte',
+        granularity: 'weekly',
+      }),
+    ).toEqual([
+      data[0],
+      { ...data[1], value: 125, hasAnomaly: true },
+      { ...data[2], value: 150, hasAnomaly: true },
+      { ...data[3], value: 175, hasAnomaly: true },
+      data[4],
+    ])
+  })
+
+  // Anomaly Jun 2023: start=2023-06-19, end=2023-06-22
+  it('does not over-correct a week starting on the anomaly end boundary', () => {
+    const data = [
+      week('2023-06-01', 500_000),
+      week('2023-06-08', 500_000),
+      week('2023-06-15', 10_000_000), // contains spike
+      week('2023-06-22', 500_000), // starts on anomaly end boundary — normal!
+      week('2023-06-29', 500_000),
+    ]
+
+    const result = applyBlocklistCorrection({
+      data,
+      packageName: 'svelte',
+      granularity: 'weekly',
+    }) as WeeklyDataPoint[]
+
+    // The spike week must be corrected
+    expect(result[2]!.hasAnomaly).toBe(true)
+    expect(result[2]!.value).toBeLessThan(1_000_000)
+
+    // The boundary week must NOT be modified
+    expect(result[3]!.value).toBe(500_000)
+    expect(result[3]!.hasAnomaly).toBeUndefined()
+  })
+
+  it('does not over-correct a week ending on the anomaly start boundary', () => {
+    const data = [
+      week('2023-06-13', 500_000), // ends on anomaly start boundary — normal!
+      week('2023-06-20', 10_000_000), // contains spike
+      week('2023-06-27', 500_000),
+    ]
+
+    const result = applyBlocklistCorrection({
+      data,
+      packageName: 'svelte',
+      granularity: 'weekly',
+    }) as WeeklyDataPoint[]
+
+    // The boundary week must NOT be modified
+    expect(result[0]!.value).toBe(500_000)
+    expect(result[0]!.hasAnomaly).toBeUndefined()
+
+    // The spike week must be corrected
+    expect(result[1]!.hasAnomaly).toBe(true)
+    expect(result[1]!.value).toBeLessThan(1_000_000)
+  })
+
+  // Vite anomaly: start=2025-08-04, end=2025-09-08 (spans Aug-Sep)
+  it('does not over-correct a month that only touches the anomaly end boundary', () => {
+    const data = [
+      month('2025-07', 30_000_000),
+      month('2025-08', 100_000_000), // contains spike
+      month('2025-09', 100_000_000), // contains spike (Sep 1-7)
+      month('2025-10', 30_000_000), // after anomaly end — normal!
+    ]
+
+    const result = applyBlocklistCorrection({
+      data,
+      packageName: 'vite',
+      granularity: 'monthly',
+    }) as MonthlyDataPoint[]
+
+    expect(result[1]!.hasAnomaly).toBe(true)
+    expect(result[2]!.hasAnomaly).toBe(true)
+
+    // October must NOT be modified
+    expect(result[3]!.value).toBe(30_000_000)
+    expect(result[3]!.hasAnomaly).toBeUndefined()
+  })
+
+  it('does not over-correct a month that only touches the anomaly start boundary', () => {
+    const data = [
+      month('2025-07', 30_000_000), // before anomaly start — normal!
+      month('2025-08', 100_000_000), // contains spike
+      month('2025-09', 100_000_000), // contains spike
+      month('2025-10', 30_000_000),
+    ]
+
+    const result = applyBlocklistCorrection({
+      data,
+      packageName: 'vite',
+      granularity: 'monthly',
+    }) as MonthlyDataPoint[]
+
+    // July must NOT be modified
+    expect(result[0]!.value).toBe(30_000_000)
+    expect(result[0]!.hasAnomaly).toBeUndefined()
+
+    expect(result[1]!.hasAnomaly).toBe(true)
+    expect(result[2]!.hasAnomaly).toBe(true)
+  })
+
+  it('does not over-correct a year that only touches the anomaly boundary', () => {
+    const data = [
+      year('2024', 500_000_000),
+      year('2025', 2_000_000_000), // contains spike
+      year('2026', 500_000_000),
+    ]
+
+    const result = applyBlocklistCorrection({
+      data,
+      packageName: 'vite',
+      granularity: 'yearly',
+    }) as YearlyDataPoint[]
+
+    // 2024 must NOT be modified
+    expect(result[0]!.value).toBe(500_000_000)
+    expect(result[0]!.hasAnomaly).toBeUndefined()
+
+    // 2025 must be corrected
+    expect(result[1]!.hasAnomaly).toBe(true)
+
+    // 2026 must NOT be modified
+    expect(result[2]!.value).toBe(500_000_000)
+    expect(result[2]!.hasAnomaly).toBeUndefined()
+  })
+})
diff --git a/vitest.config.ts b/vitest.config.ts
index ba3986903b..794f176d83 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -11,6 +11,7 @@ export default defineConfig({
       {
         resolve: {
           alias: {
+            '~': `${rootDir}/app`,
             '#shared': `${rootDir}/shared`,
             '#server': `${rootDir}/server`,
           },