@jtfmumm/patchwork-standalone-frame 0.1.0 → 0.2.0

package/dist/index.js

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