@powerhousedao/connect 6.0.0-dev.83 → 6.0.0-dev.88

package/dist/src/utils/index.js

@@ -4499,7 +4499,7 @@ var init_package = __esm(() => {
   package_default = {
     name: "@powerhousedao/connect",
     productName: "Powerhouse-Connect",
-    version: "6.0.0-dev.82",
+    version: "6.0.0-dev.87",
     description: "Powerhouse Connect",
     main: "dist/index.html",
     type: "module",
@@ -11192,6 +11192,11 @@ class CollectionMembershipCache {
   constructor(operationIndex) {
     this.operationIndex = operationIndex;
   }
+  withScopedIndex(operationIndex) {
+    const scoped = new CollectionMembershipCache(operationIndex);
+    scoped.cache = this.cache;
+    return scoped;
+  }
   async getCollectionsForDocuments(documentIds) {
     const result = {};
     const missing = [];
@@ -11479,6 +11484,12 @@ class DocumentMetaCache {
     this.cache = new Map;
     this.lruTracker = new LRUTracker;
   }
+  withScopedStore(operationStore) {
+    const scoped = new DocumentMetaCache(operationStore, this.config);
+    scoped.cache = this.cache;
+    scoped.lruTracker = this.lruTracker;
+    return scoped;
+  }
   async startup() {
     return Promise.resolve();
   }
@@ -11628,9 +11639,18 @@ class KyselyOperationIndexTxn {
 
 class KyselyOperationIndex {
   db;
+  trx;
   constructor(db) {
     this.db = db;
   }
+  get queryExecutor() {
+    return this.trx ?? this.db;
+  }
+  withTransaction(trx) {
+    const instance = new KyselyOperationIndex(this.db);
+    instance.trx = trx;
+    return instance;
+  }
   start() {
     return new KyselyOperationIndexTxn;
   }
@@ -11639,70 +11659,76 @@ class KyselyOperationIndex {
       throw new Error("Operation aborted");
     }
     const kyselyTxn = txn;
+    if (this.trx) {
+      return this.executeCommit(this.trx, kyselyTxn);
+    }
+    let resultOrdinals = [];
+    await this.db.transaction().execute(async (trx) => {
+      resultOrdinals = await this.executeCommit(trx, kyselyTxn);
+    });
+    return resultOrdinals;
+  }
+  async executeCommit(trx, kyselyTxn) {
     const collections = kyselyTxn.getCollections();
     const memberships = kyselyTxn.getCollectionMembershipRecords();
     const removals = kyselyTxn.getCollectionRemovals();
     const operations = kyselyTxn.getOperations();
-    let resultOrdinals = [];
-    await this.db.transaction().execute(async (trx) => {
-      if (collections.length > 0) {
-        const collectionRows = collections.map((collectionId) => ({
-          documentId: collectionId,
-          collectionId,
-          joinedOrdinal: BigInt(0),
+    if (collections.length > 0) {
+      const collectionRows = collections.map((collectionId) => ({
+        documentId: collectionId,
+        collectionId,
+        joinedOrdinal: BigInt(0),
+        leftOrdinal: null
+      }));
+      await trx.insertInto("document_collections").values(collectionRows).onConflict((oc) => oc.doNothing()).execute();
+    }
+    let operationOrdinals = [];
+    if (operations.length > 0) {
+      const operationRows = operations.map((op) => ({
+        opId: op.id || "",
+        documentId: op.documentId,
+        documentType: op.documentType,
+        scope: op.scope,
+        branch: op.branch,
+        timestampUtcMs: op.timestampUtcMs,
+        index: op.index,
+        skip: op.skip,
+        hash: op.hash,
+        action: op.action,
+        sourceRemote: op.sourceRemote
+      }));
+      const insertedOps = await trx.insertInto("operation_index_operations").values(operationRows).returning("ordinal").execute();
+      operationOrdinals = insertedOps.map((row) => row.ordinal);
+    }
+    if (memberships.length > 0) {
+      for (const m of memberships) {
+        const ordinal = operationOrdinals[m.operationIndex];
+        await trx.insertInto("document_collections").values({
+          documentId: m.documentId,
+          collectionId: m.collectionId,
+          joinedOrdinal: BigInt(ordinal),
           leftOrdinal: null
-        }));
-        await trx.insertInto("document_collections").values(collectionRows).onConflict((oc) => oc.doNothing()).execute();
-      }
-      let operationOrdinals = [];
-      if (operations.length > 0) {
-        const operationRows = operations.map((op) => ({
-          opId: op.id || "",
-          documentId: op.documentId,
-          documentType: op.documentType,
-          scope: op.scope,
-          branch: op.branch,
-          timestampUtcMs: op.timestampUtcMs,
-          index: op.index,
-          skip: op.skip,
-          hash: op.hash,
-          action: op.action,
-          sourceRemote: op.sourceRemote
-        }));
-        const insertedOps = await trx.insertInto("operation_index_operations").values(operationRows).returning("ordinal").execute();
-        operationOrdinals = insertedOps.map((row) => row.ordinal);
-        resultOrdinals = operationOrdinals;
-      }
-      if (memberships.length > 0) {
-        for (const m of memberships) {
-          const ordinal = operationOrdinals[m.operationIndex];
-          await trx.insertInto("document_collections").values({
-            documentId: m.documentId,
-            collectionId: m.collectionId,
-            joinedOrdinal: BigInt(ordinal),
-            leftOrdinal: null
-          }).onConflict((oc) => oc.columns(["documentId", "collectionId"]).doUpdateSet({
-            joinedOrdinal: BigInt(ordinal),
-            leftOrdinal: null
-          })).execute();
-        }
+        }).onConflict((oc) => oc.columns(["documentId", "collectionId"]).doUpdateSet({
+          joinedOrdinal: BigInt(ordinal),
+          leftOrdinal: null
+        })).execute();
       }
-      if (removals.length > 0) {
-        for (const r of removals) {
-          const ordinal = operationOrdinals[r.operationIndex];
-          await trx.updateTable("document_collections").set({
-            leftOrdinal: BigInt(ordinal)
-          }).where("collectionId", "=", r.collectionId).where("documentId", "=", r.documentId).where("leftOrdinal", "is", null).execute();
-        }
+    }
+    if (removals.length > 0) {
+      for (const r of removals) {
+        const ordinal = operationOrdinals[r.operationIndex];
+        await trx.updateTable("document_collections").set({
+          leftOrdinal: BigInt(ordinal)
+        }).where("collectionId", "=", r.collectionId).where("documentId", "=", r.documentId).where("leftOrdinal", "is", null).execute();
       }
-    });
-    return resultOrdinals;
+    }
+    return operationOrdinals;
   }
   async find(collectionId, cursor, view, paging, signal) {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    let query = this.db.selectFrom("operation_index_operations as oi").innerJoin("document_collections as dc", "oi.documentId", "dc.documentId").selectAll("oi").select(["dc.documentId", "dc.collectionId"]).where("dc.collectionId", "=", collectionId).where(sql`(dc."leftOrdinal" IS NULL OR oi.ordinal < dc."leftOrdinal")`).orderBy("oi.ordinal", "asc");
+    let query = this.queryExecutor.selectFrom("operation_index_operations as oi").innerJoin("document_collections as dc", "oi.documentId", "dc.documentId").selectAll("oi").select(["dc.documentId", "dc.collectionId"]).where("dc.collectionId", "=", collectionId).where(sql`(dc."leftOrdinal" IS NULL OR oi.ordinal < dc."leftOrdinal")`).orderBy("oi.ordinal", "asc");
     if (cursor !== undefined) {
       query = query.where("oi.ordinal", ">", cursor);
     }
@@ -11744,7 +11770,7 @@ class KyselyOperationIndex {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    let query = this.db.selectFrom("operation_index_operations").selectAll().where("documentId", "=", documentId).orderBy("ordinal", "asc");
+    let query = this.queryExecutor.selectFrom("operation_index_operations").selectAll().where("documentId", "=", documentId).orderBy("ordinal", "asc");
     if (view?.branch) {
       query = query.where("branch", "=", view.branch);
     }
@@ -11780,7 +11806,7 @@ class KyselyOperationIndex {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    let query = this.db.selectFrom("operation_index_operations").selectAll().where("ordinal", ">", ordinal).orderBy("ordinal", "asc");
+    let query = this.queryExecutor.selectFrom("operation_index_operations").selectAll().where("ordinal", ">", ordinal).orderBy("ordinal", "asc");
     if (paging?.cursor) {
       const cursorOrdinal = Number.parseInt(paging.cursor, 10);
       query = query.where("ordinal", ">", cursorOrdinal);
@@ -11845,14 +11871,14 @@ class KyselyOperationIndex {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    const result = await this.db.selectFrom("operation_index_operations as oi").innerJoin("document_collections as dc", "oi.documentId", "dc.documentId").select("oi.timestampUtcMs").where("dc.collectionId", "=", collectionId).where(sql`(dc."leftOrdinal" IS NULL OR oi.ordinal < dc."leftOrdinal")`).orderBy("oi.ordinal", "desc").limit(1).executeTakeFirst();
+    const result = await this.queryExecutor.selectFrom("operation_index_operations as oi").innerJoin("document_collections as dc", "oi.documentId", "dc.documentId").select("oi.timestampUtcMs").where("dc.collectionId", "=", collectionId).where(sql`(dc."leftOrdinal" IS NULL OR oi.ordinal < dc."leftOrdinal")`).orderBy("oi.ordinal", "desc").limit(1).executeTakeFirst();
     return result?.timestampUtcMs ?? null;
   }
   async getCollectionsForDocuments(documentIds) {
     if (documentIds.length === 0) {
       return {};
     }
-    const rows = await this.db.selectFrom("document_collections").select(["documentId", "collectionId"]).where("documentId", "in", documentIds).where("leftOrdinal", "is", null).execute();
+    const rows = await this.queryExecutor.selectFrom("document_collections").select(["documentId", "collectionId"]).where("documentId", "in", documentIds).where("leftOrdinal", "is", null).execute();
     const result = {};
     for (const row of rows) {
       if (!(row.documentId in result)) {
@@ -11926,6 +11952,12 @@ class KyselyWriteCache {
     this.streams = new Map;
     this.lruTracker = new LRUTracker;
   }
+  withScopedStores(operationStore, keyframeStore) {
+    const scoped = new KyselyWriteCache(keyframeStore, operationStore, this.registry, this.config);
+    scoped.streams = this.streams;
+    scoped.lruTracker = this.lruTracker;
+    return scoped;
+  }
   async startup() {
     return Promise.resolve();
   }
@@ -12234,6 +12266,63 @@ class EventBus {
   }
 }
 
+class DefaultExecutionScope {
+  operationStore;
+  operationIndex;
+  writeCache;
+  documentMetaCache;
+  collectionMembershipCache;
+  constructor(operationStore, operationIndex, writeCache, documentMetaCache, collectionMembershipCache) {
+    this.operationStore = operationStore;
+    this.operationIndex = operationIndex;
+    this.writeCache = writeCache;
+    this.documentMetaCache = documentMetaCache;
+    this.collectionMembershipCache = collectionMembershipCache;
+  }
+  async run(fn) {
+    return fn({
+      operationStore: this.operationStore,
+      operationIndex: this.operationIndex,
+      writeCache: this.writeCache,
+      documentMetaCache: this.documentMetaCache,
+      collectionMembershipCache: this.collectionMembershipCache
+    });
+  }
+}
+
+class KyselyExecutionScope {
+  db;
+  operationStore;
+  operationIndex;
+  keyframeStore;
+  writeCache;
+  documentMetaCache;
+  collectionMembershipCache;
+  constructor(db, operationStore, operationIndex, keyframeStore, writeCache, documentMetaCache, collectionMembershipCache) {
+    this.db = db;
+    this.operationStore = operationStore;
+    this.operationIndex = operationIndex;
+    this.keyframeStore = keyframeStore;
+    this.writeCache = writeCache;
+    this.documentMetaCache = documentMetaCache;
+    this.collectionMembershipCache = collectionMembershipCache;
+  }
+  async run(fn) {
+    return this.db.transaction().execute(async (trx) => {
+      const scopedOperationStore = this.operationStore.withTransaction(trx);
+      const scopedOperationIndex = this.operationIndex.withTransaction(trx);
+      const scopedKeyframeStore = this.keyframeStore.withTransaction(trx);
+      return fn({
+        operationStore: scopedOperationStore,
+        operationIndex: scopedOperationIndex,
+        writeCache: this.writeCache.withScopedStores(scopedOperationStore, scopedKeyframeStore),
+        documentMetaCache: this.documentMetaCache.withScopedStore(scopedOperationStore),
+        collectionMembershipCache: this.collectionMembershipCache.withScopedIndex(scopedOperationIndex)
+      });
+    });
+  }
+}
+
 class DocumentModelRegistry {
   modules = [];
   manifests = [];
@@ -12693,37 +12782,29 @@ function driveCollectionId(branch, driveId) {
 }
 
 class DocumentActionHandler {
-  writeCache;
-  operationStore;
-  documentMetaCache;
-  collectionMembershipCache;
   registry;
   logger;
-  constructor(writeCache, operationStore, documentMetaCache, collectionMembershipCache, registry, logger2) {
-    this.writeCache = writeCache;
-    this.operationStore = operationStore;
-    this.documentMetaCache = documentMetaCache;
-    this.collectionMembershipCache = collectionMembershipCache;
+  constructor(registry, logger2) {
     this.registry = registry;
     this.logger = logger2;
   }
-  async execute(job, action, startTime, indexTxn, skip = 0, sourceRemote = "") {
+  async execute(job, action, startTime, indexTxn, stores, skip = 0, sourceRemote = "") {
     switch (action.type) {
       case "CREATE_DOCUMENT":
-        return this.executeCreate(job, action, startTime, indexTxn, skip, sourceRemote);
+        return this.executeCreate(job, action, startTime, indexTxn, stores, skip, sourceRemote);
       case "DELETE_DOCUMENT":
-        return this.executeDelete(job, action, startTime, indexTxn, sourceRemote);
+        return this.executeDelete(job, action, startTime, indexTxn, stores, sourceRemote);
       case "UPGRADE_DOCUMENT":
-        return this.executeUpgrade(job, action, startTime, indexTxn, skip, sourceRemote);
+        return this.executeUpgrade(job, action, startTime, indexTxn, stores, skip, sourceRemote);
       case "ADD_RELATIONSHIP":
-        return this.executeAddRelationship(job, action, startTime, indexTxn, sourceRemote);
+        return this.executeAddRelationship(job, action, startTime, indexTxn, stores, sourceRemote);
       case "REMOVE_RELATIONSHIP":
-        return this.executeRemoveRelationship(job, action, startTime, indexTxn, sourceRemote);
+        return this.executeRemoveRelationship(job, action, startTime, indexTxn, stores, sourceRemote);
       default:
         return buildErrorResult(job, new Error(`Unknown document action type: ${action.type}`), startTime);
     }
   }
-  async executeCreate(job, action, startTime, indexTxn, skip = 0, sourceRemote = "") {
+  async executeCreate(job, action, startTime, indexTxn, stores, skip = 0, sourceRemote = "") {
     if (job.scope !== "document") {
       return {
         job,
@@ -12743,12 +12824,12 @@ class DocumentActionHandler {
       ...document2.state
     };
     const resultingState = JSON.stringify(resultingStateObj);
-    const writeError = await this.writeOperationToStore(document2.header.id, document2.header.documentType, job.scope, job.branch, operation, job, startTime);
+    const writeError = await this.writeOperationToStore(document2.header.id, document2.header.documentType, job.scope, job.branch, operation, job, startTime, stores);
     if (writeError !== null) {
       return writeError;
     }
     updateDocumentRevision(document2, job.scope, operation.index);
-    this.writeCache.putState(document2.header.id, job.scope, job.branch, operation.index, document2);
+    stores.writeCache.putState(document2.header.id, job.scope, job.branch, operation.index, document2);
     indexTxn.write([
       {
         ...operation,
@@ -12764,14 +12845,14 @@ class DocumentActionHandler {
       indexTxn.createCollection(collectionId);
       indexTxn.addToCollection(collectionId, document2.header.id);
     }
-    this.documentMetaCache.putDocumentMeta(document2.header.id, job.branch, {
+    stores.documentMetaCache.putDocumentMeta(document2.header.id, job.branch, {
       state: document2.state.document,
       documentType: document2.header.documentType,
       documentScopeRevision: 1
     });
     return buildSuccessResult(job, operation, document2.header.id, document2.header.documentType, resultingState, startTime);
   }
-  async executeDelete(job, action, startTime, indexTxn, sourceRemote = "") {
+  async executeDelete(job, action, startTime, indexTxn, stores, sourceRemote = "") {
     const input = action.input;
     if (!input.documentId) {
       return buildErrorResult(job, new Error("DELETE_DOCUMENT action requires a documentId in input"), startTime);
@@ -12779,7 +12860,7 @@ class DocumentActionHandler {
     const documentId = input.documentId;
     let document2;
     try {
-      document2 = await this.writeCache.getState(documentId, job.scope, job.branch);
+      document2 = await stores.writeCache.getState(documentId, job.scope, job.branch);
     } catch (error) {
       return buildErrorResult(job, new Error(`Failed to fetch document before deletion: ${error instanceof Error ? error.message : String(error)}`), startTime);
     }
@@ -12799,12 +12880,12 @@ class DocumentActionHandler {
       document: document2.state.document
     };
     const resultingState = JSON.stringify(resultingStateObj);
-    const writeError = await this.writeOperationToStore(documentId, document2.header.documentType, job.scope, job.branch, operation, job, startTime);
+    const writeError = await this.writeOperationToStore(documentId, document2.header.documentType, job.scope, job.branch, operation, job, startTime, stores);
     if (writeError !== null) {
       return writeError;
     }
     updateDocumentRevision(document2, job.scope, operation.index);
-    this.writeCache.putState(documentId, job.scope, job.branch, operation.index, document2);
+    stores.writeCache.putState(documentId, job.scope, job.branch, operation.index, document2);
     indexTxn.write([
       {
         ...operation,
@@ -12815,14 +12896,14 @@ class DocumentActionHandler {
         sourceRemote
       }
     ]);
-    this.documentMetaCache.putDocumentMeta(documentId, job.branch, {
+    stores.documentMetaCache.putDocumentMeta(documentId, job.branch, {
       state: document2.state.document,
       documentType: document2.header.documentType,
       documentScopeRevision: operation.index + 1
     });
     return buildSuccessResult(job, operation, documentId, document2.header.documentType, resultingState, startTime);
   }
-  async executeUpgrade(job, action, startTime, indexTxn, skip = 0, sourceRemote = "") {
+  async executeUpgrade(job, action, startTime, indexTxn, stores, skip = 0, sourceRemote = "") {
     const input = action.input;
     if (!input.documentId) {
       return buildErrorResult(job, new Error("UPGRADE_DOCUMENT action requires a documentId in input"), startTime);
@@ -12832,7 +12913,7 @@ class DocumentActionHandler {
     const toVersion = input.toVersion;
     let document2;
     try {
-      document2 = await this.writeCache.getState(documentId, job.scope, job.branch);
+      document2 = await stores.writeCache.getState(documentId, job.scope, job.branch);
     } catch (error) {
       return buildErrorResult(job, new Error(`Failed to fetch document for upgrade: ${error instanceof Error ? error.message : String(error)}`), startTime);
     }
@@ -12873,12 +12954,12 @@ class DocumentActionHandler {
       ...document2.state
     };
     const resultingState = JSON.stringify(resultingStateObj);
-    const writeError = await this.writeOperationToStore(documentId, document2.header.documentType, job.scope, job.branch, operation, job, startTime);
+    const writeError = await this.writeOperationToStore(documentId, document2.header.documentType, job.scope, job.branch, operation, job, startTime, stores);
     if (writeError !== null) {
       return writeError;
     }
     updateDocumentRevision(document2, job.scope, operation.index);
-    this.writeCache.putState(documentId, job.scope, job.branch, operation.index, document2);
+    stores.writeCache.putState(documentId, job.scope, job.branch, operation.index, document2);
     indexTxn.write([
       {
         ...operation,
@@ -12889,14 +12970,14 @@ class DocumentActionHandler {
         sourceRemote
       }
     ]);
-    this.documentMetaCache.putDocumentMeta(documentId, job.branch, {
+    stores.documentMetaCache.putDocumentMeta(documentId, job.branch, {
       state: document2.state.document,
       documentType: document2.header.documentType,
       documentScopeRevision: operation.index + 1
     });
     return buildSuccessResult(job, operation, documentId, document2.header.documentType, resultingState, startTime);
   }
-  async executeAddRelationship(job, action, startTime, indexTxn, sourceRemote = "") {
+  async executeAddRelationship(job, action, startTime, indexTxn, stores, sourceRemote = "") {
     if (job.scope !== "document") {
       return buildErrorResult(job, new Error(`ADD_RELATIONSHIP must be in "document" scope, got "${job.scope}"`), startTime);
     }
@@ -12909,7 +12990,7 @@ class DocumentActionHandler {
     }
     let sourceDoc;
     try {
-      sourceDoc = await this.writeCache.getState(input.sourceId, "document", job.branch);
+      sourceDoc = await stores.writeCache.getState(input.sourceId, "document", job.branch);
     } catch (error) {
       return buildErrorResult(job, new Error(`ADD_RELATIONSHIP: source document ${input.sourceId} not found: ${error instanceof Error ? error.message : String(error)}`), startTime);
     }
@@ -12919,7 +13000,7 @@ class DocumentActionHandler {
       scope: job.scope,
       branch: job.branch
     });
-    const writeError = await this.writeOperationToStore(input.sourceId, sourceDoc.header.documentType, job.scope, job.branch, operation, job, startTime);
+    const writeError = await this.writeOperationToStore(input.sourceId, sourceDoc.header.documentType, job.scope, job.branch, operation, job, startTime, stores);
     if (writeError !== null) {
       return writeError;
     }
@@ -12935,7 +13016,7 @@ class DocumentActionHandler {
       [job.scope]: scopeState === undefined ? {} : structuredClone(scopeState)
     };
     const resultingState = JSON.stringify(resultingStateObj);
-    this.writeCache.putState(input.sourceId, job.scope, job.branch, operation.index, sourceDoc);
+    stores.writeCache.putState(input.sourceId, job.scope, job.branch, operation.index, sourceDoc);
     indexTxn.write([
       {
         ...operation,
@@ -12949,16 +13030,16 @@ class DocumentActionHandler {
     if (sourceDoc.header.documentType === "powerhouse/document-drive") {
       const collectionId = driveCollectionId(job.branch, input.sourceId);
       indexTxn.addToCollection(collectionId, input.targetId);
-      this.collectionMembershipCache.invalidate(input.targetId);
+      stores.collectionMembershipCache.invalidate(input.targetId);
     }
-    this.documentMetaCache.putDocumentMeta(input.sourceId, job.branch, {
+    stores.documentMetaCache.putDocumentMeta(input.sourceId, job.branch, {
       state: sourceDoc.state.document,
       documentType: sourceDoc.header.documentType,
       documentScopeRevision: operation.index + 1
     });
     return buildSuccessResult(job, operation, input.sourceId, sourceDoc.header.documentType, resultingState, startTime);
   }
-  async executeRemoveRelationship(job, action, startTime, indexTxn, sourceRemote = "") {
+  async executeRemoveRelationship(job, action, startTime, indexTxn, stores, sourceRemote = "") {
     if (job.scope !== "document") {
       return buildErrorResult(job, new Error(`REMOVE_RELATIONSHIP must be in "document" scope, got "${job.scope}"`), startTime);
     }
@@ -12968,7 +13049,7 @@ class DocumentActionHandler {
     }
     let sourceDoc;
     try {
-      sourceDoc = await this.writeCache.getState(input.sourceId, "document", job.branch);
+      sourceDoc = await stores.writeCache.getState(input.sourceId, "document", job.branch);
     } catch (error) {
       return buildErrorResult(job, new Error(`REMOVE_RELATIONSHIP: source document ${input.sourceId} not found: ${error instanceof Error ? error.message : String(error)}`), startTime);
     }
@@ -12978,7 +13059,7 @@ class DocumentActionHandler {
       scope: job.scope,
       branch: job.branch
     });
-    const writeError = await this.writeOperationToStore(input.sourceId, sourceDoc.header.documentType, job.scope, job.branch, operation, job, startTime);
+    const writeError = await this.writeOperationToStore(input.sourceId, sourceDoc.header.documentType, job.scope, job.branch, operation, job, startTime, stores);
     if (writeError !== null) {
       return writeError;
     }
@@ -12994,7 +13075,7 @@ class DocumentActionHandler {
       [job.scope]: scopeState === undefined ? {} : structuredClone(scopeState)
     };
     const resultingState = JSON.stringify(resultingStateObj);
-    this.writeCache.putState(input.sourceId, job.scope, job.branch, operation.index, sourceDoc);
+    stores.writeCache.putState(input.sourceId, job.scope, job.branch, operation.index, sourceDoc);
     indexTxn.write([
       {
         ...operation,
@@ -13008,24 +13089,24 @@ class DocumentActionHandler {
     if (sourceDoc.header.documentType === "powerhouse/document-drive") {
       const collectionId = driveCollectionId(job.branch, input.sourceId);
       indexTxn.removeFromCollection(collectionId, input.targetId);
-      this.collectionMembershipCache.invalidate(input.targetId);
+      stores.collectionMembershipCache.invalidate(input.targetId);
     }
-    this.documentMetaCache.putDocumentMeta(input.sourceId, job.branch, {
+    stores.documentMetaCache.putDocumentMeta(input.sourceId, job.branch, {
       state: sourceDoc.state.document,
       documentType: sourceDoc.header.documentType,
       documentScopeRevision: operation.index + 1
     });
     return buildSuccessResult(job, operation, input.sourceId, sourceDoc.header.documentType, resultingState, startTime);
   }
-  async writeOperationToStore(documentId, documentType, scope, branch, operation, job, startTime) {
+  async writeOperationToStore(documentId, documentType, scope, branch, operation, job, startTime, stores) {
     try {
-      await this.operationStore.apply(documentId, documentType, scope, branch, operation.index, (txn) => {
+      await stores.operationStore.apply(documentId, documentType, scope, branch, operation.index, (txn) => {
         txn.addOperations(operation);
       });
       return null;
     } catch (error) {
       this.logger.error("Error writing @Operation to IOperationStore: @Error", operation, error);
-      this.writeCache.invalidate(documentId, scope, branch);
+      stores.writeCache.invalidate(documentId, scope, branch);
       return {
         job,
         success: false,
@@ -13114,7 +13195,8 @@ class SimpleJobExecutor {
   config;
   signatureVerifierModule;
   documentActionHandler;
-  constructor(logger2, registry, operationStore, eventBus, writeCache, operationIndex, documentMetaCache, collectionMembershipCache, config, signatureVerifier) {
+  executionScope;
+  constructor(logger2, registry, operationStore, eventBus, writeCache, operationIndex, documentMetaCache, collectionMembershipCache, config, signatureVerifier, executionScope) {
     this.logger = logger2;
     this.registry = registry;
     this.operationStore = operationStore;
@@ -13131,71 +13213,101 @@ class SimpleJobExecutor {
       retryMaxDelayMs: config.retryMaxDelayMs ?? 5000
     };
     this.signatureVerifierModule = new SignatureVerifier(signatureVerifier);
-    this.documentActionHandler = new DocumentActionHandler(writeCache, operationStore, documentMetaCache, collectionMembershipCache, registry, logger2);
+    this.documentActionHandler = new DocumentActionHandler(registry, logger2);
+    this.executionScope = executionScope ?? new DefaultExecutionScope(operationStore, operationIndex, writeCache, documentMetaCache, collectionMembershipCache);
   }
   async executeJob(job) {
     const startTime = Date.now();
-    const indexTxn = this.operationIndex.start();
-    if (job.kind === "load") {
-      const result2 = await this.executeLoadJob(job, startTime, indexTxn);
-      if (result2.success && result2.operationsWithContext) {
-        const ordinals2 = await this.operationIndex.commit(indexTxn);
-        for (let i = 0;i < result2.operationsWithContext.length; i++) {
-          result2.operationsWithContext[i].context.ordinal = ordinals2[i];
+    const touchedCacheEntries = [];
+    let pendingEvent;
+    let result;
+    try {
+      result = await this.executionScope.run(async (stores) => {
+        const indexTxn = stores.operationIndex.start();
+        if (job.kind === "load") {
+          const loadResult = await this.executeLoadJob(job, startTime, indexTxn, stores);
+          if (loadResult.success && loadResult.operationsWithContext) {
+            for (const owc of loadResult.operationsWithContext) {
+              touchedCacheEntries.push({
+                documentId: owc.context.documentId,
+                scope: owc.context.scope,
+                branch: owc.context.branch
+              });
+            }
+            const ordinals2 = await stores.operationIndex.commit(indexTxn);
+            for (let i = 0;i < loadResult.operationsWithContext.length; i++) {
+              loadResult.operationsWithContext[i].context.ordinal = ordinals2[i];
+            }
+            const collectionMemberships = loadResult.operationsWithContext.length > 0 ? await this.getCollectionMembershipsForOperations(loadResult.operationsWithContext, stores) : {};
+            pendingEvent = {
+              jobId: job.id,
+              operations: loadResult.operationsWithContext,
+              jobMeta: job.meta,
+              collectionMemberships
+            };
+          }
+          return loadResult;
         }
-        const collectionMemberships = result2.operationsWithContext.length > 0 ? await this.getCollectionMembershipsForOperations(result2.operationsWithContext) : {};
-        const event = {
-          jobId: job.id,
-          operations: result2.operationsWithContext,
-          jobMeta: job.meta,
-          collectionMemberships
+        const actionResult = await this.processActions(job, job.actions, startTime, indexTxn, stores);
+        if (!actionResult.success) {
+          return {
+            job,
+            success: false,
+            error: actionResult.error,
+            duration: Date.now() - startTime
+          };
+        }
+        if (actionResult.operationsWithContext.length > 0) {
+          for (const owc of actionResult.operationsWithContext) {
+            touchedCacheEntries.push({
+              documentId: owc.context.documentId,
+              scope: owc.context.scope,
+              branch: owc.context.branch
+            });
+          }
+        }
+        const ordinals = await stores.operationIndex.commit(indexTxn);
+        if (actionResult.operationsWithContext.length > 0) {
+          for (let i = 0;i < actionResult.operationsWithContext.length; i++) {
+            actionResult.operationsWithContext[i].context.ordinal = ordinals[i];
+          }
+          const collectionMemberships = await this.getCollectionMembershipsForOperations(actionResult.operationsWithContext, stores);
+          pendingEvent = {
+            jobId: job.id,
+            operations: actionResult.operationsWithContext,
+            jobMeta: job.meta,
+            collectionMemberships
+          };
+        }
+        return {
+          job,
+          success: true,
+          operations: actionResult.generatedOperations,
+          operationsWithContext: actionResult.operationsWithContext,
+          duration: Date.now() - startTime
         };
-        this.eventBus.emit(ReactorEventTypes.JOB_WRITE_READY, event).catch((error) => {
-          this.logger.error("Failed to emit JOB_WRITE_READY event: @Event : @Error", event, error);
-        });
+      });
+    } catch (error) {
+      for (const entry of touchedCacheEntries) {
+        this.writeCache.invalidate(entry.documentId, entry.scope, entry.branch);
+        this.documentMetaCache.invalidate(entry.documentId, entry.branch);
       }
-      return result2;
-    }
-    const result = await this.processActions(job, job.actions, startTime, indexTxn);
-    if (!result.success) {
-      return {
-        job,
-        success: false,
-        error: result.error,
-        duration: Date.now() - startTime
-      };
+      throw error;
     }
-    const ordinals = await this.operationIndex.commit(indexTxn);
-    if (result.operationsWithContext.length > 0) {
-      for (let i = 0;i < result.operationsWithContext.length; i++) {
-        result.operationsWithContext[i].context.ordinal = ordinals[i];
-      }
-      const collectionMemberships = await this.getCollectionMembershipsForOperations(result.operationsWithContext);
-      const event = {
-        jobId: job.id,
-        operations: result.operationsWithContext,
-        jobMeta: job.meta,
-        collectionMemberships
-      };
-      this.eventBus.emit(ReactorEventTypes.JOB_WRITE_READY, event).catch((error) => {
-        this.logger.error("Failed to emit JOB_WRITE_READY event: @Event : @Error", event, error);
+    if (pendingEvent) {
+      this.eventBus.emit(ReactorEventTypes.JOB_WRITE_READY, pendingEvent).catch((error) => {
+        this.logger.error("Failed to emit JOB_WRITE_READY event: @Event : @Error", pendingEvent, error);
       });
     }
-    return {
-      job,
-      success: true,
-      operations: result.generatedOperations,
-      operationsWithContext: result.operationsWithContext,
-      duration: Date.now() - startTime
-    };
+    return result;
   }
-  async getCollectionMembershipsForOperations(operations) {
+  async getCollectionMembershipsForOperations(operations, stores) {
     const documentIds = [
       ...new Set(operations.map((op) => op.context.documentId))
     ];
-    return this.collectionMembershipCache.getCollectionsForDocuments(documentIds);
+    return stores.collectionMembershipCache.getCollectionsForDocuments(documentIds);
   }
-  async processActions(job, actions2, startTime, indexTxn, skipValues, sourceOperations, sourceRemote = "") {
+  async processActions(job, actions2, startTime, indexTxn, stores, skipValues, sourceOperations, sourceRemote = "") {
     const generatedOperations = [];
     const operationsWithContext = [];
     try {
@@ -13213,7 +13325,7 @@ class SimpleJobExecutor {
       const skip = skipValues?.[actionIndex] ?? 0;
       const sourceOperation = sourceOperations?.[actionIndex];
       const isDocumentAction = documentScopeActions.includes(action.type);
-      const result = isDocumentAction ? await this.documentActionHandler.execute(job, action, startTime, indexTxn, skip, sourceRemote) : await this.executeRegularAction(job, action, startTime, indexTxn, skip, sourceOperation, sourceRemote);
+      const result = isDocumentAction ? await this.documentActionHandler.execute(job, action, startTime, indexTxn, stores, skip, sourceRemote) : await this.executeRegularAction(job, action, startTime, indexTxn, stores, skip, sourceOperation, sourceRemote);
       const error = this.accumulateResultOrReturnError(result, generatedOperations, operationsWithContext);
       if (error !== null) {
         return {
@@ -13230,10 +13342,10 @@ class SimpleJobExecutor {
       operationsWithContext
     };
   }
-  async executeRegularAction(job, action, startTime, indexTxn, skip = 0, sourceOperation, sourceRemote = "") {
+  async executeRegularAction(job, action, startTime, indexTxn, stores, skip = 0, sourceOperation, sourceRemote = "") {
     let docMeta;
     try {
-      docMeta = await this.documentMetaCache.getDocumentMeta(job.documentId, job.branch);
+      docMeta = await stores.documentMetaCache.getDocumentMeta(job.documentId, job.branch);
     } catch (error) {
       return buildErrorResult(job, error instanceof Error ? error : new Error(String(error)), startTime);
     }
@@ -13241,11 +13353,11 @@ class SimpleJobExecutor {
       return buildErrorResult(job, new DocumentDeletedError(job.documentId, docMeta.state.deletedAtUtcIso), startTime);
     }
     if (isUndoRedo(action) || action.type === "PRUNE" || action.type === "NOOP" && skip > 0) {
-      this.writeCache.invalidate(job.documentId, job.scope, job.branch);
+      stores.writeCache.invalidate(job.documentId, job.scope, job.branch);
     }
     let document2;
     try {
-      document2 = await this.writeCache.getState(job.documentId, job.scope, job.branch);
+      document2 = await stores.writeCache.getState(job.documentId, job.scope, job.branch);
     } catch (error) {
       return buildErrorResult(job, error instanceof Error ? error : new Error(String(error)), startTime);
     }
@@ -13296,12 +13408,12 @@ ${error.stack}`;
       header: updatedDocument.header
     });
     try {
-      await this.operationStore.apply(job.documentId, document2.header.documentType, scope, job.branch, newOperation.index, (txn) => {
+      await stores.operationStore.apply(job.documentId, document2.header.documentType, scope, job.branch, newOperation.index, (txn) => {
         txn.addOperations(newOperation);
       });
     } catch (error) {
       this.logger.error("Error writing @Operation to IOperationStore: @Error", newOperation, error);
-      this.writeCache.invalidate(job.documentId, scope, job.branch);
+      stores.writeCache.invalidate(job.documentId, scope, job.branch);
       return {
         job,
         success: false,
@@ -13313,7 +13425,7 @@ ${error.stack}`;
       ...updatedDocument.header.revision,
       [scope]: newOperation.index + 1
     };
-    this.writeCache.putState(job.documentId, scope, job.branch, newOperation.index, updatedDocument);
+    stores.writeCache.putState(job.documentId, scope, job.branch, newOperation.index, updatedDocument);
     indexTxn.write([
       {
         ...newOperation,
@@ -13344,13 +13456,13 @@ ${error.stack}`;
       duration: Date.now() - startTime
     };
   }
-  async executeLoadJob(job, startTime, indexTxn) {
+  async executeLoadJob(job, startTime, indexTxn, stores) {
     if (job.operations.length === 0) {
       return buildErrorResult(job, new Error("Load job must include at least one operation"), startTime);
     }
     let docMeta;
     try {
-      docMeta = await this.documentMetaCache.getDocumentMeta(job.documentId, job.branch);
+      docMeta = await stores.documentMetaCache.getDocumentMeta(job.documentId, job.branch);
     } catch {}
     if (docMeta?.state.isDeleted) {
       return buildErrorResult(job, new DocumentDeletedError(job.documentId, docMeta.state.deletedAtUtcIso), startTime);
@@ -13358,7 +13470,7 @@ ${error.stack}`;
     const scope = job.scope;
     let latestRevision = 0;
     try {
-      const revisions = await this.operationStore.getRevisions(job.documentId, job.branch);
+      const revisions = await stores.operationStore.getRevisions(job.documentId, job.branch);
       latestRevision = revisions.revision[scope] ?? 0;
     } catch {
       latestRevision = 0;
@@ -13374,7 +13486,7 @@ ${error.stack}`;
     }
     let conflictingOps = [];
     try {
-      const conflictingResult = await this.operationStore.getConflicting(job.documentId, scope, job.branch, minIncomingTimestamp);
+      const conflictingResult = await stores.operationStore.getConflicting(job.documentId, scope, job.branch, minIncomingTimestamp);
       conflictingOps = conflictingResult.results;
     } catch {
       conflictingOps = [];
@@ -13383,7 +13495,7 @@ ${error.stack}`;
     if (conflictingOps.length > 0) {
       const minConflictingIndex = Math.min(...conflictingOps.map((op) => op.index));
       try {
-        const allOpsResult = await this.operationStore.getSince(job.documentId, scope, job.branch, minConflictingIndex - 1);
+        const allOpsResult = await stores.operationStore.getSince(job.documentId, scope, job.branch, minConflictingIndex - 1);
         allOpsFromMinConflictingIndex = allOpsResult.results;
       } catch {
         allOpsFromMinConflictingIndex = conflictingOps;
@@ -13444,7 +13556,7 @@ ${error.stack}`;
     const actions2 = reshuffledOperations.map((operation) => operation.action);
     const skipValues = reshuffledOperations.map((operation) => operation.skip);
     const effectiveSourceRemote = skipCount > 0 ? "" : job.meta.sourceRemote || "";
-    const result = await this.processActions(job, actions2, startTime, indexTxn, skipValues, reshuffledOperations, effectiveSourceRemote);
+    const result = await this.processActions(job, actions2, startTime, indexTxn, stores, skipValues, reshuffledOperations, effectiveSourceRemote);
     if (!result.success) {
       return {
         job,
@@ -13453,9 +13565,9 @@ ${error.stack}`;
         duration: Date.now() - startTime
       };
     }
-    this.writeCache.invalidate(job.documentId, scope, job.branch);
+    stores.writeCache.invalidate(job.documentId, scope, job.branch);
     if (scope === "document") {
-      this.documentMetaCache.invalidate(job.documentId, job.branch);
+      stores.documentMetaCache.invalidate(job.documentId, job.branch);
     }
     return {
       job,
@@ -14404,14 +14516,23 @@ async function collectAllPages(firstPage, signal) {
 
 class KyselyKeyframeStore {
   db;
+  trx;
   constructor(db) {
     this.db = db;
   }
+  get queryExecutor() {
+    return this.trx ?? this.db;
+  }
+  withTransaction(trx) {
+    const instance = new KyselyKeyframeStore(this.db);
+    instance.trx = trx;
+    return instance;
+  }
   async putKeyframe(documentId, scope, branch, revision, document2, signal) {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    await this.db.insertInto("Keyframe").values({
+    await this.queryExecutor.insertInto("Keyframe").values({
       documentId,
       documentType: document2.header.documentType,
       scope,
@@ -14424,7 +14545,7 @@ class KyselyKeyframeStore {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    const row = await this.db.selectFrom("Keyframe").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).where("revision", "<=", targetRevision).orderBy("revision", "desc").limit(1).executeTakeFirst();
+    const row = await this.queryExecutor.selectFrom("Keyframe").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).where("revision", "<=", targetRevision).orderBy("revision", "desc").limit(1).executeTakeFirst();
     if (!row) {
       return;
     }
@@ -14437,7 +14558,7 @@ class KyselyKeyframeStore {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    let query = this.db.deleteFrom("Keyframe").where("documentId", "=", documentId);
+    let query = this.queryExecutor.deleteFrom("Keyframe").where("documentId", "=", documentId);
     if (scope !== undefined && branch !== undefined) {
       query = query.where("scope", "=", scope).where("branch", "=", branch);
     } else if (scope !== undefined) {
@@ -14488,48 +14609,64 @@ class AtomicTransaction {
 
 class KyselyOperationStore {
   db;
+  trx;
   constructor(db) {
     this.db = db;
   }
+  get queryExecutor() {
+    return this.trx ?? this.db;
+  }
+  withTransaction(trx) {
+    const instance = new KyselyOperationStore(this.db);
+    instance.trx = trx;
+    return instance;
+  }
   async apply(documentId, documentType, scope, branch, revision, fn, signal) {
-    await this.db.transaction().execute(async (trx) => {
-      if (signal?.aborted) {
-        throw new Error("Operation aborted");
+    if (this.trx) {
+      await this.executeApply(this.trx, documentId, documentType, scope, branch, revision, fn, signal);
+    } else {
+      await this.db.transaction().execute(async (trx) => {
+        await this.executeApply(trx, documentId, documentType, scope, branch, revision, fn, signal);
+      });
+    }
+  }
+  async executeApply(trx, documentId, documentType, scope, branch, revision, fn, signal) {
+    if (signal?.aborted) {
+      throw new Error("Operation aborted");
+    }
+    const latestOp = await trx.selectFrom("Operation").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).orderBy("index", "desc").limit(1).executeTakeFirst();
+    const currentRevision = latestOp ? latestOp.index : -1;
+    if (currentRevision !== revision - 1) {
+      throw new RevisionMismatchError(currentRevision + 1, revision);
+    }
+    const atomicTxn = new AtomicTransaction(documentId, documentType, scope, branch, revision);
+    await fn(atomicTxn);
+    const operations = atomicTxn.getOperations();
+    if (operations.length > 0) {
+      let prevOpId = latestOp?.opId || "";
+      for (const op of operations) {
+        op.prevOpId = prevOpId;
+        prevOpId = op.opId;
       }
-      const latestOp = await trx.selectFrom("Operation").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).orderBy("index", "desc").limit(1).executeTakeFirst();
-      const currentRevision = latestOp ? latestOp.index : -1;
-      if (currentRevision !== revision - 1) {
-        throw new RevisionMismatchError(currentRevision + 1, revision);
-      }
-      const atomicTxn = new AtomicTransaction(documentId, documentType, scope, branch, revision);
-      await fn(atomicTxn);
-      const operations = atomicTxn.getOperations();
-      if (operations.length > 0) {
-        let prevOpId = latestOp?.opId || "";
-        for (const op of operations) {
-          op.prevOpId = prevOpId;
-          prevOpId = op.opId;
-        }
-        try {
-          await trx.insertInto("Operation").values(operations).execute();
-        } catch (error) {
-          if (error instanceof Error) {
-            if (error.message.includes("unique constraint")) {
-              const op = operations[0];
-              throw new DuplicateOperationError(`${op.opId} at index ${op.index} with skip ${op.skip}`);
-            }
-            throw error;
+      try {
+        await trx.insertInto("Operation").values(operations).execute();
+      } catch (error) {
+        if (error instanceof Error) {
+          if (error.message.includes("unique constraint")) {
+            const op = operations[0];
+            throw new DuplicateOperationError(`${op.opId} at index ${op.index} with skip ${op.skip}`);
           }
           throw error;
         }
+        throw error;
       }
-    });
+    }
   }
   async getSince(documentId, scope, branch, revision, filter, paging, signal) {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    let query = this.db.selectFrom("Operation").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).where("index", ">", revision).orderBy("index", "asc");
+    let query = this.queryExecutor.selectFrom("Operation").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).where("index", ">", revision).orderBy("index", "asc");
     if (filter) {
       if (filter.actionTypes && filter.actionTypes.length > 0) {
         const actionTypesArray = filter.actionTypes.map((t) => `'${t.replace(/'/g, "''")}'`).join(",");
@@ -14576,7 +14713,7 @@ class KyselyOperationStore {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    let query = this.db.selectFrom("Operation").selectAll().where("id", ">", id).orderBy("id", "asc");
+    let query = this.queryExecutor.selectFrom("Operation").selectAll().where("id", ">", id).orderBy("id", "asc");
     if (paging) {
       const cursorValue = Number.parseInt(paging.cursor, 10);
       if (cursorValue > 0) {
@@ -14608,7 +14745,7 @@ class KyselyOperationStore {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    let query = this.db.selectFrom("Operation").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).where("timestampUtcMs", ">=", new Date(minTimestamp)).orderBy("index", "asc");
+    let query = this.queryExecutor.selectFrom("Operation").selectAll().where("documentId", "=", documentId).where("scope", "=", scope).where("branch", "=", branch).where("timestampUtcMs", ">=", new Date(minTimestamp)).orderBy("index", "asc");
     if (paging) {
       const cursorValue = Number.parseInt(paging.cursor, 10);
       if (cursorValue > 0) {
@@ -14640,7 +14777,7 @@ class KyselyOperationStore {
     if (signal?.aborted) {
       throw new Error("Operation aborted");
     }
-    const scopeRevisions = await this.db.selectFrom("Operation as o1").select(["o1.scope", "o1.index", "o1.timestampUtcMs"]).where("o1.documentId", "=", documentId).where("o1.branch", "=", branch).where((eb) => eb("o1.index", "=", eb.selectFrom("Operation as o2").select((eb2) => eb2.fn.max("o2.index").as("maxIndex")).where("o2.documentId", "=", eb.ref("o1.documentId")).where("o2.branch", "=", eb.ref("o1.branch")).where("o2.scope", "=", eb.ref("o1.scope")))).execute();
+    const scopeRevisions = await this.queryExecutor.selectFrom("Operation as o1").select(["o1.scope", "o1.index", "o1.timestampUtcMs"]).where("o1.documentId", "=", documentId).where("o1.branch", "=", branch).where((eb) => eb("o1.index", "=", eb.selectFrom("Operation as o2").select((eb2) => eb2.fn.max("o2.index").as("maxIndex")).where("o2.documentId", "=", eb.ref("o1.documentId")).where("o2.branch", "=", eb.ref("o1.branch")).where("o2.scope", "=", eb.ref("o1.scope")))).execute();
     const revision = {};
     let latestTimestamp = new Date(0).toISOString();
     for (const row of scopeRevisions) {
@@ -18434,9 +18571,10 @@ class ReactorBuilder {
     });
     await documentMetaCache.startup();
     const collectionMembershipCache = new CollectionMembershipCache(operationIndex);
+    const executionScope = new KyselyExecutionScope(database, operationStore, operationIndex, keyframeStore, writeCache, documentMetaCache, collectionMembershipCache);
     let executorManager = this.executorManager;
     if (!executorManager) {
-      executorManager = new SimpleJobExecutorManager(() => new SimpleJobExecutor(this.logger, documentModelRegistry, operationStore, eventBus, writeCache, operationIndex, documentMetaCache, collectionMembershipCache, this.executorConfig, this.signatureVerifier), eventBus, queue, jobTracker, this.logger, resolver);
+      executorManager = new SimpleJobExecutorManager(() => new SimpleJobExecutor(this.logger, documentModelRegistry, operationStore, eventBus, writeCache, operationIndex, documentMetaCache, collectionMembershipCache, this.executorConfig, this.signatureVerifier, executionScope), eventBus, queue, jobTracker, this.logger, resolver);
     }
     await executorManager.start(this.executorConfig.maxConcurrency ?? 1);
     const readModelInstances = Array.from(new Set([...this.readModels]));
@@ -18567,6 +18705,7 @@ class ReactorClientBuilder {
   signatureVerifier;
   subscriptionManager;
   jobAwaiter;
+  documentModelLoader;
   withLogger(logger2) {
     this.logger = logger2;
     return this;
@@ -18605,6 +18744,10 @@ class ReactorClientBuilder {
     this.jobAwaiter = jobAwaiter;
     return this;
   }
+  withDocumentModelLoader(loader) {
+    this.documentModelLoader = loader;
+    return this;
+  }
   async build() {
     const module = await this.buildModule();
     return module.client;
@@ -18622,6 +18765,9 @@ class ReactorClientBuilder {
       if (this.signatureVerifier) {
         this.reactorBuilder.withSignatureVerifier(this.signatureVerifier);
       }
+      if (this.documentModelLoader) {
+        this.reactorBuilder.withDocumentModelLoader(this.documentModelLoader);
+      }
       reactorModule = await this.reactorBuilder.buildModule();
       reactor = reactorModule.reactor;
       eventBus = reactorModule.eventBus;
@@ -24082,6 +24228,7 @@ __export(exports_src, {
   useVetraPackages: () => useVetraPackages,
   useVetraPackageManager: () => useVetraPackageManager,
   useUserPermissions: () => useUserPermissions,
+  useUser: () => useUser,
   useSupportedDocumentTypesInReactor: () => useSupportedDocumentTypesInReactor,
   useSubgraphModules: () => useSubgraphModules,
   useSetPHDriveEditorConfig: () => useSetPHDriveEditorConfig,
@@ -24100,8 +24247,12 @@ __export(exports_src, {
   useSelectedDocumentId: () => useSelectedDocumentId,
   useSelectedDocument: () => useSelectedDocument,
   useRevisionHistoryVisible: () => useRevisionHistoryVisible,
+  useRenownInit: () => useRenownInit,
+  useRenownAuth: () => useRenownAuth,
+  useRenown: () => useRenown,
   useRelationalQuery: () => useRelationalQuery,
   useRelationalDb: () => useRelationalDb,
+  usePendingInstallations: () => usePendingInstallations,
   useParentFolderForSelectedNode: () => useParentFolderForSelectedNode,
   usePHToast: () => usePHToast,
   usePHModal: () => usePHModal,
@@ -24117,6 +24268,8 @@ __export(exports_src, {
   useNodeParentFolderById: () => useNodeParentFolderById,
   useNodeById: () => useNodeById,
   useNodeActions: () => useNodeActions,
+  useLoginStatus: () => useLoginStatus,
+  useLoading: () => useLoading,
   useIsExternalControlsEnabled: () => useIsExternalControlsEnabled,
   useIsDragAndDropEnabled: () => useIsDragAndDropEnabled,
   useInspectorEnabled: () => useInspectorEnabled,
@@ -24152,6 +24305,8 @@ __export(exports_src, {
   useDocumentCache: () => useDocumentCache,
   useDocumentById: () => useDocumentById,
   useDocument: () => useDocument,
+  useDismissedPackages: () => useDismissedPackages,
+  useDid: () => useDid,
   useDefaultDriveEditorModule: () => useDefaultDriveEditorModule,
   useConnectionStates: () => useConnectionStates,
   useConnectionState: () => useConnectionState,
@@ -24176,6 +24331,7 @@ __export(exports_src, {
   setPHDriveEditorConfig: () => setPHDriveEditorConfig,
   setPHDocumentEditorConfigByKey: () => setPHDocumentEditorConfigByKey,
   setPHDocumentEditorConfig: () => setPHDocumentEditorConfig,
+  setLoading: () => setLoading,
   setGlobal: () => setGlobal,
   setFeatures: () => setFeatures,
   setDriveSharingType: () => setDriveSharingType,
@@ -24195,6 +24351,7 @@ __export(exports_src, {
   makeDriveUrlComponent: () => makeDriveUrlComponent,
   logout: () => logout,
   login: () => login,
+  loading: () => loading,
   isInspectorEnabledSync: () => isInspectorEnabledSync,
   isFolderNodeKind: () => isFolderNodeKind,
   isFileNodeKind: () => isFileNodeKind,
@@ -24243,6 +24400,7 @@ __export(exports_src, {
   baseDocumentModelsMap: () => baseDocumentModelsMap,
   baseDocumentModels: () => baseDocumentModels,
   addTrigger: () => addTrigger,
+  addRenownEventHandler: () => addRenownEventHandler,
   addRemoteDrive: () => addRemoteDrive,
   addPromiseState: () => addPromiseState,
   addFolder: () => addFolder,
@@ -24254,10 +24412,10 @@ __export(exports_src, {
   SyncOperationStatus: () => SyncOperationStatus,
   SpinnerIcon: () => SpinnerIcon,
   RenownUserButton: () => RenownUserButton,
-  RenownProvider: () => RenownProvider,
   RenownLogo: () => RenownLogo,
   RenownLoginButton: () => RenownLoginButton,
   RenownAuthButton: () => RenownAuthButton,
+  Renown: () => Renown2,
   RemoteDocumentController: () => RemoteDocumentController,
   RemoteClient: () => RemoteClient,
   RelationalDbProcessor: () => RelationalDbProcessor,
@@ -24275,7 +24433,6 @@ __export(exports_src, {
   InMemoryQueue: () => InMemoryQueue,
   ISSUER_TYPE: () => ISSUER_TYPE,
   GqlRequestChannel: () => GqlRequestChannel,
-  ExternalLinkIcon: () => ExternalLinkIcon,
   DocumentChangeType: () => DocumentChangeType,
   DocumentCache: () => DocumentCache,
   DisconnectIcon: () => DisconnectIcon,
@@ -24284,6 +24441,7 @@ __export(exports_src, {
   CopyIcon: () => CopyIcon,
   ConsoleLogger: () => ConsoleLogger,
   ConflictError: () => ConflictError,
+  ChevronDownIcon: () => ChevronDownIcon,
   ChannelScheme: () => ChannelScheme,
   CREDENTIAL_TYPES: () => CREDENTIAL_TYPES,
   CREDENTIAL_SUBJECT_TYPE: () => CREDENTIAL_SUBJECT_TYPE,
@@ -24323,17 +24481,20 @@ import {
   setSharingType
 } from "document-drive";
 import { documentModelDocumentModelModule } from "document-model";
+import { useCallback } from "react";
+import { useEffect, useState, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { useSyncExternalStore } from "react";
-import { useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { useEffect, useRef, useState } from "react";
 import { logger as logger5 } from "document-drive";
-import { use, useCallback as useCallback2, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { logger as logger6 } from "document-drive";
+import { use, useCallback as useCallback2, useSyncExternalStore as useSyncExternalStore4 } from "react";
 import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect3, useRef, useState as useState3 } from "react";
 import {
   DocumentModelNotFoundError,
   DocumentNotFoundError as DocumentNotFoundError2
 } from "document-drive";
-import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
 import { isFileNode as isFileNode2 } from "document-drive";
 import { useMemo } from "react";
 import {
@@ -24343,20 +24504,24 @@ import {
 } from "document-model";
 import { createState } from "document-model";
 import { defaultBaseState as defaultBaseState2, generateId as generateId22 } from "document-model/core";
-import { logger as logger6 } from "document-drive";
-import { useEffect as useEffect4, useState as useState4 } from "react";
 import { useEffect as useEffect5, useState as useState5 } from "react";
 import { createRelationalDbLegacy } from "document-drive";
 import { useMemo as useMemo2 } from "react";
 import { useEffect as useEffect6, useRef as useRef3, useState as useState6 } from "react";
-import { useCallback as useCallback4, useMemo as useMemo3, useRef as useRef4 } from "react";
-import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef5, useState as useState7 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo3, useRef as useRef4 } from "react";
+import { useCallback as useCallback6, useState as useState7 } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
+import {
+  Children,
+  cloneElement,
+  forwardRef,
+  isValidElement
+} from "react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef6, useState as useState8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef5, useState as useState8 } from "react";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-import { useEffect as useEffect9, useRef as useRef7 } from "react";
+import { jsxDEV as jsxDEV4, Fragment } from "react/jsx-dev-runtime";
+import { useRef as useRef6 } from "react";
 function asUint8Array(buf) {
   if (globalThis.Buffer != null) {
     return new Uint8Array(buf.buffer, buf.byteOffset, buf.byteLength);
@@ -27707,38 +27872,61 @@ function makePHEventFunctions(key) {
   const setEventName = `ph:set${capitalCase(key)}`;
   const updateEventName = `ph:${key}Updated`;
   function setValue(value) {
+    if (isServer) {
+      return;
+    }
     const event = new CustomEvent(setEventName, {
       detail: { [key]: value }
     });
     window.dispatchEvent(event);
   }
   function dispatchUpdatedEvent() {
+    if (isServer) {
+      return;
+    }
     const event = new CustomEvent(updateEventName);
     window.dispatchEvent(event);
   }
   function handleSetValueEvent(event) {
+    if (isServer) {
+      return;
+    }
     const value = event.detail[key];
-    if (!window.ph)
-      throw new Error("ph global store is not defined");
+    if (!window.ph) {
+      window.ph = {};
+    }
     window.ph[key] = value;
     dispatchUpdatedEvent();
   }
   function addEventHandler() {
+    if (isServer) {
+      return;
+    }
     window.addEventListener(setEventName, handleSetValueEvent);
   }
   function subscribeToValue(onStoreChange) {
+    if (isServer)
+      return () => {};
     window.addEventListener(updateEventName, onStoreChange);
     return () => {
       window.removeEventListener(updateEventName, onStoreChange);
     };
   }
   function getSnapshot() {
-    if (!window.ph)
-      throw new Error("ph global store is not defined");
+    if (isServer) {
+      return;
+    }
+    if (!window.ph) {
+      console.warn(`ph global store is not initialized. Did you call set${capitalCase(key)}?`);
+      return;
+    }
     return window.ph[key];
   }
+  function getServerSnapshot() {
+    return;
+  }
   function useValue() {
-    return useSyncExternalStore(subscribeToValue, getSnapshot);
+    return useSyncExternalStore(subscribeToValue, getSnapshot, getServerSnapshot);
   }
   return {
     useValue,
@@ -27746,6 +27934,138 @@ function makePHEventFunctions(key) {
     addEventHandler
   };
 }
+function useDid() {
+  const renown = useRenown();
+  return renown?.did;
+}
+function useUser() {
+  const renown = useRenown();
+  const [user, setUser] = useState(renown?.user);
+  useEffect(() => {
+    setUser(renown?.user);
+    if (!renown)
+      return;
+    return renown.on("user", setUser);
+  }, [renown]);
+  return user;
+}
+function useLoginStatus() {
+  const renown = useRenown();
+  return useSyncExternalStore2((cb) => {
+    if (!renown) {
+      return () => {};
+    }
+    return renown.on("status", cb);
+  }, () => renown === loading ? "loading" : renown?.status, () => {
+    return;
+  });
+}
+function openRenown(documentId) {
+  const renown = window.ph?.renown;
+  let renownUrl = renown?.baseUrl;
+  if (!renownUrl) {
+    logger5.warn("Renown instance not found, falling back to: ", RENOWN_URL);
+    renownUrl = RENOWN_URL;
+  }
+  if (documentId) {
+    window.open(`${renownUrl}/profile/${documentId}`, "_blank")?.focus();
+    return;
+  }
+  const url = new URL(renownUrl);
+  url.searchParams.set("app", renown?.did ?? "");
+  url.searchParams.set("connect", renown?.did ?? "");
+  url.searchParams.set("network", RENOWN_NETWORK_ID);
+  url.searchParams.set("chain", RENOWN_CHAIN_ID);
+  const returnUrl = new URL(window.location.pathname, window.location.origin);
+  url.searchParams.set("returnUrl", returnUrl.toJSON());
+  window.open(url, "_self")?.focus();
+}
+function consumeDidFromUrl() {
+  if (typeof window === "undefined")
+    return;
+  const urlParams = new URLSearchParams(window.location.search);
+  const userParam = urlParams.get("user");
+  if (!userParam)
+    return;
+  const userDid = decodeURIComponent(userParam);
+  const cleanUrl = new URL(window.location.href);
+  cleanUrl.searchParams.delete("user");
+  window.history.replaceState({}, "", cleanUrl.toString());
+  return userDid;
+}
+async function login(userDid, renown) {
+  if (!renown) {
+    return;
+  }
+  const did = userDid ?? consumeDidFromUrl();
+  try {
+    const user = renown.user;
+    if (user?.did && (user.did === did || !did)) {
+      return user;
+    }
+    if (!did) {
+      return;
+    }
+    return await renown.login(did);
+  } catch (error) {
+    logger5.error(error instanceof Error ? error.message : JSON.stringify(error));
+  }
+}
+async function logout() {
+  const renown = window.ph?.renown;
+  await renown?.logout();
+  const url = new URL(window.location.href);
+  if (url.searchParams.has("user")) {
+    url.searchParams.delete("user");
+    window.history.replaceState(null, "", url.toString());
+  }
+}
+function truncateAddress(address) {
+  if (address.length <= 13)
+    return address;
+  return `${address.slice(0, 7)}...${address.slice(-5)}`;
+}
+function toRenownAuthStatus(loginStatus, user) {
+  if (loginStatus === "authorized") {
+    return user ? "authorized" : "checking";
+  }
+  return loginStatus;
+}
+function useRenownAuth() {
+  const user = useUser();
+  const loginStatus = useLoginStatus();
+  const status = toRenownAuthStatus(loginStatus, user);
+  const address = user?.address;
+  const ensName = user?.ens?.name;
+  const avatarUrl = user?.profile?.userImage ?? user?.ens?.avatarUrl;
+  const profileId = user?.profile?.documentId;
+  const displayName = ensName ?? user?.profile?.username ?? undefined;
+  const displayAddress = address ? truncateAddress(address) : undefined;
+  const login2 = useCallback(() => {
+    openRenown();
+  }, []);
+  const logout2 = useCallback(async () => {
+    await logout();
+  }, []);
+  const openProfile = useCallback(() => {
+    if (profileId) {
+      openRenown(profileId);
+    }
+  }, [profileId]);
+  return {
+    status,
+    user,
+    address,
+    ensName,
+    avatarUrl,
+    profileId,
+    displayName,
+    displayAddress,
+    login: login2,
+    logout: logout2,
+    openProfile
+  };
+}
 function useAllowedDocumentTypes() {
   const definedAllowedDocumentTypes = allowedDocumentTypesEventFunctions.useValue();
   return definedAllowedDocumentTypes;
@@ -27757,6 +28077,14 @@ function setVetraPackageManager(packageManager) {
     updateReactorClientDocumentModels(packages);
   });
 }
+function usePendingInstallations() {
+  const pm = useVetraPackageManager();
+  return useSyncExternalStore3((cb) => pm ? pm.subscribePendingChanges(cb) : NOOP_UNSUBSCRIBE, () => pm?.getPendingInstallations() ?? EMPTY_PENDING);
+}
+function useDismissedPackages() {
+  const pm = useVetraPackageManager();
+  return useSyncExternalStore3((cb) => pm ? pm.subscribePendingChanges(cb) : NOOP_UNSUBSCRIBE, () => pm?.getDismissedPackages() ?? EMPTY_DISMISSED);
+}
 function updateReactorClientDocumentModels(packages) {
   const documentModelModules = packages.flatMap((pkg) => pkg.modules.documentModelModules).filter((module) => module !== undefined);
   const registry = window.ph?.reactorClientModule?.reactorModule?.documentModelRegistry;
@@ -27788,52 +28116,6 @@ function useAllowedDocumentModelModules() {
     return documentModelModules;
   return documentModelModules?.filter((module) => allowedDocumentTypes.includes(module.documentModel.global.id));
 }
-function useConnectionStates() {
-  const syncManager = useSync();
-  const [states, setStates] = useState(() => buildSnapshot(syncManager));
-  const unsubscribesRef = useRef([]);
-  useEffect(() => {
-    if (!syncManager)
-      return;
-    function subscribe() {
-      for (const unsub of unsubscribesRef.current) {
-        unsub();
-      }
-      unsubscribesRef.current = [];
-      const remotes = syncManager.list();
-      for (const remote of remotes) {
-        const unsub = remote.channel.onConnectionStateChange(() => {
-          setStates(buildSnapshot(syncManager));
-        });
-        unsubscribesRef.current.push(unsub);
-      }
-      setStates(buildSnapshot(syncManager));
-    }
-    subscribe();
-    const interval = setInterval(subscribe, 5000);
-    return () => {
-      clearInterval(interval);
-      for (const unsub of unsubscribesRef.current) {
-        unsub();
-      }
-      unsubscribesRef.current = [];
-    };
-  }, [syncManager]);
-  return states;
-}
-function useConnectionState(remoteName) {
-  const states = useConnectionStates();
-  return states.get(remoteName);
-}
-function buildSnapshot(syncManager) {
-  const map = new Map;
-  if (!syncManager)
-    return map;
-  for (const remote of syncManager.list()) {
-    map.set(remote.name, remote.channel.getConnectionState());
-  }
-  return map;
-}
 function sortNodesByName(nodes) {
   return nodes.toSorted((a, b) => a.name.localeCompare(b.name));
 }
@@ -27849,7 +28131,7 @@ function isFolderNodeKind(node) {
 }
 function useDispatch(document2) {
   function dispatch(actionOrActions, onErrors, onSuccess) {
-    dispatchActions(actionOrActions, document2, onErrors, onSuccess).catch(logger5.error);
+    dispatchActions(actionOrActions, document2, onErrors, onSuccess).catch(logger6.error);
   }
   return [document2, dispatch];
 }
@@ -27881,12 +28163,12 @@ function getDocumentQueryState(promise) {
 }
 function useDocument(id) {
   const documentCache = useDocumentCache();
-  const document2 = useSyncExternalStore3((cb) => id && documentCache ? documentCache.subscribe(id, cb) : () => {}, () => id ? documentCache?.get(id) : undefined);
+  const document2 = useSyncExternalStore4((cb) => id && documentCache ? documentCache.subscribe(id, cb) : () => {}, () => id ? documentCache?.get(id) : undefined);
   return document2 ? use(document2) : undefined;
 }
 function useDocuments(ids) {
   const documentCache = useDocumentCache();
-  const documents = useSyncExternalStore3((cb) => ids?.length && documentCache ? documentCache.subscribe(ids, cb) : () => {}, () => ids?.length && documentCache ? documentCache.getBatch(ids) : undefined);
+  const documents = useSyncExternalStore4((cb) => ids?.length && documentCache ? documentCache.subscribe(ids, cb) : () => {}, () => ids?.length && documentCache ? documentCache.getBatch(ids) : undefined);
   return documents ? use(documents) : [];
 }
 function useGetDocument() {
@@ -28227,6 +28509,52 @@ function usePHDocumentEditorConfigByKey(key) {
   const useValueHook = phDocumentEditorConfigHooks[key];
   return useValueHook();
 }
+function useConnectionStates() {
+  const syncManager = useSync();
+  const [states, setStates] = useState3(() => buildSnapshot(syncManager));
+  const unsubscribesRef = useRef([]);
+  useEffect3(() => {
+    if (!syncManager)
+      return;
+    function subscribe() {
+      for (const unsub of unsubscribesRef.current) {
+        unsub();
+      }
+      unsubscribesRef.current = [];
+      const remotes = syncManager.list();
+      for (const remote of remotes) {
+        const unsub = remote.channel.onConnectionStateChange(() => {
+          setStates(buildSnapshot(syncManager));
+        });
+        unsubscribesRef.current.push(unsub);
+      }
+      setStates(buildSnapshot(syncManager));
+    }
+    subscribe();
+    const interval = setInterval(subscribe, 5000);
+    return () => {
+      clearInterval(interval);
+      for (const unsub of unsubscribesRef.current) {
+        unsub();
+      }
+      unsubscribesRef.current = [];
+    };
+  }, [syncManager]);
+  return states;
+}
+function useConnectionState(remoteName) {
+  const states = useConnectionStates();
+  return states.get(remoteName);
+}
+function buildSnapshot(syncManager) {
+  const map = new Map;
+  if (!syncManager)
+    return map;
+  for (const remote of syncManager.list()) {
+    map.set(remote.name, remote.channel.getConnectionState());
+  }
+  return map;
+}
 function useDocumentOfType(documentId, documentType) {
   const [document2, dispatch] = useDocumentById(documentId);
   const documentModelModule = useDocumentModelModuleById(documentType);
@@ -28246,13 +28574,13 @@ function useDocumentOfType(documentId, documentType) {
 function useDocumentOperations(documentId) {
   const reactorClient = useReactorClient();
   const hasFetchedRef = useRef2(false);
-  const [state, setState] = useState3(() => ({
+  const [state, setState] = useState4(() => ({
     globalOperations: [],
     localOperations: [],
     isLoading: !!documentId,
     error: undefined
   }));
-  const fetchOperations = useCallback3(async (retryCount = 0) => {
+  const fetchOperations = useCallback4(async (retryCount = 0) => {
     const MAX_RETRIES = 5;
     const RETRY_DELAY_MS = 500;
     if (!documentId || !reactorClient) {
@@ -28298,7 +28626,7 @@ function useDocumentOperations(documentId) {
     });
     hasFetchedRef.current = true;
   }, [documentId, reactorClient]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (documentId && reactorClient) {
       fetchOperations();
     } else if (!documentId) {
@@ -28311,7 +28639,7 @@ function useDocumentOperations(documentId) {
       hasFetchedRef.current = false;
     }
   }, [documentId, reactorClient, fetchOperations]);
-  const refetch = useCallback3(() => {
+  const refetch = useCallback4(() => {
     fetchOperations(0);
   }, [fetchOperations]);
   return { ...state, refetch };
@@ -28758,81 +29086,6 @@ function makeVetraPackageManifestModulesEntry(modules) {
     return acc;
   }, {});
 }
-function openRenown(documentId) {
-  if (documentId) {
-    window.open(`${RENOWN_URL}/profile/${documentId}`, "_blank")?.focus();
-    return;
-  }
-  const url = new URL(RENOWN_URL);
-  url.searchParams.set("connect", window.ph?.renown?.did ?? "");
-  url.searchParams.set("network", RENOWN_NETWORK_ID);
-  url.searchParams.set("chain", RENOWN_CHAIN_ID);
-  const returnUrl = new URL(window.location.pathname, window.location.origin);
-  url.searchParams.set("returnUrl", returnUrl.toJSON());
-  window.open(url, "_self")?.focus();
-}
-function consumeDidFromUrl() {
-  if (typeof window === "undefined")
-    return;
-  const urlParams = new URLSearchParams(window.location.search);
-  const userParam = urlParams.get("user");
-  if (!userParam)
-    return;
-  const userDid = decodeURIComponent(userParam);
-  const cleanUrl = new URL(window.location.href);
-  cleanUrl.searchParams.delete("user");
-  window.history.replaceState({}, "", cleanUrl.toString());
-  return userDid;
-}
-async function login(userDid, renown) {
-  if (!renown) {
-    return;
-  }
-  const did = userDid ?? consumeDidFromUrl();
-  try {
-    const user = renown.user;
-    if (user?.did && (user.did === did || !did)) {
-      return user;
-    }
-    if (!did) {
-      return;
-    }
-    return await renown.login(did);
-  } catch (error) {
-    logger6.error("@error", error);
-  }
-}
-async function logout() {
-  const renown = window.ph?.renown;
-  await renown?.logout();
-  const url = new URL(window.location.href);
-  if (url.searchParams.has("user")) {
-    url.searchParams.delete("user");
-    window.history.replaceState(null, "", url.toString());
-  }
-}
-function useUser() {
-  const renown = useRenown();
-  const [user, setUser] = useState4(() => renown?.user);
-  useEffect4(() => {
-    setUser(renown?.user);
-    if (!renown)
-      return;
-    return renown.on("user", setUser);
-  }, [renown]);
-  return user;
-}
-function useLoginStatus() {
-  const renown = useRenown();
-  const [status, setStatus] = useState4(() => renown ? renown.status : "initializing");
-  useEffect4(() => {
-    setStatus(renown ? renown.status : "initializing");
-    if (!renown)
-      return;
-    return renown.on("status", setStatus);
-  }, [renown]);
-  return status;
-}
 function useGetSwitchboardLink(document2) {
   const [drive] = useSelectedDrive();
   const remotes = useSyncList();
@@ -28875,6 +29128,47 @@ function useUserPermissions() {
     isAllowedToEditDocuments: allowList.includes(user?.address ?? "")
   };
 }
+function cdnUrlToApiUrl(cdnUrl) {
+  return cdnUrl.replace(/\/-\/cdn\/?$/, "");
+}
+function mapPackageInfo(pkg) {
+  return {
+    name: pkg.name,
+    description: pkg.manifest?.description,
+    version: pkg.manifest?.version,
+    category: pkg.manifest?.category,
+    publisher: pkg.manifest?.publisher?.name,
+    publisherUrl: pkg.manifest?.publisher?.url
+  };
+}
+
+class RegistryClient {
+  apiUrl;
+  constructor(cdnUrl) {
+    this.apiUrl = cdnUrlToApiUrl(cdnUrl);
+  }
+  async getPackages() {
+    const res = await fetch(`${this.apiUrl}/packages`);
+    if (!res.ok)
+      throw new Error(`Registry error: HTTP ${res.status}`);
+    const data = await res.json();
+    return data.map(mapPackageInfo);
+  }
+  async getPackagesByDocumentType(documentType) {
+    const encodedType = encodeURIComponent(documentType);
+    const res = await fetch(`${this.apiUrl}/packages/by-document-type?type=${encodedType}`);
+    if (!res.ok)
+      throw new Error(`Registry error: HTTP ${res.status}`);
+    return await res.json();
+  }
+  async searchPackages(query) {
+    const packages = await this.getPackages();
+    if (!query)
+      return packages;
+    const lowerQuery = query.toLowerCase();
+    return packages.filter((pkg) => pkg.name.toLowerCase().includes(lowerQuery) || pkg.description?.toLowerCase().includes(lowerQuery));
+  }
+}
 
 class BaseStorage {
   #store;
@@ -28896,6 +29190,19 @@ class BaseStorage {
     return this.#store.delete(this.#buildKey(key));
   }
 }
+function loadDismissedPackages() {
+  try {
+    const raw = localStorage.getItem(DISMISSED_STORAGE_KEY);
+    if (raw)
+      return JSON.parse(raw);
+  } catch {}
+  return [];
+}
+function persistDismissedPackages(dismissed) {
+  try {
+    localStorage.setItem(DISMISSED_STORAGE_KEY, JSON.stringify(dismissed));
+  } catch {}
+}
 function loadCSS(pkg, registryUrl) {
   const head = document.getElementsByTagName("head")[0];
   const existingStyle = head.querySelector(`link[data-package='${pkg}']`);
@@ -28916,10 +29223,13 @@ function removeCSS(pkg) {
     style.remove();
   }
 }
+async function runtimeImport(url) {
+  return new Function("u", "return import(u)")(url);
+}
 async function loadExternalPackage(name4, registryUrl) {
   registryUrl = registryUrl.endsWith("/") ? registryUrl : `${registryUrl}/`;
   const url = `${registryUrl}${name4}/index.js`;
-  const module = await import(url);
+  const module = await runtimeImport(url);
   loadCSS(name4, registryUrl);
   return convertLegacyLibToVetraPackage(module);
 }
@@ -28930,12 +29240,23 @@ class BrowserPackageManager {
   #localPackageIds = new Set;
   #subscribers = new Set;
   #packagesMemo = [];
-  constructor(namespace) {
+  #registryCdnUrl;
+  #registryClient;
+  #documentModelRegistry;
+  #pending = [];
+  #dismissed = loadDismissedPackages();
+  #deferredActions = new Map;
+  #pendingListeners = new Set;
+  constructor(namespace, registryCdnUrl) {
     this.#storage = new BrowserLocalStorage(namespace + ":PH_PACKAGES");
     const packages = this.#storage.get("packages");
     if (!packages) {
       this.#storage.set("packages", []);
     }
+    if (registryCdnUrl) {
+      this.#registryCdnUrl = registryCdnUrl;
+      this.#registryClient = new RegistryClient(registryCdnUrl);
+    }
   }
   async init() {
     const packages = this.#storage.get("packages");
@@ -28991,6 +29312,99 @@ class BrowserPackageManager {
       handler({ packages });
     });
   }
+  setDocumentModelRegistry(registry) {
+    this.#documentModelRegistry = registry;
+  }
+  async load(documentType) {
+    if (!this.#registryClient || !this.#registryCdnUrl) {
+      throw new Error("Registry CDN URL not configured — cannot discover packages");
+    }
+    const packageNames = await this.#registryClient.getPackagesByDocumentType(documentType);
+    if (packageNames.length === 0) {
+      throw new Error(`No package found containing document type: ${documentType}`);
+    }
+    const packageName = packageNames.sort((a, b) => a.localeCompare(b))[0];
+    this.#pending = [...this.#pending, { documentType, packageName }];
+    this.#notifyPendingListeners();
+    return new Promise((resolve, reject) => {
+      this.#deferredActions.set(packageName, { resolve, reject });
+    });
+  }
+  async approveInstallation(packageName) {
+    const deferred = this.#deferredActions.get(packageName);
+    if (!deferred)
+      return;
+    try {
+      await this.addPackage(packageName, this.#registryCdnUrl);
+    } catch (error) {
+      this.#removePending(packageName);
+      this.#deferredActions.delete(packageName);
+      deferred.reject(error instanceof Error ? error : new Error(`Failed to install package: ${packageName}`));
+      return;
+    }
+    const pendingEntries = this.#pending.filter((p) => p.packageName === packageName);
+    this.#removePending(packageName);
+    this.#deferredActions.delete(packageName);
+    if (!this.#documentModelRegistry) {
+      deferred.reject(new Error("Document model registry not available"));
+      return;
+    }
+    for (const entry of pendingEntries) {
+      try {
+        const module = this.#documentModelRegistry.getModule(entry.documentType);
+        deferred.resolve(module);
+        return;
+      } catch {}
+    }
+    deferred.reject(new Error(`Module not found after installing package: ${packageName}`));
+  }
+  rejectInstallation(packageName) {
+    const deferred = this.#deferredActions.get(packageName);
+    if (!deferred)
+      return;
+    const rejectedEntries = this.#pending.filter((p) => p.packageName === packageName);
+    const documentTypes = rejectedEntries.map((e) => e.documentType);
+    this.#addDismissed(packageName, documentTypes);
+    this.#removePending(packageName);
+    this.#deferredActions.delete(packageName);
+    deferred.reject(new Error(`Installation rejected for package: ${packageName}`));
+  }
+  subscribePendingChanges(listener) {
+    this.#pendingListeners.add(listener);
+    return () => {
+      this.#pendingListeners.delete(listener);
+    };
+  }
+  getPendingInstallations() {
+    return this.#pending;
+  }
+  getDismissedPackages() {
+    return this.#dismissed;
+  }
+  removeDismissed(packageName) {
+    this.#dismissed = this.#dismissed.filter((d) => d.packageName !== packageName);
+    persistDismissedPackages(this.#dismissed);
+    this.#notifyPendingListeners();
+  }
+  #addDismissed(packageName, documentTypes) {
+    const existing = this.#dismissed.find((d) => d.packageName === packageName);
+    if (existing) {
+      const merged = new Set([...existing.documentTypes, ...documentTypes]);
+      existing.documentTypes = [...merged];
+    } else {
+      this.#dismissed = [...this.#dismissed, { packageName, documentTypes }];
+    }
+    persistDismissedPackages(this.#dismissed);
+  }
+  #removePending(packageName) {
+    this.#pending = this.#pending.filter((p) => p.packageName !== packageName);
+    this.#notifyPendingListeners();
+  }
+  #notifyPendingListeners() {
+    for (const listener of this.#pendingListeners) {
+      listener();
+    }
+  }
 }
 async function dropTablesInSchema(pg, schema) {
   await pg.exec(`
@@ -29016,40 +29430,6 @@ async function dropAllReactorStorage(pg) {
   await dropTablesInSchema(pg, REACTOR_SCHEMA);
   await dropTablesInSchema(pg, "public");
 }
-function cdnUrlToApiUrl(cdnUrl) {
-  return cdnUrl.replace(/\/-\/cdn\/?$/, "");
-}
-function mapPackageInfo(pkg) {
-  return {
-    name: pkg.name,
-    description: pkg.manifest?.description,
-    version: pkg.manifest?.version,
-    category: pkg.manifest?.category,
-    publisher: pkg.manifest?.publisher?.name,
-    publisherUrl: pkg.manifest?.publisher?.url
-  };
-}
-
-class RegistryClient {
-  apiUrl;
-  constructor(cdnUrl) {
-    this.apiUrl = cdnUrlToApiUrl(cdnUrl);
-  }
-  async getPackages() {
-    const res = await fetch(`${this.apiUrl}/packages`);
-    if (!res.ok)
-      throw new Error(`Registry error: HTTP ${res.status}`);
-    const data = await res.json();
-    return data.map(mapPackageInfo);
-  }
-  async searchPackages(query) {
-    const packages = await this.getPackages();
-    if (!query)
-      return packages;
-    const lowerQuery = query.toLowerCase();
-    return packages.filter((pkg) => pkg.name.toLowerCase().includes(lowerQuery) || pkg.description?.toLowerCase().includes(lowerQuery));
-  }
-}
 
 class ReactorClientDocumentCache {
   client;
@@ -29355,7 +29735,7 @@ function split2(lst, le = false) {
 }
 function add(Ah, Al, Bh, Bl) {
   const l = (Al >>> 0) + (Bl >>> 0);
-  return { h: Ah + Bh + (l / 4294967296 | 0) | 0, l: l | 0 };
+  return { h: Ah + Bh + (l / 2 ** 32 | 0) | 0, l: l | 0 };
 }
 function _abool2(value, title = "") {
   if (typeof value !== "boolean") {
@@ -30166,7 +30546,7 @@ function edwards(params, extraOpts = {}) {
       _abool2(zip215, "zip215");
       const normed = copyBytes(bytes);
       const lastByte = bytes[len - 1];
-      normed[len - 1] = lastByte & -129;
+      normed[len - 1] = lastByte & ~128;
       const y = bytesToNumberLE(normed);
       const max = zip215 ? MASK : Fp.ORDER;
       aInRange("point.y", y, _0n4, max);
@@ -31552,7 +31932,7 @@ function ripemd_f(group, x, y, z) {
   return x ^ (y | ~z);
 }
 function keccakP(s, rounds = 24) {
-  const B = new Uint32Array(10);
+  const B = new Uint32Array(5 * 2);
   for (let round = 24 - rounds;round < 24; round++) {
     for (let x = 0;x < 10; x++)
       B[x] = s[x] ^ s[x + 10] ^ s[x + 20] ^ s[x + 30] ^ s[x + 40];
@@ -31941,7 +32321,7 @@ function convertRadix2(data, from3, to, padding2) {
 }
 function radix(num) {
   anumber2(num);
-  const _256 = 256;
+  const _256 = 2 ** 8;
   return {
     encode: (bytes) => {
       if (!isBytes2(bytes))
@@ -40558,7 +40938,7 @@ function useStableParams(params) {
 function createProcessorQuery(ProcessorClass) {
   function useQuery(driveId, queryCallback, parameters, options) {
     const stableParams = useStableParams(parameters);
-    const memoizedCallback = useCallback4(queryCallback, [stableParams]);
+    const memoizedCallback = useCallback5(queryCallback, [stableParams]);
     return useRelationalQuery(ProcessorClass, driveId, memoizedCallback, stableParams, options);
   }
   return useQuery;
@@ -41092,41 +41472,6 @@ function CopyIcon({ size = 14, color = "#9EA0A1" }) {
     ]
   }, undefined, true, undefined, this);
 }
-function ExternalLinkIcon({
-  size = 14,
-  color = "currentColor"
-}) {
-  return /* @__PURE__ */ jsxDEV("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsxDEV("path", {
-        d: "M12 8.66667V12.6667C12 13.0203 11.8595 13.3594 11.6095 13.6095C11.3594 13.8595 11.0203 14 10.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H7.33333",
-        stroke: color,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("path", {
-        d: "M10 2H14V6",
-        stroke: color,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("path", {
-        d: "M6.66669 9.33333L14 2",
-        stroke: color,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
 function DisconnectIcon({ size = 14, color = "#EA4335" }) {
   return /* @__PURE__ */ jsxDEV("svg", {
     width: size,
@@ -41229,6 +41574,27 @@ function SpinnerIcon({ size = 14, color = "currentColor" }) {
     ]
   }, undefined, true, undefined, this);
 }
+function ChevronDownIcon({
+  size = 14,
+  color = "currentColor",
+  style
+}) {
+  return /* @__PURE__ */ jsxDEV("svg", {
+    width: size,
+    height: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style,
+    children: /* @__PURE__ */ jsxDEV("path", {
+      d: "M4 6L8 10L12 6",
+      stroke: color,
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
 function UserIcon({ size = 24, color = "#6366f1" }) {
   return /* @__PURE__ */ jsxDEV("svg", {
     width: size,
@@ -41253,134 +41619,80 @@ function UserIcon({ size = 24, color = "#6366f1" }) {
     ]
   }, undefined, true, undefined, this);
 }
+function mergeProps(parentProps, childProps) {
+  const merged = { ...parentProps };
+  for (const key of Object.keys(childProps)) {
+    const parentValue = parentProps[key];
+    const childValue = childProps[key];
+    if (key === "style") {
+      merged[key] = { ...parentValue, ...childValue };
+    } else if (key === "className") {
+      merged[key] = [parentValue, childValue].filter(Boolean).join(" ");
+    } else if (typeof parentValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        childValue(...args);
+        parentValue(...args);
+      };
+    } else if (childValue !== undefined) {
+      merged[key] = childValue;
+    }
+  }
+  return merged;
+}
 function RenownLoginButton({
   onLogin: onLoginProp,
   darkMode = false,
   style,
   className,
-  renderTrigger,
-  showPopover = false
+  asChild = false,
+  children
 }) {
   const onLogin = onLoginProp ?? (() => openRenown());
-  const [isOpen, setIsOpen] = useState7(false);
   const [isLoading, setIsLoading] = useState7(false);
   const [isHovered, setIsHovered] = useState7(false);
-  const [showAbove, setShowAbove] = useState7(true);
-  const wrapperRef = useRef5(null);
-  const closeTimeoutRef = useRef5(null);
-  const calculatePosition = useCallback5(() => {
-    if (!wrapperRef.current)
-      return;
-    const rect = wrapperRef.current.getBoundingClientRect();
-    const spaceAbove = rect.top;
-    setShowAbove(spaceAbove >= POPOVER_HEIGHT + POPOVER_GAP);
-  }, []);
-  const handleMouseEnter = useCallback5(() => {
-    setIsHovered(true);
-    if (!showPopover)
-      return;
-    if (closeTimeoutRef.current) {
-      clearTimeout(closeTimeoutRef.current);
-      closeTimeoutRef.current = null;
-    }
-    calculatePosition();
-    setIsOpen(true);
-  }, [calculatePosition, showPopover]);
-  const handleMouseLeave = useCallback5(() => {
-    closeTimeoutRef.current = setTimeout(() => {
-      setIsOpen(false);
-      setIsHovered(false);
-    }, 150);
-  }, []);
-  useEffect7(() => {
-    return () => {
-      if (closeTimeoutRef.current) {
-        clearTimeout(closeTimeoutRef.current);
-      }
-    };
-  }, []);
-  const handleConnect = () => {
-    setIsLoading(true);
-    onLogin();
-  };
-  const handleDirectClick = () => {
-    if (!showPopover && !isLoading) {
+  const handleMouseEnter = useCallback6(() => setIsHovered(true), []);
+  const handleMouseLeave = useCallback6(() => setIsHovered(false), []);
+  const handleClick = () => {
+    if (!isLoading) {
       setIsLoading(true);
       onLogin();
     }
   };
+  const themeStyles = darkMode ? darkStyles : lightStyles;
   const triggerStyle = {
     ...styles.trigger,
-    cursor: !isLoading ? "pointer" : "wait",
+    ...themeStyles.trigger,
+    ...isHovered && !isLoading ? themeStyles.triggerHover : {},
+    cursor: isLoading ? "wait" : "pointer",
     ...style
   };
-  const allowLogin = !isLoading && !!onLogin;
-  const connectButtonStyle = {
-    ...styles.connectButtonBase,
-    ...darkMode ? styles.connectButtonDark : styles.connectButtonLight,
-    cursor: allowLogin ? "pointer" : "wait"
-  };
-  const popoverStyle = {
-    ...styles.popoverBase,
-    ...darkMode ? styles.popoverDark : styles.popoverLight,
-    ...showAbove ? { bottom: `calc(100% + ${POPOVER_GAP}px)` } : { top: `calc(100% + ${POPOVER_GAP}px)` }
-  };
-  const triggerImageStyle = darkMode ? styles.triggerImageDark : styles.triggerImageLight;
-  const logoColor = darkMode ? "#f9fafb" : "#374151";
+  const triggerElement = asChild ? /* @__PURE__ */ jsxDEV2(Slot, {
+    onClick: handleClick,
+    "data-renown-state": "login",
+    ...isLoading ? { "data-loading": "" } : {},
+    children
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2("button", {
+    type: "button",
+    style: triggerStyle,
+    "aria-label": "Log in with Renown",
+    onClick: handleClick,
+    "data-renown-state": "login",
+    ...isLoading ? { "data-loading": "" } : {},
+    children: isLoading ? /* @__PURE__ */ jsxDEV2(SpinnerIcon, {
+      size: 16
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2("span", {
+      children: "Log in"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
   return /* @__PURE__ */ jsxDEV2("div", {
-    ref: wrapperRef,
     style: styles.wrapper,
     className,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    children: [
-      renderTrigger ? renderTrigger({
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        isLoading
-      }) : /* @__PURE__ */ jsxDEV2("button", {
-        type: "button",
-        style: triggerStyle,
-        "aria-label": showPopover ? "Open Renown Login" : "Login with Renown",
-        onClick: showPopover ? undefined : handleDirectClick,
-        children: isLoading ? /* @__PURE__ */ jsxDEV2(SpinnerIcon, {
-          size: 42
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2("img", {
-          width: 42,
-          height: 42,
-          src: isHovered ? renownShortHoverDataUrl : renownShortDataUrl,
-          alt: "Renown Login",
-          style: triggerImageStyle
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      isOpen && showPopover && /* @__PURE__ */ jsxDEV2("div", {
-        style: popoverStyle,
-        children: /* @__PURE__ */ jsxDEV2("div", {
-          style: styles.popoverContent,
-          children: [
-            /* @__PURE__ */ jsxDEV2("div", {
-              style: styles.logoContainer,
-              children: /* @__PURE__ */ jsxDEV2(RenownLogo, {
-                width: 83,
-                height: 22,
-                color: logoColor
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2("button", {
-              type: "button",
-              onClick: allowLogin ? handleConnect : undefined,
-              style: connectButtonStyle,
-              children: isLoading ? /* @__PURE__ */ jsxDEV2(SpinnerIcon, {
-                size: 14
-              }, undefined, false, undefined, this) : "Connect"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
+    children: triggerElement
+  }, undefined, false, undefined, this);
 }
-function truncateAddress(address) {
+function truncateAddress2(address) {
   if (address.length <= 13)
     return address;
   return `${address.slice(0, 7)}...${address.slice(-5)}`;
@@ -41393,27 +41705,34 @@ function RenownUserButton({
   onDisconnect: onDisconnectProp,
   style,
   className,
-  renderTrigger
+  asChild = false,
+  children,
+  menuItems
 }) {
   const user = useUser();
   const address = addressProp ?? user?.address ?? "";
-  const username = usernameProp ?? user?.ens?.name;
-  const avatarUrl = avatarUrlProp ?? user?.ens?.avatarUrl;
+  const username = usernameProp ?? user?.profile?.username ?? user?.ens?.name;
+  const avatarUrl = avatarUrlProp ?? user?.profile?.userImage ?? user?.ens?.avatarUrl;
   const userId = userIdProp ?? user?.profile?.documentId;
   const onDisconnect = onDisconnectProp ?? (() => void logout());
+  const displayName = username ?? (address ? truncateAddress2(address) : "Account");
+  const profileId = userId ?? address;
   const [isOpen, setIsOpen] = useState8(false);
+  const [isHovered, setIsHovered] = useState8(false);
   const [isCopied, setIsCopied] = useState8(false);
   const [showAbove, setShowAbove] = useState8(true);
-  const wrapperRef = useRef6(null);
-  const closeTimeoutRef = useRef6(null);
-  const calculatePosition = useCallback6(() => {
+  const [hoveredItem, setHoveredItem] = useState8(null);
+  const wrapperRef = useRef5(null);
+  const closeTimeoutRef = useRef5(null);
+  const calculatePosition = useCallback7(() => {
     if (!wrapperRef.current)
       return;
     const rect = wrapperRef.current.getBoundingClientRect();
     const spaceAbove = rect.top;
-    setShowAbove(spaceAbove >= POPOVER_HEIGHT2 + POPOVER_GAP2);
+    setShowAbove(spaceAbove >= POPOVER_HEIGHT + POPOVER_GAP);
   }, []);
-  const handleMouseEnter = useCallback6(() => {
+  const handleMouseEnter = useCallback7(() => {
+    setIsHovered(true);
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
       closeTimeoutRef.current = null;
@@ -41421,19 +41740,21 @@ function RenownUserButton({
     calculatePosition();
     setIsOpen(true);
   }, [calculatePosition]);
-  const handleMouseLeave = useCallback6(() => {
+  const handleMouseLeave = useCallback7(() => {
     closeTimeoutRef.current = setTimeout(() => {
       setIsOpen(false);
+      setIsHovered(false);
+      setHoveredItem(null);
     }, 150);
   }, []);
-  useEffect8(() => {
+  useEffect7(() => {
     return () => {
       if (closeTimeoutRef.current) {
         clearTimeout(closeTimeoutRef.current);
       }
     };
   }, []);
-  const copyToClipboard = useCallback6(async () => {
+  const copyToClipboard = useCallback7(async () => {
     try {
       await navigator.clipboard.writeText(address);
       setIsCopied(true);
@@ -41442,6 +41763,43 @@ function RenownUserButton({
       console.error("Failed to copy address:", err);
     }
   }, [address]);
+  const triggerElement = asChild ? /* @__PURE__ */ jsxDEV3(Slot, {
+    "data-renown-state": "authenticated",
+    children
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("button", {
+    type: "button",
+    style: {
+      ...styles2.trigger,
+      ...isHovered ? styles2.triggerHover : {},
+      ...style
+    },
+    "aria-label": "Open account menu",
+    "data-renown-state": "authenticated",
+    children: [
+      avatarUrl ? /* @__PURE__ */ jsxDEV3("img", {
+        src: avatarUrl,
+        alt: "Avatar",
+        style: styles2.avatar
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("div", {
+        style: styles2.avatarPlaceholder,
+        children: /* @__PURE__ */ jsxDEV3("span", {
+          style: styles2.avatarInitial,
+          children: (displayName || "U")[0].toUpperCase()
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3("span", {
+        style: styles2.displayName,
+        children: displayName
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(ChevronDownIcon, {
+        size: 14,
+        style: {
+          ...styles2.chevron,
+          ...isOpen ? styles2.chevronOpen : {}
+        }
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
   return /* @__PURE__ */ jsxDEV3("div", {
     ref: wrapperRef,
     style: styles2.wrapper,
@@ -41449,46 +41807,25 @@ function RenownUserButton({
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     children: [
-      renderTrigger ? renderTrigger({
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        address,
-        username,
-        avatarUrl
-      }) : /* @__PURE__ */ jsxDEV3("button", {
-        type: "button",
-        style: { ...styles2.trigger, ...style },
-        "aria-label": "Open account menu",
-        children: avatarUrl ? /* @__PURE__ */ jsxDEV3("img", {
-          src: avatarUrl,
-          alt: "Avatar",
-          style: styles2.avatar
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("div", {
-          style: styles2.avatarPlaceholder,
-          children: /* @__PURE__ */ jsxDEV3(UserIcon, {
-            size: 24,
-            color: "#9ca3af"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
+      triggerElement,
       isOpen && /* @__PURE__ */ jsxDEV3("div", {
         style: {
           ...styles2.popoverBase,
-          ...showAbove ? { bottom: `calc(100% + ${POPOVER_GAP2}px)` } : { top: `calc(100% + ${POPOVER_GAP2}px)` }
+          ...showAbove ? { bottom: `calc(100% + ${POPOVER_GAP}px)` } : { top: `calc(100% + ${POPOVER_GAP}px)` }
         },
         children: [
           /* @__PURE__ */ jsxDEV3("div", {
-            style: styles2.section,
+            style: styles2.header,
             children: [
               username && /* @__PURE__ */ jsxDEV3("div", {
-                style: styles2.username,
+                style: styles2.headerUsername,
                 children: username
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
+              address && /* @__PURE__ */ jsxDEV3("div", {
                 style: styles2.addressRow,
                 children: /* @__PURE__ */ jsxDEV3("button", {
                   type: "button",
-                  onClick: copyToClipboard,
+                  onClick: () => void copyToClipboard(),
                   style: styles2.addressButton,
                   children: /* @__PURE__ */ jsxDEV3("div", {
                     style: {
@@ -41500,20 +41837,26 @@ function RenownUserButton({
                     },
                     children: [
                       /* @__PURE__ */ jsxDEV3("div", {
-                        style: { ...styles2.addressText, opacity: isCopied ? 0 : 1 },
+                        style: {
+                          ...styles2.addressText,
+                          opacity: isCopied ? 0 : 1
+                        },
                         children: [
                           /* @__PURE__ */ jsxDEV3("span", {
-                            children: truncateAddress(address)
+                            children: truncateAddress2(address)
                           }, undefined, false, undefined, this),
                           /* @__PURE__ */ jsxDEV3(CopyIcon, {
-                            size: 14,
-                            color: "#9EA0A1"
+                            size: 12,
+                            color: "#9ca3af"
                           }, undefined, false, undefined, this)
                         ]
                       }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV3("div", {
-                        style: { ...styles2.copiedText, opacity: isCopied ? 1 : 0 },
-                        children: "Copied to clipboard!"
+                        style: {
+                          ...styles2.copiedText,
+                          opacity: isCopied ? 1 : 0
+                        },
+                        children: "Copied!"
                       }, undefined, false, undefined, this)
                     ]
                   }, undefined, true, undefined, this)
@@ -41521,35 +41864,64 @@ function RenownUserButton({
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          userId && /* @__PURE__ */ jsxDEV3("div", {
-            style: styles2.section,
-            children: /* @__PURE__ */ jsxDEV3("button", {
-              type: "button",
-              onClick: () => openRenown(userId),
-              style: styles2.menuItem,
-              children: [
-                /* @__PURE__ */ jsxDEV3(ExternalLinkIcon, {
-                  size: 14
-                }, undefined, false, undefined, this),
-                "View on Renown"
-              ]
-            }, undefined, true, undefined, this)
+          /* @__PURE__ */ jsxDEV3("div", {
+            style: styles2.menuSection,
+            children: [
+              profileId && /* @__PURE__ */ jsxDEV3("button", {
+                type: "button",
+                onClick: () => openRenown(profileId),
+                onMouseEnter: () => setHoveredItem("profile"),
+                onMouseLeave: () => setHoveredItem(null),
+                style: {
+                  ...styles2.menuItem,
+                  ...hoveredItem === "profile" ? styles2.menuItemHover : {}
+                },
+                children: [
+                  /* @__PURE__ */ jsxDEV3(UserIcon, {
+                    size: 14,
+                    color: "#6b7280"
+                  }, undefined, false, undefined, this),
+                  "View Profile"
+                ]
+              }, undefined, true, undefined, this),
+              menuItems?.map((item) => /* @__PURE__ */ jsxDEV3("button", {
+                type: "button",
+                onClick: item.onClick,
+                onMouseEnter: () => setHoveredItem(item.label),
+                onMouseLeave: () => setHoveredItem(null),
+                style: {
+                  ...styles2.menuItem,
+                  ...hoveredItem === item.label ? styles2.menuItemHover : {},
+                  ...item.style
+                },
+                children: [
+                  item.icon,
+                  item.label
+                ]
+              }, item.label, true, undefined, this))
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3("hr", {
+            style: styles2.separator
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV3("div", {
-            style: styles2.sectionLast,
+            style: styles2.menuSection,
             children: /* @__PURE__ */ jsxDEV3("button", {
               type: "button",
               onClick: onDisconnect,
+              onMouseEnter: () => setHoveredItem("disconnect"),
+              onMouseLeave: () => setHoveredItem(null),
               style: {
                 ...styles2.menuItem,
-                ...styles2.disconnectItem
+                ...styles2.disconnectItem,
+                ...hoveredItem === "disconnect" ? styles2.menuItemHover : {}
               },
               children: [
                 /* @__PURE__ */ jsxDEV3(DisconnectIcon, {
                   size: 14,
-                  color: "#EA4335"
+                  color: "#dc2626"
                 }, undefined, false, undefined, this),
-                "Disconnect"
+                "Log out"
               ]
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this)
@@ -41560,23 +41932,23 @@ function RenownUserButton({
 }
 function RenownAuthButton({
   className = "",
-  renderAuthenticated,
-  renderUnauthenticated,
-  renderLoading
+  darkMode,
+  loginContent,
+  userContent,
+  loadingContent,
+  children
 }) {
-  const user = useUser();
-  const loginStatus = useLoginStatus();
-  const isLoading = loginStatus === "checking";
-  const openProfile = () => {
-    if (!user)
-      return;
-    openRenown(user.profile?.documentId);
-  };
-  if (isLoading) {
-    if (renderLoading) {
+  const auth = useRenownAuth();
+  if (children) {
+    return /* @__PURE__ */ jsxDEV4(Fragment, {
+      children: children(auth)
+    }, undefined, false, undefined, this);
+  }
+  if (auth.status === "loading" || auth.status === "checking") {
+    if (loadingContent) {
       return /* @__PURE__ */ jsxDEV4("div", {
         className,
-        children: renderLoading()
+        children: loadingContent
       }, undefined, false, undefined, this);
     }
     return /* @__PURE__ */ jsxDEV4("div", {
@@ -41584,24 +41956,44 @@ function RenownAuthButton({
       children: [
         /* @__PURE__ */ jsxDEV4("div", {
           style: {
-            width: "40px",
-            height: "40px",
-            borderRadius: "50%",
-            backgroundColor: "#e5e7eb",
+            display: "flex",
+            alignItems: "center",
+            gap: "8px",
+            padding: "6px 12px",
+            borderRadius: "8px",
+            border: "1px solid #e5e7eb",
             animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
-          }
-        }, undefined, false, undefined, this),
+          },
+          children: [
+            /* @__PURE__ */ jsxDEV4("div", {
+              style: {
+                width: "28px",
+                height: "28px",
+                borderRadius: "50%",
+                backgroundColor: "#e5e7eb"
+              }
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV4("div", {
+              style: {
+                width: "80px",
+                height: "14px",
+                borderRadius: "4px",
+                backgroundColor: "#e5e7eb"
+              }
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
         /* @__PURE__ */ jsxDEV4("style", {
           children: `@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }`
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this);
   }
-  if (loginStatus === "authorized" && user) {
-    if (renderAuthenticated) {
+  if (auth.status === "authorized") {
+    if (userContent) {
       return /* @__PURE__ */ jsxDEV4("div", {
         className,
-        children: renderAuthenticated({ user, logout, openProfile })
+        children: userContent
       }, undefined, false, undefined, this);
     }
     return /* @__PURE__ */ jsxDEV4("div", {
@@ -41609,54 +42001,52 @@ function RenownAuthButton({
       children: /* @__PURE__ */ jsxDEV4(RenownUserButton, {}, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
-  if (renderUnauthenticated) {
+  if (loginContent) {
     return /* @__PURE__ */ jsxDEV4("div", {
       className,
-      children: renderUnauthenticated({ openRenown: () => openRenown(), isLoading })
+      children: loginContent
     }, undefined, false, undefined, this);
   }
   return /* @__PURE__ */ jsxDEV4("div", {
     className,
-    children: /* @__PURE__ */ jsxDEV4(RenownLoginButton, {}, undefined, false, undefined, this)
+    children: /* @__PURE__ */ jsxDEV4(RenownLoginButton, {
+      darkMode
+    }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-function RenownProvider({
+async function initRenown(appName, namespace, url) {
+  addRenownEventHandler();
+  setRenown(loading);
+  const builder = new RenownBuilder(appName, {
+    basename: namespace,
+    baseUrl: url
+  });
+  const renown = await builder.build();
+  setRenown(renown);
+  await login(undefined, renown);
+  return renown;
+}
+function useRenownInit({
   appName,
-  basename,
-  baseUrl,
-  children
+  namespace,
+  url
 }) {
-  const initRef = useRef7(false);
-  const initialPropsRef = useRef7({ appName, basename, baseUrl });
+  const promiseRef = useRef6(Promise.withResolvers());
+  const initRef = useRef6(false);
+  if (typeof window === "undefined") {
+    promiseRef.current.reject(new Error("window is undefined"));
+    return promiseRef.current.promise;
+  }
   if (initRef.current) {
-    const initial = initialPropsRef.current;
-    if (appName !== initial.appName) {
-      console.warn("RenownProvider: 'appName' changed after mount. This prop is only read once during initialization.");
-    }
-    if (basename !== initial.basename) {
-      console.warn("RenownProvider: 'basename' changed after mount. This prop is only read once during initialization.");
-    }
-    if (baseUrl !== initial.baseUrl) {
-      console.warn("RenownProvider: 'baseUrl' changed after mount. This prop is only read once during initialization.");
-    }
+    return promiseRef.current.promise;
   }
-  useEffect9(() => {
-    if (initRef.current)
-      return;
-    initRef.current = true;
-    if (!window.ph) {
-      window.ph = {};
-    }
-    addRenownEventHandler();
-    const init = async () => {
-      const builder = new RenownBuilder(appName, { basename, baseUrl });
-      const instance = await builder.build();
-      setRenown(instance);
-      await login(undefined, instance);
-    };
-    init().catch(console.error);
-  }, []);
-  return children;
+  initRef.current = true;
+  initRenown(appName, namespace, url).then(promiseRef.current.resolve).catch(promiseRef.current.reject);
+  return promiseRef.current.promise;
+}
+function Renown2({ onError, ...initOptions }) {
+  useRenownInit(initOptions).catch(onError ?? console.error);
+  return null;
 }
 var __create2, __getProtoOf2, __defProp3, __getOwnPropNames2, __getOwnPropDesc2, __hasOwnProp2, __toESM2 = (mod, isNodeMode, target) => {
   target = mod != null ? __create2(__getProtoOf2(mod)) : {};
@@ -42222,13 +42612,13 @@ ${String(result)}`);
     return t;
   };
   return __assign.apply(this, arguments);
-}, docCache, fragmentSourceMap, printFragmentWarnings = true, experimentalFragmentVariables = false, extras, PropagationMode2, PhDocumentFieldsFragmentDoc, GetDocumentModelsDocument, GetDocumentDocument, GetDocumentChildrenDocument, GetDocumentParentsDocument, FindDocumentsDocument, GetDocumentOperationsDocument, GetJobStatusDocument, CreateDocumentDocument, CreateEmptyDocumentDocument, MutateDocumentDocument, MutateDocumentAsyncDocument, RenameDocumentDocument, AddChildrenDocument, RemoveChildrenDocument, MoveChildrenDocument, DeleteDocumentDocument, DeleteDocumentsDocument, DocumentChangesDocument, JobChangesDocument, PollSyncEnvelopesDocument, TouchChannelDocument, PushSyncEnvelopesDocument, defaultWrapper = (action, _operationName, _operationType, _variables) => action(), SPLIT_LOWER_UPPER_RE, SPLIT_UPPER_UPPER_RE, SPLIT_SEPARATE_NUMBER_RE, DEFAULT_STRIP_REGEXP, SPLIT_REPLACE_VALUE = "$1\x00$2", DEFAULT_PREFIX_SUFFIX_CHARACTERS = "", isExternalControlsEnabledEventFunctions, setIsExternalControlsEnabled, useIsExternalControlsEnabled, addIsExternalControlsEnabledEventHandler, isDragAndDropEnabledEventFunctions, setIsDragAndDropEnabled, useIsDragAndDropEnabled, addIsDragAndDropEnabledEventHandler, allowedDocumentTypesEventFunctions, setAllowedDocumentTypes, addAllowedDocumentTypesEventHandler, phDriveEditorConfigSetters, phDocumentEditorConfigSetters, phDriveEditorConfigHooks, phDocumentEditorConfigHooks, vetraPackageManagerFunctions, useVetraPackageManager, useVetraPackages = () => {
+}, docCache, fragmentSourceMap, printFragmentWarnings = true, experimentalFragmentVariables = false, extras, PropagationMode2, PhDocumentFieldsFragmentDoc, GetDocumentModelsDocument, GetDocumentDocument, GetDocumentChildrenDocument, GetDocumentParentsDocument, FindDocumentsDocument, GetDocumentOperationsDocument, GetJobStatusDocument, CreateDocumentDocument, CreateEmptyDocumentDocument, MutateDocumentDocument, MutateDocumentAsyncDocument, RenameDocumentDocument, AddChildrenDocument, RemoveChildrenDocument, MoveChildrenDocument, DeleteDocumentDocument, DeleteDocumentsDocument, DocumentChangesDocument, JobChangesDocument, PollSyncEnvelopesDocument, TouchChannelDocument, PushSyncEnvelopesDocument, defaultWrapper = (action, _operationName, _operationType, _variables) => action(), SPLIT_LOWER_UPPER_RE, SPLIT_UPPER_UPPER_RE, SPLIT_SEPARATE_NUMBER_RE, DEFAULT_STRIP_REGEXP, SPLIT_REPLACE_VALUE = "$1\x00$2", DEFAULT_PREFIX_SUFFIX_CHARACTERS = "", isServer, useLoading, setLoading, addLoadingEventHandler, loading = null, renownEventFunctions, addRenownEventHandler, useRenown, setRenown, RENOWN_URL = "https://www.renown.id", RENOWN_NETWORK_ID = "eip155", RENOWN_CHAIN_ID = "1", DOMAIN_TYPE, VERIFIABLE_CREDENTIAL_EIP712_TYPE, CREDENTIAL_SCHEMA_EIP712_TYPE, CREDENTIAL_SUBJECT_TYPE, ISSUER_TYPE, CREDENTIAL_TYPES, isExternalControlsEnabledEventFunctions, setIsExternalControlsEnabled, useIsExternalControlsEnabled, addIsExternalControlsEnabledEventHandler, isDragAndDropEnabledEventFunctions, setIsDragAndDropEnabled, useIsDragAndDropEnabled, addIsDragAndDropEnabledEventHandler, allowedDocumentTypesEventFunctions, setAllowedDocumentTypes, addAllowedDocumentTypesEventHandler, phDriveEditorConfigSetters, phDocumentEditorConfigSetters, phDriveEditorConfigHooks, phDocumentEditorConfigHooks, vetraPackageManagerFunctions, useVetraPackageManager, useVetraPackages = () => {
   const packageManager = useVetraPackageManager();
-  return useSyncExternalStore2((cb) => packageManager ? packageManager.subscribe(cb) : () => {}, () => packageManager?.packages ?? []);
-}, addVetraPackageManagerEventHandler, reactorClientModuleEventFunctions, reactorClientEventFunctions, useReactorClientModule, setReactorClientModule, addReactorClientModuleEventHandler, useReactorClient, setReactorClient, addReactorClientEventHandler, useSync = () => useReactorClientModule()?.reactorModule?.syncModule?.syncManager, useSyncList = () => {
+  return useSyncExternalStore3((cb) => packageManager ? packageManager.subscribe(cb) : () => {}, () => packageManager?.packages ?? []);
+}, addVetraPackageManagerEventHandler, EMPTY_PENDING, EMPTY_DISMISSED, NOOP_UNSUBSCRIBE = () => {}, documentEventFunctions, useDocumentCache, setDocumentCache, addDocumentCacheEventHandler, base64, locales, defaultLocale, initialMulticharmap, initialCharmap, slug_default, drivesEventFunctions, useDrives, setDrives, addDrivesEventHandler, selectedDriveIdEventFunctions, useSelectedDriveId, setSelectedDriveId, addSelectedDriveIdEventHandler, selectedNodeIdEventFunctions, useSelectedNodeId, setSelectedNodeId, addSelectedNodeIdEventHandler, useRouterBasename, setRouterBasename, addRouterBasenameEventHandler, useVersion, setVersion, addVersionEventHandler, useRequiresHardRefresh, setRequiresHardRefresh, addRequiresHardRefreshEventHandler, useWarnOutdatedApp, setWarnOutdatedApp, addWarnOutdatedAppEventHandler, useStudioMode, setStudioMode, addStudioModeEventHandler, useBasePath, setBasePath, addBasePathEventHandler, useVersionCheckInterval, setVersionCheckInterval, addVersionCheckIntervalEventHandler, useCliVersion, setCliVersion, addCliVersionEventHandler, useFileUploadOperationsChunkSize, setFileUploadOperationsChunkSize, addFileUploadOperationsChunkSizeEventHandler, useIsDocumentModelSelectionSettingsEnabled, setIsDocumentModelSelectionSettingsEnabled, addIsDocumentModelSelectionSettingsEnabledEventHandler, useGaTrackingId, setGaTrackingId, addGaTrackingIdEventHandler, useDefaultDrivesUrl, setDefaultDrivesUrl, addDefaultDrivesUrlEventHandler, useDrivesPreserveStrategy, setDrivesPreserveStrategy, addDrivesPreserveStrategyEventHandler, useIsLocalDrivesEnabled, setIsLocalDrivesEnabled, addIsLocalDrivesEnabledEventHandler, useIsAddDriveEnabled, setIsAddDriveEnabled, addIsAddDriveEnabledEventHandler, useIsPublicDrivesEnabled, setIsPublicDrivesEnabled, addIsPublicDrivesEnabledEventHandler, useIsAddPublicDrivesEnabled, setIsAddPublicDrivesEnabled, addIsAddPublicDrivesEnabledEventHandler, useIsDeletePublicDrivesEnabled, setIsDeletePublicDrivesEnabled, addIsDeletePublicDrivesEnabledEventHandler, useIsCloudDrivesEnabled, setIsCloudDrivesEnabled, addIsCloudDrivesEnabledEventHandler, useIsAddCloudDrivesEnabled, setIsAddCloudDrivesEnabled, addIsAddCloudDrivesEnabledEventHandler, useIsDeleteCloudDrivesEnabled, setIsDeleteCloudDrivesEnabled, addIsDeleteCloudDrivesEnabledEventHandler, useLocalDrivesEnabled, setLocalDrivesEnabled, addLocalDrivesEnabledEventHandler, useIsAddLocalDrivesEnabled, setIsAddLocalDrivesEnabled, addIsAddLocalDrivesEnabledEventHandler, useIsDeleteLocalDrivesEnabled, setIsDeleteLocalDrivesEnabled, addIsDeleteLocalDrivesEnabledEventHandler, useIsEditorDebugModeEnabled, setIsEditorDebugModeEnabled, addIsEditorDebugModeEnabledEventHandler, useIsEditorReadModeEnabled, setIsEditorReadModeEnabled, addIsEditorReadModeEnabledEventHandler, useIsAnalyticsDatabaseWorkerEnabled, setIsAnalyticsDatabaseWorkerEnabled, addIsAnalyticsDatabaseWorkerEnabledEventHandler, useIsDiffAnalyticsEnabled, setIsDiffAnalyticsEnabled, addIsDiffAnalyticsEnabledEventHandler, useIsDriveAnalyticsEnabled, setIsDriveAnalyticsEnabled, addIsDriveAnalyticsEnabledEventHandler, useRenownUrl, setRenownUrl, addRenownUrlEventHandler, useRenownNetworkId, setRenownNetworkId, addRenownNetworkIdEventHandler, useRenownChainId, setRenownChainId, addRenownChainIdEventHandler, useSentryRelease, setSentryRelease, addSentryReleaseEventHandler, useSentryDsn, setSentryDsn, addSentryDsnEventHandler, useSentryEnv, setSentryEnv, addSentryEnvEventHandler, useIsSentryTracingEnabled, setIsSentryTracingEnabled, addIsSentryTracingEnabledEventHandler, useIsExternalProcessorsEnabled, setIsExternalProcessorsEnabled, addIsExternalProcessorsEnabledEventHandler, useIsExternalPackagesEnabled, setIsExternalPackagesEnabled, addIsExternalPackagesEnabledEventHandler, enabledEditorsEventFunctions, setEnabledEditors, useEnabledEditors, addEnabledEditorsEventHandler, disabledEditorsEventFunctions, setDisabledEditors, useDisabledEditors, addDisabledEditorsEventHandler, isRelationalProcessorsEnabled, setIsRelationalProcessorsEnabled, useIsRelationalProcessorsEnabled, addIsRelationalProcessorsEnabledEventHandler, isExternalRelationalProcessorsEnabled, setIsExternalRelationalProcessorsEnabled, useIsExternalRelationalProcessorsEnabled, addIsExternalRelationalProcessorsEnabledEventHandler, isAnalyticsEnabledEventFunctions, setIsAnalyticsEnabled, useIsAnalyticsEnabled, addIsAnalyticsEnabledEventHandler, isAnalyticsExternalProcessorsEnabled, setIsAnalyticsExternalProcessorsEnabled, useIsAnalyticsExternalProcessorsEnabled, addIsAnalyticsExternalProcessorsEnabledEventHandler, analyticsDatabaseNameEventFunctions, setAnalyticsDatabaseName, useAnalyticsDatabaseName, addAnalyticsDatabaseNameEventHandler, logLevelEventFunctions, setLogLevel2, useLogLevel, addLogLevelEventHandler, allowListEventFunctions, setAllowList, useAllowList, addAllowListEventHandler, nonUserConfigSetters, phGlobalConfigSetters, nonUserConfigHooks, phGlobalConfigHooks, reactorClientModuleEventFunctions, reactorClientEventFunctions, useReactorClientModule, setReactorClientModule, addReactorClientModuleEventHandler, useReactorClient, setReactorClient, addReactorClientEventHandler, useSync = () => useReactorClientModule()?.reactorModule?.syncModule?.syncManager, useSyncList = () => {
   const sync = useSync();
   return sync?.list() ?? [];
-}, documentEventFunctions, useDocumentCache, setDocumentCache, addDocumentCacheEventHandler, base64, locales, defaultLocale, initialMulticharmap, initialCharmap, slug_default, drivesEventFunctions, useDrives, setDrives, addDrivesEventHandler, selectedDriveIdEventFunctions, useSelectedDriveId, setSelectedDriveId, addSelectedDriveIdEventHandler, selectedNodeIdEventFunctions, useSelectedNodeId, setSelectedNodeId, addSelectedNodeIdEventHandler, useRouterBasename, setRouterBasename, addRouterBasenameEventHandler, useVersion, setVersion, addVersionEventHandler, useRequiresHardRefresh, setRequiresHardRefresh, addRequiresHardRefreshEventHandler, useWarnOutdatedApp, setWarnOutdatedApp, addWarnOutdatedAppEventHandler, useStudioMode, setStudioMode, addStudioModeEventHandler, useBasePath, setBasePath, addBasePathEventHandler, useVersionCheckInterval, setVersionCheckInterval, addVersionCheckIntervalEventHandler, useCliVersion, setCliVersion, addCliVersionEventHandler, useFileUploadOperationsChunkSize, setFileUploadOperationsChunkSize, addFileUploadOperationsChunkSizeEventHandler, useIsDocumentModelSelectionSettingsEnabled, setIsDocumentModelSelectionSettingsEnabled, addIsDocumentModelSelectionSettingsEnabledEventHandler, useGaTrackingId, setGaTrackingId, addGaTrackingIdEventHandler, useDefaultDrivesUrl, setDefaultDrivesUrl, addDefaultDrivesUrlEventHandler, useDrivesPreserveStrategy, setDrivesPreserveStrategy, addDrivesPreserveStrategyEventHandler, useIsLocalDrivesEnabled, setIsLocalDrivesEnabled, addIsLocalDrivesEnabledEventHandler, useIsAddDriveEnabled, setIsAddDriveEnabled, addIsAddDriveEnabledEventHandler, useIsPublicDrivesEnabled, setIsPublicDrivesEnabled, addIsPublicDrivesEnabledEventHandler, useIsAddPublicDrivesEnabled, setIsAddPublicDrivesEnabled, addIsAddPublicDrivesEnabledEventHandler, useIsDeletePublicDrivesEnabled, setIsDeletePublicDrivesEnabled, addIsDeletePublicDrivesEnabledEventHandler, useIsCloudDrivesEnabled, setIsCloudDrivesEnabled, addIsCloudDrivesEnabledEventHandler, useIsAddCloudDrivesEnabled, setIsAddCloudDrivesEnabled, addIsAddCloudDrivesEnabledEventHandler, useIsDeleteCloudDrivesEnabled, setIsDeleteCloudDrivesEnabled, addIsDeleteCloudDrivesEnabledEventHandler, useLocalDrivesEnabled, setLocalDrivesEnabled, addLocalDrivesEnabledEventHandler, useIsAddLocalDrivesEnabled, setIsAddLocalDrivesEnabled, addIsAddLocalDrivesEnabledEventHandler, useIsDeleteLocalDrivesEnabled, setIsDeleteLocalDrivesEnabled, addIsDeleteLocalDrivesEnabledEventHandler, useIsEditorDebugModeEnabled, setIsEditorDebugModeEnabled, addIsEditorDebugModeEnabledEventHandler, useIsEditorReadModeEnabled, setIsEditorReadModeEnabled, addIsEditorReadModeEnabledEventHandler, useIsAnalyticsDatabaseWorkerEnabled, setIsAnalyticsDatabaseWorkerEnabled, addIsAnalyticsDatabaseWorkerEnabledEventHandler, useIsDiffAnalyticsEnabled, setIsDiffAnalyticsEnabled, addIsDiffAnalyticsEnabledEventHandler, useIsDriveAnalyticsEnabled, setIsDriveAnalyticsEnabled, addIsDriveAnalyticsEnabledEventHandler, useRenownUrl, setRenownUrl, addRenownUrlEventHandler, useRenownNetworkId, setRenownNetworkId, addRenownNetworkIdEventHandler, useRenownChainId, setRenownChainId, addRenownChainIdEventHandler, useSentryRelease, setSentryRelease, addSentryReleaseEventHandler, useSentryDsn, setSentryDsn, addSentryDsnEventHandler, useSentryEnv, setSentryEnv, addSentryEnvEventHandler, useIsSentryTracingEnabled, setIsSentryTracingEnabled, addIsSentryTracingEnabledEventHandler, useIsExternalProcessorsEnabled, setIsExternalProcessorsEnabled, addIsExternalProcessorsEnabledEventHandler, useIsExternalPackagesEnabled, setIsExternalPackagesEnabled, addIsExternalPackagesEnabledEventHandler, enabledEditorsEventFunctions, setEnabledEditors, useEnabledEditors, addEnabledEditorsEventHandler, disabledEditorsEventFunctions, setDisabledEditors, useDisabledEditors, addDisabledEditorsEventHandler, isRelationalProcessorsEnabled, setIsRelationalProcessorsEnabled, useIsRelationalProcessorsEnabled, addIsRelationalProcessorsEnabledEventHandler, isExternalRelationalProcessorsEnabled, setIsExternalRelationalProcessorsEnabled, useIsExternalRelationalProcessorsEnabled, addIsExternalRelationalProcessorsEnabledEventHandler, isAnalyticsEnabledEventFunctions, setIsAnalyticsEnabled, useIsAnalyticsEnabled, addIsAnalyticsEnabledEventHandler, isAnalyticsExternalProcessorsEnabled, setIsAnalyticsExternalProcessorsEnabled, useIsAnalyticsExternalProcessorsEnabled, addIsAnalyticsExternalProcessorsEnabledEventHandler, analyticsDatabaseNameEventFunctions, setAnalyticsDatabaseName, useAnalyticsDatabaseName, addAnalyticsDatabaseNameEventHandler, logLevelEventFunctions, setLogLevel2, useLogLevel, addLogLevelEventHandler, allowListEventFunctions, setAllowList, useAllowList, addAllowListEventHandler, nonUserConfigSetters, phGlobalConfigSetters, nonUserConfigHooks, phGlobalConfigHooks, featuresEventFunctions, useFeatures, setFeatures, addFeaturesEventHandler, modalEventFunctions, usePHModal, setPHModal, addModalEventHandler, revisionHistoryEventFunctions, useRevisionHistoryVisible, setRevisionHistoryVisible, addRevisionHistoryVisibleEventHandler, selectedTimelineItemEventFunctions, useSelectedTimelineItem, setSelectedTimelineItem, addSelectedTimelineItemEventHandler, selectedTimelineRevisionEventFunctions, useSelectedTimelineRevision, setSelectedTimelineRevision, addSelectedTimelineRevisionEventHandler, toastEventFunctions, usePHToast, setPHToast, addToastEventHandler, FEATURE_INSPECTOR_ENABLED = "FEATURE_INSPECTOR_ENABLED", FEATURE_INSPECTOR_ENABLED_DEFAULT = false, syncStatusToUI, validateDocument = (document2) => {
+}, featuresEventFunctions, useFeatures, setFeatures, addFeaturesEventHandler, modalEventFunctions, usePHModal, setPHModal, addModalEventHandler, revisionHistoryEventFunctions, useRevisionHistoryVisible, setRevisionHistoryVisible, addRevisionHistoryVisibleEventHandler, selectedTimelineItemEventFunctions, useSelectedTimelineItem, setSelectedTimelineItem, addSelectedTimelineItemEventHandler, selectedTimelineRevisionEventFunctions, useSelectedTimelineRevision, setSelectedTimelineRevision, addSelectedTimelineRevisionEventHandler, toastEventFunctions, usePHToast, setPHToast, addToastEventHandler, FEATURE_INSPECTOR_ENABLED = "FEATURE_INSPECTOR_ENABLED", FEATURE_INSPECTOR_ENABLED_DEFAULT = false, syncStatusToUI, validateDocument = (document2) => {
   const errors2 = [];
   if (document2.header.documentType !== "powerhouse/document-model") {
     return errors2;
@@ -42280,7 +42670,7 @@ ${String(result)}`);
     return operationDate >= startDate && operationDate <= endDate;
   });
   return operation ? operation.index : 0;
-}, lzString, RENOWN_URL = "https://www.renown.id", RENOWN_NETWORK_ID = "eip155", RENOWN_CHAIN_ID = "1", DOMAIN_TYPE, VERIFIABLE_CREDENTIAL_EIP712_TYPE, CREDENTIAL_SCHEMA_EIP712_TYPE, CREDENTIAL_SUBJECT_TYPE, ISSUER_TYPE, CREDENTIAL_TYPES, useLoading, setLoading, addLoadingEventHandler, renownEventFunctions, useRenown, setRenown, addRenownEventHandler, useOnDropFile = (documentTypesOverride) => {
+}, lzString, useOnDropFile = (documentTypesOverride) => {
   const selectedDriveId = useSelectedDriveId();
   const selectedFolder = useSelectedFolder();
   const documentTypes = useDocumentTypes();
@@ -42294,7 +42684,7 @@ ${String(result)}`);
     return await addFileWithProgress(file, selectedDriveId, fileName, targetNodeId, onProgress, documentTypesOverride ?? documentTypes, resolveConflict);
   };
   return onDropFile;
-}, store, BrowserLocalStorage, PGLITE_UPDATE_EVENT = "ph:pglite-update", defaultPGliteState, usePGliteDB = () => {
+}, store, BrowserLocalStorage, DISMISSED_STORAGE_KEY = "ph-connect-dismissed-packages", PGLITE_UPDATE_EVENT = "ph:pglite-update", defaultPGliteState, usePGliteDB = () => {
   const [state, setState] = useState5(() => window.powerhouse?.pglite ?? defaultPGliteState);
   useEffect5(() => {
     const handlePgliteUpdate = () => setState(window.powerhouse?.pglite ?? defaultPGliteState);
@@ -42320,7 +42710,7 @@ ${String(result)}`);
   const pglite = usePGliteDB();
   const setPGlite = useSetPGliteDB();
   return [pglite, setPGlite];
-}, DEFAULT_RENOWN_URL = "https://www.renown.id", crypto2, isLE, swap32IfBE, hasHexBuiltin, hexes, asciis, HashMD, SHA256_IV, SHA384_IV, SHA512_IV, U32_MASK64, _32n, shrSH = (h, _l, s) => h >>> s, shrSL = (h, l, s) => h << 32 - s | l >>> s, rotrSH = (h, l, s) => h >>> s | l << 32 - s, rotrSL = (h, l, s) => h << 32 - s | l >>> s, rotrBH = (h, l, s) => h << 64 - s | l >>> s - 32, rotrBL = (h, l, s) => h >>> s - 32 | l << 64 - s, rotlSH = (h, l, s) => h << s | l >>> 32 - s, rotlSL = (h, l, s) => l << s | h >>> 32 - s, rotlBH = (h, l, s) => l << s - 32 | h >>> 64 - s, rotlBL = (h, l, s) => h << s - 32 | l >>> 64 - s, add3L = (Al, Bl, Cl) => (Al >>> 0) + (Bl >>> 0) + (Cl >>> 0), add3H = (low, Ah, Bh, Ch) => Ah + Bh + Ch + (low / 4294967296 | 0) | 0, add4L = (Al, Bl, Cl, Dl) => (Al >>> 0) + (Bl >>> 0) + (Cl >>> 0) + (Dl >>> 0), add4H = (low, Ah, Bh, Ch, Dh) => Ah + Bh + Ch + Dh + (low / 4294967296 | 0) | 0, add5L = (Al, Bl, Cl, Dl, El) => (Al >>> 0) + (Bl >>> 0) + (Cl >>> 0) + (Dl >>> 0) + (El >>> 0), add5H = (low, Ah, Bh, Ch, Dh, Eh) => Ah + Bh + Ch + Dh + Eh + (low / 4294967296 | 0) | 0, SHA256_K, SHA256_W, SHA256, K512, SHA512_Kh, SHA512_Kl, SHA512_W_H, SHA512_W_L, SHA512, SHA384, sha2562, sha5122, sha384, _0n, _1n, isPosBig = (n) => typeof n === "bigint" && _0n <= n, bitMask = (n) => (_1n << BigInt(n)) - _1n, notImplemented = () => {
+}, DEFAULT_RENOWN_URL = "https://www.renown.id", crypto2, isLE, swap32IfBE, hasHexBuiltin, hexes, asciis, HashMD, SHA256_IV, SHA384_IV, SHA512_IV, U32_MASK64, _32n, shrSH = (h, _l, s) => h >>> s, shrSL = (h, l, s) => h << 32 - s | l >>> s, rotrSH = (h, l, s) => h >>> s | l << 32 - s, rotrSL = (h, l, s) => h << 32 - s | l >>> s, rotrBH = (h, l, s) => h << 64 - s | l >>> s - 32, rotrBL = (h, l, s) => h >>> s - 32 | l << 64 - s, rotlSH = (h, l, s) => h << s | l >>> 32 - s, rotlSL = (h, l, s) => l << s | h >>> 32 - s, rotlBH = (h, l, s) => l << s - 32 | h >>> 64 - s, rotlBL = (h, l, s) => h << s - 32 | l >>> 64 - s, add3L = (Al, Bl, Cl) => (Al >>> 0) + (Bl >>> 0) + (Cl >>> 0), add3H = (low, Ah, Bh, Ch) => Ah + Bh + Ch + (low / 2 ** 32 | 0) | 0, add4L = (Al, Bl, Cl, Dl) => (Al >>> 0) + (Bl >>> 0) + (Cl >>> 0) + (Dl >>> 0), add4H = (low, Ah, Bh, Ch, Dh) => Ah + Bh + Ch + Dh + (low / 2 ** 32 | 0) | 0, add5L = (Al, Bl, Cl, Dl, El) => (Al >>> 0) + (Bl >>> 0) + (Cl >>> 0) + (Dl >>> 0) + (El >>> 0), add5H = (low, Ah, Bh, Ch, Dh, Eh) => Ah + Bh + Ch + Dh + Eh + (low / 2 ** 32 | 0) | 0, SHA256_K, SHA256_W, SHA256, K512, SHA512_Kh, SHA512_Kl, SHA512_W_H, SHA512_W_L, SHA512, SHA384, sha2562, sha5122, sha384, _0n, _1n, isPosBig = (n) => typeof n === "bigint" && _0n <= n, bitMask = (n) => (_1n << BigInt(n)) - _1n, notImplemented = () => {
   throw new Error("not implemented");
 }, _0n2, _1n2, _2n, _3n, _4n, _5n, _7n, _8n, _9n, _16n, isNegativeLE = (num, modulo) => (mod(num, modulo) & _1n2) === _1n2, FIELD_FIELDS, _0n3, _1n3, pointPrecomputes, pointWindowSizes, _0n4, _1n4, _2n2, _8n2, _0n5, _1n5, _2n3, _3n2, _5n2, _8n3, ed25519_CURVE_p, ed25519_CURVE, ED25519_SQRT_M1, Fp, Fn, ed25519Defaults, ed25519, SQRT_M1, SQRT_AD_MINUS_ONE, INVSQRT_A_MINUS_D, ONE_MINUS_D_SQ, D_MINUS_ONE_SQ, invertSqrt = (number) => uvRatio(_1n5, number), MAX_255B, bytes255ToNumberLE = (bytes) => ed25519.Point.Fp.create(bytesToNumberLE(bytes) & MAX_255B), _RistrettoPoint, import_multibase, HMAC, hmac = (hash, key, message) => new HMAC(hash, key).update(message).digest(), divNearest = (num, den) => (num + (num >= 0 ? den : -den) / _2n4) / den, DERErr, DER, _0n6, _1n6, _2n4, _3n3, _4n2, secp256k1_CURVE, secp256k1_ENDO, _2n5, Fpk1, secp256k1, p256_CURVE, p384_CURVE, p521_CURVE, Fp256, Fp384, Fp521, p256, p384, p521, p2562, sha2563, Rho160, Id160, Pi160, idxLR, idxL, idxR, shifts160, shiftsL160, shiftsR160, Kl160, Kr160, BUF_160, RIPEMD160, ripemd160, ripemd1602, _0n7, _1n7, _2n6, _7n2, _256n, _0x71n, SHA3_PI, SHA3_ROTL, _SHA3_IOTA, IOTAS, SHA3_IOTA_H, SHA3_IOTA_L, rotlH = (h, l, s) => s > 32 ? rotlBH(h, l, s) : rotlSH(h, l, s), rotlL = (h, l, s) => s > 32 ? rotlBL(h, l, s) : rotlSL(h, l, s), Keccak, gen = (suffix, blockLen, outputLen) => createHasher(() => new Keccak(blockLen, suffix, outputLen)), keccak_256, import_canonicalize, PCT_ENCODED = "(?:%[0-9a-fA-F]{2})", ID_CHAR, METHOD = "([a-z0-9]+)", METHOD_ID, PARAM_CHAR = "[a-zA-Z0-9_.:%-]", PARAM, PARAMS, PATH = `(/[^#?]*)?`, QUERY = `([?][^#]*)?`, FRAGMENT = `(#.*)?`, DID_MATCHER, EMPTY_RESULT, gcd = (a, b) => b === 0 ? a : gcd(b, a % b), radix2carry = (from3, to) => from3 + (to - gcd(from3, to)), powers, base162, base322, base32nopad, base32hex2, base32hexnopad, base32crockford, hasBase64Builtin, decodeBase64Builtin = (s, isUrl) => {
   astr("base64", s);
@@ -43095,7 +43485,7 @@ ${String(result)}`);
 }, MAX_RETRIES = 5, RETRY_DELAY = 200, isRelationNotExistError = (error) => {
   const errorMessage = error instanceof Error ? error.message : typeof error === "string" ? error : String(error);
   return errorMessage.toLowerCase().includes("relation") && errorMessage.toLowerCase().includes("does not exist");
-}, import_lodash, ConflictError, renownShortDataUrl = "data:image/png;base64,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", renownShortHoverDataUrl = "data:image/png;base64,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", POPOVER_GAP = 8, POPOVER_HEIGHT = 120, styles, POPOVER_GAP2 = 8, POPOVER_HEIGHT2 = 150, styles2;
+}, import_lodash, ConflictError, Slot, lightStyles, darkStyles, styles, POPOVER_GAP = 4, POPOVER_HEIGHT = 150, styles2;
 var init_src2 = __esm(() => {
   init_src();
   init_src();
@@ -47452,6 +47842,52 @@ spurious results.`);
   SPLIT_UPPER_UPPER_RE = /(\p{Lu})([\p{Lu}][\p{Ll}])/gu;
   SPLIT_SEPARATE_NUMBER_RE = /(\d)\p{Ll}|(\p{L})\d/u;
   DEFAULT_STRIP_REGEXP = /[^\p{L}\d]+/giu;
+  isServer = typeof window === "undefined";
+  ({
+    useValue: useLoading,
+    setValue: setLoading,
+    addEventHandler: addLoadingEventHandler
+  } = makePHEventFunctions("loading"));
+  renownEventFunctions = makePHEventFunctions("renown");
+  addRenownEventHandler = renownEventFunctions.addEventHandler;
+  useRenown = renownEventFunctions.useValue;
+  setRenown = renownEventFunctions.setValue;
+  DOMAIN_TYPE = [
+    { name: "name", type: "string" },
+    { name: "version", type: "string" },
+    { name: "chainId", type: "uint256" },
+    { name: "verifyingContract", type: "address" }
+  ];
+  VERIFIABLE_CREDENTIAL_EIP712_TYPE = [
+    { name: "@context", type: "string[]" },
+    { name: "type", type: "string[]" },
+    { name: "id", type: "string" },
+    { name: "issuer", type: "Issuer" },
+    { name: "credentialSubject", type: "CredentialSubject" },
+    { name: "credentialSchema", type: "CredentialSchema" },
+    { name: "issuanceDate", type: "string" },
+    { name: "expirationDate", type: "string" }
+  ];
+  CREDENTIAL_SCHEMA_EIP712_TYPE = [
+    { name: "id", type: "string" },
+    { name: "type", type: "string" }
+  ];
+  CREDENTIAL_SUBJECT_TYPE = [
+    { name: "app", type: "string" },
+    { name: "id", type: "string" },
+    { name: "name", type: "string" }
+  ];
+  ISSUER_TYPE = [
+    { name: "id", type: "string" },
+    { name: "ethereumAddress", type: "string" }
+  ];
+  CREDENTIAL_TYPES = {
+    EIP712Domain: DOMAIN_TYPE,
+    VerifiableCredential: VERIFIABLE_CREDENTIAL_EIP712_TYPE,
+    CredentialSchema: CREDENTIAL_SCHEMA_EIP712_TYPE,
+    CredentialSubject: CREDENTIAL_SUBJECT_TYPE,
+    Issuer: ISSUER_TYPE
+  };
   isExternalControlsEnabledEventFunctions = makePHEventFunctions("isExternalControlsEnabled");
   setIsExternalControlsEnabled = isExternalControlsEnabledEventFunctions.setValue;
   useIsExternalControlsEnabled = isExternalControlsEnabledEventFunctions.useValue;
@@ -47480,14 +47916,8 @@ spurious results.`);
   vetraPackageManagerFunctions = makePHEventFunctions("vetraPackageManager");
   useVetraPackageManager = vetraPackageManagerFunctions.useValue;
   addVetraPackageManagerEventHandler = vetraPackageManagerFunctions.addEventHandler;
-  reactorClientModuleEventFunctions = makePHEventFunctions("reactorClientModule");
-  reactorClientEventFunctions = makePHEventFunctions("reactorClient");
-  useReactorClientModule = reactorClientModuleEventFunctions.useValue;
-  setReactorClientModule = reactorClientModuleEventFunctions.setValue;
-  addReactorClientModuleEventHandler = reactorClientModuleEventFunctions.addEventHandler;
-  useReactorClient = reactorClientEventFunctions.useValue;
-  setReactorClient = reactorClientEventFunctions.setValue;
-  addReactorClientEventHandler = reactorClientEventFunctions.addEventHandler;
+  EMPTY_PENDING = [];
+  EMPTY_DISMISSED = [];
   documentEventFunctions = makePHEventFunctions("documentCache");
   useDocumentCache = documentEventFunctions.useValue;
   setDocumentCache = documentEventFunctions.setValue;
@@ -48535,6 +48965,14 @@ spurious results.`);
     ...phDocumentEditorConfigHooks,
     ...nonUserConfigHooks
   };
+  reactorClientModuleEventFunctions = makePHEventFunctions("reactorClientModule");
+  reactorClientEventFunctions = makePHEventFunctions("reactorClient");
+  useReactorClientModule = reactorClientModuleEventFunctions.useValue;
+  setReactorClientModule = reactorClientModuleEventFunctions.setValue;
+  addReactorClientModuleEventHandler = reactorClientModuleEventFunctions.addEventHandler;
+  useReactorClient = reactorClientEventFunctions.useValue;
+  setReactorClient = reactorClientEventFunctions.setValue;
+  addReactorClientEventHandler = reactorClientEventFunctions.addEventHandler;
   featuresEventFunctions = makePHEventFunctions("features");
   useFeatures = featuresEventFunctions.useValue;
   setFeatures = featuresEventFunctions.setValue;
@@ -48567,51 +49005,6 @@ spurious results.`);
     [SyncStatus.Error]: "ERROR"
   };
   lzString = __toESM2(require_lz_string(), 1);
-  DOMAIN_TYPE = [
-    { name: "name", type: "string" },
-    { name: "version", type: "string" },
-    { name: "chainId", type: "uint256" },
-    { name: "verifyingContract", type: "address" }
-  ];
-  VERIFIABLE_CREDENTIAL_EIP712_TYPE = [
-    { name: "@context", type: "string[]" },
-    { name: "type", type: "string[]" },
-    { name: "id", type: "string" },
-    { name: "issuer", type: "Issuer" },
-    { name: "credentialSubject", type: "CredentialSubject" },
-    { name: "credentialSchema", type: "CredentialSchema" },
-    { name: "issuanceDate", type: "string" },
-    { name: "expirationDate", type: "string" }
-  ];
-  CREDENTIAL_SCHEMA_EIP712_TYPE = [
-    { name: "id", type: "string" },
-    { name: "type", type: "string" }
-  ];
-  CREDENTIAL_SUBJECT_TYPE = [
-    { name: "app", type: "string" },
-    { name: "id", type: "string" },
-    { name: "name", type: "string" }
-  ];
-  ISSUER_TYPE = [
-    { name: "id", type: "string" },
-    { name: "ethereumAddress", type: "string" }
-  ];
-  CREDENTIAL_TYPES = {
-    EIP712Domain: DOMAIN_TYPE,
-    VerifiableCredential: VERIFIABLE_CREDENTIAL_EIP712_TYPE,
-    CredentialSchema: CREDENTIAL_SCHEMA_EIP712_TYPE,
-    CredentialSubject: CREDENTIAL_SUBJECT_TYPE,
-    Issuer: ISSUER_TYPE
-  };
-  ({
-    useValue: useLoading,
-    setValue: setLoading,
-    addEventHandler: addLoadingEventHandler
-  } = makePHEventFunctions("loading"));
-  renownEventFunctions = makePHEventFunctions("renown");
-  useRenown = renownEventFunctions.useValue;
-  setRenown = renownEventFunctions.setValue;
-  addRenownEventHandler = renownEventFunctions.addEventHandler;
   store = {
     get: function(key) {
       const value = localStorage.getItem(key);
@@ -48784,7 +49177,7 @@ spurious results.`);
     1541459225,
     327033209
   ]);
-  U32_MASK64 = /* @__PURE__ */ BigInt(4294967295);
+  U32_MASK64 = /* @__PURE__ */ BigInt(2 ** 32 - 1);
   _32n = /* @__PURE__ */ BigInt(32);
   SHA256_K = /* @__PURE__ */ Uint32Array.from([
     1116352408,
@@ -49334,7 +49727,7 @@ spurious results.`);
       this.iHash.update(pad);
       this.oHash = hash.create();
       for (let i = 0;i < pad.length; i++)
-        pad[i] ^= 106;
+        pad[i] ^= 54 ^ 92;
       this.oHash.update(pad);
       clean(pad);
     }
@@ -49599,11 +49992,11 @@ spurious results.`);
   RIPEMD160 = class RIPEMD160 extends HashMD {
     constructor() {
       super(64, 20, 8, true);
-      this.h0 = 1732584193;
-      this.h1 = -271733879;
-      this.h2 = -1732584194;
-      this.h3 = 271733878;
-      this.h4 = -1009589776;
+      this.h0 = 1732584193 | 0;
+      this.h1 = 4023233417 | 0;
+      this.h2 = 2562383102 | 0;
+      this.h3 = 271733878 | 0;
+      this.h4 = 3285377520 | 0;
     }
     get() {
       const { h0, h1, h2, h3, h4 } = this;
@@ -49781,7 +50174,7 @@ spurious results.`);
       return to;
     }
   };
-  keccak_256 = /* @__PURE__ */ (() => gen(1, 136, 32))();
+  keccak_256 = /* @__PURE__ */ (() => gen(1, 136, 256 / 8))();
   import_canonicalize = __toESM2(require_canonicalize(), 1);
   ID_CHAR = `(?:[a-zA-Z0-9._-]|${PCT_ENCODED})`;
   METHOD_ID = `((?:${ID_CHAR}*:)*(${ID_CHAR}+))`;
@@ -54632,72 +55025,63 @@ spurious results.`);
       this.name = "ConflictError";
     }
   };
-  styles = {
+  Slot = forwardRef(({ children, ...props }, ref) => {
+    const child = Children.only(children);
+    if (!isValidElement(child)) {
+      return null;
+    }
+    const childElement = child;
+    const mergedProps = mergeProps(props, childElement.props);
+    if (ref) {
+      mergedProps.ref = ref;
+    }
+    return cloneElement(childElement, mergedProps);
+  });
+  Slot.displayName = "Slot";
+  lightStyles = {
     trigger: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      padding: 0,
-      border: "none",
-      background: "transparent",
-      cursor: "pointer"
-    },
-    popoverBase: {
-      position: "absolute",
-      left: 0,
-      borderRadius: "8px",
-      width: "208px",
-      zIndex: 1000
-    },
-    popoverLight: {
-      backgroundColor: "white",
-      boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
+      backgroundColor: "#ffffff",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "#d1d5db",
+      color: "#111827"
     },
-    popoverDark: {
+    triggerHover: {
+      backgroundColor: "#ecf3f8",
+      borderColor: "#9ca3af"
+    }
+  };
+  darkStyles = {
+    trigger: {
       backgroundColor: "#1f2937",
-      boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2)"
-    },
-    popoverContent: {
-      padding: "16px"
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "#4b5563",
+      color: "#ecf3f8"
     },
-    logoContainer: {
-      display: "flex",
-      justifyContent: "center",
-      height: "22px",
-      width: "83px",
-      margin: "0 auto 16px",
-      overflow: "hidden"
+    triggerHover: {
+      backgroundColor: "#374151",
+      borderColor: "#6b7280"
+    }
+  };
+  styles = {
+    wrapper: {
+      position: "relative",
+      display: "inline-block"
     },
-    connectButtonBase: {
+    trigger: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      width: "100%",
-      height: "28px",
+      gap: "8px",
+      padding: "8px 32px",
       borderRadius: "8px",
-      backgroundColor: "transparent",
-      fontSize: "14px",
       cursor: "pointer",
-      marginTop: "16px"
-    },
-    connectButtonLight: {
-      border: "1px solid #d1d5db",
-      color: "#111827"
-    },
-    connectButtonDark: {
-      border: "1px solid #4b5563",
-      color: "#f9fafb"
-    },
-    wrapper: {
-      position: "relative",
-      display: "inline-block"
-    },
-    triggerImageLight: {
-      display: "block"
-    },
-    triggerImageDark: {
-      display: "block",
-      filter: "invert(1)"
+      fontSize: "14px",
+      fontWeight: 500,
+      fontFamily: "inherit",
+      lineHeight: "20px",
+      transition: "background-color 150ms, border-color 150ms"
     }
   };
   styles2 = {
@@ -54708,56 +55092,89 @@ spurious results.`);
     trigger: {
       display: "flex",
       alignItems: "center",
-      justifyContent: "center",
-      padding: 0,
-      border: "none",
-      background: "transparent",
+      gap: "8px",
+      padding: "6px 12px",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "#e5e7eb",
+      backgroundColor: "#ffffff",
       cursor: "pointer",
-      borderRadius: "50%",
-      overflow: "hidden"
+      borderRadius: "8px",
+      fontSize: "12px",
+      fontWeight: 500,
+      fontFamily: "inherit",
+      color: "#111827",
+      transition: "background-color 150ms, border-color 150ms"
+    },
+    triggerHover: {
+      backgroundColor: "#f9fafb",
+      borderColor: "#9ca3af"
     },
     avatar: {
-      width: "40px",
-      height: "40px",
+      width: "28px",
+      height: "28px",
       borderRadius: "50%",
-      objectFit: "cover"
+      objectFit: "cover",
+      flexShrink: 0
     },
     avatarPlaceholder: {
-      width: "40px",
-      height: "40px",
+      width: "28px",
+      height: "28px",
       borderRadius: "50%",
-      backgroundColor: "#e5e7eb",
+      background: "linear-gradient(135deg, #8b5cf6, #3b82f6)",
       display: "flex",
       alignItems: "center",
-      justifyContent: "center"
+      justifyContent: "center",
+      flexShrink: 0
+    },
+    avatarInitial: {
+      fontSize: "12px",
+      fontWeight: 700,
+      color: "#ffffff",
+      lineHeight: 1
+    },
+    displayName: {
+      maxWidth: "120px",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    chevron: {
+      flexShrink: 0,
+      transition: "transform 150ms",
+      color: "#6b7280"
+    },
+    chevronOpen: {
+      transform: "rotate(180deg)"
     },
     popoverBase: {
       position: "absolute",
-      left: 0,
-      backgroundColor: "white",
+      right: 0,
+      backgroundColor: "#ffffff",
       borderRadius: "8px",
-      boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-      width: "208px",
+      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08)",
+      width: "100%",
       zIndex: 1000,
-      color: "#111827"
+      color: "#111827",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "#e5e7eb",
+      overflow: "hidden"
     },
-    section: {
-      padding: "8px 12px",
+    header: {
+      padding: "12px 16px",
       borderBottom: "1px solid #e5e7eb"
     },
-    sectionLast: {
-      padding: "8px 12px",
-      borderBottom: "none"
-    },
-    username: {
+    headerUsername: {
       fontSize: "14px",
-      fontWeight: 500,
-      color: "#111827"
+      fontWeight: 600,
+      color: "#111827",
+      margin: 0
     },
     addressRow: {
       display: "flex",
       alignItems: "center",
-      gap: "8px",
+      gap: "4px",
       marginTop: "4px"
     },
     addressButton: {
@@ -54766,19 +55183,21 @@ spurious results.`);
       gap: "4px",
       padding: 0,
       border: "none",
-      background: "transparent",
+      backgroundColor: "transparent",
       cursor: "pointer",
       fontSize: "12px",
-      color: "#111827",
+      color: "#6b7280",
+      fontFamily: "inherit",
       position: "relative",
       width: "100%"
     },
     copiedText: {
       fontSize: "12px",
-      color: "#111827",
+      color: "#059669",
       position: "absolute",
       left: 0,
-      transition: "opacity 150ms"
+      transition: "opacity 150ms",
+      fontWeight: 500
     },
     addressText: {
       display: "flex",
@@ -54786,21 +55205,35 @@ spurious results.`);
       gap: "4px",
       transition: "opacity 150ms"
     },
+    menuSection: {
+      padding: "4px 0"
+    },
     menuItem: {
       display: "flex",
       alignItems: "center",
       gap: "8px",
       width: "100%",
-      padding: 0,
+      padding: "8px 16px",
       border: "none",
-      background: "transparent",
+      backgroundColor: "transparent",
       cursor: "pointer",
       fontSize: "14px",
-      color: "#111827",
-      textDecoration: "none"
+      color: "#374151",
+      textDecoration: "none",
+      fontFamily: "inherit",
+      transition: "background-color 150ms"
+    },
+    menuItemHover: {
+      backgroundColor: "#f3f4f6"
     },
     disconnectItem: {
-      color: "#7f1d1d"
+      color: "#dc2626"
+    },
+    separator: {
+      height: "1px",
+      backgroundColor: "#e5e7eb",
+      margin: 0,
+      border: "none"
     }
   };
 });
@@ -65726,7 +66159,7 @@ var init_common2 = __esm(() => {
 });
 
 // ../../packages/renown/dist/src/common.js
-class Renown2 {
+class Renown3 {
   #baseUrl;
   #store;
   #eventEmitter;
@@ -65976,7 +66409,7 @@ class BaseRenownBuilder2 {
     const storage = this.#storage ?? new RenownMemoryStorage2;
     const eventEmitter = this.#eventEmitter ?? new MemoryEventEmitter2;
     const baseUrl = this.#baseUrl ?? DEFAULT_RENOWN_URL2;
-    const renown = new Renown2(storage, eventEmitter, crypto4, this.#appName, baseUrl, this.#profileFetcher ?? fetchRenownProfile2);
+    const renown = new Renown3(storage, eventEmitter, crypto4, this.#appName, baseUrl, this.#profileFetcher ?? fetchRenownProfile2);
     if (renown.user) {
       try {
         await renown.login(renown.user.did);
@@ -79602,7 +80035,7 @@ var init_dist2 = __esm(() => {
 
 // src/utils/reactor.ts
 import { PGlite as PGlite2 } from "@electric-sql/pglite";
-async function createBrowserReactor(documentModelModules, upgradeManifests, renown) {
+async function createBrowserReactor(documentModelModules, upgradeManifests, renown, documentModelLoader) {
   const signerConfig = {
     signer: renown.signer,
     verifier: createSignatureVerifier()
@@ -79620,6 +80053,9 @@ async function createBrowserReactor(documentModelModules, upgradeManifests, reno
   const builder = new ReactorClientBuilder().withLogger(logger7).withSigner(signerConfig).withReactorBuilder(new ReactorBuilder().withDocumentModels(documentModelModules).withUpgradeManifests(upgradeManifests).withChannelScheme(ChannelScheme.CONNECT).withJwtHandler(jwtHandler).withKysely(new Kysely3({
     dialect: new PGliteDialect3(pg)
   })));
+  if (documentModelLoader) {
+    builder.withDocumentModelLoader(documentModelLoader);
+  }
   const module = await builder.buildModule();
   return {
     ...module,
@@ -79649,6 +80085,41 @@ var init_reactor = __esm(() => {
   init_dist2();
 });
 
+// src/utils/registry-url.ts
+function loadPersistedState() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (raw)
+      return JSON.parse(raw);
+  } catch {}
+  return null;
+}
+function getConfiguredRegistryUrls() {
+  const registry = connectConfig.packagesRegistry;
+  if (!registry)
+    return [];
+  return registry.split(",").map((u) => u.trim()).filter(Boolean);
+}
+function getDefaultRegistryCdnUrl() {
+  const persisted = loadPersistedState();
+  const urls = getConfiguredRegistryUrls();
+  if (persisted) {
+    if (persisted.selectedRegistryId === "custom") {
+      if (persisted.customRegistryUrl)
+        return persisted.customRegistryUrl;
+    } else {
+      const index = parseInt(persisted.selectedRegistryId.replace("registry-", ""), 10);
+      if (!isNaN(index) && urls[index])
+        return urls[index];
+    }
+  }
+  return urls[0];
+}
+var STORAGE_KEY = "ph-connect-registry-selection";
+var init_registry_url = __esm(() => {
+  init_connect_config();
+});
+
 // src/utils/registerServiceWorker.ts
 class ServiceWorkerManager {
   ready = false;
@@ -79751,6 +80222,7 @@ var init_utils6 = __esm(() => {
   init_openUrl();
   init_package_json();
   init_reactor();
+  init_registry_url();
   init_registerServiceWorker();
 });
 init_utils6();
@@ -79768,6 +80240,7 @@ export {
   getFileNodeOptions,
   getDrivePreservationStrategy,
   getDriveNodeOptions,
+  getDefaultRegistryCdnUrl,
   getDefaultDrivesFromEnv,
   getBasePath,
   driveSections,