fix: track remaining packages by name and support partial expand

- useOrgPackages: derive remainingNames from a Set of loaded package
  names instead of positional slicing, so partial Algolia failures
  don't permanently skip packages on retry
- useVisibleItems: onExpand can return false to signal partial load,
  keeping hasMore true so the user can retry

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Adebesin-Cell

app/composables/npm/useOrgPackages.ts

@@ -137,8 +137,8 @@ export function useOrgPackages(orgName: MaybeRefOrGetter<string>) {
 
   /** Load all remaining packages that weren't fetched in the initial batch. */
   async function loadAll(): Promise<void> {
-    const names = allNames.value
-    if (names.length <= loadedObjects.value.length) return
+    const loadedSet = new Set(loadedObjects.value.map(o => o.package.name))
+    if (loadedSet.size >= allNames.value.length) return
 
     // Reuse in-flight promise to prevent duplicate fetches
     if (loadAllPromise) {
@@ -157,10 +157,11 @@ export function useOrgPackages(orgName: MaybeRefOrGetter<string>) {
   async function _doLoadAll(): Promise<void> {
     const names = allNames.value
     const current = loadedObjects.value
-    if (names.length <= current.length) return
+    const loadedSet = new Set(current.map(o => o.package.name))
+    const remainingNames = names.filter(n => !loadedSet.has(n))
+    if (remainingNames.length === 0) return
 
     const org = toValue(orgName)
-    const remainingNames = names.slice(current.length)
 
     let newObjects: NpmSearchResult[] = []
 

app/composables/useVisibleItems.ts

@@ -5,8 +5,10 @@ export interface UseVisibleItemsOptions {
   /**
    * Called when expanding. Useful for loading remaining data on demand.
    * If it returns a promise, `isExpanding` will be `true` until it resolves.
+   * Return `false` to signal a partial load — `showAll` stays false so
+   * `hasMore` remains true and the user can retry.
    */
-  onExpand?: () => void | Promise<void>
+  onExpand?: () => void | boolean | Promise<void | boolean>
 }
 
 export function useVisibleItems<T>(
@@ -30,15 +32,17 @@ export function useVisibleItems<T>(
 
   const expand = async () => {
     if (showAll.value) return
+    let fullyLoaded = true
     if (options?.onExpand) {
       isExpanding.value = true
       try {
-        await options.onExpand()
+        const result = await options.onExpand()
+        if (result === false) fullyLoaded = false
       } finally {
         isExpanding.value = false
       }
     }
-    showAll.value = true
+    if (fullyLoaded) showAll.value = true
   }
   const collapse = () => {
     showAll.value = false