@powerhousedao/connect 6.2.2-dev.12 → 6.2.2-dev.14

package/dist/{registerServiceWorker-uI4Gj6fl.js.map → registerServiceWorker-Bn1KWmk0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"registerServiceWorker-uI4Gj6fl.js","sources":["../src/utils/registerServiceWorker.ts"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport { refreshPwaManifestLink } from \"./pwa-manifest-link.js\";\n\nconst basePath = connectConfig.routerBasename;\n\nconst serviceWorkerScriptPath = [basePath, \"service-worker.js\"]\n  .join(\"/\")\n  .replace(/\\/{2,}/gm, \"/\");\n\n// External store backing the refresh prompt: our hand-written service worker\n// (injectManifest, registerType: prompt) parks a new worker as \"waiting\" by not\n// calling skipWaiting on install; we flag that here so\n// service-worker-update-prompt.tsx can offer a Refresh instead of reloading\n// from under the user.\nlet updateAvailable = false;\nconst updateListeners = new Set<() => void>();\n\nfunction setUpdateAvailable(value: boolean) {\n  if (updateAvailable === value) return;\n  updateAvailable = value;\n  for (const listener of updateListeners) listener();\n}\n\nexport function subscribeServiceWorkerUpdate(cb: () => void): () => void {\n  updateListeners.add(cb);\n  return () => {\n    updateListeners.delete(cb);\n  };\n}\n\nexport function getServiceWorkerUpdateAvailable(): boolean {\n  return updateAvailable;\n}\n\nclass ServiceWorkerManager {\n  ready = false;\n  debug = false;\n  registration: ServiceWorkerRegistration | null = null;\n  // Only reload on controllerchange when the user actually accepted an update.\n  // clientsClaim fires controllerchange on the very first install too, and we\n  // must not reload then.\n  #updateAccepted = false;\n  #reloading = false;\n\n  constructor(debug = false) {\n    this.debug = debug;\n  }\n\n  setDebug(debug: boolean) {\n    this.debug = debug;\n  }\n\n  #log(...args: unknown[]) {\n    if (this.debug) console.log(\"[ServiceWorker]\", ...args);\n  }\n\n  // Watch an installing worker; once it reaches \"installed\" while another\n  // worker already controls the page, a new version is waiting → prompt.\n  #trackInstalling(worker: ServiceWorker | null) {\n    if (!worker) return;\n    worker.addEventListener(\"statechange\", () => {\n      if (worker.state === \"installed\" && navigator.serviceWorker.controller) {\n        this.#log(\"New version installed and waiting\");\n        setUpdateAvailable(true);\n      }\n    });\n  }\n\n  #handleRegistration(registration: ServiceWorkerRegistration) {\n    this.registration = registration;\n    this.ready = true;\n    this.#log(\"registered\", registration);\n\n    // A worker installed by a previous page load may already be waiting.\n    if (registration.waiting && navigator.serviceWorker.controller) {\n      setUpdateAvailable(true);\n    }\n\n    this.#trackInstalling(registration.installing);\n    registration.addEventListener(\"updatefound\", () => {\n      this.#trackInstalling(registration.installing);\n    });\n  }\n\n  async #register() {\n    try {\n      navigator.serviceWorker.addEventListener(\"controllerchange\", () => {\n        // First visit: boot fetches the runtime config before this SW controls\n        // the page, so it never lands in the cache. Warm it now (clientsClaim\n        // just gave us control) so a single online load is enough to go offline.\n        this.#warmRuntimeConfigCache();\n        // The SW only serves the dynamic manifest.webmanifest once it controls\n        // the page. A package installed before that (its fragment already in\n        // IndexedDB) was re-consumed against the static base manifest; now that\n        // the dynamic route is live, re-attach the link so it picks up the\n        // package's PWA config without a manual reload.\n        refreshPwaManifestLink();\n        // Reload once the worker we activated via applyUpdate() takes control.\n        if (!this.#updateAccepted || this.#reloading) return;\n        this.#reloading = true;\n        window.location.reload();\n      });\n\n      const existing = await navigator.serviceWorker.getRegistration();\n      if (existing) {\n        this.#handleRegistration(existing);\n        // Force an immediate check so a deploy that happened while the tab was\n        // closed surfaces a prompt on the next load.\n        await existing.update();\n      } else {\n        const registration = await navigator.serviceWorker.register(\n          serviceWorkerScriptPath,\n        );\n        this.#handleRegistration(registration);\n      }\n\n      // Periodically poll for a new version while the tab stays open.\n      const intervalId = setInterval(() => {\n        void (async () => {\n          const reg = await navigator.serviceWorker.getRegistration();\n          if (!reg) {\n            clearInterval(intervalId);\n            return;\n          }\n          // Skip while a worker is mid-install or the browser is offline —\n          // updating then would only fire a doomed network fetch (per the\n          // vite-plugin-pwa periodic-update guidance).\n          if (reg.installing || !navigator.onLine) return;\n          await reg.update();\n        })();\n      }, connectConfig.appVersionCheckInterval);\n    } catch (error) {\n      console.error(\"ServiceWorker registration failed: \", error);\n    }\n  }\n\n  registerServiceWorker(debug = false) {\n    this.debug = debug;\n\n    if (!(\"serviceWorker\" in navigator)) {\n      console.warn(\"Service Worker not available\");\n      return;\n    }\n    const start = () => {\n      this.#register().catch(console.error);\n    };\n    // This runs from a React effect, which usually fires *after* the window\n    // `load` event has already happened — so adding a load listener would never\n    // fire. Register immediately when the page is already loaded; otherwise wait\n    // for load to avoid contending with initial page resource fetches.\n    if (document.readyState === \"complete\") {\n      start();\n    } else {\n      window.addEventListener(\"load\", start, { once: true });\n    }\n  }\n\n  // Fire-and-forget re-fetch so the controlling SW's NetworkFirst rule caches\n  // the config (see controllerchange). The URL MUST match runtime-config.ts's\n  // loader (`${import.meta.env.BASE_URL}powerhouse.config.json`) or the cache\n  // keys won't line up.\n  #warmRuntimeConfigCache() {\n    void fetch(`${import.meta.env.BASE_URL}powerhouse.config.json`).catch(\n      () => {},\n    );\n  }\n\n  // Activate the waiting worker; the controllerchange handler then reloads.\n  applyUpdate() {\n    setUpdateAvailable(false);\n    const waiting = this.registration?.waiting;\n    if (!waiting) {\n      // Nothing waiting (or already activated) — reload to pick up whatever\n      // the active worker now serves.\n      this.#reloading = true;\n      window.location.reload();\n      return;\n    }\n    this.#updateAccepted = true;\n    waiting.postMessage({ type: \"SKIP_WAITING\" });\n  }\n\n  sendMessage(message: unknown) {\n    const target =\n      this.registration?.active ??\n      this.registration?.waiting ??\n      navigator.serviceWorker.controller;\n    target?.postMessage(message);\n  }\n\n  // Drop any worker controlling this scope — used when offline support is\n  // disabled (a disabled build also ships a self-destroying worker).\n  async unregisterAll() {\n    if (!(\"serviceWorker\" in navigator)) return;\n    const registrations = await navigator.serviceWorker.getRegistrations();\n    await Promise.all(registrations.map((r) => r.unregister()));\n  }\n}\n\nexport const serviceWorkerManager = new ServiceWorkerManager();\n"],"names":["#log","#trackInstalling","#register","#warmRuntimeConfigCache","#updateAccepted","#reloading","#handleRegistration"],"mappings":"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","debug_id":"77ec84d9-1c39-5b92-a71b-ace95d8fe2d9"}
+{"version":3,"file":"registerServiceWorker-Bn1KWmk0.js","sources":["../src/utils/registerServiceWorker.ts"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport { refreshPwaManifestLink } from \"./pwa-manifest-link.js\";\n\nconst basePath = connectConfig.routerBasename;\n\nconst serviceWorkerScriptPath = [basePath, \"service-worker.js\"]\n  .join(\"/\")\n  .replace(/\\/{2,}/gm, \"/\");\n\n// External store backing the refresh prompt: our hand-written service worker\n// (injectManifest, registerType: prompt) parks a new worker as \"waiting\" by not\n// calling skipWaiting on install; we flag that here so\n// service-worker-update-prompt.tsx can offer a Refresh instead of reloading\n// from under the user.\nlet updateAvailable = false;\nconst updateListeners = new Set<() => void>();\n\nfunction setUpdateAvailable(value: boolean) {\n  if (updateAvailable === value) return;\n  updateAvailable = value;\n  for (const listener of updateListeners) listener();\n}\n\nexport function subscribeServiceWorkerUpdate(cb: () => void): () => void {\n  updateListeners.add(cb);\n  return () => {\n    updateListeners.delete(cb);\n  };\n}\n\nexport function getServiceWorkerUpdateAvailable(): boolean {\n  return updateAvailable;\n}\n\nclass ServiceWorkerManager {\n  ready = false;\n  debug = false;\n  registration: ServiceWorkerRegistration | null = null;\n  // Only reload on controllerchange when the user actually accepted an update.\n  // clientsClaim fires controllerchange on the very first install too, and we\n  // must not reload then.\n  #updateAccepted = false;\n  #reloading = false;\n\n  constructor(debug = false) {\n    this.debug = debug;\n  }\n\n  setDebug(debug: boolean) {\n    this.debug = debug;\n  }\n\n  #log(...args: unknown[]) {\n    if (this.debug) console.log(\"[ServiceWorker]\", ...args);\n  }\n\n  // Watch an installing worker; once it reaches \"installed\" while another\n  // worker already controls the page, a new version is waiting → prompt.\n  #trackInstalling(worker: ServiceWorker | null) {\n    if (!worker) return;\n    worker.addEventListener(\"statechange\", () => {\n      if (worker.state === \"installed\" && navigator.serviceWorker.controller) {\n        this.#log(\"New version installed and waiting\");\n        setUpdateAvailable(true);\n      }\n    });\n  }\n\n  #handleRegistration(registration: ServiceWorkerRegistration) {\n    this.registration = registration;\n    this.ready = true;\n    this.#log(\"registered\", registration);\n\n    // A worker installed by a previous page load may already be waiting.\n    if (registration.waiting && navigator.serviceWorker.controller) {\n      setUpdateAvailable(true);\n    }\n\n    this.#trackInstalling(registration.installing);\n    registration.addEventListener(\"updatefound\", () => {\n      this.#trackInstalling(registration.installing);\n    });\n  }\n\n  async #register() {\n    try {\n      navigator.serviceWorker.addEventListener(\"controllerchange\", () => {\n        // First visit: boot fetches the runtime config before this SW controls\n        // the page, so it never lands in the cache. Warm it now (clientsClaim\n        // just gave us control) so a single online load is enough to go offline.\n        this.#warmRuntimeConfigCache();\n        // The SW only serves the dynamic manifest.webmanifest once it controls\n        // the page. A package installed before that (its fragment already in\n        // IndexedDB) was re-consumed against the static base manifest; now that\n        // the dynamic route is live, re-attach the link so it picks up the\n        // package's PWA config without a manual reload.\n        refreshPwaManifestLink();\n        // Reload once the worker we activated via applyUpdate() takes control.\n        if (!this.#updateAccepted || this.#reloading) return;\n        this.#reloading = true;\n        window.location.reload();\n      });\n\n      const existing = await navigator.serviceWorker.getRegistration();\n      if (existing) {\n        this.#handleRegistration(existing);\n        // Force an immediate check so a deploy that happened while the tab was\n        // closed surfaces a prompt on the next load.\n        await existing.update();\n      } else {\n        const registration = await navigator.serviceWorker.register(\n          serviceWorkerScriptPath,\n        );\n        this.#handleRegistration(registration);\n      }\n\n      // Periodically poll for a new version while the tab stays open.\n      const intervalId = setInterval(() => {\n        void (async () => {\n          const reg = await navigator.serviceWorker.getRegistration();\n          if (!reg) {\n            clearInterval(intervalId);\n            return;\n          }\n          // Skip while a worker is mid-install or the browser is offline —\n          // updating then would only fire a doomed network fetch (per the\n          // vite-plugin-pwa periodic-update guidance).\n          if (reg.installing || !navigator.onLine) return;\n          await reg.update();\n        })();\n      }, connectConfig.appVersionCheckInterval);\n    } catch (error) {\n      console.error(\"ServiceWorker registration failed: \", error);\n    }\n  }\n\n  registerServiceWorker(debug = false) {\n    this.debug = debug;\n\n    if (!(\"serviceWorker\" in navigator)) {\n      console.warn(\"Service Worker not available\");\n      return;\n    }\n    const start = () => {\n      this.#register().catch(console.error);\n    };\n    // This runs from a React effect, which usually fires *after* the window\n    // `load` event has already happened — so adding a load listener would never\n    // fire. Register immediately when the page is already loaded; otherwise wait\n    // for load to avoid contending with initial page resource fetches.\n    if (document.readyState === \"complete\") {\n      start();\n    } else {\n      window.addEventListener(\"load\", start, { once: true });\n    }\n  }\n\n  // Fire-and-forget re-fetch so the controlling SW's NetworkFirst rule caches\n  // the config (see controllerchange). The URL MUST match runtime-config.ts's\n  // loader (`${import.meta.env.BASE_URL}powerhouse.config.json`) or the cache\n  // keys won't line up.\n  #warmRuntimeConfigCache() {\n    void fetch(`${import.meta.env.BASE_URL}powerhouse.config.json`).catch(\n      () => {},\n    );\n  }\n\n  // Activate the waiting worker; the controllerchange handler then reloads.\n  applyUpdate() {\n    setUpdateAvailable(false);\n    const waiting = this.registration?.waiting;\n    if (!waiting) {\n      // Nothing waiting (or already activated) — reload to pick up whatever\n      // the active worker now serves.\n      this.#reloading = true;\n      window.location.reload();\n      return;\n    }\n    this.#updateAccepted = true;\n    waiting.postMessage({ type: \"SKIP_WAITING\" });\n  }\n\n  sendMessage(message: unknown) {\n    const target =\n      this.registration?.active ??\n      this.registration?.waiting ??\n      navigator.serviceWorker.controller;\n    target?.postMessage(message);\n  }\n\n  // Drop any worker controlling this scope — used when offline support is\n  // disabled (a disabled build also ships a self-destroying worker).\n  async unregisterAll() {\n    if (!(\"serviceWorker\" in navigator)) return;\n    const registrations = await navigator.serviceWorker.getRegistrations();\n    await Promise.all(registrations.map((r) => r.unregister()));\n  }\n}\n\nexport const serviceWorkerManager = new ServiceWorkerManager();\n"],"names":["#log","#trackInstalling","#register","#warmRuntimeConfigCache","#updateAccepted","#reloading","#handleRegistration"],"mappings":";;;;;AAKA,MAAM,0BAA0B,CAFf,cAAc,gBAEY,oBAAoB,CAC5D,KAAK,IAAI,CACT,QAAQ,YAAY,IAAI;AAO3B,IAAI,kBAAkB;AACtB,MAAM,kCAAkB,IAAI,KAAiB;AAE7C,SAAS,mBAAmB,OAAgB;AAC1C,KAAI,oBAAoB,MAAO;AAC/B,mBAAkB;AAClB,MAAK,MAAM,YAAY,gBAAiB,WAAU;;AAGpD,SAAgB,6BAA6B,IAA4B;AACvE,iBAAgB,IAAI,GAAG;AACvB,cAAa;AACX,kBAAgB,OAAO,GAAG;;;AAI9B,SAAgB,kCAA2C;AACzD,QAAO;;AAGT,IAAM,uBAAN,MAA2B;CACzB,QAAQ;CACR,QAAQ;CACR,eAAiD;CAIjD,kBAAkB;CAClB,aAAa;CAEb,YAAY,QAAQ,OAAO;AACzB,OAAK,QAAQ;;CAGf,SAAS,OAAgB;AACvB,OAAK,QAAQ;;CAGf,KAAK,GAAG,MAAiB;AACvB,MAAI,KAAK,MAAO,SAAQ,IAAI,mBAAmB,GAAG,KAAK;;CAKzD,iBAAiB,QAA8B;AAC7C,MAAI,CAAC,OAAQ;AACb,SAAO,iBAAiB,qBAAqB;AAC3C,OAAI,OAAO,UAAU,eAAe,UAAU,cAAc,YAAY;AACtE,UAAA,IAAU,oCAAoC;AAC9C,uBAAmB,KAAK;;IAE1B;;CAGJ,oBAAoB,cAAyC;AAC3D,OAAK,eAAe;AACpB,OAAK,QAAQ;AACb,QAAA,IAAU,cAAc,aAAa;AAGrC,MAAI,aAAa,WAAW,UAAU,cAAc,WAClD,oBAAmB,KAAK;AAG1B,QAAA,gBAAsB,aAAa,WAAW;AAC9C,eAAa,iBAAiB,qBAAqB;AACjD,SAAA,gBAAsB,aAAa,WAAW;IAC9C;;CAGJ,OAAA,WAAkB;AAChB,MAAI;AACF,aAAU,cAAc,iBAAiB,0BAA0B;AAIjE,UAAA,wBAA8B;AAM9B,4BAAwB;AAExB,QAAI,CAAC,MAAA,kBAAwB,MAAA,UAAiB;AAC9C,UAAA,YAAkB;AAClB,WAAO,SAAS,QAAQ;KACxB;GAEF,MAAM,WAAW,MAAM,UAAU,cAAc,iBAAiB;AAChE,OAAI,UAAU;AACZ,UAAA,mBAAyB,SAAS;AAGlC,UAAM,SAAS,QAAQ;UAClB;IACL,MAAM,eAAe,MAAM,UAAU,cAAc,SACjD,wBACD;AACD,UAAA,mBAAyB,aAAa;;GAIxC,MAAM,aAAa,kBAAkB;AACnC,KAAM,YAAY;KAChB,MAAM,MAAM,MAAM,UAAU,cAAc,iBAAiB;AAC3D,SAAI,CAAC,KAAK;AACR,oBAAc,WAAW;AACzB;;AAKF,SAAI,IAAI,cAAc,CAAC,UAAU,OAAQ;AACzC,WAAM,IAAI,QAAQ;QAChB;MACH,cAAc,wBAAwB;WAClC,OAAO;AACd,WAAQ,MAAM,uCAAuC,MAAM;;;CAI/D,sBAAsB,QAAQ,OAAO;AACnC,OAAK,QAAQ;AAEb,MAAI,EAAE,mBAAmB,YAAY;AACnC,WAAQ,KAAK,+BAA+B;AAC5C;;EAEF,MAAM,cAAc;AAClB,SAAA,UAAgB,CAAC,MAAM,QAAQ,MAAM;;AAMvC,MAAI,SAAS,eAAe,WAC1B,QAAO;MAEP,QAAO,iBAAiB,QAAQ,OAAO,EAAE,MAAM,MAAM,CAAC;;CAQ1D,0BAA0B;AACnB,QAAM,GAAG,OAAO,KAAK,IAAI,SAAS,wBAAwB,CAAC,YACxD,GACP;;CAIH,cAAc;AACZ,qBAAmB,MAAM;EACzB,MAAM,UAAU,KAAK,cAAc;AACnC,MAAI,CAAC,SAAS;AAGZ,SAAA,YAAkB;AAClB,UAAO,SAAS,QAAQ;AACxB;;AAEF,QAAA,iBAAuB;AACvB,UAAQ,YAAY,EAAE,MAAM,gBAAgB,CAAC;;CAG/C,YAAY,SAAkB;AAK5B,GAHE,KAAK,cAAc,UACnB,KAAK,cAAc,WACnB,UAAU,cAAc,aAClB,YAAY,QAAQ;;CAK9B,MAAM,gBAAgB;AACpB,MAAI,EAAE,mBAAmB,WAAY;EACrC,MAAM,gBAAgB,MAAM,UAAU,cAAc,kBAAkB;AACtE,QAAM,QAAQ,IAAI,cAAc,KAAK,MAAM,EAAE,YAAY,CAAC,CAAC;;;AAI/D,MAAa,uBAAuB,IAAI,sBAAsB","debug_id":"6228ba39-f39a-580d-836c-d01174316972"}

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-D_F74RBh.js");
+const { AppLoader } = await import("./components-CUc85sje.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);
   }
@@ -1152,6 +1156,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;
   }
@@ -1653,6 +1660,9 @@
       background-color: color-mix(in oklab, var(--background) 50%, transparent);
     }
   }
+  .bg-border {
+    background-color: var(--border);
+  }
   .bg-card {
     background-color: var(--card);
   }
@@ -1671,6 +1681,9 @@
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
   }
+  .bg-foreground {
+    background-color: var(--foreground);
+  }
   .bg-info {
     background-color: var(--info);
   }
@@ -2047,6 +2060,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);
@@ -2099,6 +2115,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;
   }
@@ -2115,6 +2135,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-background {
+    color: var(--background);
+  }
   .text-current {
     color: currentcolor;
   }
@@ -2940,6 +2963,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) {
@@ -3102,6 +3135,11 @@
       transition: filter 0.1s ease-in-out;
     }
   }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
   .disabled\:disabled-effect {
     &:disabled {
       cursor: not-allowed;
@@ -3129,6 +3167,16 @@
       box-shadow: none;
     }
   }
+  .disabled\:cursor-wait {
+    &:disabled {
+      cursor: wait;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
   .disabled\:opacity-100 {
     &:disabled {
       opacity: 100%;

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

@@ -0,0 +1,55 @@
+
+!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]="bbb5e35d-c252-50af-bc16-46e7ceedd324")}catch(e){}}();
+import { n as getRuntimeConfig } from "./runtime-config-DL3QjcfM.js";
+import { useCallback, useMemo } from "react";
+import { openRenown, showPHModal, useRenownAuth, useRenownLoginMethods } from "@powerhousedao/reactor-browser";
+//#region src/hooks/use-renown-login.ts
+function useOpenRenownLogin() {
+	const adapters = getRuntimeConfig().connect.renown?.adapters;
+	const methods = useRenownLoginMethods(adapters);
+	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 adapters = getRuntimeConfig().connect.renown?.adapters;
+	const baseMethods = useRenownLoginMethods(adapters);
+	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-DBujbqs8.js.map
+//# debugId=bbb5e35d-c252-50af-bc16-46e7ceedd324

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-renown-login-DBujbqs8.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 type { WalletAdaptersConfig } from \"@renown/sdk/wallet\";\nimport { useCallback, useMemo } from \"react\";\nimport { getRuntimeConfig } from \"../runtime-config.js\";\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 adapters = getRuntimeConfig().connect.renown?.adapters as\n    | WalletAdaptersConfig\n    | undefined;\n  const methods = useRenownLoginMethods(adapters);\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  const adapters = getRuntimeConfig().connect.renown?.adapters as\n    | WalletAdaptersConfig\n    | undefined;\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(adapters);\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":";;;;;;AAaA,SAAgB,qBAAiC;CAC/C,MAAM,WAAW,kBAAkB,CAAC,QAAQ,QAAQ;CAGpD,MAAM,UAAU,sBAAsB,SAAS;AAC/C,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;CAEnD,MAAM,WAAW,kBAAkB,CAAC,QAAQ,QAAQ;CAKpD,MAAM,cAAc,sBAAsB,SAAS;AAenD,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":"bbb5e35d-c252-50af-bc16-46e7ceedd324"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/connect",
   "productName": "Powerhouse-Connect",
-  "version": "6.2.2-dev.12",
+  "version": "6.2.2-dev.14",
   "description": "Powerhouse Connect",
   "main": "dist/index.html",
   "type": "module",
@@ -56,7 +56,10 @@
     "@openfeature/web-sdk": "1.6.2",
     "@openpanel/web": "^1.4.1",
     "@powerhousedao/document-engineering": "1.40.5",
+    "@privy-io/react-auth": "^3.25.0",
+    "@rainbow-me/rainbowkit": "^2.2.11",
     "@sentry/react": "^10.17.0",
+    "@tanstack/react-query": "^5.90.2",
     "i18next": "^25.5.3",
     "kysely": "0.28.16",
     "kysely-pglite-dialect": "1.2.0",
@@ -69,17 +72,18 @@
     "react-router-dom": "^6.11.2",
     "tailwind-merge": "3.4.0",
     "usehooks-ts": "^3.1.1",
+    "wagmi": "2.19.5",
     "zod": "4.3.6",
-    "@powerhousedao/config": "6.2.2-dev.12",
-    "@powerhousedao/design-system": "6.2.2-dev.12",
-    "@powerhousedao/powerhouse-vetra-packages": "6.2.2-dev.12",
-    "@powerhousedao/reactor": "6.2.2-dev.12",
-    "@powerhousedao/reactor-attachments": "6.2.2-dev.12",
-    "@powerhousedao/reactor-browser": "6.2.2-dev.12",
-    "@powerhousedao/shared": "6.2.2-dev.12",
-    "@powerhousedao/vetra": "6.2.2-dev.12",
-    "@renown/sdk": "6.2.2-dev.12",
-    "document-model": "6.2.2-dev.12"
+    "@powerhousedao/config": "6.2.2-dev.14",
+    "@powerhousedao/reactor": "6.2.2-dev.14",
+    "@powerhousedao/reactor-attachments": "6.2.2-dev.14",
+    "@powerhousedao/powerhouse-vetra-packages": "6.2.2-dev.14",
+    "@powerhousedao/reactor-browser": "6.2.2-dev.14",
+    "@powerhousedao/design-system": "6.2.2-dev.14",
+    "@powerhousedao/vetra": "6.2.2-dev.14",
+    "@renown/sdk": "6.2.2-dev.14",
+    "document-model": "6.2.2-dev.14",
+    "@powerhousedao/shared": "6.2.2-dev.14"
   },
   "devDependencies": {
     "@tailwindcss/cli": "4.2.2",

package/dist/DriveAuthRequiredModal-CPV5uXnf.js

@@ -1,40 +0,0 @@
-
-!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]="b78ca9b0-db26-5391-94d1-8d814e3be9f5")}catch(e){}}();
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { logout, openRenown, usePHModal, useUser } from "@powerhousedao/reactor-browser";
-import { DriveAuthGate } from "@powerhousedao/design-system/connect";
-//#region src/components/modal/modals/DriveAuthRequiredModal.tsx
-/**
-* Shown when a protected drive can't be added because the user isn't logged in.
-*
-* Deliberately NOT a Radix modal dialog: a modal dialog blocks all outside
-* interaction, which would trap the cookie banner (rendered above at z-10000)
-* and prevent accepting/rejecting it. Instead this is a non-blocking overlay —
-* `pointer-events-none` on the backdrop (so the banner and page stay clickable)
-* with `pointer-events-auto` on the card — sitting below the cookie banner. The
-* card itself is the shared {@link DriveAuthGate}, identical to the full-page
-* gate. It stays up until login (the Renown CTA full-page-redirects).
-*/
-const DriveAuthRequiredModal = () => {
-	const phModal = usePHModal();
-	const mode = useUser() ? "unauthorized" : "login";
-	if (phModal?.type !== "driveAuthRequired") return null;
-	return /* @__PURE__ */ jsx("div", {
-		role: "dialog",
-		"aria-modal": "false",
-		"aria-label": mode === "unauthorized" ? "You don't have access to this drive" : "Log in to access this drive",
-		className: "pointer-events-none fixed inset-0 z-50 grid place-items-center bg-primary/30",
-		children: /* @__PURE__ */ jsx(DriveAuthGate, {
-			mode,
-			onLogin: () => openRenown(),
-			onLogout: () => void logout(),
-			className: "pointer-events-auto"
-		})
-	});
-};
-//#endregion
-export { DriveAuthRequiredModal };
-
-//# sourceMappingURL=DriveAuthRequiredModal-CPV5uXnf.js.map
-//# debugId=b78ca9b0-db26-5391-94d1-8d814e3be9f5

package/dist/DriveAuthRequiredModal-CPV5uXnf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DriveAuthRequiredModal-CPV5uXnf.js","sources":["../src/components/modal/modals/DriveAuthRequiredModal.tsx"],"sourcesContent":["import { DriveAuthGate } from \"@powerhousedao/design-system/connect\";\nimport {\n  logout,\n  openRenown,\n  usePHModal,\n  useUser,\n} from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\n\n/**\n * Shown when a protected drive can't be added because the user isn't logged in.\n *\n * Deliberately NOT a Radix modal dialog: a modal dialog blocks all outside\n * interaction, which would trap the cookie banner (rendered above at z-10000)\n * and prevent accepting/rejecting it. Instead this is a non-blocking overlay —\n * `pointer-events-none` on the backdrop (so the banner and page stay clickable)\n * with `pointer-events-auto` on the card — sitting below the cookie banner. The\n * card itself is the shared {@link DriveAuthGate}, identical to the full-page\n * gate. It stays up until login (the Renown CTA full-page-redirects).\n */\nexport const DriveAuthRequiredModal: React.FC = () => {\n  const phModal = usePHModal();\n  const user = useUser();\n  const mode = user ? \"unauthorized\" : \"login\";\n  if (phModal?.type !== \"driveAuthRequired\") return null;\n\n  return (\n    <div\n      role=\"dialog\"\n      aria-modal=\"false\"\n      aria-label={\n        mode === \"unauthorized\"\n          ? \"You don't have access to this drive\"\n          : \"Log in to access this drive\"\n      }\n      className=\"pointer-events-none fixed inset-0 z-50 grid place-items-center bg-primary/30\"\n    >\n      <DriveAuthGate\n        mode={mode}\n        onLogin={() => openRenown()}\n        onLogout={() => void logout()}\n        className=\"pointer-events-auto\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAa,+BAAyC;CACpD,MAAM,UAAU,YAAY;CAE5B,MAAM,OADO,SAAS,GACF,iBAAiB;AACrC,KAAI,SAAS,SAAS,oBAAqB,QAAO;AAElD,QACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,cACE,SAAS,iBACL,wCACA;EAEN,WAAU;YAEV,oBAAC,eAAD;GACQ;GACN,eAAe,YAAY;GAC3B,gBAAgB,KAAK,QAAQ;GAC7B,WAAU;GACV,CAAA;EACE,CAAA","debug_id":"b78ca9b0-db26-5391-94d1-8d814e3be9f5"}

package/dist/app-loader-CmZQxyq0.js

@@ -1,4 +0,0 @@
-import { t as AppLoader } from "./app-loader-DdiMcHzZ.js";
-export { AppLoader };
-!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]="76defe34-ddac-546d-ba09-23d3e8272579")}catch(e){}}();
-//# debugId=76defe34-ddac-546d-ba09-23d3e8272579