From 036dfc2c222e03e727505e5cd3fddc267f697fb4 Mon Sep 17 00:00:00 2001
From: Jonathan Yeong <hey@jonathanyeong.com>
Date: Tue, 3 Mar 2026 17:40:08 -0500
Subject: [PATCH 01/12] chore: add link to jonathanyeong.com post to alpha blog
 post (#1907)

---
 app/pages/blog/alpha-release.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/pages/blog/alpha-release.md b/app/pages/blog/alpha-release.md
index 72aa5779f..c5e8cb9bb 100644
--- a/app/pages/blog/alpha-release.md
+++ b/app/pages/blog/alpha-release.md
@@ -238,6 +238,12 @@ headline="Read more from the community"
     title: 'Finding an accessibility-first culture in npmx',
     authorHandle: 'abbeyperini.dev',
     description: 'Abbey Perini talks about how accessibility is a deep part of the npmx culture.'
+  },
+  {
+    url: 'https://jonathanyeong.com/writing/npmx-and-the-open-source-mindset/',
+    title: 'npmx and the open source mindset',
+    authorHandle: 'jonathanyeong.com',
+    description: 'How npmx taught me to embrace the open source mindset.'
   }
 ]"
 />

From 225b6d45e5c80ffda7fee00f0142ff0097755097 Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Wed, 4 Mar 2026 15:12:26 +0800
Subject: [PATCH 02/12] feat: add sticky effect to the readme header on the
 readme page (#1775)

---
 app/pages/package/[[org]]/[name].vue       | 24 +++++++++++++++++-----
 app/pages/package/[[org]]/[name]/index.vue |  2 +-
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index f0acf8415..f2e9d2156 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -33,18 +33,27 @@ 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)')
 
-function checkHeaderPosition() {
-  const el = header.value
-  if (!el) return
+const headerBounds = useElementBounding(header)
+const readmeStickyTop = computed(() => `${56 + headerBounds.height.value}px`)
+
+function isStickyPinned(el: HTMLElement | null): boolean {
+  if (!el) return false
 
   const style = getComputedStyle(el)
   const top = parseFloat(style.top) || 0
   const rect = el.getBoundingClientRect()
 
-  isHeaderPinned.value = Math.abs(rect.top - top) < 1
+  return Math.abs(rect.top - top) < 1
+}
+
+function checkHeaderPosition() {
+  isHeaderPinned.value = isStickyPinned(header.value)
+  isReadmeHeaderPinned.value = isStickyPinned(readmeHeader.value)
 }
 
 useEventListener('scroll', checkHeaderPosition, { passive: true })
@@ -1394,7 +1403,12 @@ const showSkeleton = shallowRef(false)
 
       <!-- README -->
       <section id="readme" class="min-w-0 scroll-mt-20" :class="$style.areaReadme">
-        <div class="flex flex-wrap items-center justify-between mb-3 px-1">
+        <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') }}
diff --git a/app/pages/package/[[org]]/[name]/index.vue b/app/pages/package/[[org]]/[name]/index.vue
index ba122fbfc..632e87a47 100644
--- a/app/pages/package/[[org]]/[name]/index.vue
+++ b/app/pages/package/[[org]]/[name]/index.vue
@@ -2,7 +2,7 @@
 // stub page to help with paths
 definePageMeta({
   name: 'package',
-  scrollMargin: 150,
+  scrollMargin: 200,
 })
 </script>
 

From d87e85c5d0e64340f01ecdf8f5134a81ec88a374 Mon Sep 17 00:00:00 2001
From: liweijie0812 <674416404@qq.com>
Date: Wed, 4 Mar 2026 15:42:01 +0800
Subject: [PATCH 03/12] fix(i18n): update zh-CN translation (#1915)

---
 i18n/locales/zh-CN.json | 46 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 45 insertions(+), 1 deletion(-)

diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 4d2dd6d76..0d761fbc8 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -18,6 +18,7 @@
     "source": "源码",
     "social": "社交媒体",
     "chat": "聊天",
+    "builders_chat": "构建者",
     "keyboard_shortcuts": "键盘快捷键"
   },
   "shortcuts": {
@@ -64,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": "主页",
@@ -85,6 +92,8 @@
     "author": {
       "view_profile": "在 Bluesky 上查看 {name} 的资料"
     },
+    "draft_badge": "草稿",
+    "draft_banner": "这是一篇未发布的草稿。内容可能不完整或包含不准确的信息。",
     "atproto": {
       "view_on_bluesky": "在 Bluesky 上查看",
       "reply_on_bluesky": "在 Bluesky 上回复",
@@ -120,6 +129,8 @@
       "algolia": "Algolia",
       "algolia_description": "使用 Algolia 来实现更快的搜索，适用于组织页和用户页。"
     },
+    "instant_search": "即时搜索",
+    "instant_search_description": "导航到搜索页面并在输入时更新结果。",
     "relative_dates": "相对时间",
     "include_types": "在安装时包含 {'@'}types",
     "include_types_description": "为未提供类型定义的包自动添加 {'@'}types 包到安装命令",
@@ -954,6 +965,11 @@
         "description": "聊天、提出问题并分享想法。",
         "cta": "加入 Discord"
       },
+      "builders": {
+        "title": "参与构建 npmx",
+        "description": "加入构建者团队，共同塑造 npmx 的未来。",
+        "cta": "加入构建者 Discord"
+      },
       "follow": {
         "title": "保持更新",
         "description": "了解 npmx 的最新动态。",
@@ -1163,6 +1179,34 @@
     "close_files_panel": "关闭文件面板",
     "filter_files_label": "按更改类型筛选文件"
   },
+  "pds": {
+    "title": "npmx.social",
+    "meta_description": "npmx 社区的官方 AT Protocol 个人数据服务器 (PDS)。",
+    "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 视为家的账户中，这里有一些：",
+      "loading": "正在加载 PDS 社区...",
+      "error": "加载 PDS 社区失败。",
+      "empty": "没有社区成员可显示。",
+      "view_profile": "查看 {handle} 的资料",
+      "new_accounts": "...以及 {count} 个新加入 Atmosphere 的账户"
+    }
+  },
   "privacy_policy": {
     "title": "隐私政策",
     "last_updated": "上次更新：{date}",

From f2045e664d92f22322a327dd6ca10efcd60ea1ac Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Wed, 4 Mar 2026 17:17:22 +0800
Subject: [PATCH 04/12] fix(ui): readme toc dropdown scroll to the selected
 item position (#1917)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
---
 app/components/ReadmeTocDropdown.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/app/components/ReadmeTocDropdown.vue b/app/components/ReadmeTocDropdown.vue
index 66f92d08e..cafb7f1ea 100644
--- a/app/components/ReadmeTocDropdown.vue
+++ b/app/components/ReadmeTocDropdown.vue
@@ -139,6 +139,27 @@ function handleKeydown(event: KeyboardEvent) {
       break
   }
 }
+
+const itemScrollIntoView = (index: number) => {
+  const item = props.toc[index]
+  if (!item) return
+  const el = document.getElementById(`${listboxId}-${item.id}`)
+  if (el) {
+    el.scrollIntoView({ block: 'center' })
+  }
+}
+
+watch(
+  isOpen,
+  open => {
+    if (open && highlightedIndex.value >= 0) {
+      itemScrollIntoView(highlightedIndex.value)
+    }
+  },
+  {
+    flush: 'post',
+  },
+)
 </script>
 
 <template>

From 94f95fad4ccf4501d6f2f7ccf14c9da071817c82 Mon Sep 17 00:00:00 2001
From: Philippe Serhal <philippe.serhal@gmail.com>
Date: Wed, 4 Mar 2026 04:19:27 -0500
Subject: [PATCH 05/12] test: add coverage for critical `resolveDependencyTree`
 (#1911)

---
 .../server/utils/dependency-resolver.spec.ts  | 267 +++++++++++++++++-
 1 file changed, 264 insertions(+), 3 deletions(-)

diff --git a/test/unit/server/utils/dependency-resolver.spec.ts b/test/unit/server/utils/dependency-resolver.spec.ts
index 9cc931951..d81f17f9e 100644
--- a/test/unit/server/utils/dependency-resolver.spec.ts
+++ b/test/unit/server/utils/dependency-resolver.spec.ts
@@ -1,13 +1,48 @@
-import { describe, expect, it, vi } from 'vitest'
-import type { PackumentVersion } from '../../../../shared/types'
+import { describe, expect, it, vi, beforeEach } from 'vitest'
+import type { Packument, PackumentVersion } from '../../../../shared/types'
 
 // Mock Nitro globals before importing the module
 vi.stubGlobal('defineCachedFunction', (fn: Function) => fn)
 vi.stubGlobal('$fetch', vi.fn())
 
-const { TARGET_PLATFORM, matchesPlatform, resolveVersion } =
+const mockFetchNpmPackage = vi.fn<(name: string) => Promise<Packument | null>>()
+vi.stubGlobal('fetchNpmPackage', mockFetchNpmPackage)
+
+const { TARGET_PLATFORM, matchesPlatform, resolveVersion, resolveDependencyTree } =
   await import('../../../../server/utils/dependency-resolver')
 
+/**
+ * Helper to build a minimal Packument for mocking.
+ */
+function makePackument(
+  name: string,
+  versions: Array<{
+    version: string
+    deps?: Record<string, string>
+    optionalDeps?: Record<string, string>
+    os?: string[]
+    cpu?: string[]
+    libc?: string[]
+    unpackedSize?: number
+    deprecated?: string
+  }>,
+): Packument {
+  const versionsMap: Record<string, PackumentVersion> = {}
+  for (const v of versions) {
+    versionsMap[v.version] = {
+      version: v.version,
+      dependencies: v.deps,
+      optionalDependencies: v.optionalDeps,
+      os: v.os,
+      cpu: v.cpu,
+      ...(v.libc ? { libc: v.libc } : {}),
+      dist: { unpackedSize: v.unpackedSize },
+      ...(v.deprecated ? { deprecated: v.deprecated } : {}),
+    } as unknown as PackumentVersion
+  }
+  return { name, versions: versionsMap } as Packument
+}
+
 describe('dependency-resolver', () => {
   describe('TARGET_PLATFORM', () => {
     it('is configured for linux-x64-glibc', () => {
@@ -149,4 +184,230 @@ describe('dependency-resolver', () => {
       expect(resolveVersion('^2.0.0-beta.0', versions)).toBe('2.0.0')
     })
   })
+
+  describe('resolveDependencyTree', () => {
+    beforeEach(() => {
+      mockFetchNpmPackage.mockReset()
+    })
+
+    it('resolves a single package with no dependencies', async () => {
+      mockFetchNpmPackage.mockResolvedValue(
+        makePackument('root', [{ version: '1.0.0', unpackedSize: 5000 }]),
+      )
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.size).toBe(1)
+      const pkg = result.get('root@1.0.0')
+      expect(pkg).toEqual({ name: 'root', version: '1.0.0', size: 5000, optional: false })
+    })
+
+    it('resolves direct dependencies', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'root')
+          return makePackument('root', [
+            {
+              version: '1.0.0',
+              deps: { 'dep-a': '^1.0.0', 'dep-b': '^2.0.0' },
+              unpackedSize: 1000,
+            },
+          ])
+        if (name === 'dep-a')
+          return makePackument('dep-a', [{ version: '1.2.0', unpackedSize: 2000 }])
+        if (name === 'dep-b')
+          return makePackument('dep-b', [{ version: '2.1.0', unpackedSize: 3000 }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.size).toBe(3)
+      expect(result.get('root@1.0.0')).toMatchObject({ name: 'root', version: '1.0.0' })
+      expect(result.get('dep-a@1.2.0')).toMatchObject({
+        name: 'dep-a',
+        version: '1.2.0',
+        size: 2000,
+        optional: false,
+      })
+      expect(result.get('dep-b@2.1.0')).toMatchObject({
+        name: 'dep-b',
+        version: '2.1.0',
+        size: 3000,
+        optional: false,
+      })
+    })
+
+    it('resolves transitive dependencies (A → B → C)', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'a') return makePackument('a', [{ version: '1.0.0', deps: { b: '^1.0.0' } }])
+        if (name === 'b') return makePackument('b', [{ version: '1.0.0', deps: { c: '^1.0.0' } }])
+        if (name === 'c') return makePackument('c', [{ version: '1.0.0' }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('a', '1.0.0')
+
+      expect(result.size).toBe(3)
+      expect(result.has('a@1.0.0')).toBe(true)
+      expect(result.has('b@1.0.0')).toBe(true)
+      expect(result.has('c@1.0.0')).toBe(true)
+    })
+
+    it('handles circular dependencies without infinite loop', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'a') return makePackument('a', [{ version: '1.0.0', deps: { b: '^1.0.0' } }])
+        if (name === 'b') return makePackument('b', [{ version: '1.0.0', deps: { a: '^1.0.0' } }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('a', '1.0.0')
+
+      expect(result.size).toBe(2)
+      expect(result.has('a@1.0.0')).toBe(true)
+      expect(result.has('b@1.0.0')).toBe(true)
+    })
+
+    it('marks optional dependencies with optional: true', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'root')
+          return makePackument('root', [
+            { version: '1.0.0', optionalDeps: { 'opt-dep': '^1.0.0' } },
+          ])
+        if (name === 'opt-dep')
+          return makePackument('opt-dep', [{ version: '1.0.0', unpackedSize: 500 }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.size).toBe(2)
+      expect(result.get('opt-dep@1.0.0')).toMatchObject({ optional: true })
+    })
+
+    it('skips dependencies that do not match the target platform', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'root')
+          return makePackument('root', [
+            { version: '1.0.0', deps: { 'darwin-only': '^1.0.0', 'linux-ok': '^1.0.0' } },
+          ])
+        if (name === 'darwin-only')
+          return makePackument('darwin-only', [{ version: '1.0.0', os: ['darwin'] }])
+        if (name === 'linux-ok')
+          return makePackument('linux-ok', [{ version: '1.0.0', os: ['linux'] }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.has('darwin-only@1.0.0')).toBe(false)
+      expect(result.has('linux-ok@1.0.0')).toBe(true)
+    })
+
+    it('skips dependencies with unresolvable version ranges', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'root')
+          return makePackument('root', [{ version: '1.0.0', deps: { missing: '^99.0.0' } }])
+        if (name === 'missing') return makePackument('missing', [{ version: '1.0.0' }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.size).toBe(1)
+      expect(result.has('root@1.0.0')).toBe(true)
+    })
+
+    it('continues resolving when fetchPackument fails for a dependency', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'root')
+          return makePackument('root', [
+            { version: '1.0.0', deps: { broken: '^1.0.0', healthy: '^1.0.0' } },
+          ])
+        if (name === 'broken') return null
+        if (name === 'healthy') return makePackument('healthy', [{ version: '1.0.0' }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.size).toBe(2)
+      expect(result.has('root@1.0.0')).toBe(true)
+      expect(result.has('healthy@1.0.0')).toBe(true)
+      expect(result.has('broken@1.0.0')).toBe(false)
+    })
+
+    it('assigns depth and path when trackDepth is enabled', async () => {
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'root')
+          return makePackument('root', [{ version: '1.0.0', deps: { mid: '^1.0.0' } }])
+        if (name === 'mid')
+          return makePackument('mid', [{ version: '1.0.0', deps: { leaf: '^1.0.0' } }])
+        if (name === 'leaf') return makePackument('leaf', [{ version: '1.0.0' }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('root', '1.0.0', { trackDepth: true })
+
+      expect(result.get('root@1.0.0')).toMatchObject({
+        depth: 'root',
+        path: ['root@1.0.0'],
+      })
+      expect(result.get('mid@1.0.0')).toMatchObject({
+        depth: 'direct',
+        path: ['root@1.0.0', 'mid@1.0.0'],
+      })
+      expect(result.get('leaf@1.0.0')).toMatchObject({
+        depth: 'transitive',
+        path: ['root@1.0.0', 'mid@1.0.0', 'leaf@1.0.0'],
+      })
+    })
+
+    it('does not include depth/path when trackDepth is not enabled', async () => {
+      mockFetchNpmPackage.mockResolvedValue(makePackument('root', [{ version: '1.0.0' }]))
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      const pkg = result.get('root@1.0.0')!
+      expect(pkg.depth).toBeUndefined()
+      expect(pkg.path).toBeUndefined()
+    })
+
+    it('includes deprecated field on deprecated versions', async () => {
+      mockFetchNpmPackage.mockResolvedValue(
+        makePackument('root', [{ version: '1.0.0', deprecated: 'Use v2 instead' }]),
+      )
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.get('root@1.0.0')).toMatchObject({ deprecated: 'Use v2 instead' })
+    })
+
+    it('defaults size to 0 when unpackedSize is missing', async () => {
+      mockFetchNpmPackage.mockResolvedValue(makePackument('root', [{ version: '1.0.0' }]))
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      expect(result.get('root@1.0.0')!.size).toBe(0)
+    })
+
+    it('deduplicates the same name@version appearing via multiple paths', async () => {
+      // root → a, root → b, both a and b depend on shared@1.0.0
+      mockFetchNpmPackage.mockImplementation(async (name: string) => {
+        if (name === 'root')
+          return makePackument('root', [{ version: '1.0.0', deps: { a: '^1.0.0', b: '^1.0.0' } }])
+        if (name === 'a')
+          return makePackument('a', [{ version: '1.0.0', deps: { shared: '^1.0.0' } }])
+        if (name === 'b')
+          return makePackument('b', [{ version: '1.0.0', deps: { shared: '^1.0.0' } }])
+        if (name === 'shared') return makePackument('shared', [{ version: '1.0.0' }])
+        return null
+      })
+
+      const result = await resolveDependencyTree('root', '1.0.0')
+
+      // root + a + b + shared (only once)
+      expect(result.size).toBe(4)
+      expect(result.has('shared@1.0.0')).toBe(true)
+    })
+  })
 })

From 9216309ab7b876323f0efe5fac29f467922f4627 Mon Sep 17 00:00:00 2001
From: Atriiy <ShroXdF@gmail.com>
Date: Wed, 4 Mar 2026 17:26:43 +0800
Subject: [PATCH 06/12] fix(ui): fix transparency bleeding of copied tooltip
 (#1913)

---
 app/components/CopyToClipboardButton.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/components/CopyToClipboardButton.vue b/app/components/CopyToClipboardButton.vue
index 4e4b21557..f709aad73 100644
--- a/app/components/CopyToClipboardButton.vue
+++ b/app/components/CopyToClipboardButton.vue
@@ -37,7 +37,7 @@ function handleClick() {
       class="absolute z-20 inset-is-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap transition-all duration-150 opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto"
       :class="[
         $style.copyButton,
-        copied ? 'text-accent bg-accent/10' : 'text-fg-muted bg-bg border-border',
+        copied ? ['text-accent', $style.copiedBg] : 'text-fg-muted bg-bg border-border',
       ]"
       :aria-label="copied ? buttonAriaLabelCopied : buttonAriaLabelCopy"
       v-bind="buttonAttrs"
@@ -80,6 +80,10 @@ function handleClick() {
     translate 0.15s;
 }
 
+.copiedBg {
+  background-color: color-mix(in srgb, var(--accent) 10%, var(--bg));
+}
+
 @media (hover: none) {
   .copyButton {
     display: none;

From 9c5a6cb688494ef68a8495c5aa569bf6e8dd9fd5 Mon Sep 17 00:00:00 2001
From: Philippe Serhal <philippe.serhal@gmail.com>
Date: Wed, 4 Mar 2026 06:35:08 -0500
Subject: [PATCH 07/12] fix(ui): don't show state before profile/likes finish
 loading (#1910)

Co-authored-by: Daniel Roe <daniel@roe.dev>
---
 app/components/Package/LikeCard.vue           |  3 +-
 app/pages/profile/[identity]/index.vue        |  3 +-
 test/nuxt/components/PackageLikeCard.spec.ts  |  7 ++
 .../components/ProfileInviteSection.spec.ts   | 84 +++++++++++++++++++
 4 files changed, 95 insertions(+), 2 deletions(-)
 create mode 100644 test/nuxt/components/ProfileInviteSection.spec.ts

diff --git a/app/components/Package/LikeCard.vue b/app/components/Package/LikeCard.vue
index 032a77a1b..d21036722 100644
--- a/app/components/Package/LikeCard.vue
+++ b/app/components/Package/LikeCard.vue
@@ -17,7 +17,7 @@ const { user } = useAtproto()
 
 const authModal = useModal('auth-modal')
 
-const { data: likesData } = useFetch(() => `/api/social/likes/${name.value}`, {
+const { data: likesData, status: likesStatus } = useFetch(() => `/api/social/likes/${name.value}`, {
   default: () => ({ totalLikes: 0, userHasLiked: false }),
   server: false,
 })
@@ -76,6 +76,7 @@ const likeAction = async () => {
       <div class="flex items-center gap-4 justify-between shrink-0">
         <ClientOnly>
           <TooltipApp
+            v-if="likesStatus !== 'pending'"
             :text="likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')"
             position="bottom"
           >
diff --git a/app/pages/profile/[identity]/index.vue b/app/pages/profile/[identity]/index.vue
index 45c9c0f57..fbf4b258c 100644
--- a/app/pages/profile/[identity]/index.vue
+++ b/app/pages/profile/[identity]/index.vue
@@ -23,7 +23,7 @@ if (!profile.value || profileError.value?.statusCode === 404) {
   })
 }
 
-const { user } = useAtproto()
+const { user, pending: userPending } = useAtproto()
 const isEditing = ref(false)
 const displayNameInput = ref()
 const descriptionInput = ref()
@@ -84,6 +84,7 @@ const showInviteSection = computed(() => {
     profile.value.recordExists === false &&
     status.value === 'success' &&
     !likes.value?.records?.length &&
+    !userPending.value &&
     user.value?.handle !== profile.value.handle
   )
 })
diff --git a/test/nuxt/components/PackageLikeCard.spec.ts b/test/nuxt/components/PackageLikeCard.spec.ts
index 3933e838c..5d4d143da 100644
--- a/test/nuxt/components/PackageLikeCard.spec.ts
+++ b/test/nuxt/components/PackageLikeCard.spec.ts
@@ -44,4 +44,11 @@ describe('PackageLikeCard', () => {
 
     expect(wrapper.find('span.truncate').text()).toBe('@scope/pkg')
   })
+
+  it('hides the like button entirely while like data is pending', async () => {
+    wrapper = await mountLikeCard('https://npmx.dev/package/vue')
+
+    const button = wrapper.find('button')
+    expect(button.exists()).toBe(false)
+  })
 })
diff --git a/test/nuxt/components/ProfileInviteSection.spec.ts b/test/nuxt/components/ProfileInviteSection.spec.ts
new file mode 100644
index 000000000..6b5a897ce
--- /dev/null
+++ b/test/nuxt/components/ProfileInviteSection.spec.ts
@@ -0,0 +1,84 @@
+import { mockNuxtImport, mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
+import { describe, expect, it, vi, beforeEach } from 'vitest'
+
+const { mockUseAtproto, mockUseProfileLikes } = vi.hoisted(() => ({
+  mockUseAtproto: vi.fn(),
+  mockUseProfileLikes: vi.fn(),
+}))
+
+mockNuxtImport('useAtproto', () => mockUseAtproto)
+mockNuxtImport('useProfileLikes', () => mockUseProfileLikes)
+
+import ProfilePage from '~/pages/profile/[identity]/index.vue'
+
+registerEndpoint('/api/social/profile/test-handle', () => ({
+  displayName: 'Test User',
+  description: '',
+  website: '',
+  handle: 'test-handle',
+  recordExists: false,
+}))
+
+describe('Profile invite section', () => {
+  beforeEach(() => {
+    mockUseAtproto.mockReset()
+    mockUseProfileLikes.mockReset()
+  })
+
+  it('does not show invite section while auth is still loading', async () => {
+    mockUseAtproto.mockReturnValue({
+      user: ref(null),
+      pending: ref(true),
+      logout: vi.fn(),
+    })
+
+    mockUseProfileLikes.mockReturnValue({
+      data: ref({ records: [] }),
+      status: ref('success'),
+    })
+
+    const wrapper = await mountSuspended(ProfilePage, {
+      route: '/profile/test-handle',
+    })
+
+    expect(wrapper.text()).not.toContain("It doesn't look like they're using npmx yet")
+  })
+
+  it('shows invite section after auth resolves for non-owner', async () => {
+    mockUseAtproto.mockReturnValue({
+      user: ref({ handle: 'other-user' }),
+      pending: ref(false),
+      logout: vi.fn(),
+    })
+
+    mockUseProfileLikes.mockReturnValue({
+      data: ref({ records: [] }),
+      status: ref('success'),
+    })
+
+    const wrapper = await mountSuspended(ProfilePage, {
+      route: '/profile/test-handle',
+    })
+
+    expect(wrapper.text()).toContain("It doesn't look like they're using npmx yet")
+  })
+
+  it('does not show invite section for profile owner', async () => {
+    mockUseAtproto.mockReturnValue({
+      user: ref({ handle: 'test-handle' }),
+      pending: ref(false),
+      logout: vi.fn(),
+    })
+
+    mockUseProfileLikes.mockReturnValue({
+      data: ref({ records: [] }),
+      status: ref('success'),
+    })
+
+    const wrapper = await mountSuspended(ProfilePage, {
+      route: '/profile/test-handle',
+    })
+
+    expect(wrapper.text()).not.toContain("It doesn't look like they're using npmx yet")
+  })
+})

From 6a44d71846b20d8429ac66ee0f077b5806d11a1c Mon Sep 17 00:00:00 2001
From: Liang Mi <github@liangmi.dev>
Date: Wed, 4 Mar 2026 20:29:34 +0800
Subject: [PATCH 08/12] fix: remove the contributors only warning for connector
 (#1920)

---
 app/components/Header/ConnectorModal.vue | 99 +++++++-----------------
 app/components/Package/ManagerSelect.vue | 11 ++-
 i18n/locales/ar.json                     |  3 -
 i18n/locales/az-AZ.json                  |  3 -
 i18n/locales/bg-BG.json                  |  3 -
 i18n/locales/bn-IN.json                  |  3 -
 i18n/locales/cs-CZ.json                  |  3 -
 i18n/locales/de-DE.json                  |  3 -
 i18n/locales/en.json                     |  3 -
 i18n/locales/es.json                     |  3 -
 i18n/locales/fr-FR.json                  |  3 -
 i18n/locales/hi-IN.json                  |  3 -
 i18n/locales/hu-HU.json                  |  3 -
 i18n/locales/id-ID.json                  |  3 -
 i18n/locales/it-IT.json                  |  3 -
 i18n/locales/ja-JP.json                  |  3 -
 i18n/locales/kn-IN.json                  |  3 -
 i18n/locales/nb-NO.json                  |  3 -
 i18n/locales/ne-NP.json                  |  3 -
 i18n/locales/pl-PL.json                  |  3 -
 i18n/locales/pt-BR.json                  |  3 -
 i18n/locales/ru-RU.json                  |  3 -
 i18n/locales/ta-IN.json                  |  3 -
 i18n/locales/te-IN.json                  |  3 -
 i18n/locales/tr-TR.json                  |  3 -
 i18n/locales/uk-UA.json                  |  3 -
 i18n/locales/zh-CN.json                  |  3 -
 i18n/locales/zh-TW.json                  |  3 -
 i18n/schema.json                         |  9 ---
 29 files changed, 38 insertions(+), 159 deletions(-)

diff --git a/app/components/Header/ConnectorModal.vue b/app/components/Header/ConnectorModal.vue
index b22414df4..3ef85ff2f 100644
--- a/app/components/Header/ConnectorModal.vue
+++ b/app/components/Header/ConnectorModal.vue
@@ -27,22 +27,22 @@ function handleDisconnect() {
   disconnect()
 }
 
-// function copyCommand() {
-//   let command = executeNpmxConnectorCommand.value
-//   if (portInput.value !== '31415') {
-//     command += ` --port ${portInput.value}`
-//   }
-//   copy(command)
-// }
-
-// const selectedPM = useSelectedPackageManager()
-
-// const executeNpmxConnectorCommand = computed(() => {
-//   return getExecuteCommand({
-//     packageName: 'npmx-connector',
-//     packageManager: selectedPM.value,
-//   })
-// })
+function copyCommand() {
+  let command = executeNpmxConnectorCommand.value
+  if (portInput.value !== '31415') {
+    command += ` --port ${portInput.value}`
+  }
+  copy(command)
+}
+
+const selectedPM = useSelectedPackageManager()
+
+const executeNpmxConnectorCommand = computed(() => {
+  return getExecuteCommand({
+    packageName: 'npmx-connector',
+    packageManager: selectedPM.value,
+  })
+})
 </script>
 
 <template>
@@ -87,26 +87,6 @@ function handleDisconnect() {
 
     <!-- Disconnected state -->
     <form v-else class="space-y-4" @submit.prevent="handleConnect">
-      <!-- Contributor-only notice -->
-      <div class="p-3 bg-amber-500/10 border border-amber-500/30 rounded-lg">
-        <div>
-          <span class="inline-block text-xs font-bold uppercase tracking-wider text-fg rounded">
-            {{ $t('connector.modal.contributor_badge') }}
-          </span>
-          <p class="text-sm text-fg-muted">
-            <i18n-t keypath="connector.modal.contributor_notice" scope="global">
-              <template #link>
-                <LinkBase
-                  to="https://github.com/npmx-dev/npmx.dev/blob/main/CONTRIBUTING.md#local-connector-cli"
-                >
-                  {{ $t('connector.modal.contributor_link') }}
-                </LinkBase>
-              </template>
-            </i18n-t>
-          </p>
-        </div>
-      </div>
-
       <p class="text-sm text-fg-muted">
         {{ $t('connector.modal.run_hint') }}
       </p>
@@ -116,43 +96,20 @@ function handleDisconnect() {
         dir="ltr"
       >
         <span class="text-fg-subtle">$</span>
-        <span class="text-fg-subtle ms-2">npx npmx-connector</span>
-        <ButtonBase
-          :aria-label="copied ? $t('connector.modal.copied') : $t('connector.modal.copy_command')"
-          @click="copy('npx npmx-connector')"
-          class="ms-auto"
-          :classicon="copied ? 'i-lucide:check text-green-500' : 'i-lucide:copy'"
-        />
+        <span class="text-fg-subtle ms-2">{{ executeNpmxConnectorCommand }}</span>
+        <div class="ms-auto flex items-center gap-2">
+          <!-- Disable teleport in a modal dialog -->
+          <PackageManagerSelect :teleport="false" />
+
+          <ButtonBase
+            :aria-label="copied ? $t('connector.modal.copied') : $t('connector.modal.copy_command')"
+            @click="copyCommand"
+            class="ms-auto"
+            :classicon="copied ? 'i-lucide:check text-green-500' : 'i-lucide:copy'"
+          />
+        </div>
       </div>
 
-      <!-- TODO: Uncomment when npmx-connector is published to npm
-                    <div
-                      class="flex items-center p-3 bg-bg-muted border border-border rounded-lg font-mono text-sm"
-                    >
-                      <span class="text-fg-subtle">$</span>
-                      <span class="text-fg-subtle ms-2">{{ executeNpmxConnectorCommand }}</span>
-                      <div class="ms-auto flex items-center gap-2">
-                        <PackageManagerSelect />
-
-                        <button
-                          type="button"
-                          :aria-label="
-                            copied ? $t('connector.modal.copied') : $t('connector.modal.copy_command')
-                          "
-                          class="ms-auto text-fg-subtle p-1.5 -m-1.5 hover:text-fg transition-colors duration-200 focus-visible:outline-accent/70 rounded"
-                          @click="copyCommand"
-                        >
-                          <span v-if="!copied" class="i-lucide:copy block w-5 h-5" aria-hidden="true" />
-                          <span
-                            v-else
-                            class="i-lucide:check block w-5 h-5 text-green-500"
-                            aria-hidden="true"
-                          />
-                        </button>
-                      </div>
-                    </div>
-                    -->
-
       <p class="text-sm text-fg-muted">{{ $t('connector.modal.paste_token') }}</p>
 
       <div class="space-y-3">
diff --git a/app/components/Package/ManagerSelect.vue b/app/components/Package/ManagerSelect.vue
index 2f9e3d5dc..910a25aad 100644
--- a/app/components/Package/ManagerSelect.vue
+++ b/app/components/Package/ManagerSelect.vue
@@ -1,6 +1,15 @@
 <script setup lang="ts">
 import { onClickOutside, useEventListener } from '@vueuse/core'
 
+withDefaults(
+  defineProps<{
+    teleport?: boolean
+  }>(),
+  {
+    teleport: true,
+  },
+)
+
 const selectedPM = useSelectedPackageManager()
 
 const listRef = useTemplateRef('listRef')
@@ -121,7 +130,7 @@ function handleKeydown(event: KeyboardEvent) {
   </button>
 
   <!-- Dropdown menu (teleported to body to avoid clipping) -->
-  <Teleport to="body">
+  <Teleport to="body" :disabled="!teleport">
     <Transition
       :enter-active-class="prefersReducedMotion ? '' : 'transition-opacity duration-150'"
       :enter-from-class="prefersReducedMotion ? '' : 'opacity-0'"
diff --git a/i18n/locales/ar.json b/i18n/locales/ar.json
index fac959bf7..2b359d9c2 100644
--- a/i18n/locales/ar.json
+++ b/i18n/locales/ar.json
@@ -462,9 +462,6 @@
   "connector": {
     "modal": {
       "title": "الموصل المحلي",
-      "contributor_badge": "للمساهمين فقط",
-      "contributor_notice": "لم يُنشر الموصل بعد على npm. راجع {link} لمعرفة كيفية التشغيل محليًا.",
-      "contributor_link": "دليل المساهمة",
       "connected": "متصل",
       "connected_as_user": "متصل كـ ~{user}",
       "connected_hint": "يمكنك الآن إدارة الحزم والمؤسسات من واجهة الويب.",
diff --git a/i18n/locales/az-AZ.json b/i18n/locales/az-AZ.json
index 8ef671c53..d4dbf6c47 100644
--- a/i18n/locales/az-AZ.json
+++ b/i18n/locales/az-AZ.json
@@ -495,9 +495,6 @@
   "connector": {
     "modal": {
       "title": "Lokal Konnektor",
-      "contributor_badge": "Yalnız əməkdaşlar üçün",
-      "contributor_notice": "Konnektor hələ npm-ə dərc edilməyib. Lokal işə salmaq üçün {link} baxın.",
-      "contributor_link": "töhfə bələdçisi",
       "connected": "Qoşulub",
       "connected_as_user": "~{user} kimi qoşulub",
       "connected_hint": "İndi veb interfeysdən paketləri və təşkilatları idarə edə bilərsiniz.",
diff --git a/i18n/locales/bg-BG.json b/i18n/locales/bg-BG.json
index ae97d21f1..18386b3b6 100644
--- a/i18n/locales/bg-BG.json
+++ b/i18n/locales/bg-BG.json
@@ -533,9 +533,6 @@
   "connector": {
     "modal": {
       "title": "Локален конектор",
-      "contributor_badge": "Само за сътрудници",
-      "contributor_notice": "Конекторът все още не е публикуван в npm. Вижте {link} за как да го стартирате локално.",
-      "contributor_link": "ръководство за сътрудничество",
       "connected": "Свързан",
       "connected_as_user": "Свързан като ~{user}",
       "connected_hint": "Сега можете да управлявате пакети и организации от уеб интерфейса.",
diff --git a/i18n/locales/bn-IN.json b/i18n/locales/bn-IN.json
index 14c5668b2..5722174a7 100644
--- a/i18n/locales/bn-IN.json
+++ b/i18n/locales/bn-IN.json
@@ -359,9 +359,6 @@
   "connector": {
     "modal": {
       "title": "স্থানীয় কনেক্টর",
-      "contributor_badge": "কন্ট্রিবিউটারদের জন্য মাত্র",
-      "contributor_notice": "কনেক্টর এখনো npm এ প্রকাশিত হয়নি। স্থানীয়ভাবে চালানোর জন্য {link} দেখুন।",
-      "contributor_link": "অবদানের নির্দেশনা",
       "connected": "সংযুক্ত হয়েছে",
       "connected_as_user": "~{user} হিসাবে সংযুক্ত",
       "connected_hint": "এখন আপনি ওয়েব UI থেকে প্যাকেজ এবং সংস্থাগুলি পরিচালনা করতে পারবেন।",
diff --git a/i18n/locales/cs-CZ.json b/i18n/locales/cs-CZ.json
index 04af4be2b..2a0f27de8 100644
--- a/i18n/locales/cs-CZ.json
+++ b/i18n/locales/cs-CZ.json
@@ -511,9 +511,6 @@
   "connector": {
     "modal": {
       "title": "Lokální konektor",
-      "contributor_badge": "Pouze přispěvatelé",
-      "contributor_notice": "Konektor ještě není publikován na npm. Viz {link} pro informace, jak jej spustit lokálně.",
-      "contributor_link": "příručka pro přispěvatele",
       "connected": "Připojeno",
       "connected_as_user": "Připojeno jako ~{user}",
       "connected_hint": "Nyní můžete spravovat balíčky a organizace z webového rozhraní.",
diff --git a/i18n/locales/de-DE.json b/i18n/locales/de-DE.json
index 73252b256..bc08efde6 100644
--- a/i18n/locales/de-DE.json
+++ b/i18n/locales/de-DE.json
@@ -577,9 +577,6 @@
   "connector": {
     "modal": {
       "title": "Lokaler Connector",
-      "contributor_badge": "Nur für Mitwirkende",
-      "contributor_notice": "Der Connector ist noch nicht auf npm veröffentlicht. Siehe den {link} für Informationen zum lokalen Ausführen.",
-      "contributor_link": "Leitfaden für Mitwirkende",
       "connected": "Verbunden",
       "connected_as_user": "Verbunden als ~{user}",
       "connected_hint": "Du kannst jetzt Pakete und Organisationen über die Web-Oberfläche verwalten.",
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 4374ceff5..8dd97d0c2 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -577,9 +577,6 @@
   "connector": {
     "modal": {
       "title": "Local Connector",
-      "contributor_badge": "Contributors only",
-      "contributor_notice": "The connector is not yet published to npm. See the {link} for how to run locally.",
-      "contributor_link": "contributing guide",
       "connected": "Connected",
       "connected_as_user": "Connected as ~{user}",
       "connected_hint": "You can now manage packages and organizations from the web UI.",
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index ce4e5a2f6..8034b0fea 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -533,9 +533,6 @@
   "connector": {
     "modal": {
       "title": "Conector Local",
-      "contributor_badge": "Solo colaboradores",
-      "contributor_notice": "El conector aún no está publicado en npm. Consulta la {link} para saber cómo ejecutarlo localmente.",
-      "contributor_link": "guía de contribución",
       "connected": "Conectado",
       "connected_as_user": "Conectado como ~{user}",
       "connected_hint": "Ahora puedes gestionar paquetes y organizaciones desde la interfaz web.",
diff --git a/i18n/locales/fr-FR.json b/i18n/locales/fr-FR.json
index 0f8861326..41726f5dd 100644
--- a/i18n/locales/fr-FR.json
+++ b/i18n/locales/fr-FR.json
@@ -577,9 +577,6 @@
   "connector": {
     "modal": {
       "title": "Connecteur local",
-      "contributor_badge": "Contributeurs uniquement",
-      "contributor_notice": "Le connecteur n'est pas encore publié sur npm. Consultez le {link} pour savoir comment l'exécuter localement.",
-      "contributor_link": "guide de contribution",
       "connected": "Connecté·e",
       "connected_as_user": "Connecté·e en tant que ~{user}",
       "connected_hint": "Vous pouvez maintenant gérer les paquets et les organisations depuis l'interface web.",
diff --git a/i18n/locales/hi-IN.json b/i18n/locales/hi-IN.json
index 4ef77c57b..bf8e8a01b 100644
--- a/i18n/locales/hi-IN.json
+++ b/i18n/locales/hi-IN.json
@@ -360,9 +360,6 @@
   "connector": {
     "modal": {
       "title": "लोकल कनेक्टर",
-      "contributor_badge": "केवल योगदानकर्ताओं के लिए",
-      "contributor_notice": "कनेक्टर अभी तक npm पर प्रकाशित नहीं हुआ है। स्थानीय रूप से चलाने के लिए {link} देखें।",
-      "contributor_link": "योगदान गाइड",
       "connected": "कनेक्ट किया गया",
       "connected_as_user": "~{user} के रूप में कनेक्ट किया गया",
       "connected_hint": "अब आप वेब UI से पैकेज और संगठन प्रबंधित कर सकते हैं।",
diff --git a/i18n/locales/hu-HU.json b/i18n/locales/hu-HU.json
index e53d02b37..ea15b19d2 100644
--- a/i18n/locales/hu-HU.json
+++ b/i18n/locales/hu-HU.json
@@ -533,9 +533,6 @@
   "connector": {
     "modal": {
       "title": "Helyi Connector",
-      "contributor_badge": "Csak közreműködőknek",
-      "contributor_notice": "A connector még nincs közzétéve az npm-en. Lásd a(z) {link} -et a helyi futtatásról.",
-      "contributor_link": "közreműködési útmutató",
       "connected": "Csatlakoztatva",
       "connected_as_user": "Csatlakoztatva mint ~{user}",
       "connected_hint": "Most már kezelheted a csomagokat és szervezeteket a webes felületről.",
diff --git a/i18n/locales/id-ID.json b/i18n/locales/id-ID.json
index 07efe2b2d..48b248e01 100644
--- a/i18n/locales/id-ID.json
+++ b/i18n/locales/id-ID.json
@@ -511,9 +511,6 @@
   "connector": {
     "modal": {
       "title": "Konektor Lokal",
-      "contributor_badge": "Hanya untuk kontributor",
-      "contributor_notice": "Konektor belum diterbitkan ke npm. Lihat {link} untuk cara menjalankannya secara lokal.",
-      "contributor_link": "panduan kontribusi",
       "connected": "Terhubung",
       "connected_as_user": "Terhubung sebagai ~{user}",
       "connected_hint": "Anda sekarang dapat mengelola paket dan organisasi dari UI web.",
diff --git a/i18n/locales/it-IT.json b/i18n/locales/it-IT.json
index 45c6a3742..993c4c131 100644
--- a/i18n/locales/it-IT.json
+++ b/i18n/locales/it-IT.json
@@ -449,9 +449,6 @@
   "connector": {
     "modal": {
       "title": "Connettore locale",
-      "contributor_badge": "Solo collaboratori",
-      "contributor_notice": "Il connettore non è ancora pubblicato su npm. Vedi {link} per come eseguire localmente.",
-      "contributor_link": "guida ai contributi",
       "connected": "Connesso",
       "connected_as_user": "Connesso come ~{user}",
       "connected_hint": "Puoi ora gestire i pacchetti e le organizzazioni dall'interfaccia web.",
diff --git a/i18n/locales/ja-JP.json b/i18n/locales/ja-JP.json
index 69d3230fa..d0e842ddd 100644
--- a/i18n/locales/ja-JP.json
+++ b/i18n/locales/ja-JP.json
@@ -570,9 +570,6 @@
   "connector": {
     "modal": {
       "title": "ローカルコネクタ",
-      "contributor_badge": "コントリビューター専用",
-      "contributor_notice": "コネクタはまだ npm に公開されていません。ローカルでの実行方法については {link} を参照してください。",
-      "contributor_link": "コントリビューションガイド",
       "connected": "接続済み",
       "connected_as_user": "~{user} として接続済み",
       "connected_hint": "Web UIからパッケージとorganizationを管理できるようになりました。",
diff --git a/i18n/locales/kn-IN.json b/i18n/locales/kn-IN.json
index 0c3a0abc1..2cb37b35a 100644
--- a/i18n/locales/kn-IN.json
+++ b/i18n/locales/kn-IN.json
@@ -360,9 +360,6 @@
   "connector": {
     "modal": {
       "title": "ಸ್ಥಳೀಯ ಸಂಪರ್ಕಕ",
-      "contributor_badge": "ಸಹಯೋಗಿಗಳಿಗೆ ಮಾತ್ರ",
-      "contributor_notice": "ಸಂಪರ್ಕಕ ಇನ್ನೂ npm ನಲ್ಲಿ ಪ್ರಕಟವಾಗಿಲ್ಲ. ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಲು {link} ನೋಡಿ.",
-      "contributor_link": "ಸಹಯೋಗ ಮಾರ್ಗದರ್ಶಿ",
       "connected": "ಸಂಪರ್ಕಿಸಲಾಗಿದೆ",
       "connected_as_user": "~{user} ಎಂದು ಸಂಪರ್ಕಿಸಲಾಗಿದೆ",
       "connected_hint": "ಈಗ ನೀವು ವೆಬ್ UI ಯಿಂದ ಪ್ಯಾಕೇಜ್‌ಗಳು ಮತ್ತು ಸಂಸ್ಥೆಗಳನ್ನು ನಿರ್ವಹಿಸಬಹುದು.",
diff --git a/i18n/locales/nb-NO.json b/i18n/locales/nb-NO.json
index cad981bb8..723b6111e 100644
--- a/i18n/locales/nb-NO.json
+++ b/i18n/locales/nb-NO.json
@@ -419,9 +419,6 @@
   "connector": {
     "modal": {
       "title": "Lokal Connector",
-      "contributor_badge": "Kun for bidragsytere",
-      "contributor_notice": "Connectoren er ennå ikke publisert til npm. Se {link} for hvordan du kjører den lokalt.",
-      "contributor_link": "bidragsguiden",
       "connected": "Tilkoblet",
       "connected_as_user": "Koblet til som ~{user}",
       "connected_hint": "Du kan nå administrere pakker og organisasjoner fra nettleseren.",
diff --git a/i18n/locales/ne-NP.json b/i18n/locales/ne-NP.json
index aa847e97e..e2f9efa19 100644
--- a/i18n/locales/ne-NP.json
+++ b/i18n/locales/ne-NP.json
@@ -345,9 +345,6 @@
   "connector": {
     "modal": {
       "title": "लोकल कनेक्टर",
-      "contributor_badge": "कन्ट्रिब्युटर मात्र",
-      "contributor_notice": "कनेक्टर अझै npm मा प्रकाशित गरिएको छैन। लोकल रूपमा चलाउने तरिका हेर्न {link} हेर्नुहोस्।",
-      "contributor_link": "कन्ट्रिब्युटिङ गाइड",
       "connected": "जोडियो",
       "connected_as_user": "~{user} रूपमा जोडियो",
       "connected_hint": "अब तपाईं वेब UI बाट प्याकेज र संगठनहरू व्यवस्थापन गर्न सक्नुहुन्छ।",
diff --git a/i18n/locales/pl-PL.json b/i18n/locales/pl-PL.json
index c1eb0e73e..a90db6593 100644
--- a/i18n/locales/pl-PL.json
+++ b/i18n/locales/pl-PL.json
@@ -511,9 +511,6 @@
   "connector": {
     "modal": {
       "title": "Lokalny konektor",
-      "contributor_badge": "Tylko dla współtwórców",
-      "contributor_notice": "Konektor nie jest jeszcze opublikowany na npm. Zobacz {link}, aby uruchomić lokalnie.",
-      "contributor_link": "przewodnik współtworzenia",
       "connected": "Połączono",
       "connected_as_user": "Połączono jako ~{user}",
       "connected_hint": "Możesz teraz zarządzać pakietami i organizacjami z poziomu interfejsu WWW.",
diff --git a/i18n/locales/pt-BR.json b/i18n/locales/pt-BR.json
index 423d72b12..2c3c6bf87 100644
--- a/i18n/locales/pt-BR.json
+++ b/i18n/locales/pt-BR.json
@@ -361,9 +361,6 @@
   "connector": {
     "modal": {
       "title": "Conector Local",
-      "contributor_badge": "Apenas contribuidores",
-      "contributor_notice": "O conector ainda não foi publicado no npm. Veja o {link} para saber como executar localmente.",
-      "contributor_link": "guia de contribuição",
       "connected": "Conectado",
       "connected_as_user": "Conectado como ~{user}",
       "connected_hint": "Agora você pode gerenciar pacotes e organizações a partir da interface web.",
diff --git a/i18n/locales/ru-RU.json b/i18n/locales/ru-RU.json
index 9e43dc097..9ae6f1121 100644
--- a/i18n/locales/ru-RU.json
+++ b/i18n/locales/ru-RU.json
@@ -507,9 +507,6 @@
   "connector": {
     "modal": {
       "title": "Локальный коннектор",
-      "contributor_badge": "Только для контрибьюторов",
-      "contributor_notice": "Коннектор ещё не опубликован в npm. См. {link}, чтобы узнать, как запустить его локально.",
-      "contributor_link": "руководстве для участников",
       "connected": "Подключено",
       "connected_as_user": "Подключен как ~{user}",
       "connected_hint": "Теперь вы можете управлять пакетами и организациями из веб-интерфейса.",
diff --git a/i18n/locales/ta-IN.json b/i18n/locales/ta-IN.json
index 99db87a1c..a1fb46f4f 100644
--- a/i18n/locales/ta-IN.json
+++ b/i18n/locales/ta-IN.json
@@ -439,9 +439,6 @@
   "connector": {
     "modal": {
       "title": "உள்ளூர் இணைப்பான்",
-      "contributor_badge": "பங்களிப்பாளர்கள் மட்டும்",
-      "contributor_notice": "இணைப்பான் இன்னும் npm-ல் வெளியிடப்படவில்லை. உள்ளூரில் இயக்குவதற்கு {link} ஐப் பார்க்கவும்.",
-      "contributor_link": "பங்களிப்பு வழிகாட்டி",
       "connected": "இணைக்கப்பட்டது",
       "connected_as_user": "~{user} ஆக இணைக்கப்பட்டது",
       "connected_hint": "இப்போது நீங்கள் இணைய இடைமுகத்திலிருந்து தொகுப்புகளையும் நிறுவனங்களையும் நிர்வகிக்கலாம்.",
diff --git a/i18n/locales/te-IN.json b/i18n/locales/te-IN.json
index e1c1f23a8..4e2362f58 100644
--- a/i18n/locales/te-IN.json
+++ b/i18n/locales/te-IN.json
@@ -360,9 +360,6 @@
   "connector": {
     "modal": {
       "title": "లోకల్ కనెక్టర్",
-      "contributor_badge": "కంట్రిబ్యూటర్‌లకు మాత్రమే",
-      "contributor_notice": "కనెక్టర్ ఇంకా npm లో ప్రచురించబడలేదు. స్థానికంగా అమలు చేయడానికి {link} చూడండి.",
-      "contributor_link": "కంట్రిబ్యూషన్ గైడ్",
       "connected": "కనెక్ట్ చేయబడింది",
       "connected_as_user": "~{user} గా కనెక్ట్ చేయబడింది",
       "connected_hint": "ఇప్పుడు మీరు వెబ్ UI నుండి ప్యాకేజ్‌లు మరియు సంస్థలను నిర్వహించవచ్చు.",
diff --git a/i18n/locales/tr-TR.json b/i18n/locales/tr-TR.json
index 56055a68f..fe5b838e1 100644
--- a/i18n/locales/tr-TR.json
+++ b/i18n/locales/tr-TR.json
@@ -533,9 +533,6 @@
   "connector": {
     "modal": {
       "title": "Yerel Bağlayıcı",
-      "contributor_badge": "Yalnızca katkıda bulunanlar için",
-      "contributor_notice": "Bağlayıcı henüz npm'e yayınlanmadı. Yerel olarak çalıştırmak için {link} bakın.",
-      "contributor_link": "katkı rehberi",
       "connected": "Bağlandı",
       "connected_as_user": "~{user} olarak bağlandı",
       "connected_hint": "Artık web arayüzünden paketleri ve organizasyonları yönetebilirsiniz.",
diff --git a/i18n/locales/uk-UA.json b/i18n/locales/uk-UA.json
index 7ab379a12..cdf8801ff 100644
--- a/i18n/locales/uk-UA.json
+++ b/i18n/locales/uk-UA.json
@@ -533,9 +533,6 @@
   "connector": {
     "modal": {
       "title": "Локальний сполучник",
-      "contributor_badge": "Лише для контриб'юторів",
-      "contributor_notice": "Сполучник ще не опублікований на npm. Дивіться {link} для запуску локально.",
-      "contributor_link": "керівництво для контриб'юторів",
       "connected": "Підключено",
       "connected_as_user": "Підключено як ~{user}",
       "connected_hint": "Тепер ви можете керувати пакетами та організаціями з веб-інтерфейсу.",
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 0d761fbc8..3f0e4d264 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -577,9 +577,6 @@
   "connector": {
     "modal": {
       "title": "本地连接器",
-      "contributor_badge": "贡献者专用",
-      "contributor_notice": "连接器尚未发布到 npm。请参阅 {link} 了解如何本地运行。",
-      "contributor_link": "贡献指南",
       "connected": "已连接",
       "connected_as_user": "已连接为 ~{user}",
       "connected_hint": "现在你可以通过 Web UI 管理包和组织。",
diff --git a/i18n/locales/zh-TW.json b/i18n/locales/zh-TW.json
index 4e28dbeb2..2060318d5 100644
--- a/i18n/locales/zh-TW.json
+++ b/i18n/locales/zh-TW.json
@@ -532,9 +532,6 @@
   "connector": {
     "modal": {
       "title": "本機連線器",
-      "contributor_badge": "僅限貢獻者",
-      "contributor_notice": "連線器尚未發布到 npm。請參閱 {link} 了解如何在本機執行。",
-      "contributor_link": "貢獻指南",
       "connected": "已連線",
       "connected_as_user": "已連線為 ~{user}",
       "connected_hint": "現在你可以透過 Web UI 管理套件與組織。",
diff --git a/i18n/schema.json b/i18n/schema.json
index 5842a37bc..54026c195 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -1735,15 +1735,6 @@
             "title": {
               "type": "string"
             },
-            "contributor_badge": {
-              "type": "string"
-            },
-            "contributor_notice": {
-              "type": "string"
-            },
-            "contributor_link": {
-              "type": "string"
-            },
             "connected": {
               "type": "string"
             },

From f3403eb57a7d5a496e447232c2db67c963a27fac Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Wed, 4 Mar 2026 12:49:22 +0000
Subject: [PATCH 09/12] perf: only load `vue-data-ui` css in components that
 use it (#1918)

Co-authored-by: Anthony Fu <github@antfu.me>
---
 app/components/Package/TrendsChart.vue         | 2 ++
 app/components/Package/VersionDistribution.vue | 2 ++
 app/components/Package/WeeklyDownloadStats.vue | 2 ++
 nuxt.config.ts                                 | 2 +-
 4 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index d8391b4eb..663596da0 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -22,6 +22,8 @@ import { applyDataCorrection } from '~/utils/chart-data-correction'
 import { applyBlocklistCorrection, getAnomaliesForPackages } from '~/utils/download-anomalies'
 import { copyAltTextForTrendLineChart } from '~/utils/charts'
 
+import('vue-data-ui/style.css')
+
 const props = withDefaults(
   defineProps<{
     // For single package downloads history
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 7e4196869..670b47bdf 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -11,6 +11,8 @@ import {
 import TooltipApp from '~/components/Tooltip/App.vue'
 import { copyAltTextForVersionsBarChart } from '~/utils/charts'
 
+import('vue-data-ui/style.css')
+
 const props = defineProps<{
   packageName: string
   inModal?: boolean
diff --git a/app/components/Package/WeeklyDownloadStats.vue b/app/components/Package/WeeklyDownloadStats.vue
index 74f3daa90..7f03a8c1d 100644
--- a/app/components/Package/WeeklyDownloadStats.vue
+++ b/app/components/Package/WeeklyDownloadStats.vue
@@ -9,6 +9,8 @@ import type { RepoRef } from '#shared/utils/git-providers'
 import type { VueUiSparklineConfig, VueUiSparklineDatasetItem } from 'vue-data-ui'
 import { onKeyDown } from '@vueuse/core'
 
+import('vue-data-ui/style.css')
+
 const props = defineProps<{
   packageName: string
   createdIso: string | null
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7191bb477..3a4c167ec 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -31,7 +31,7 @@ export default defineNuxtConfig({
     storageKey: 'npmx-color-mode',
   },
 
-  css: ['~/assets/main.css', 'vue-data-ui/style.css'],
+  css: ['~/assets/main.css'],
 
   runtimeConfig: {
     sessionPassword: '',

From 462fb9847781f4eca70866b664d5bead9be309a9 Mon Sep 17 00:00:00 2001
From: Alec Lloyd Probert <55991794+graphieros@users.noreply.github.com>
Date: Wed, 4 Mar 2026 20:01:55 +0100
Subject: [PATCH 10/12] fix: remove hidden overflow from sparkline wrapper
 (#1926)

---
 app/components/Package/WeeklyDownloadStats.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/app/components/Package/WeeklyDownloadStats.vue b/app/components/Package/WeeklyDownloadStats.vue
index 7f03a8c1d..c0a0957e3 100644
--- a/app/components/Package/WeeklyDownloadStats.vue
+++ b/app/components/Package/WeeklyDownloadStats.vue
@@ -413,10 +413,7 @@ const config = computed<VueUiSparklineConfig>(() => {
         <span v-else-if="isLoadingWeeklyDownloads" class="min-w-6 min-h-6 -m-1 p-1" />
       </template>
 
-      <div
-        class="w-full overflow-hidden h-[76px] egg-pulse-target"
-        :class="{ 'egg-pulse': eggPulse }"
-      >
+      <div class="w-full h-[76px] egg-pulse-target" :class="{ 'egg-pulse': eggPulse }">
         <template v-if="isLoadingWeeklyDownloads || hasWeeklyDownloads">
           <ClientOnly>
             <VueUiSparkline class="w-full max-w-xs" :dataset :config>

From 7c249c593b5a4b449fdd5fc636bd3ccc9bd6e7d4 Mon Sep 17 00:00:00 2001
From: Vida Xie <vida_2020@163.com>
Date: Thu, 5 Mar 2026 03:04:56 +0800
Subject: [PATCH 11/12] fix(ui): ensure selected line highlights full width in
 code viewer (#1924)

---
 app/components/Code/Viewer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Code/Viewer.vue b/app/components/Code/Viewer.vue
index 6f6e82a5f..90bcf0c22 100644
--- a/app/components/Code/Viewer.vue
+++ b/app/components/Code/Viewer.vue
@@ -115,7 +115,7 @@ watch(
     <!-- Code content -->
     <div class="code-content flex-1 overflow-x-auto min-w-0">
       <!-- eslint-disable vue/no-v-html -- HTML is generated server-side by Shiki -->
-      <div ref="codeRef" class="code-lines w-fit" v-html="html" />
+      <div ref="codeRef" class="code-lines min-w-full w-fit" v-html="html" />
       <!-- eslint-enable vue/no-v-html -->
     </div>
   </div>
@@ -157,7 +157,7 @@ watch(
 
 /* Highlighted lines in code content - extend full width with negative margin */
 .code-content :deep(.line.highlighted) {
-  background: rgb(234 179 8 / 0.2); /* yellow-500/20 */
+  @apply bg-yellow-500/20;
   margin: 0 -1rem;
   padding: 0 1rem;
 }

From af71229fe670b628c19ef3e6e2308b535d6eca26 Mon Sep 17 00:00:00 2001
From: abeer0 <47961062+iiio2@users.noreply.github.com>
Date: Thu, 5 Mar 2026 01:19:10 +0600
Subject: [PATCH 12/12] fix: improve sponsors layout on the about page for
 mobile users (#1890)

Co-authored-by: Willow (GHOST) <ghostdevbusiness@gmail.com>
Co-authored-by: Willow (GHOST) <git@willow.sh>
---
 app/pages/about.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/about.vue b/app/pages/about.vue
index 6750f9918..e6dde0c85 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -164,7 +164,7 @@ const roleLabels = computed(
           </h2>
           <AboutLogoList
             :list="SPONSORS"
-            class="flex-col gap-6 items-start md:flex-row md:items-center md:gap-4"
+            class="grid grid-cols-2 md:flex md:flex-row md:items-center"
           />
         </div>