@jtfmumm/patchwork-standalone-frame 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,42 +1,38 @@
-import { delegateEvents as ve, createComponent as g, insert as s, effect as I, style as z, memo as te, setStyleProperty as X, template as $, use as Me, setAttribute as je, render as Je } from "solid-js/web";
-import { createSignal as w, createMemo as Q, createEffect as se, onCleanup as Z, Show as k, For as Re, onMount as be } from "solid-js";
-import { Repo as We } from "@automerge/automerge-repo";
-import { IndexedDBStorageAdapter as Ae } from "@automerge/automerge-repo-storage-indexeddb";
-import { BrowserWebSocketClientAdapter as Ke } from "@automerge/automerge-repo-network-websocket";
-import { docIdFromAutomergeUrl as $e, uint8ArrayToHex as de, ContactCard as Le, Identifier as He, Access as De, initKeyhiveWasm as Be, initializeAutomergeRepoKeyhive as Ye } from "@automerge/automerge-repo-keyhive";
-const Ve = 100;
-function Pe(e, t) {
+import { delegateEvents as xe, createComponent as m, insert as f, effect as D, style as E, memo as Z, setStyleProperty as X, template as w, use as Ee, setAttribute as He, render as Pe } from "solid-js/web";
+import { createSignal as x, createEffect as ie, onCleanup as q, createMemo as we, Show as _, For as Me, onMount as $e } from "solid-js";
+const Fe = 100;
+function Oe(e, t) {
   return `${e}-doc-history-${t}`;
 }
 function me(e, t) {
   return `${e}-standalone-${t}`;
 }
-function we(e, t) {
+function ve(e, t) {
   try {
-    const a = localStorage.getItem(Pe(e, t));
-    return a ? JSON.parse(a) : [];
+    const l = localStorage.getItem(Oe(e, t));
+    return l ? JSON.parse(l) : [];
   } catch {
     return [];
   }
 }
-function Fe(e, t, a) {
-  localStorage.setItem(Pe(e, t), JSON.stringify(a));
+function Re(e, t, l) {
+  localStorage.setItem(Oe(e, t), JSON.stringify(l));
 }
-function Ie(e, t, a, y) {
-  const b = we(e, t), f = b.findIndex((A) => A.url === a);
-  f !== -1 ? (b[f].title = y, b[f].lastOpened = Date.now()) : b.push({ url: a, title: y, lastOpened: Date.now() }), b.sort((A, x) => x.lastOpened - A.lastOpened);
-  const C = b.slice(0, Ve);
-  return Fe(e, t, C), C;
+function Ie(e, t, l, g) {
+  const u = ve(e, t), p = u.findIndex(($) => $.url === l);
+  p !== -1 ? (u[p].title = g, u[p].lastOpened = Date.now()) : u.push({ url: l, title: g, lastOpened: Date.now() }), u.sort(($, v) => v.lastOpened - $.lastOpened);
+  const k = u.slice(0, Fe);
+  return Re(e, t, k), k;
 }
-function qe(e, t, a) {
-  const y = we(e, t).filter((b) => b.url !== a);
-  return Fe(e, t, y), y;
+function Ne(e, t, l) {
+  const g = ve(e, t).filter((u) => u.url !== l);
+  return Re(e, t, g), g;
 }
-function Ge(e) {
+function Ve(e) {
   const t = "automerge:";
   if (e.startsWith(t)) {
-    const a = e.slice(t.length);
-    return t + a.slice(0, 12) + "...";
+    const l = e.slice(t.length);
+    return t + l.slice(0, 12) + "...";
   }
   return e;
 }
@@ -44,10 +40,10 @@ function Te() {
   const e = window.location.hash.slice(1);
   return e && e.startsWith("automerge:") ? e : null;
 }
-function le(e) {
+function se(e) {
   window.history.replaceState(null, "", `#${e}`);
 }
-const ke = {
+const Ce = {
   position: "fixed",
   inset: "0",
   background: "rgba(0,0,0,0.5)",
@@ -55,7 +51,7 @@ const ke = {
   "align-items": "center",
   "justify-content": "center",
   "z-index": "2000"
-}, Ce = {
+}, Se = {
   background: "#191e24",
   color: "#edf2f7",
   "border-radius": "8px",
@@ -63,21 +59,25 @@ const ke = {
   "box-shadow": "0 8px 24px rgba(0,0,0,0.5)",
   "font-family": "system-ui, sans-serif"
 };
-var Qe = /* @__PURE__ */ $("<span style=font-size:13px>This document is <strong>public"), Xe = /* @__PURE__ */ $("<button>Revoke Public Access"), Ze = /* @__PURE__ */ $("<button>Make Public"), ze = /* @__PURE__ */ $("<hr>"), et = /* @__PURE__ */ $('<form><textarea placeholder="Paste ContactCard JSON..."rows=3 style="width:100%;background:#15191e;border:1px solid #2a323c;color:#edf2f7;border-radius:4px;padding:6px 8px;font-size:12px;font-family:monospace;resize:vertical;box-sizing:border-box"></textarea><div style=display:flex;justify-content:flex-end;margin-top:6px><button type=submit>'), tt = /* @__PURE__ */ $("<p style=font-size:13px;color:#6b7280>Loading..."), nt = /* @__PURE__ */ $("<p style=font-size:13px;color:#6b7280>No users have access yet"), rt = /* @__PURE__ */ $("<div>"), it = /* @__PURE__ */ $('<div><div><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><h2 style=margin:0;font-size:16px>Share this document</h2><button aria-label="Close modal"style="border:none;font-size:18px;padding:0 4px">&times;</button></div><section><h3>Public Access</h3><div style=display:flex;align-items:center;gap:12px></div></section><section><h3>Current Access'), ot = /* @__PURE__ */ $('<button aria-label="Remove member"style="color:#c66;border:1px solid #944;padding:2px 8px">Revoke'), lt = /* @__PURE__ */ $('<div style="display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #15191e;font-size:13px"><div><span style=margin-right:8px></span><span style=color:#6b7280;font-size:11px>');
-const Ee = ["Pull", "Read", "Write", "Admin"];
-async function ae(e, t) {
-  const a = $e(t), y = {};
-  return (await e.docMemberCapabilities(a)).forEach((f) => {
-    const C = de(f.who.id.toBytes());
-    y[C] = f.can.toString();
-  }), y;
+var je = /* @__PURE__ */ w("<span style=font-size:13px>This document is <strong>public"), Ke = /* @__PURE__ */ w("<button>Revoke Public Access"), Je = /* @__PURE__ */ w("<button>Make Public"), Le = /* @__PURE__ */ w("<hr>"), We = /* @__PURE__ */ w('<form><textarea placeholder="Paste ContactCard JSON..."rows=3 style="width:100%;background:#15191e;border:1px solid #2a323c;color:#edf2f7;border-radius:4px;padding:6px 8px;font-size:12px;font-family:monospace;resize:vertical;box-sizing:border-box"></textarea><div style=display:flex;justify-content:flex-end;margin-top:6px><button type=submit>'), Be = /* @__PURE__ */ w("<p style=font-size:13px;color:#6b7280>Loading..."), Ye = /* @__PURE__ */ w("<p style=font-size:13px;color:#6b7280>No users have access yet"), qe = /* @__PURE__ */ w("<div>"), Ge = /* @__PURE__ */ w('<div><div><div style=display:flex;justify-content:space-between;align-items:center;margin-bottom:8px><h2 style=margin:0;font-size:16px>Share this document</h2><button aria-label="Close modal"style="border:none;font-size:18px;padding:0 4px">&times;</button></div><section><h3>Public Access</h3><div style=display:flex;align-items:center;gap:12px></div></section><section><h3>Current Access'), Qe = /* @__PURE__ */ w('<button aria-label="Remove member"style="color:#c66;border:1px solid #944;padding:2px 8px">Revoke'), Xe = /* @__PURE__ */ w('<div style="display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #15191e;font-size:13px"><div><span style=margin-right:8px></span><span style=color:#6b7280;font-size:11px>');
+let ke = null;
+async function ye() {
+  return ke || (ke = await import("@automerge/automerge-repo-keyhive")), ke;
 }
-const at = {
-  ...Ce,
+const De = ["Pull", "Read", "Write", "Admin"];
+async function de(e, t) {
+  const l = await ye(), g = l.docIdFromAutomergeUrl(t), u = {};
+  return (await e.docMemberCapabilities(g)).forEach((k) => {
+    const $ = l.uint8ArrayToHex(k.who.id.toBytes());
+    u[$] = k.can.toString();
+  }), u;
+}
+const Ze = {
+  ...Se,
   width: "420px",
   "max-height": "80vh",
   "overflow-y": "auto"
-}, ce = {
+}, ue = {
   background: "none",
   border: "1px solid #2a323c",
   color: "#edf2f7",
@@ -85,256 +85,271 @@ const at = {
   "border-radius": "4px",
   cursor: "pointer",
   "font-size": "12px"
-}, Ue = {
+}, ze = {
   "font-size": "13px",
   color: "#6b7280",
   margin: "16px 0 8px"
-}, Oe = {
+}, Ue = {
   border: "none",
   "border-top": "1px solid #2a323c",
   margin: "12px 0"
 };
-function ct(e) {
-  const [t, a] = w(""), [y, b] = w({}), [f, C] = w(!0), [A, x] = w(void 0), [U, T] = w(!1), ne = Q(() => $e(e.docUrl)), O = Q(() => {
-    const i = e.hive.active.individual.id;
-    return i ? de(i.toBytes()) : null;
-  }), _ = Q(() => {
-    const i = e.hive.syncServer;
-    if (!i) return null;
-    const d = Le.fromJson(i.contactCard.toJson());
-    return d ? de(d.individualId.bytes) : null;
-  }), Y = Q(() => {
-    const i = He.publicId();
-    return de(i.toBytes());
-  }), N = Q(() => y()[Y()] || null), V = Q(() => A() === "Admin");
-  se(() => {
+function et(e) {
+  const [t, l] = x(""), [g, u] = x({}), [p, k] = x(!0), [$, v] = x(void 0), [N, z] = x(!1), [oe, H] = x(null), [A, ae] = x(null), [ee, te] = x(null), [G, be] = x("");
+  ie(() => {
+    if (!e.isOpen) return;
+    let a = !1;
+    (async () => {
+      const s = await ye();
+      if (a) return;
+      H(s.docIdFromAutomergeUrl(e.docUrl));
+      const C = e.hive.active.individual.id;
+      ae(C ? s.uint8ArrayToHex(C.toBytes()) : null);
+      const U = e.hive.syncServer;
+      if (U) {
+        const T = s.ContactCard.fromJson(U.contactCard.toJson());
+        T && te(s.uint8ArrayToHex(T.individualId.bytes));
+      }
+      const P = s.Identifier.publicId();
+      be(s.uint8ArrayToHex(P.toBytes()));
+    })(), q(() => {
+      a = !0;
+    });
+  });
+  const Q = we(() => {
+    const a = g(), s = G();
+    return s && a[s] || null;
+  }), le = we(() => $() === "Admin");
+  ie(() => {
     if (!e.isOpen) return;
-    let i = !1;
+    const a = oe();
+    if (!a) return;
+    let s = !1;
     (async () => {
-      const d = e.hive.active.individual.id;
-      if (!d) {
-        i || x(void 0);
+      const C = e.hive.active.individual.id;
+      if (!C) {
+        s || v(void 0);
         return;
       }
       try {
-        const L = await e.hive.accessForDoc(d, ne());
-        i || x(L ? L.toString() : void 0);
-      } catch (L) {
-        i || (console.error("[ShareModal] Error checking access:", L), x(void 0));
+        const U = await e.hive.accessForDoc(C, a);
+        s || v(U ? U.toString() : void 0);
+      } catch (U) {
+        s || (console.error("[ShareModal] Error checking access:", U), v(void 0));
       }
-    })(), Z(() => {
-      i = !0;
+    })(), q(() => {
+      s = !0;
     });
-  }), se(() => {
+  }), ie(() => {
     if (!e.isOpen) return;
-    let i = !1;
+    let a = !1;
     (async () => {
-      i || C(!0);
+      a || k(!0);
       try {
-        const d = await ae(e.hive, e.docUrl);
-        i || (b(d), C(!1));
-      } catch (d) {
-        i || (console.error("[ShareModal] Error loading access list:", d), b({}), C(!1));
+        const s = await de(e.hive, e.docUrl);
+        a || (u(s), k(!1));
+      } catch (s) {
+        a || (console.error("[ShareModal] Error loading access list:", s), u({}), k(!1));
       }
-    })(), Z(() => {
-      i = !0;
+    })(), q(() => {
+      a = !0;
     });
-  }), se(() => {
+  }), ie(() => {
     if (!e.isOpen) return;
-    const i = (d) => {
-      d.key === "Escape" && e.onClose();
+    const a = (s) => {
+      s.key === "Escape" && e.onClose();
     };
-    document.addEventListener("keydown", i), Z(() => document.removeEventListener("keydown", i));
+    document.addEventListener("keydown", a), q(() => document.removeEventListener("keydown", a));
   });
-  const re = async (i) => {
-    i.preventDefault();
-    const d = t().trim();
-    if (d) {
-      T(!0);
+  const fe = async (a) => {
+    a.preventDefault();
+    const s = t().trim();
+    if (s) {
+      z(!0);
       try {
-        const L = Le.fromJson(d);
-        if (!L) throw new Error("Invalid ContactCard JSON");
-        const q = De.tryFromString("write");
-        if (!q) throw new Error("Invalid access level");
-        await e.hive.addMemberToDoc(e.docUrl, L, q), a("");
-      } catch (L) {
-        console.error("[ShareModal]", L);
+        const C = await ye(), U = C.ContactCard.fromJson(s);
+        if (!U) throw new Error("Invalid ContactCard JSON");
+        const P = C.Access.tryFromString("write");
+        if (!P) throw new Error("Invalid access level");
+        await e.hive.addMemberToDoc(e.docUrl, U, P), l("");
+      } catch (C) {
+        console.error("[ShareModal]", C);
       } finally {
-        const L = await ae(e.hive, e.docUrl);
-        b(L), T(!1);
+        const C = await de(e.hive, e.docUrl);
+        u(C), z(!1);
       }
     }
-  }, xe = async (i) => {
+  }, he = async (a) => {
     try {
-      await e.hive.revokeMemberFromDoc(e.docUrl, i);
-    } catch (d) {
-      console.error("[ShareModal]", d);
+      await e.hive.revokeMemberFromDoc(e.docUrl, a);
+    } catch (s) {
+      console.error("[ShareModal]", s);
     } finally {
-      const d = await ae(e.hive, e.docUrl);
-      b(d);
+      const s = await de(e.hive, e.docUrl);
+      u(s);
     }
-  }, ie = async () => {
+  }, ge = async () => {
     try {
-      const i = De.tryFromString("write");
-      if (!i) throw new Error("Invalid access level");
-      await e.hive.setPublicAccess(e.docUrl, i);
-    } catch (i) {
-      console.error("[ShareModal]", i);
+      const s = (await ye()).Access.tryFromString("write");
+      if (!s) throw new Error("Invalid access level");
+      await e.hive.setPublicAccess(e.docUrl, s);
+    } catch (a) {
+      console.error("[ShareModal]", a);
     } finally {
-      const i = await ae(e.hive, e.docUrl);
-      b(i);
+      const a = await de(e.hive, e.docUrl);
+      u(a);
     }
-  }, ue = async () => {
+  }, ne = async () => {
     try {
-      await e.hive.revokeMemberFromDoc(e.docUrl, Y());
-    } catch (i) {
-      console.error("[ShareModal]", i);
+      await e.hive.revokeMemberFromDoc(e.docUrl, G());
+    } catch (a) {
+      console.error("[ShareModal]", a);
     } finally {
-      const i = await ae(e.hive, e.docUrl);
-      b(i);
+      const a = await de(e.hive, e.docUrl);
+      u(a);
     }
-  }, fe = (i) => `0x${i.slice(0, 12)}...`, ee = Q(() => Object.entries(y()).sort(([i], [d]) => i.localeCompare(d)));
-  return g(k, {
+  }, pe = (a) => `0x${a.slice(0, 12)}...`, re = we(() => Object.entries(g()).sort(([a], [s]) => a.localeCompare(s)));
+  return m(_, {
     get when() {
       return e.isOpen;
     },
     get children() {
-      var i = it(), d = i.firstChild, L = d.firstChild, q = L.firstChild, j = q.nextSibling, he = L.nextSibling, J = he.firstChild, oe = J.nextSibling, H = he.nextSibling, M = H.firstChild;
-      return i.$$click = (n) => {
-        n.target === n.currentTarget && e.onClose();
-      }, d.$$click = (n) => n.stopPropagation(), j.$$click = () => e.onClose(), s(oe, g(k, {
+      var a = Ge(), s = a.firstChild, C = s.firstChild, U = C.firstChild, P = U.nextSibling, T = C.nextSibling, L = T.firstChild, F = L.nextSibling, j = T.nextSibling, ce = j.firstChild;
+      return a.$$click = (i) => {
+        i.target === i.currentTarget && e.onClose();
+      }, s.$$click = (i) => i.stopPropagation(), P.$$click = () => e.onClose(), f(F, m(_, {
         get when() {
-          return N();
+          return Q();
         },
         get children() {
-          return Qe();
+          return je();
         }
-      }), null), s(oe, g(k, {
+      }), null), f(F, m(_, {
         get when() {
-          return V();
+          return le();
         },
         get children() {
-          return [g(k, {
+          return [m(_, {
             get when() {
-              return N();
+              return Q();
             },
             get children() {
-              var n = Xe();
-              return n.$$click = ue, I((u) => z(n, ce, u)), n;
+              var i = Ke();
+              return i.$$click = ne, D((S) => E(i, ue, S)), i;
             }
-          }), g(k, {
+          }), m(_, {
             get when() {
-              return !N();
+              return !Q();
             },
             get children() {
-              var n = Ze();
-              return n.$$click = ie, I((u) => z(n, ce, u)), n;
+              var i = Je();
+              return i.$$click = ge, D((S) => E(i, ue, S)), i;
             }
           })];
         }
-      }), null), s(d, g(k, {
+      }), null), f(s, m(_, {
         get when() {
-          return V();
+          return le();
         },
         get children() {
           return [(() => {
-            var n = ze();
-            return I((u) => z(n, Oe, u)), n;
+            var i = Le();
+            return D((S) => E(i, Ue, S)), i;
           })(), (() => {
-            var n = et(), u = n.firstChild, P = u.nextSibling, E = P.firstChild;
-            return n.addEventListener("submit", re), u.$$input = (S) => a(S.currentTarget.value), s(E, () => U() ? "Adding..." : "Add Member"), I((S) => {
-              var W = {
-                ...ce,
-                opacity: U() || !t().trim() ? "0.5" : "1"
-              }, G = U() || !t().trim();
-              return S.e = z(E, W, S.e), G !== S.t && (E.disabled = S.t = G), S;
+            var i = We(), S = i.firstChild, K = S.nextSibling, V = K.firstChild;
+            return i.addEventListener("submit", fe), S.$$input = (M) => l(M.currentTarget.value), f(V, () => N() ? "Adding..." : "Add Member"), D((M) => {
+              var n = {
+                ...ue,
+                opacity: N() || !t().trim() ? "0.5" : "1"
+              }, r = N() || !t().trim();
+              return M.e = E(V, n, M.e), r !== M.t && (V.disabled = M.t = r), M;
             }, {
               e: void 0,
               t: void 0
-            }), I(() => u.value = t()), n;
+            }), D(() => S.value = t()), i;
           })(), (() => {
-            var n = ze();
-            return I((u) => z(n, Oe, u)), n;
+            var i = Le();
+            return D((S) => E(i, Ue, S)), i;
           })()];
         }
-      }), H), s(H, g(k, {
+      }), j), f(j, m(_, {
         get when() {
-          return f();
+          return p();
         },
         get children() {
-          return tt();
+          return Be();
         }
-      }), null), s(H, g(k, {
+      }), null), f(j, m(_, {
         get when() {
-          return te(() => !f())() && ee().length === 0;
+          return Z(() => !p())() && re().length === 0;
         },
         get children() {
-          return nt();
+          return Ye();
         }
-      }), null), s(H, g(k, {
+      }), null), f(j, m(_, {
         get when() {
-          return te(() => !f())() && ee().length > 0;
+          return Z(() => !p())() && re().length > 0;
         },
         get children() {
-          var n = rt();
-          return s(n, g(Re, {
+          var i = qe();
+          return f(i, m(Me, {
             get each() {
-              return ee();
+              return re();
             },
-            children: ([u, P]) => {
-              const E = u === O(), S = u === _(), W = u === Y(), G = Ee.indexOf(A()), pe = Ee.indexOf(P), ye = G >= 0 && pe >= 0 && pe <= G && !E && !S, r = () => E ? "You" : S ? "Sync Server" : W ? "Public" : fe(u);
+            children: ([S, K]) => {
+              const V = S === A(), M = S === ee(), n = S === G(), r = De.indexOf($()), h = De.indexOf(K), c = r >= 0 && h >= 0 && h <= r && !V && !M, b = () => V ? "You" : M ? "Sync Server" : n ? "Public" : pe(S);
               return (() => {
-                var o = lt(), h = o.firstChild, c = h.firstChild, p = c.nextSibling;
-                return X(c, "color", E ? "#7ab4f5" : W ? "#b5bd68" : "#edf2f7"), s(c, r), s(p, P), s(o, g(k, {
-                  when: ye,
+                var y = Xe(), J = y.firstChild, R = J.firstChild, W = R.nextSibling;
+                return X(R, "color", V ? "#7ab4f5" : n ? "#b5bd68" : "#edf2f7"), f(R, b), f(W, K), f(y, m(_, {
+                  when: c,
                   get children() {
-                    var m = ot();
-                    return m.$$click = () => xe(u), I((R) => z(m, {
-                      ...ce
-                    }, R)), m;
+                    var o = Qe();
+                    return o.$$click = () => he(S), D((d) => E(o, {
+                      ...ue
+                    }, d)), o;
                   }
-                }), null), o;
+                }), null), y;
               })();
             }
-          })), n;
+          })), i;
         }
-      }), null), I((n) => {
-        var u = ke, P = at, E = {
-          ...ce
-        }, S = Ue, W = Ue;
-        return n.e = z(i, u, n.e), n.t = z(d, P, n.t), n.a = z(j, E, n.a), n.o = z(J, S, n.o), n.i = z(M, W, n.i), n;
+      }), null), D((i) => {
+        var S = Ce, K = Ze, V = {
+          ...ue
+        }, M = ze, n = ze;
+        return i.e = E(a, S, i.e), i.t = E(s, K, i.t), i.a = E(P, V, i.a), i.o = E(L, M, i.o), i.i = E(ce, n, i.i), i;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
         o: void 0,
         i: void 0
-      }), i;
+      }), a;
     }
   });
 }
-ve(["click", "input"]);
-var st = /* @__PURE__ */ $('<div><div style=min-width:300px;max-width:400px><h3 style="margin:0 0 12px;font-size:15px"></h3><p style="margin:0 0 20px;font-size:13px;color:#6b7280"></p><div style=display:flex;justify-content:flex-end;gap:8px><button style="background:none;border:1px solid #2a323c;color:#edf2f7;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">Cancel</button><button style="background:#944;border:1px solid #a55;color:#fff;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">');
-function dt(e) {
-  return se(() => {
+xe(["click", "input"]);
+var tt = /* @__PURE__ */ w('<div><div style=min-width:300px;max-width:400px><h3 style="margin:0 0 12px;font-size:15px"></h3><p style="margin:0 0 20px;font-size:13px;color:#6b7280"></p><div style=display:flex;justify-content:flex-end;gap:8px><button style="background:none;border:1px solid #2a323c;color:#edf2f7;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">Cancel</button><button style="background:#944;border:1px solid #a55;color:#fff;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">');
+function nt(e) {
+  return ie(() => {
     if (!e.isOpen) return;
-    const t = (a) => {
-      a.key === "Escape" && e.onCancel();
+    const t = (l) => {
+      l.key === "Escape" && e.onCancel();
     };
-    document.addEventListener("keydown", t), Z(() => document.removeEventListener("keydown", t));
-  }), g(k, {
+    document.addEventListener("keydown", t), q(() => document.removeEventListener("keydown", t));
+  }), m(_, {
     get when() {
       return e.isOpen;
     },
     get children() {
-      var t = st(), a = t.firstChild, y = a.firstChild, b = y.nextSibling, f = b.nextSibling, C = f.firstChild, A = C.nextSibling;
-      return t.$$click = (x) => {
-        x.target === x.currentTarget && e.onCancel();
-      }, s(y, () => e.title), s(b, () => e.message), C.$$click = () => e.onCancel(), A.$$click = () => e.onConfirm(), s(A, () => e.confirmLabel ?? "Confirm"), I((x) => {
-        var U = ke, T = {
-          ...Ce
+      var t = tt(), l = t.firstChild, g = l.firstChild, u = g.nextSibling, p = u.nextSibling, k = p.firstChild, $ = k.nextSibling;
+      return t.$$click = (v) => {
+        v.target === v.currentTarget && e.onCancel();
+      }, f(g, () => e.title), f(u, () => e.message), k.$$click = () => e.onCancel(), $.$$click = () => e.onConfirm(), f($, () => e.confirmLabel ?? "Confirm"), D((v) => {
+        var N = Ce, z = {
+          ...Se
         };
-        return x.e = z(t, U, x.e), x.t = z(a, T, x.t), x;
+        return v.e = E(t, N, v.e), v.t = E(l, z, v.t), v;
       }, {
         e: void 0,
         t: void 0
@@ -342,370 +357,411 @@ function dt(e) {
     }
   });
 }
-ve(["click"]);
-var ut = /* @__PURE__ */ $('<div><div style=min-width:300px;max-width:400px><h3 style="margin:0 0 12px;font-size:15px">New Document</h3><input type=text style="width:100%;background:#15191e;border:1px solid #2a323c;color:#edf2f7;font-size:14px;padding:8px 10px;border-radius:4px;outline:none;box-sizing:border-box;margin-bottom:16px"><div style=display:flex;justify-content:flex-end;gap:8px><button style="background:none;border:1px solid #2a323c;color:#edf2f7;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">Cancel</button><button style="background:#2a5a8a;border:1px solid #3a6a9a;color:#fff;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">Create');
-function ft(e) {
-  const [t, a] = w("");
-  let y;
-  se(() => {
+xe(["click"]);
+var rt = /* @__PURE__ */ w('<div><div style=min-width:300px;max-width:400px><h3 style="margin:0 0 12px;font-size:15px">New Document</h3><input type=text style="width:100%;background:#15191e;border:1px solid #2a323c;color:#edf2f7;font-size:14px;padding:8px 10px;border-radius:4px;outline:none;box-sizing:border-box;margin-bottom:16px"><div style=display:flex;justify-content:flex-end;gap:8px><button style="background:none;border:1px solid #2a323c;color:#edf2f7;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">Cancel</button><button style="background:#2a5a8a;border:1px solid #3a6a9a;color:#fff;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:12px">Create');
+function it(e) {
+  const [t, l] = x("");
+  let g;
+  ie(() => {
     if (!e.isOpen) return;
-    a(""), requestAnimationFrame(() => y?.focus());
-    const f = (C) => {
-      C.key === "Escape" && e.onCancel();
+    l(""), requestAnimationFrame(() => g?.focus());
+    const p = (k) => {
+      k.key === "Escape" && e.onCancel();
     };
-    document.addEventListener("keydown", f), Z(() => document.removeEventListener("keydown", f));
+    document.addEventListener("keydown", p), q(() => document.removeEventListener("keydown", p));
   });
-  function b() {
-    const f = t().trim();
-    e.onConfirm(f || e.defaultTitle);
+  function u() {
+    const p = t().trim();
+    e.onConfirm(p || e.defaultTitle);
   }
-  return g(k, {
+  return m(_, {
     get when() {
       return e.isOpen;
     },
     get children() {
-      var f = ut(), C = f.firstChild, A = C.firstChild, x = A.nextSibling, U = x.nextSibling, T = U.firstChild, ne = T.nextSibling;
-      f.$$click = (_) => {
-        _.target === _.currentTarget && e.onCancel();
-      }, x.$$keydown = (_) => {
-        _.key === "Enter" && b();
-      }, x.$$input = (_) => a(_.currentTarget.value);
-      var O = y;
-      return typeof O == "function" ? Me(O, x) : y = x, T.$$click = () => e.onCancel(), ne.$$click = () => b(), I((_) => {
-        var Y = ke, N = {
-          ...Ce
-        }, V = e.defaultTitle;
-        return _.e = z(f, Y, _.e), _.t = z(C, N, _.t), V !== _.a && je(x, "placeholder", _.a = V), _;
+      var p = rt(), k = p.firstChild, $ = k.firstChild, v = $.nextSibling, N = v.nextSibling, z = N.firstChild, oe = z.nextSibling;
+      p.$$click = (A) => {
+        A.target === A.currentTarget && e.onCancel();
+      }, v.$$keydown = (A) => {
+        A.key === "Enter" && u();
+      }, v.$$input = (A) => l(A.currentTarget.value);
+      var H = g;
+      return typeof H == "function" ? Ee(H, v) : g = v, z.$$click = () => e.onCancel(), oe.$$click = () => u(), D((A) => {
+        var ae = Ce, ee = {
+          ...Se
+        }, te = e.defaultTitle;
+        return A.e = E(p, ae, A.e), A.t = E(k, ee, A.t), te !== A.a && He(v, "placeholder", A.a = te), A;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), I(() => x.value = t()), f;
+      }), D(() => v.value = t()), p;
     }
   });
 }
-ve(["click", "input", "keydown"]);
-const ht = {};
-var pt = /* @__PURE__ */ $('<div style="padding:8px 10px;color:#6b7280;font-style:italic">No documents yet'), gt = /* @__PURE__ */ $('<div style="position:absolute;top:34px;left:0;background:#191e24;border:1px solid #2a323c;border-radius:4px;max-height:400px;overflow-y:auto;min-width:280px;max-width:420px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.4)">'), mt = /* @__PURE__ */ $('<button style="background:none;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">Share'), vt = /* @__PURE__ */ $('<button title="Copy automerge URL"style="background:none;border:1px solid #2a323c;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">'), xt = /* @__PURE__ */ $('<button style="background:none;border:1px solid #2a323c;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">'), yt = /* @__PURE__ */ $('<button style="background:none;border:1px solid #944;color:#c66;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">Remove Doc'), bt = /* @__PURE__ */ $('<div style=display:flex;flex-direction:column;height:100vh;background:#1d232a><div style="display:flex;align-items:center;height:52px;min-height:52px;background:#191e24;color:#edf2f7;font-size:14px;font-family:system-ui, sans-serif;padding:0 12px;border-bottom:1px solid #15191e;box-sizing:border-box"><button style="background:none;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;flex-shrink:0;margin-right:12px;white-space:nowrap">+ New</button><input type=text placeholder="Paste automerge:… URL"style="background:#15191e;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;width:200px;min-width:80px;flex-shrink:1;margin-right:12px;outline:none"><div data-doc-switcher style=position:relative;flex:1;min-width:120px><button style="background:none;border:none;color:#edf2f7;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;max-width:100%;display:flex;align-items:center;gap:4px"><span style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></span><span style=flex-shrink:0>▾</span></button></div><div style=display:flex;align-items:center;flex-shrink:0;gap:8px></div></div><div style=flex:1;min-height:0;overflow:hidden>'), $t = /* @__PURE__ */ $('<div style="padding:8px 12px;cursor:pointer;border-bottom:1px solid #15191e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"> <span style=color:#6b7280;font-size:12px>'), wt = /* @__PURE__ */ $('<div style="width:24px;height:24px;border:2px solid #2a323c;border-top-color:#6b7280;border-radius:50%;animation:spin 0.8s linear infinite">'), kt = /* @__PURE__ */ $('<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;background:#1d232a;font-family:system-ui, sans-serif;font-size:14px">'), Ct = /* @__PURE__ */ $("<div style=height:100%>");
-Be();
-function St(e) {
-  const t = e.tool, [a, y] = w(null), [b, f] = w("..."), [C, A] = w([]), [x, U] = w(!1), [T, ne] = w(null), [O, _] = w(""), [Y, N] = w(!1), [V, re] = w(!1), [xe, ie] = w(!1), [ue, fe] = w(!1), [ee, i] = w(!1), [d, L] = w(!1), [q, j] = w(!1), [he, J] = w(null), [oe, H] = w(!1);
-  let M, n = null, u = 0;
-  function P(r) {
-    n && (n(), n = null);
-    const o = r.doc(), h = o ? t.getTitle(o) : t.defaultTitle;
-    f(h), A(Ie(t.id, O(), r.url, h));
+xe(["click", "input", "keydown"]);
+const ot = {};
+var at = /* @__PURE__ */ w('<div style="padding:8px 10px;color:#6b7280;font-style:italic">No documents yet'), lt = /* @__PURE__ */ w('<div style="position:absolute;top:34px;left:0;background:#191e24;border:1px solid #2a323c;border-radius:4px;max-height:400px;overflow-y:auto;min-width:280px;max-width:420px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.4)">'), ct = /* @__PURE__ */ w('<button style="background:none;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">Share'), st = /* @__PURE__ */ w('<button title="Copy automerge URL"style="background:none;border:1px solid #2a323c;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">'), dt = /* @__PURE__ */ w('<button style="background:none;border:1px solid #2a323c;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">'), ut = /* @__PURE__ */ w('<button style="background:none;border:1px solid #944;color:#c66;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">Remove Doc'), ft = /* @__PURE__ */ w('<div style=display:flex;flex-direction:column;height:100vh;background:#1d232a><div style="display:flex;align-items:center;height:52px;min-height:52px;background:#191e24;color:#edf2f7;font-size:14px;font-family:system-ui, sans-serif;padding:0 12px;border-bottom:1px solid #15191e;box-sizing:border-box"><button style="background:none;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;flex-shrink:0;margin-right:12px;white-space:nowrap">+ New</button><input type=text placeholder="Paste automerge:… URL"style="background:#15191e;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;width:200px;min-width:80px;flex-shrink:1;margin-right:12px;outline:none"><div data-doc-switcher style=position:relative;flex:1;min-width:120px><button style="background:none;border:none;color:#edf2f7;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;max-width:100%;display:flex;align-items:center;gap:4px"><span style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></span><span style=flex-shrink:0>▾</span></button></div><div style=display:flex;align-items:center;flex-shrink:0;gap:8px></div></div><div style=flex:1;min-height:0;overflow:hidden>'), ht = /* @__PURE__ */ w('<div style="padding:8px 12px;cursor:pointer;border-bottom:1px solid #15191e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"> <span style=color:#6b7280;font-size:12px>'), gt = /* @__PURE__ */ w('<div style="width:24px;height:24px;border:2px solid #2a323c;border-top-color:#6b7280;border-radius:50%;animation:spin 0.8s linear infinite">'), pt = /* @__PURE__ */ w('<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;background:#1d232a;font-family:system-ui, sans-serif;font-size:14px">'), mt = /* @__PURE__ */ w("<div style=height:100%>");
+function yt(e) {
+  const t = e.tool, [l, g] = x(null), [u, p] = x("..."), [k, $] = x([]), [v, N] = x(!1), [z, oe] = x(null), [H, A] = x(""), [ae, ee] = x(!1), [te, G] = x(!1), [be, Q] = x(!1), [le, fe] = x(!1), [he, ge] = x(!1), [ne, pe] = x(!1), [re, a] = x(!1), [s, C] = x(null), [U, P] = x(!1);
+  let T, L = null, F = 0;
+  function j(n) {
+    L && (L(), L = null);
+    const r = n.doc(), h = r ? t.getTitle(r) : t.defaultTitle;
+    p(h), $(Ie(t.id, H(), n.url, h));
     const c = () => {
-      const p = r.doc();
-      if (p) {
-        const m = t.getTitle(p);
-        f(m), A(Ie(t.id, O(), r.url, m));
+      const b = n.doc();
+      if (b) {
+        const y = t.getTitle(b);
+        p(y), $(Ie(t.id, H(), n.url, y));
       }
     };
-    r.on("change", c), n = () => r.off("change", c);
+    n.on("change", c), L = () => n.off("change", c);
   }
-  async function E(r) {
-    const o = T();
-    if (!o) return !0;
+  async function ce(n) {
+    const r = z();
+    if (!r) return !0;
     try {
-      const h = $e(r), c = o.active.individual.id, p = He.publicId(), [m, R] = await Promise.all([o.accessForDoc(c, h).catch(() => null), o.accessForDoc(p, h).catch(() => null)]);
-      return console.log(`[${t.name}] Access check for ${r.slice(0, 30)}...: my=${m}, public=${R}`), !!(m || R);
+      const {
+        docIdFromAutomergeUrl: h,
+        Identifier: c
+      } = await import("@automerge/automerge-repo-keyhive"), b = h(n), y = r.active.individual.id, J = c.publicId(), [R, W] = await Promise.all([r.accessForDoc(y, b).catch(() => null), r.accessForDoc(J, b).catch(() => null)]);
+      return console.log(`[${t.name}] Access check for ${n.slice(0, 30)}...: my=${R}, public=${W}`), !!(R || W);
     } catch (h) {
-      return console.error(`[${t.name}] Access check error for ${r}:`, h), !0;
+      return console.error(`[${t.name}] Access check error for ${n}:`, h), !0;
     }
   }
-  async function S(r) {
-    const o = ++u;
-    n && (n(), n = null), y(null), j(!1), J(null), H(!0), f("Loading...");
+  async function i(n) {
+    const r = ++F;
+    L && (L(), L = null), g(null), a(!1), C(null), P(!0), p("Loading...");
     try {
-      if (!await E(r)) {
-        if (o !== u) return;
-        console.warn(`[${t.name}] No access to doc: ${r}`), H(!1), j(!0), J(r), le(r);
+      if (!await ce(n)) {
+        if (r !== F) return;
+        console.warn(`[${t.name}] No access to doc: ${n}`), P(!1), a(!0), C(n), se(n);
         return;
       }
-      if (o !== u) return;
-      const h = (p) => {
-        const m = p.doc();
-        return m ? t.isDocReady ? t.isDocReady(m) : !!m : !1;
+      if (r !== F) return;
+      const h = (b) => {
+        const y = b.doc();
+        return y ? t.isDocReady ? t.isDocReady(y) : !!y : !1;
       };
-      let c = await M.find(r);
-      if (await c.whenReady(), o !== u) return;
+      let c = T.find(n);
+      if (await c.whenReady(), r !== F) return;
       if (!h(c)) {
-        console.log(`[${t.name}] Doc incomplete, forcing re-sync for: ${r.slice(0, 30)}...`);
+        console.log(`[${t.name}] Doc incomplete, forcing re-sync for: ${n.slice(0, 30)}...`);
         try {
-          M.delete(r);
+          T.delete(n);
         } catch {
         }
-        if (await new Promise((p) => setTimeout(p, 100)), o !== u || (c = await M.find(r), await c.whenReady(), o !== u)) return;
+        if (await new Promise((b) => setTimeout(b, 100)), r !== F || (c = T.find(n), await c.whenReady(), r !== F)) return;
       }
-      if (!h(c) && (le(r), await new Promise((p) => {
-        const m = () => {
-          if (o !== u) {
-            c.off("change", m), p();
+      if (!h(c) && (se(n), await new Promise((b) => {
+        const y = () => {
+          if (r !== F) {
+            c.off("change", y), b();
             return;
           }
-          h(c) && (c.off("change", m), p());
+          h(c) && (c.off("change", y), b());
         };
-        c.on("change", m), setTimeout(() => {
-          c.off("change", m), p();
+        c.on("change", y), setTimeout(() => {
+          c.off("change", y), b();
         }, 3e4);
-      }), o !== u))
+      }), r !== F))
         return;
-      H(!1), le(r), localStorage.setItem(me(t.id, O()), r), P(c), y(c);
+      P(!1), se(n), localStorage.setItem(me(t.id, H()), n), j(c), g(c);
     } catch (h) {
-      if (o !== u) return;
-      console.error(`[${t.name}] Failed to load doc: ${r}`, h), H(!1), j(!0), J(r), le(r);
+      if (r !== F) return;
+      console.error(`[${t.name}] Failed to load doc: ${n}`, h), P(!1), a(!0), C(n), se(n);
     }
   }
-  async function W(r = t.defaultTitle) {
-    const o = T();
-    if (!o) return;
-    const h = {};
-    t.init(h, M), t.setTitle && t.setTitle(h, r), h["@patchwork"] = {
+  async function S(n = t.defaultTitle) {
+    const r = {};
+    t.init(r, T), t.setTitle && t.setTitle(r, n), r["@patchwork"] = {
       type: t.id
     };
-    const c = await M.create2(h);
-    console.log(`[${t.name}] Created document: ${c.url}`), await o.addSyncServerPullToDoc(c.url), await o.keyhiveStorage.saveKeyhiveWithHash(o.keyhive), y(c), le(c.url), localStorage.setItem(me(t.id, O()), c.url), P(c);
+    const h = z();
+    let c;
+    h ? (c = await T.create2(r), console.log(`[${t.name}] Created document (keyhive): ${c.url}`), await h.addSyncServerPullToDoc(c.url), await h.keyhiveStorage.saveKeyhiveWithHash(h.keyhive)) : (c = T.create(r), console.log(`[${t.name}] Created document (legacy): ${c.url}`)), g(c), se(c.url), localStorage.setItem(me(t.id, H()), c.url), j(c);
   }
-  function G() {
-    n && (n(), n = null), y(null), f("..."), j(!1), J(null), localStorage.removeItem(me(t.id, O())), window.history.replaceState(null, "", window.location.pathname);
+  function K() {
+    L && (L(), L = null), g(null), p("..."), a(!1), C(null), localStorage.removeItem(me(t.id, H())), window.history.replaceState(null, "", window.location.pathname);
   }
-  function pe() {
-    const r = a();
-    if (!r) return;
-    const o = r.url;
-    G(), M.delete(o), A(qe(t.id, O(), o));
+  function V() {
+    const n = l();
+    if (!n) return;
+    const r = n.url;
+    K(), T.delete(r), $(Ne(t.id, H(), r));
   }
-  async function ye() {
-    const r = T();
-    if (r)
+  async function M() {
+    const n = z();
+    if (n)
       try {
-        const o = r.active.contactCard.toJson();
-        await navigator.clipboard.writeText(o), fe(!0), setTimeout(() => fe(!1), 1500);
-      } catch (o) {
-        console.error(`[${t.name}] Failed to copy contact card:`, o);
+        const r = n.active.contactCard.toJson();
+        await navigator.clipboard.writeText(r), fe(!0), setTimeout(() => fe(!1), 1500);
+      } catch (r) {
+        console.error(`[${t.name}] Failed to copy contact card:`, r);
       }
   }
-  return be(async () => {
-    const r = new Ae(`${t.id}-keyhive`), o = ht?.VITE_SYNC_URL, h = new Ke(o || t.syncUrl || "ws://localhost:3030"), c = `${t.id}-${Math.random().toString(36).slice(2)}`, p = await Ye({
-      storage: r,
-      peerIdSuffix: c,
-      networkAdapter: h,
-      automaticArchiveIngestion: !0,
-      onlyShareWithHardcodedServerPeerId: !0,
-      cacheHashes: !0
-    });
-    window.hive = p, M = new We({
-      storage: new Ae(),
-      network: [p.networkAdapter],
-      peerId: p.peerId,
-      sharePolicy: async (B) => B === p.syncServer?.peerId,
-      idFactory: p.idFactory
-    }), p.linkRepo(M), ne(p);
-    const m = de(p.active.individual.id.toBytes());
-    _(m), A(we(t.id, m)), L(!0), console.log(`[${t.name}] Keyhive initialized, identity: 0x${m.slice(0, 12)}...`), p.networkAdapter.on("ingest-remote", async () => {
-      const B = he();
-      if (B) {
-        await E(B) && (console.log(`[${t.name}] Access granted, loading: ${B}`), await S(B));
-        return;
+  return $e(async () => {
+    if (e.config?.legacyMode) {
+      T = e.config.repo;
+      const h = `standalone-frame-identity-${t.id}`;
+      let c = localStorage.getItem(h);
+      if (!c) {
+        const b = new Uint8Array(16);
+        crypto.getRandomValues(b), c = Array.from(b).map((y) => y.toString(16).padStart(2, "0")).join(""), localStorage.setItem(h, c);
       }
-      const l = a();
-      l && (await E(l.url) || (console.log(`[${t.name}] Access revoked for: ${l.url}`), n && (n(), n = null), y(null), f("..."), j(!0), J(l.url)));
-    });
-    const R = Te();
-    if (R) {
-      console.log(`[${t.name}] Loading doc from hash: ${R}`), await S(R);
+      A(c), $(ve(t.id, c)), pe(!0), console.log(`[${t.name}] Legacy mode initialized, identity: 0x${c.slice(0, 12)}...`);
+    } else {
+      const [{
+        Repo: h
+      }, {
+        IndexedDBStorageAdapter: c
+      }, {
+        BrowserWebSocketClientAdapter: b
+      }, y] = await Promise.all([import("@automerge/automerge-repo"), import("@automerge/automerge-repo-storage-indexeddb"), import("@automerge/automerge-repo-network-websocket"), import("@automerge/automerge-repo-keyhive")]);
+      y.initKeyhiveWasm();
+      const J = new c(`${t.id}-keyhive`), R = ot?.VITE_SYNC_URL, W = new b(R || t.syncUrl || "ws://localhost:3030"), o = `${t.id}-${Math.random().toString(36).slice(2)}`, d = await y.initializeAutomergeRepoKeyhive({
+        storage: J,
+        peerIdSuffix: o,
+        networkAdapter: W,
+        automaticArchiveIngestion: !0,
+        onlyShareWithHardcodedServerPeerId: !0,
+        cacheHashes: !0
+      });
+      window.hive = d;
+      const I = new h({
+        storage: new c(),
+        network: [d.networkAdapter],
+        peerId: d.peerId,
+        sharePolicy: async (Y) => Y === d.syncServer?.peerId,
+        idFactory: d.idFactory
+      });
+      T = I, d.linkRepo(I), oe(d);
+      const B = y.uint8ArrayToHex(d.active.individual.id.toBytes());
+      A(B), $(ve(t.id, B)), pe(!0), console.log(`[${t.name}] Keyhive initialized, identity: 0x${B.slice(0, 12)}...`), d.networkAdapter.on("ingest-remote", async () => {
+        const Y = s();
+        if (Y) {
+          await ce(Y) && (console.log(`[${t.name}] Access granted, loading: ${Y}`), await i(Y));
+          return;
+        }
+        const O = l();
+        O && (await ce(O.url) || (console.log(`[${t.name}] Access revoked for: ${O.url}`), L && (L(), L = null), g(null), p("..."), a(!0), C(O.url)));
+      });
+    }
+    const n = Te();
+    if (n) {
+      console.log(`[${t.name}] Loading doc from hash: ${n}`), await i(n);
       return;
     }
-    const K = localStorage.getItem(me(t.id, m));
-    if (K) {
-      console.log(`[${t.name}] Found existing doc: ${K}`), await S(K);
+    const r = localStorage.getItem(me(t.id, H()));
+    if (r) {
+      console.log(`[${t.name}] Found existing doc: ${r}`), await i(r);
       return;
     }
     console.log(`[${t.name}] No doc found, starting blank`);
-  }), be(() => {
-    const r = async () => {
-      const o = Te();
-      o && (console.log(`[${t.name}] Hash changed, loading: ${o}`), await S(o));
+  }), $e(() => {
+    const n = async () => {
+      const r = Te();
+      r && (console.log(`[${t.name}] Hash changed, loading: ${r}`), await i(r));
     };
-    window.addEventListener("hashchange", r), Z(() => window.removeEventListener("hashchange", r));
-  }), be(() => {
-    const r = (o) => {
-      o.target.closest("[data-doc-switcher]") || U(!1);
+    window.addEventListener("hashchange", n), q(() => window.removeEventListener("hashchange", n));
+  }), $e(() => {
+    const n = (r) => {
+      r.target.closest("[data-doc-switcher]") || N(!1);
     };
-    document.addEventListener("mousedown", r), Z(() => document.removeEventListener("mousedown", r));
+    document.addEventListener("mousedown", n), q(() => document.removeEventListener("mousedown", n));
   }), (() => {
-    var r = bt(), o = r.firstChild, h = o.firstChild, c = h.nextSibling, p = c.nextSibling, m = p.firstChild, R = m.firstChild;
-    R.nextSibling;
-    var K = p.nextSibling, B = o.nextSibling;
-    return h.$$click = () => ie(!0), c.$$keydown = (l) => {
-      if (l.key === "Enter") {
-        const v = l.currentTarget.value.trim();
-        if (v) {
-          const D = v.startsWith("automerge:") ? v : `automerge:${v}`;
-          S(D), l.currentTarget.value = "";
+    var n = ft(), r = n.firstChild, h = r.firstChild, c = h.nextSibling, b = c.nextSibling, y = b.firstChild, J = y.firstChild;
+    J.nextSibling;
+    var R = b.nextSibling, W = r.nextSibling;
+    return h.$$click = () => Q(!0), c.$$keydown = (o) => {
+      if (o.key === "Enter") {
+        const d = o.currentTarget.value.trim();
+        if (d) {
+          const I = d.startsWith("automerge:") ? d : `automerge:${d}`;
+          i(I), o.currentTarget.value = "";
         }
       }
-    }, m.$$click = () => U(!x()), s(R, b), s(p, g(k, {
+    }, y.$$click = () => N(!v()), f(J, u), f(b, m(_, {
       get when() {
-        return x();
+        return v();
       },
       get children() {
-        var l = gt();
-        return s(l, g(Re, {
+        var o = lt();
+        return f(o, m(Me, {
           get each() {
-            return C();
+            return k();
           },
-          children: (v) => (() => {
-            var D = $t(), ge = D.firstChild, Ne = ge.nextSibling;
-            return D.addEventListener("mouseleave", (F) => {
-              F.currentTarget.style.background = "transparent";
-            }), D.addEventListener("mouseenter", (F) => {
-              F.currentTarget.style.background = "#1d232a";
-            }), D.$$click = () => {
-              S(v.url), U(!1);
-            }, s(D, () => v.title || "Untitled", ge), s(Ne, () => Ge(v.url)), I((F) => {
-              var Se = a()?.url === v.url ? "#7ab4f5" : "#edf2f7", _e = a()?.url === v.url ? "bold" : "normal";
-              return Se !== F.e && X(D, "color", F.e = Se), _e !== F.t && X(D, "font-weight", F.t = _e), F;
+          children: (d) => (() => {
+            var I = ht(), B = I.firstChild, Y = B.nextSibling;
+            return I.addEventListener("mouseleave", (O) => {
+              O.currentTarget.style.background = "transparent";
+            }), I.addEventListener("mouseenter", (O) => {
+              O.currentTarget.style.background = "#1d232a";
+            }), I.$$click = () => {
+              i(d.url), N(!1);
+            }, f(I, () => d.title || "Untitled", B), f(Y, () => Ve(d.url)), D((O) => {
+              var _e = l()?.url === d.url ? "#7ab4f5" : "#edf2f7", Ae = l()?.url === d.url ? "bold" : "normal";
+              return _e !== O.e && X(I, "color", O.e = _e), Ae !== O.t && X(I, "font-weight", O.t = Ae), O;
             }, {
               e: void 0,
               t: void 0
-            }), D;
+            }), I;
           })()
-        }), null), s(l, g(k, {
+        }), null), f(o, m(_, {
           get when() {
-            return C().length === 0;
+            return k().length === 0;
           },
           get children() {
-            return pt();
+            return at();
           }
-        }), null), l;
+        }), null), o;
       }
-    }), null), s(K, g(k, {
+    }), null), f(R, m(_, {
       get when() {
-        return te(() => !!a())() && T();
+        return Z(() => !!l())() && z();
       },
       get children() {
-        var l = mt();
-        return l.$$click = () => N(!0), l;
+        var o = ct();
+        return o.$$click = () => ee(!0), o;
       }
-    }), null), s(K, g(k, {
+    }), null), f(R, m(_, {
       get when() {
-        return a();
+        return l();
       },
       get children() {
-        var l = vt();
-        return l.$$click = async () => {
-          const v = a();
-          v && (await navigator.clipboard.writeText(v.url), i(!0), setTimeout(() => i(!1), 1500));
-        }, s(l, () => ee() ? "Copied!" : "Copy URL"), I((v) => X(l, "color", ee() ? "#b5bd68" : "#edf2f7")), l;
+        var o = st();
+        return o.$$click = async () => {
+          const d = l();
+          d && (await navigator.clipboard.writeText(d.url), ge(!0), setTimeout(() => ge(!1), 1500));
+        }, f(o, () => he() ? "Copied!" : "Copy URL"), D((d) => X(o, "color", he() ? "#b5bd68" : "#edf2f7")), o;
       }
-    }), null), s(K, g(k, {
+    }), null), f(R, m(_, {
       get when() {
-        return T();
+        return z();
       },
       get children() {
-        var l = xt();
-        return l.$$click = () => void ye(), s(l, () => ue() ? "Copied!" : "Contact Card"), I((v) => X(l, "color", ue() ? "#b5bd68" : "#edf2f7")), l;
+        var o = dt();
+        return o.$$click = () => void M(), f(o, () => le() ? "Copied!" : "Contact Card"), D((d) => X(o, "color", le() ? "#b5bd68" : "#edf2f7")), o;
       }
-    }), null), s(K, g(k, {
+    }), null), f(R, m(_, {
       get when() {
-        return a();
+        return l();
       },
       get children() {
-        var l = yt();
-        return l.$$click = () => re(!0), l;
+        var o = ut();
+        return o.$$click = () => G(!0), o;
       }
-    }), null), s(B, g(k, {
+    }), null), f(W, m(_, {
       get when() {
-        return a();
+        return l();
       },
       keyed: !0,
       get fallback() {
         return (() => {
-          var l = kt();
-          return s(l, g(k, {
+          var o = pt();
+          return f(o, m(_, {
             get when() {
-              return oe() || !d();
+              return U() || !ne();
             },
             get children() {
-              return wt();
+              return gt();
             }
-          }), null), s(l, (() => {
-            var v = te(() => !!q());
-            return () => v() ? "Document unavailable: you may not have access" : te(() => !!oe())() ? "Loading document..." : d() ? "No document open" : "Initializing keyhive...";
-          })(), null), I((v) => X(l, "color", q() ? "#c66" : "#6b7280")), l;
+          }), null), f(o, (() => {
+            var d = Z(() => !!re());
+            return () => d() ? "Document unavailable: you may not have access" : Z(() => !!U())() ? "Loading document..." : Z(() => !!ne())() ? "No document open" : e.config?.legacyMode ? "Initializing..." : "Initializing keyhive...";
+          })(), null), D((d) => X(o, "color", re() ? "#c66" : "#6b7280")), o;
         })();
       },
-      children: (l) => {
-        const v = document.createElement("div");
-        return v.repo = M, v.style.height = "100%", (() => {
-          var D = Ct();
-          return Me((ge) => {
-            ge.appendChild(v), t.render(l, v);
-          }, D), D;
+      children: (o) => {
+        const d = document.createElement("div");
+        return d.repo = T, d.style.height = "100%", (() => {
+          var I = mt();
+          return Ee((B) => {
+            B.appendChild(d), t.render(o, d);
+          }, I), I;
         })();
       }
-    })), s(r, g(k, {
+    })), f(n, m(_, {
       get when() {
-        return te(() => !!T())() && a();
+        return Z(() => !!z())() && l();
       },
       get children() {
-        return g(ct, {
+        return m(et, {
           get isOpen() {
-            return Y();
+            return ae();
           },
           get docUrl() {
-            return a().url;
+            return l().url;
           },
           get hive() {
-            return T();
+            return z();
           },
-          onClose: () => N(!1)
+          onClose: () => ee(!1)
         });
       }
-    }), null), s(r, g(ft, {
+    }), null), f(n, m(it, {
       get isOpen() {
-        return xe();
+        return be();
       },
       get defaultTitle() {
         return t.defaultTitle;
       },
-      onConfirm: (l) => {
-        ie(!1), W(l);
+      onConfirm: (o) => {
+        Q(!1), S(o);
       },
-      onCancel: () => ie(!1)
-    }), null), s(r, g(dt, {
+      onCancel: () => Q(!1)
+    }), null), f(n, m(nt, {
       get isOpen() {
-        return V();
+        return te();
       },
       title: "Remove Document",
       message: "Remove this document from your history? The document data will be deleted locally.",
       confirmLabel: "Remove",
       onConfirm: () => {
-        re(!1), pe();
+        G(!1), V();
       },
-      onCancel: () => re(!1)
-    }), null), I((l) => {
-      var v = !d(), D = d() ? "1" : "0.4";
-      return v !== l.e && (h.disabled = l.e = v), D !== l.t && X(h, "opacity", l.t = D), l;
+      onCancel: () => G(!1)
+    }), null), D((o) => {
+      var d = !ne(), I = ne() ? "1" : "0.4";
+      return d !== o.e && (h.disabled = o.e = d), I !== o.t && X(h, "opacity", o.t = I), o;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), n;
   })();
 }
-ve(["click", "keydown"]);
-function zt(e, t) {
-  Je(() => g(St, {
-    tool: t
+xe(["click", "keydown"]);
+async function vt(e) {
+  const t = e.find(($) => $.type === "patchwork:tool"), l = e.find(($) => $.type === "patchwork:datatype");
+  if (!t) throw new Error("No patchwork:tool plugin found in plugins array");
+  if (!l) throw new Error("No patchwork:datatype plugin found in plugins array");
+  const [g, u] = await Promise.all([t.load(), l.load()]), p = {};
+  u.init(p, {});
+  const k = u.getTitle(p);
+  return {
+    id: t.id,
+    name: t.name,
+    defaultTitle: k,
+    init: u.init,
+    getTitle: u.getTitle,
+    setTitle: u.setTitle,
+    render: g
+  };
+}
+async function wt(e, t, l) {
+  let g;
+  Array.isArray(t) ? g = await vt(t) : g = t, Pe(() => m(yt, {
+    tool: g,
+    config: l
   }), e);
 }
 export {
-  dt as ConfirmModal,
-  ft as NewDocModal,
-  ct as ShareModal,
-  Ce as cardStyle,
-  zt as mountStandaloneApp,
-  ke as overlayStyle
+  nt as ConfirmModal,
+  it as NewDocModal,
+  et as ShareModal,
+  Se as cardStyle,
+  wt as mountStandaloneApp,
+  Ce as overlayStyle
 };