@powerhousedao/connect 6.2.2-dev.5 → 6.2.2-dev.50

package/dist/start-connect.js

@@ -5,7 +5,7 @@ import { createRoot } from "react-dom/client";
 import { jsx } from "react/jsx-runtime";
 //#region start-connect.tsx
 await loadRuntimeConfig();
-const { AppLoader } = await import("./components-DHj3ZpJg.js");
+const { AppLoader } = await import("./components-CqwpIQXY.js");
 function updateLocalPackage(pkg) {
 	window.ph?.vetraPackageManager?.updateLocalPackage(pkg);
 }

package/dist/style.css

@@ -78,6 +78,7 @@
   --font-weight-bold: 700;
   --tracking-normal: 0em;
   --tracking-wide: 0.025em;
+  --tracking-wider: 0.05em;
   --leading-tight: 1.25;
   --leading-normal: 1.5;
   --leading-relaxed: 1.625;
@@ -372,6 +373,9 @@
   .end {
     inset-inline-end: var(--spacing);
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -474,6 +478,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-200 {
+    z-index: 200;
+  }
   .z-1000 {
     z-index: 1000;
   }
@@ -618,6 +625,9 @@
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -858,9 +868,6 @@
   .h-\[420px\] {
     height: 420px;
   }
-  .h-\[500px\] {
-    height: 500px;
-  }
   .h-\[600px\] {
     height: 600px;
   }
@@ -903,12 +910,18 @@
   .max-h-\[60vh\] {
     max-height: 60vh;
   }
+  .max-h-\[85vh\] {
+    max-height: 85vh;
+  }
   .max-h-\[245px\] {
     max-height: 245px;
   }
   .max-h-\[404px\] {
     max-height: 404px;
   }
+  .max-h-\[calc\(100dvh-14rem\)\] {
+    max-height: calc(100dvh - 14rem);
+  }
   .max-h-full {
     max-height: 100%;
   }
@@ -1089,6 +1102,9 @@
   .w-\[408px\] {
     width: 408px;
   }
+  .w-\[440px\] {
+    width: 440px;
+  }
   .w-\[450px\] {
     width: 450px;
   }
@@ -1149,6 +1165,9 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-\[calc\(100vw-2rem\)\] {
+    max-width: calc(100vw - 2rem);
+  }
   .max-w-fit {
     max-width: fit-content;
   }
@@ -1495,6 +1514,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -1587,6 +1609,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-t-0 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0px;
+  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1638,6 +1664,9 @@
   .border-b-border {
     border-bottom-color: var(--border);
   }
+  .bg-accent {
+    background-color: var(--accent);
+  }
   .bg-background {
     background-color: var(--background);
   }
@@ -1647,6 +1676,9 @@
       background-color: color-mix(in oklab, var(--background) 50%, transparent);
     }
   }
+  .bg-border {
+    background-color: var(--border);
+  }
   .bg-card {
     background-color: var(--card);
   }
@@ -1665,6 +1697,9 @@
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
   }
+  .bg-foreground {
+    background-color: var(--foreground);
+  }
   .bg-info {
     background-color: var(--info);
   }
@@ -1812,6 +1847,9 @@
   .px-10 {
     padding-inline: calc(var(--spacing) * 10);
   }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1881,6 +1919,9 @@
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
+  .pr-1\.5 {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -2041,6 +2082,9 @@
     font-size: var(--text-xs);
     line-height: calc(var(--spacing) * 5);
   }
+  .text-\[10px\] {
+    font-size: 10px;
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -2049,10 +2093,6 @@
     --tw-leading: calc(var(--spacing) * 4.5);
     line-height: calc(var(--spacing) * 4.5);
   }
-  .leading-10 {
-    --tw-leading: calc(var(--spacing) * 10);
-    line-height: calc(var(--spacing) * 10);
-  }
   .leading-\[18px\] {
     --tw-leading: 18px;
     line-height: 18px;
@@ -2093,6 +2133,10 @@
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
   }
+  .tracking-wider {
+    --tw-tracking: var(--tracking-wider);
+    letter-spacing: var(--tracking-wider);
+  }
   .wrap-anywhere {
     overflow-wrap: anywhere;
   }
@@ -2109,6 +2153,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-background {
+    color: var(--background);
+  }
   .text-current {
     color: currentcolor;
   }
@@ -2212,6 +2259,9 @@
   .opacity-75 {
     opacity: 75%;
   }
+  .opacity-80 {
+    opacity: 80%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2920,6 +2970,13 @@
       }
     }
   }
+  .hover\:bg-accent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+      }
+    }
+  }
   .hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
@@ -2927,6 +2984,16 @@
       }
     }
   }
+  .hover\:bg-primary\/85 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 85%, transparent);
+        }
+      }
+    }
+  }
   .hover\:pr-6 {
     &:hover {
       @media (hover: hover) {
@@ -3089,6 +3156,11 @@
       transition: filter 0.1s ease-in-out;
     }
   }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
   .disabled\:disabled-effect {
     &:disabled {
       cursor: not-allowed;
@@ -3116,6 +3188,16 @@
       box-shadow: none;
     }
   }
+  .disabled\:cursor-wait {
+    &:disabled {
+      cursor: wait;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
   .disabled\:opacity-100 {
     &:disabled {
       opacity: 100%;
@@ -3293,6 +3375,12 @@
       border-style: none;
     }
   }
+  .dark\:shadow-modal-dark {
+    &:where(.dark, .dark *) {
+      --tw-shadow: 0px 0px 24px 4px var(--tw-shadow-color, rgba(255, 255, 255, 0.06)), 0px 44px 48px -12px var(--tw-shadow-color, rgba(255, 255, 255, 0.08)), 0px 2px 8px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.04));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .dark\:ring-white\/10 {
     &:where(.dark, .dark *) {
       --tw-ring-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
@@ -3416,6 +3504,11 @@
       fill: var(--color-red-500);
     }
   }
+  .\[\&_p\:empty\]\:hidden {
+    & p:empty {
+      display: none;
+    }
+  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;

package/dist/{toast-4t-VimvD.js → toast-CO6ChlzE.js}

@@ -1,7 +1,7 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="9ee5aa7b-b29e-5c77-bcea-8b57b1fbb493")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d22e5acd-014d-560f-a589-64e7fe7b7685")}catch(e){}}();
 import { createElement } from "react";
-import { ToastContainer, toast } from "@powerhousedao/design-system/connect/toast";
+import { ToastContainer, dismiss, toast } from "@powerhousedao/design-system/connect/toast";
 //#region src/services/toast.ts
 const CONNECT_TOAST_CONTAINER_ID = "connect";
 const ToastContainer$1 = (props = {}) => createElement(ToastContainer, {
@@ -16,8 +16,11 @@ function toast$1(content, options) {
 		...restOptions
 	});
 }
+function dismissToast(toastId) {
+	return dismiss(toastId);
+}
 //#endregion
-export { toast$1 as n, ToastContainer$1 as t };
+export { dismissToast as n, toast$1 as r, ToastContainer$1 as t };
 
-//# sourceMappingURL=toast-4t-VimvD.js.map
-//# debugId=9ee5aa7b-b29e-5c77-bcea-8b57b1fbb493
+//# sourceMappingURL=toast-CO6ChlzE.js.map
+//# debugId=d22e5acd-014d-560f-a589-64e7fe7b7685

package/dist/toast-CO6ChlzE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-CO6ChlzE.js","sources":["../src/services/toast.ts"],"sourcesContent":["import type { ConnectToastOptions } from \"@powerhousedao/design-system/connect/toast\";\nimport {\n  ToastContainer as BaseToastContainer,\n  dismiss as baseDismiss,\n  toast as baseToast,\n} from \"@powerhousedao/design-system/connect/toast\";\nimport { createElement, type ComponentProps } from \"react\";\n\nexport const CONNECT_TOAST_CONTAINER_ID = \"connect\";\n\ntype BaseToastContainerProps = ComponentProps<typeof BaseToastContainer>;\n\nexport const ToastContainer = (\n  props: Omit<BaseToastContainerProps, \"containerId\"> = {},\n) =>\n  createElement(BaseToastContainer, {\n    containerId: CONNECT_TOAST_CONTAINER_ID,\n    ...props,\n  });\n\ntype ToastArgs = Parameters<typeof baseToast>;\nexport function toast(content: ToastArgs[0], options?: ConnectToastOptions) {\n  const {\n    type = \"default\",\n    containerId = CONNECT_TOAST_CONTAINER_ID,\n    ...restOptions\n  } = options || {};\n  return baseToast(content, { type, containerId, ...restOptions });\n}\n\nexport function dismissToast(toastId: string | number) {\n  return baseDismiss(toastId);\n}\n"],"names":["ToastContainer","BaseToastContainer","toast","baseToast","baseDismiss"],"mappings":";;;;;AAQA,MAAa,6BAA6B;AAI1C,MAAaA,oBACX,QAAsD,EAAE,KAExD,cAAcC,gBAAoB;CAChC,aAAa;CACb,GAAG;CACJ,CAAC;AAGJ,SAAgBC,QAAM,SAAuB,SAA+B;CAC1E,MAAM,EACJ,OAAO,WACP,cAAc,4BACd,GAAG,gBACD,WAAW,EAAE;AACjB,QAAOC,MAAU,SAAS;EAAE;EAAM;EAAa,GAAG;EAAa,CAAC;;AAGlE,SAAgB,aAAa,SAA0B;AACrD,QAAOC,QAAY,QAAQ","debug_id":"d22e5acd-014d-560f-a589-64e7fe7b7685"}

package/dist/use-renown-login-BtGljnB4.js

@@ -0,0 +1,52 @@
+
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="a9c447f4-bb72-553a-9b6f-82cb39a7bd7e")}catch(e){}}();
+import { useCallback, useMemo } from "react";
+import { openRenown, showPHModal, useRenownAuth, useRenownLoginMethods } from "@powerhousedao/reactor-browser";
+//#region src/hooks/use-renown-login.ts
+function useOpenRenownLogin() {
+	const methods = useRenownLoginMethods();
+	return useCallback(() => {
+		if (methods.length > 0) showPHModal({ type: "login" });
+		else openRenown();
+	}, [methods]);
+}
+const LAST_METHOD_KEY = "renown:last-login-method";
+function getLastLoginMethod() {
+	try {
+		return localStorage.getItem(LAST_METHOD_KEY);
+	} catch {
+		return null;
+	}
+}
+function setLastLoginMethod(method) {
+	try {
+		localStorage.setItem(LAST_METHOD_KEY, method);
+	} catch {}
+}
+function useRenownLoginProps() {
+	const { login, pending, error } = useRenownAuth();
+	const onLogin = useCallback(() => login(), [login]);
+	const baseMethods = useRenownLoginMethods();
+	return {
+		onLogin,
+		methods: useMemo(() => {
+			const lastUsed = getLastLoginMethod();
+			return baseMethods.map((method) => ({
+				id: method.id,
+				label: method.label,
+				lastUsed: lastUsed === method.id,
+				onSelect: () => {
+					setLastLoginMethod(method.id);
+					login(void 0, method.id);
+				}
+			}));
+		}, [baseMethods, login]),
+		loading: pending,
+		error: error?.message ?? null
+	};
+}
+//#endregion
+export { useRenownLoginProps as n, useOpenRenownLogin as t };
+
+//# sourceMappingURL=use-renown-login-BtGljnB4.js.map
+//# debugId=a9c447f4-bb72-553a-9b6f-82cb39a7bd7e

package/dist/use-renown-login-BtGljnB4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-renown-login-BtGljnB4.js","sources":["../src/hooks/use-renown-login.ts"],"sourcesContent":["import type { RenownLoginOption } from \"@powerhousedao/design-system/connect\";\nimport {\n  openRenown,\n  showPHModal,\n  useRenownAuth,\n  useRenownLoginMethods,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\n// Opens the in-page login modal when wallet adapters are configured; otherwise\n// redirects straight to the Renown portal (no modal with only a redirect button).\nexport function useOpenRenownLogin(): () => void {\n  const methods = useRenownLoginMethods();\n  return useCallback(() => {\n    if (methods.length > 0) {\n      showPHModal({ type: \"login\" });\n    } else {\n      openRenown();\n    }\n  }, [methods]);\n}\n\nexport interface RenownLoginProps {\n  onLogin: () => void;\n  // One option per configured login method (wallet, Google, email, …). Empty\n  // only when no adapters are configured (the redirect Connect button is used).\n  methods: RenownLoginOption[];\n  loading: boolean;\n  error: string | null;\n}\n\nconst LAST_METHOD_KEY = \"renown:last-login-method\";\n\nfunction getLastLoginMethod(): string | null {\n  try {\n    return localStorage.getItem(LAST_METHOD_KEY);\n  } catch {\n    return null;\n  }\n}\n\nfunction setLastLoginMethod(method: string): void {\n  try {\n    localStorage.setItem(LAST_METHOD_KEY, method);\n  } catch {\n    // localStorage unavailable (private mode / SSR) — the badge is optional.\n  }\n}\n\n// Single source of the login wiring shared by every Connect CTA: in-page\n// sign-in (with redirect fallback) plus pending/error feedback.\nexport function useRenownLoginProps(): RenownLoginProps {\n  const { login, pending, error } = useRenownAuth();\n  const onLogin = useCallback(() => login(), [login]);\n\n  // Method list (labels) comes from the shared primitive; Connect adds the\n  // last-used badge + the onSelect wiring for its design-system card.\n  const baseMethods = useRenownLoginMethods();\n\n  const methods = useMemo<RenownLoginOption[]>(() => {\n    const lastUsed = getLastLoginMethod();\n    return baseMethods.map((method) => ({\n      id: method.id,\n      label: method.label,\n      lastUsed: lastUsed === method.id,\n      onSelect: () => {\n        setLastLoginMethod(method.id);\n        login(undefined, method.id);\n      },\n    }));\n  }, [baseMethods, login]);\n\n  return { onLogin, methods, loading: pending, error: error?.message ?? null };\n}\n"],"names":[],"mappings":";;;;;AAWA,SAAgB,qBAAiC;CAC/C,MAAM,UAAU,uBAAuB;AACvC,QAAO,kBAAkB;AACvB,MAAI,QAAQ,SAAS,EACnB,aAAY,EAAE,MAAM,SAAS,CAAC;MAE9B,aAAY;IAEb,CAAC,QAAQ,CAAC;;AAYf,MAAM,kBAAkB;AAExB,SAAS,qBAAoC;AAC3C,KAAI;AACF,SAAO,aAAa,QAAQ,gBAAgB;SACtC;AACN,SAAO;;;AAIX,SAAS,mBAAmB,QAAsB;AAChD,KAAI;AACF,eAAa,QAAQ,iBAAiB,OAAO;SACvC;;AAOV,SAAgB,sBAAwC;CACtD,MAAM,EAAE,OAAO,SAAS,UAAU,eAAe;CACjD,MAAM,UAAU,kBAAkB,OAAO,EAAE,CAAC,MAAM,CAAC;CAInD,MAAM,cAAc,uBAAuB;AAe3C,QAAO;EAAE;EAAS,SAbF,cAAmC;GACjD,MAAM,WAAW,oBAAoB;AACrC,UAAO,YAAY,KAAK,YAAY;IAClC,IAAI,OAAO;IACX,OAAO,OAAO;IACd,UAAU,aAAa,OAAO;IAC9B,gBAAgB;AACd,wBAAmB,OAAO,GAAG;AAC7B,WAAM,KAAA,GAAW,OAAO,GAAG;;IAE9B,EAAE;KACF,CAAC,aAAa,MAAM,CAAC;EAEG,SAAS;EAAS,OAAO,OAAO,WAAW;EAAM","debug_id":"a9c447f4-bb72-553a-9b6f-82cb39a7bd7e"}

package/dist/useRegistryPackages-DMhCvTWq.js

@@ -0,0 +1,314 @@
+
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="a2bca0ce-adce-512d-a646-5adf41d1dd3f")}catch(e){}}();
+import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { getPackagePage, getPackagesForDocumentType, trimTrailingSlash, useVetraPackageManager } from "@powerhousedao/reactor-browser";
+import { slimManifest } from "@powerhousedao/shared/registry/manifest-slim";
+//#region src/hooks/useRegistryPackages.ts
+/** Page size for the paginated Available-packages listing. */
+const AVAILABLE_PAGE_SIZE = 30;
+function useRegistryPackages() {
+	const packageManager = useVetraPackageManager();
+	const packageManagerPackages = packageManager?.packages;
+	const registryUrl = getRuntimeConfig().packageRegistryUrl ?? null;
+	const [registryPackagesMap, setRegistryPackagesMap] = useBestEffortLocalStorage(`REGISTRY_PACKAGES:${registryUrl === null ? null : trimTrailingSlash(registryUrl)}`, {});
+	const registryPackageList = useMemo(() => {
+		return Array.from(Object.values(registryPackagesMap)).filter((p) => p !== void 0);
+	}, [registryPackagesMap]);
+	const installedPackages = useMemo(() => registryPackageList.filter((p) => p.status === "local-install" || p.status === "registry-install"), [registryPackageList]);
+	const [availableOrder, setAvailableOrder] = useState([]);
+	const [availableTotal, setAvailableTotal] = useState(null);
+	const [availableHasMore, setAvailableHasMore] = useState(false);
+	const [isLoadingAvailable, setIsLoadingAvailable] = useState(false);
+	const [isLoadingMoreAvailable, setIsLoadingMoreAvailable] = useState(false);
+	const [availableError, setAvailableError] = useState(false);
+	const availableQueryRef = useRef("");
+	const nextOffsetRef = useRef(0);
+	const requestGenerationRef = useRef(0);
+	const debounceRef = useRef(null);
+	const availablePackages = useMemo(() => availableOrder.map((name) => registryPackagesMap[name]).filter((p) => p !== void 0 && (p.status === "available" || p.status === "dismissed")), [availableOrder, registryPackagesMap]);
+	const fetchAvailablePage = useCallback(async ({ reset }) => {
+		if (registryUrl === null || !packageManager) return;
+		const generation = ++requestGenerationRef.current;
+		const offset = reset ? 0 : nextOffsetRef.current;
+		const search = availableQueryRef.current;
+		if (reset) setIsLoadingAvailable(true);
+		else setIsLoadingMoreAvailable(true);
+		setAvailableError(false);
+		try {
+			const page = await getPackagePage(registryUrl, {
+				limit: AVAILABLE_PAGE_SIZE,
+				offset,
+				search: search || void 0
+			});
+			if (generation !== requestGenerationRef.current) return;
+			setRegistryPackagesMap((oldPackages) => {
+				const next = { ...oldPackages };
+				for (const item of page.items) {
+					const existing = next[item.name];
+					if (!existing) {
+						const status = getPackageStatusFromPackageSource(packageManager.getPackageSource(item.name));
+						next[item.name] = makeRegistryPackageFromListItem(item, status);
+					} else next[item.name] = {
+						...existing,
+						version: packageManager.getPackageVersion(item.name) ?? item.version ?? existing.version,
+						status: promoteStatus(existing.status, packageManager.getPackageSource(item.name))
+					};
+				}
+				return next;
+			});
+			setAvailableOrder((prev) => {
+				const base = reset ? [] : prev;
+				const seen = new Set(base);
+				const merged = [...base];
+				for (const item of page.items) if (!seen.has(item.name)) {
+					seen.add(item.name);
+					merged.push(item.name);
+				}
+				return merged;
+			});
+			nextOffsetRef.current = offset + page.items.length;
+			setAvailableTotal(page.total);
+			setAvailableHasMore(page.hasMore);
+		} catch (error) {
+			if (generation !== requestGenerationRef.current) return;
+			console.error(error);
+			setAvailableError(true);
+		} finally {
+			if (generation === requestGenerationRef.current) {
+				setIsLoadingAvailable(false);
+				setIsLoadingMoreAvailable(false);
+			}
+		}
+	}, [
+		registryUrl,
+		packageManager,
+		setRegistryPackagesMap
+	]);
+	/** Debounced server search — resets to page 1 for the new query. */
+	const setAvailableSearch = useCallback((query) => {
+		availableQueryRef.current = query;
+		if (debounceRef.current) clearTimeout(debounceRef.current);
+		debounceRef.current = setTimeout(() => {
+			fetchAvailablePage({ reset: true });
+		}, 300);
+	}, [fetchAvailablePage]);
+	/** Load the next page (infinite scroll). No-op when exhausted/busy. */
+	const loadMoreAvailable = useCallback(() => {
+		if (!availableHasMore || isLoadingAvailable || isLoadingMoreAvailable) return;
+		fetchAvailablePage({ reset: false });
+	}, [
+		availableHasMore,
+		isLoadingAvailable,
+		isLoadingMoreAvailable,
+		fetchAvailablePage
+	]);
+	/**
+	* Load page 1 the first time the Available tab is opened. Re-opening keeps
+	* the accumulated pages; a fetch error leaves the panel's Retry to re-fetch
+	* (this guard avoids auto-retry loops on tab re-open).
+	*/
+	function ensureAvailableLoaded() {
+		if (availableOrder.length > 0 || isLoadingAvailable || availableError) return;
+		fetchAvailablePage({ reset: true });
+	}
+	/**
+	* Fetch full package info for a document type (via the legacy
+	* `?documentType=` filter) and merge into the map. Lets MissingPackageModal
+	* offer installs without loading the whole paginated listing.
+	*/
+	const fetchPackagesByDocumentType = useCallback(async (documentType) => {
+		if (registryUrl === null || !packageManager) return [];
+		try {
+			const infos = await getPackagesForDocumentType(registryUrl, documentType);
+			setRegistryPackagesMap((oldPackages) => {
+				const next = { ...oldPackages };
+				for (const info of infos) {
+					const existing = next[info.name];
+					const status = getPackageStatusFromPackageSource(packageManager.getPackageSource(info.name));
+					next[info.name] = existing ? {
+						...existing,
+						status: promoteStatus(existing.status, packageManager.getPackageSource(info.name))
+					} : makeRegistryPackageFromPackageInfo(info, status);
+				}
+				return next;
+			});
+			return infos.map((info) => makeRegistryPackageFromPackageInfo(info, getPackageStatusFromPackageSource(packageManager.getPackageSource(info.name))));
+		} catch (error) {
+			console.error(error);
+			return [];
+		}
+	}, [
+		registryUrl,
+		packageManager,
+		setRegistryPackagesMap
+	]);
+	useEffect(() => () => {
+		if (debounceRef.current) clearTimeout(debounceRef.current);
+	}, []);
+	useEffect(() => {
+		if (!packageManager) return;
+		if (packageManagerPackages?.length) for (const packageManagerPackage of packageManagerPackages) setRegistryPackagesMap((existingRegistryPackages) => {
+			const packageName = packageManagerPackage.manifest.name;
+			const existingPackage = existingRegistryPackages[packageName];
+			const newRegistryPackages = { ...existingRegistryPackages };
+			const version = packageManager.getPackageVersion(packageName);
+			if (existingPackage) newRegistryPackages[packageName] = {
+				...existingPackage,
+				version: version ?? existingPackage.version,
+				status: promoteStatus(existingPackage.status, packageManager.getPackageSource(packageName))
+			};
+			else newRegistryPackages[packageName] = makeRegistryPackageFromDocumentModelLib(packageManagerPackage, getPackageStatusFromPackageSource(packageManager.getPackageSource(packageName)), version);
+			return newRegistryPackages;
+		});
+	}, [packageManagerPackages]);
+	function updateRegistryPackageStatus(packageName, newStatus) {
+		setRegistryPackagesMap((oldRegistryPackages) => {
+			const newRegistryPackages = { ...oldRegistryPackages };
+			const newRegistryPackage = newRegistryPackages[packageName];
+			if (!newRegistryPackage) {
+				console.error("Attempting to update status for package that does not exist.");
+				return newRegistryPackages;
+			}
+			newRegistryPackages[packageName] = {
+				...newRegistryPackage,
+				status: newStatus
+			};
+			return newRegistryPackages;
+		});
+	}
+	/**
+	* Register a freshly-installed package that came in via the npm-uplink
+	* fallback — the user typed a bare name, our local `/packages` didn't know
+	* it, but the install succeeded because verdaccio proxy-fetched the tarball.
+	*
+	* This is the one legitimate case where the status update runs against a
+	* name that wasn't in the registry map. We treat it as an insert rather
+	* than logging the "does not exist" error. Data is pulled from the loaded
+	* module so the UI card shows the real manifest immediately; the next
+	* `/packages` refresh will add `versions`/`distTags`.
+	*/
+	function registerFallbackRegistryPackage(packageName, loadedPackage, version, status) {
+		setRegistryPackagesMap((oldRegistryPackages) => {
+			const newRegistryPackages = { ...oldRegistryPackages };
+			newRegistryPackages[packageName] = {
+				...makeRegistryPackageFromDocumentModelLib(loadedPackage, status, version),
+				name: packageName
+			};
+			return newRegistryPackages;
+		});
+	}
+	return {
+		registryPackagesMap,
+		registryPackageList,
+		installedPackages,
+		availablePackages,
+		availableTotal,
+		availableHasMore,
+		isLoadingAvailable,
+		isLoadingMoreAvailable,
+		availableError,
+		ensureAvailableLoaded,
+		fetchAvailablePage,
+		loadMoreAvailable,
+		setAvailableSearch,
+		fetchPackagesByDocumentType,
+		updateRegistryPackageStatus,
+		registerFallbackRegistryPackage
+	};
+}
+/**
+* Build a RegistryPackage from a trimmed paginated list item. Version metadata
+* (distTags/versions) and documentTypes are absent — the row lazy-loads them.
+*/
+function makeRegistryPackageFromListItem(item, status) {
+	return {
+		name: item.name,
+		path: item.path,
+		documentTypes: [],
+		version: item.version,
+		status,
+		manifest: {
+			name: item.name,
+			...item.description !== void 0 ? { description: item.description } : {},
+			...item.category !== void 0 ? { category: item.category } : {},
+			...item.publisher !== void 0 ? { publisher: item.publisher } : {}
+		}
+	};
+}
+function makeRegistryPackageFromDocumentModelLib(documentModelLib, status, version) {
+	return {
+		name: documentModelLib.manifest.name,
+		path: "stub-path",
+		documentTypes: documentModelLib.documentModels.map((d) => d.documentModel.global.id),
+		status,
+		manifest: slimManifest(documentModelLib.manifest),
+		version
+	};
+}
+function makeRegistryPackageFromPackageInfo(packageInfo, status) {
+	return {
+		...packageInfo,
+		manifest: slimManifest(packageInfo.manifest),
+		documentTypes: packageInfo.manifest?.documentModels?.map((d) => d.id) ?? [],
+		status
+	};
+}
+/**
+* Like usehooks-ts' useLocalStorage, but persistence is best-effort: a failed
+* `setItem` (e.g. QuotaExceededError on an oversized payload) keeps the
+* in-memory state so the package manager still works for the session.
+* useLocalStorage couples the state update to the write — when the write
+* threw, the freshly fetched package list was discarded and the registry UI
+* rendered (and searched) an empty list.
+*
+* The key is derived from the boot-time runtime config and never changes
+* within a session, so no key-change rehydration is needed.
+*/
+function useBestEffortLocalStorage(key, initialValue) {
+	const [value, setValue] = useState(() => readJsonFromStorage(key) ?? initialValue);
+	useEffect(() => {
+		try {
+			window.localStorage.setItem(key, JSON.stringify(value));
+		} catch (error) {
+			try {
+				window.localStorage.removeItem(key);
+				window.localStorage.setItem(key, JSON.stringify(value));
+			} catch {
+				console.warn(`Failed to persist "${key}" to localStorage; continuing with in-memory data.`, error);
+			}
+		}
+	}, [key, value]);
+	return [value, setValue];
+}
+function readJsonFromStorage(key) {
+	try {
+		const raw = window.localStorage.getItem(key);
+		return raw === null ? null : JSON.parse(raw);
+	} catch {
+		return null;
+	}
+}
+/**
+* When refreshing a cached entry, promote `"available"` to whatever the
+* packageManager now reports — the cached `"available"` was almost certainly
+* recorded before `packageManager.addPackages()` finished on a prior session.
+* Never downgrade an already-installed entry, and never overwrite a deliberate
+* `"dismissed"` choice.
+*/
+function promoteStatus(cachedStatus, packageSource) {
+	if (cachedStatus !== "available") return cachedStatus;
+	if (packageSource === null) return cachedStatus;
+	return getPackageStatusFromPackageSource(packageSource);
+}
+function getPackageStatusFromPackageSource(packageSource) {
+	if (packageSource === null) return "available";
+	if (packageSource === "local-install" || packageSource === "common" || packageSource === "project") return "local-install";
+	if (packageSource === "registry-install") return "registry-install";
+	return "available";
+}
+//#endregion
+export { useRegistryPackages as t };
+
+//# sourceMappingURL=useRegistryPackages-DMhCvTWq.js.map
+//# debugId=a2bca0ce-adce-512d-a646-5adf41d1dd3f