@jtfmumm/patchwork-standalone-frame 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,50 +1,49 @@
-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}`;
+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(t, e) {
-  return `${t}-standalone-${e}`;
+function me(e, t) {
+  return `${e}-standalone-${t}`;
 }
-function ve(t, e) {
+function ve(e, t) {
   try {
-    const l = localStorage.getItem(Pe(t, e));
+    const l = localStorage.getItem(Oe(e, t));
     return l ? JSON.parse(l) : [];
   } catch {
     return [];
   }
 }
-function Fe(t, e, l) {
-  localStorage.setItem(Pe(t, e), JSON.stringify(l));
+function Re(e, t, l) {
+  localStorage.setItem(Oe(e, t), JSON.stringify(l));
 }
-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 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 Ke(t, e, l) {
-  const f = ve(t, e).filter((h) => h.url !== l);
-  return Fe(t, e, f), f;
+function Ne(e, t, l) {
+  const g = ve(e, t).filter((u) => u.url !== l);
+  return Re(e, t, g), g;
 }
-function We(t) {
-  const e = "automerge:";
-  if (t.startsWith(e)) {
-    const l = t.slice(e.length);
-    return e + l.slice(0, 12) + "...";
+function Ve(e) {
+  const t = "automerge:";
+  if (e.startsWith(t)) {
+    const l = e.slice(t.length);
+    return t + l.slice(0, 12) + "...";
   }
-  return t;
+  return e;
 }
-function Le() {
-  const t = window.location.hash.slice(1);
-  return t && t.startsWith("automerge:") ? t : null;
+function Te() {
+  const e = window.location.hash.slice(1);
+  return e && e.startsWith("automerge:") ? e : null;
 }
-function ce(t) {
-  window.history.replaceState(null, "", `#${t}`);
+function se(e) {
+  window.history.replaceState(null, "", `#${e}`);
 }
-const ke = {
+const Ce = {
   position: "fixed",
   inset: "0",
   background: "rgba(0,0,0,0.5)",
@@ -52,7 +51,7 @@ const ke = {
   "align-items": "center",
   "justify-content": "center",
   "z-index": "2000"
-}, Ce = {
+}, Se = {
   background: "#191e24",
   color: "#edf2f7",
   "border-radius": "8px",
@@ -60,21 +59,25 @@ const ke = {
   "box-shadow": "0 8px 24px rgba(0,0,0,0.5)",
   "font-family": "system-ui, sans-serif"
 };
-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>');
+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 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;
+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 nt = {
-  ...Ce,
+const Ze = {
+  ...Se,
   width: "420px",
   "max-height": "80vh",
   "overflow-y": "auto"
-}, de = {
+}, ue = {
   background: "none",
   border: "1px solid #2a323c",
   color: "#edf2f7",
@@ -82,7 +85,7 @@ const nt = {
   "border-radius": "4px",
   cursor: "pointer",
   "font-size": "12px"
-}, Ee = {
+}, ze = {
   "font-size": "13px",
   color: "#6b7280",
   margin: "16px 0 8px"
@@ -91,588 +94,603 @@ const nt = {
   "border-top": "1px solid #2a323c",
   margin: "12px 0"
 };
-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 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;
+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;
+    const a = oe();
+    if (!a) return;
+    let s = !1;
     (async () => {
-      const g = t.hive.active.individual.id;
-      if (!g) {
-        i || x(void 0);
+      const C = e.hive.active.individual.id;
+      if (!C) {
+        s || v(void 0);
         return;
       }
       try {
-        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));
+        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));
       }
-    })(), te(() => {
-      i = !0;
+    })(), q(() => {
+      s = !0;
     });
-  }), ue(() => {
-    if (!t.isOpen) return;
-    let i = !1;
+  }), ie(() => {
+    if (!e.isOpen) return;
+    let a = !1;
     (async () => {
-      i || $(!0);
+      a || k(!0);
       try {
-        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));
+        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));
       }
-    })(), te(() => {
-      i = !0;
+    })(), q(() => {
+      a = !0;
     });
-  }), ue(() => {
-    if (!t.isOpen) return;
-    const i = (g) => {
-      g.key === "Escape" && t.onClose();
+  }), ie(() => {
+    if (!e.isOpen) return;
+    const a = (s) => {
+      s.key === "Escape" && e.onClose();
     };
-    document.addEventListener("keydown", i), te(() => document.removeEventListener("keydown", i));
+    document.addEventListener("keydown", a), q(() => document.removeEventListener("keydown", a));
   });
-  const oe = async (i) => {
-    i.preventDefault();
-    const g = e().trim();
-    if (g) {
+  const fe = async (a) => {
+    a.preventDefault();
+    const s = t().trim();
+    if (s) {
       z(!0);
       try {
-        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);
+        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 T = await se(t.hive, t.docUrl);
-        h(T), z(!1);
+        const C = await de(e.hive, e.docUrl);
+        u(C), z(!1);
       }
     }
-  }, be = async (i) => {
+  }, he = async (a) => {
     try {
-      await t.hive.revokeMemberFromDoc(t.docUrl, i);
-    } catch (g) {
-      console.error("[ShareModal]", g);
+      await e.hive.revokeMemberFromDoc(e.docUrl, a);
+    } catch (s) {
+      console.error("[ShareModal]", s);
     } finally {
-      const g = await se(t.hive, t.docUrl);
-      h(g);
+      const s = await de(e.hive, e.docUrl);
+      u(s);
     }
-  }, ae = async () => {
+  }, ge = async () => {
     try {
-      const i = Ie.tryFromString("write");
-      if (!i) throw new Error("Invalid access level");
-      await t.hive.setPublicAccess(t.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 se(t.hive, t.docUrl);
-      h(i);
+      const a = await de(e.hive, e.docUrl);
+      u(a);
     }
-  }, fe = async () => {
+  }, ne = async () => {
     try {
-      await t.hive.revokeMemberFromDoc(t.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 se(t.hive, t.docUrl);
-      h(i);
+      const a = await de(e.hive, e.docUrl);
+      u(a);
     }
-  }, he = (i) => `0x${i.slice(0, 12)}...`, ne = X(() => Object.entries(f()).sort(([i], [g]) => i.localeCompare(g)));
-  return y(S, {
+  }, pe = (a) => `0x${a.slice(0, 12)}...`, re = we(() => Object.entries(g()).sort(([a], [s]) => a.localeCompare(s)));
+  return m(_, {
     get when() {
-      return t.isOpen;
+      return e.isOpen;
     },
     get children() {
-      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 && t.onClose();
-      }, g.$$click = (n) => n.stopPropagation(), j.$$click = () => t.onClose(), d(le, y(S, {
+      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 Be();
+          return je();
         }
-      }), null), d(le, y(S, {
+      }), null), f(F, m(_, {
         get when() {
-          return q();
+          return le();
         },
         get children() {
-          return [y(S, {
+          return [m(_, {
             get when() {
-              return N();
+              return Q();
             },
             get children() {
-              var n = Ve();
-              return n.$$click = fe, L((m) => D(n, de, m)), n;
+              var i = Ke();
+              return i.$$click = ne, D((S) => E(i, ue, S)), i;
             }
-          }), y(S, {
+          }), m(_, {
             get when() {
-              return !N();
+              return !Q();
             },
             get children() {
-              var n = Ye();
-              return n.$$click = ae, L((m) => D(n, de, m)), n;
+              var i = Je();
+              return i.$$click = ge, D((S) => E(i, ue, S)), i;
             }
           })];
         }
-      }), null), d(g, y(S, {
+      }), null), f(s, m(_, {
         get when() {
-          return q();
+          return le();
         },
         get children() {
           return [(() => {
-            var n = ze();
-            return L((m) => D(n, Ue, m)), n;
+            var i = Le();
+            return D((S) => E(i, Ue, S)), i;
           })(), (() => {
-            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;
+            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
-            }), L(() => m.value = e()), n;
+            }), D(() => S.value = t()), i;
           })(), (() => {
-            var n = ze();
-            return L((m) => D(n, Ue, m)), n;
+            var i = Le();
+            return D((S) => E(i, Ue, S)), i;
           })()];
         }
-      }), P), d(P, y(S, {
+      }), j), f(j, m(_, {
         get when() {
-          return u();
+          return p();
         },
         get children() {
-          return Ge();
+          return Be();
         }
-      }), null), d(P, y(S, {
+      }), null), f(j, m(_, {
         get when() {
-          return ee(() => !u())() && ne().length === 0;
+          return Z(() => !p())() && re().length === 0;
         },
         get children() {
-          return Qe();
+          return Ye();
         }
-      }), null), d(P, y(S, {
+      }), null), f(j, m(_, {
         get when() {
-          return ee(() => !u())() && ne().length > 0;
+          return Z(() => !p())() && re().length > 0;
         },
         get children() {
-          var n = Xe();
-          return d(n, y(Re, {
+          var i = qe();
+          return f(i, m(Me, {
             get each() {
-              return ne();
+              return re();
             },
-            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);
+            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 = 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,
+                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 v = et();
-                    return v.$$click = () => be(m), L((W) => D(v, {
-                      ...de
-                    }, W)), v;
+                    var o = Qe();
+                    return o.$$click = () => he(S), D((d) => E(o, {
+                      ...ue
+                    }, d)), o;
                   }
-                }), null), o;
+                }), null), y;
               })();
             }
-          })), n;
+          })), i;
         }
-      }), 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;
+      }), 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;
     }
   });
 }
 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();
+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 = (l) => {
+      l.key === "Escape" && e.onCancel();
     };
-    document.addEventListener("keydown", e), te(() => document.removeEventListener("keydown", e));
-  }), y(S, {
+    document.addEventListener("keydown", t), q(() => document.removeEventListener("keydown", t));
+  }), m(_, {
     get when() {
-      return t.isOpen;
+      return e.isOpen;
     },
     get children() {
-      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
+      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 = D(e, O, x.e), x.t = D(l, z, 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
-      }), e;
+      }), t;
     }
   });
 }
 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();
+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;
+    l(""), requestAnimationFrame(() => g?.focus());
+    const p = (k) => {
+      k.key === "Escape" && e.onCancel();
     };
-    document.addEventListener("keydown", u), te(() => document.removeEventListener("keydown", u));
+    document.addEventListener("keydown", p), q(() => document.removeEventListener("keydown", p));
   });
-  function h() {
-    const u = e().trim();
-    t.onConfirm(u || t.defaultTitle);
+  function u() {
+    const p = t().trim();
+    e.onConfirm(p || e.defaultTitle);
   }
-  return y(S, {
+  return m(_, {
     get when() {
-      return t.isOpen;
+      return e.isOpen;
     },
     get children() {
-      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" && 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
-        }, q = t.defaultTitle;
-        return _.e = D(u, Y, _.e), _.t = D($, N, _.t), q !== _.a && He(x, "placeholder", _.a = q), _;
+      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
-      }), L(() => x.value = e()), u;
+      }), D(() => v.value = t()), p;
     }
   });
 }
 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(), p = o ? e.getTitle(o) : e.defaultTitle;
-    u(p), k(Te(e.id, M(), r.url, p));
-    const a = () => {
-      const b = r.doc();
+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 b = n.doc();
       if (b) {
-        const v = e.getTitle(b);
-        u(v), k(Te(e.id, M(), r.url, v));
+        const y = t.getTitle(b);
+        p(y), $(Ie(t.id, H(), n.url, y));
       }
     };
-    r.on("change", a), n = () => r.off("change", a);
+    n.on("change", c), L = () => n.off("change", c);
   }
-  async function U(r) {
-    const o = z();
-    if (!o) return !0;
+  async function ce(n) {
+    const r = z();
+    if (!r) return !0;
     try {
       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;
+        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 ${n}:`, h), !0;
     }
   }
-  async function A(r) {
-    const o = ++m;
-    n && (n(), n = null), f(null), j(!1), J(null), P(!0), u("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 U(r)) {
-        if (o !== m) return;
-        console.warn(`[${e.name}] No access to doc: ${r}`), P(!1), j(!0), J(r), ce(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 !== m) return;
-      const p = (b) => {
-        const v = b.doc();
-        return v ? e.isDocReady ? e.isDocReady(v) : !!v : !1;
+      if (r !== F) return;
+      const h = (b) => {
+        const y = b.doc();
+        return y ? t.isDocReady ? t.isDocReady(y) : !!y : !1;
       };
-      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)}...`);
+      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: ${n.slice(0, 30)}...`);
         try {
-          R.delete(r);
+          T.delete(n);
         } catch {
         }
-        if (await new Promise((b) => setTimeout(b, 100)), o !== m || (a = R.find(r), await a.whenReady(), o !== m)) return;
+        if (await new Promise((b) => setTimeout(b, 100)), r !== F || (c = T.find(n), await c.whenReady(), r !== F)) return;
       }
-      if (!p(a) && (ce(r), await new Promise((b) => {
-        const v = () => {
-          if (o !== m) {
-            a.off("change", v), b();
+      if (!h(c) && (se(n), await new Promise((b) => {
+        const y = () => {
+          if (r !== F) {
+            c.off("change", y), b();
             return;
           }
-          p(a) && (a.off("change", v), b());
+          h(c) && (c.off("change", y), b());
         };
-        a.on("change", v), setTimeout(() => {
-          a.off("change", v), b();
+        c.on("change", y), setTimeout(() => {
+          c.off("change", y), b();
         }, 3e4);
-      }), o !== m))
+      }), r !== F))
         return;
-      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);
+      P(!1), se(n), localStorage.setItem(me(t.id, H()), n), j(c), g(c);
+    } catch (h) {
+      if (r !== F) return;
+      console.error(`[${t.name}] Failed to load doc: ${n}`, h), P(!1), a(!0), C(n), se(n);
     }
   }
-  async function K(r = e.defaultTitle) {
-    const o = {};
-    e.init(o, R), e.setTitle && e.setTitle(o, r), o["@patchwork"] = {
-      type: e.id
+  async function S(n = t.defaultTitle) {
+    const r = {};
+    t.init(r, T), t.setTitle && t.setTitle(r, n), r["@patchwork"] = {
+      type: t.id
     };
-    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);
+    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 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 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 = l();
-    if (!r) return;
-    const o = r.url;
-    Q(), R.delete(o), k(Ke(e.id, M(), o));
+  function V() {
+    const n = l();
+    if (!n) return;
+    const r = n.url;
+    K(), T.delete(r), $(Ne(t.id, H(), r));
   }
-  async function we() {
-    const r = z();
-    if (r)
+  async function M() {
+    const n = z();
+    if (n)
       try {
-        const o = r.active.contactCard.toJson();
-        await navigator.clipboard.writeText(o), he(!0), setTimeout(() => he(!1), 1500);
-      } catch (o) {
-        console.error(`[${e.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 $e(async () => {
-    if (t.config?.legacyMode) {
-      R = t.config.repo;
-      const p = `standalone-frame-identity-${e.id}`;
-      let a = localStorage.getItem(p);
-      if (!a) {
+    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), a = Array.from(b).map((v) => v.toString(16).padStart(2, "0")).join(""), localStorage.setItem(p, a);
+        crypto.getRandomValues(b), c = Array.from(b).map((y) => y.toString(16).padStart(2, "0")).join(""), localStorage.setItem(h, c);
       }
-      _(a), k(ve(e.id, a)), T(!0), console.log(`[${e.name}] Legacy mode initialized, identity: 0x${a.slice(0, 12)}...`);
+      A(c), $(ve(t.id, c)), pe(!0), console.log(`[${t.name}] Legacy mode initialized, identity: 0x${c.slice(0, 12)}...`);
     } else {
       const [{
-        Repo: p
+        Repo: h
       }, {
-        IndexedDBStorageAdapter: a
+        IndexedDBStorageAdapter: c
       }, {
         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,
+      }, 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 = s;
-      const I = new p({
-        storage: new a(),
-        network: [s.networkAdapter],
-        peerId: s.peerId,
-        sharePolicy: async (V) => V === s.syncServer?.peerId,
-        idFactory: s.idFactory
+      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
       });
-      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));
+      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 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 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 r = Le();
-    if (r) {
-      console.log(`[${e.name}] Loading doc from hash: ${r}`), await A(r);
+    const n = Te();
+    if (n) {
+      console.log(`[${t.name}] Loading doc from hash: ${n}`), await i(n);
       return;
     }
-    const o = localStorage.getItem(me(e.id, M()));
-    if (o) {
-      console.log(`[${e.name}] Found existing doc: ${o}`), await A(o);
+    const r = localStorage.getItem(me(t.id, H()));
+    if (r) {
+      console.log(`[${t.name}] Found existing doc: ${r}`), await i(r);
       return;
     }
-    console.log(`[${e.name}] No doc found, starting blank`);
+    console.log(`[${t.name}] No doc found, starting blank`);
   }), $e(() => {
-    const r = async () => {
-      const o = Le();
-      o && (console.log(`[${e.name}] Hash changed, loading: ${o}`), await A(o));
+    const n = async () => {
+      const r = Te();
+      r && (console.log(`[${t.name}] Hash changed, loading: ${r}`), await i(r));
     };
-    window.addEventListener("hashchange", r), te(() => window.removeEventListener("hashchange", r));
+    window.addEventListener("hashchange", n), q(() => window.removeEventListener("hashchange", n));
   }), $e(() => {
-    const r = (o) => {
-      o.target.closest("[data-doc-switcher]") || O(!1);
+    const n = (r) => {
+      r.target.closest("[data-doc-switcher]") || N(!1);
     };
-    document.addEventListener("mousedown", r), te(() => document.removeEventListener("mousedown", r));
+    document.addEventListener("mousedown", n), q(() => document.removeEventListener("mousedown", n));
   }), (() => {
-    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 = "";
+    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 = "";
         }
       }
-    }, v.$$click = () => O(!x()), d(W, h), d(b, y(S, {
+    }, y.$$click = () => N(!v()), f(J, u), f(b, m(_, {
       get when() {
-        return x();
+        return v();
       },
       get children() {
-        var c = dt();
-        return d(c, y(Re, {
+        var o = lt();
+        return f(o, m(Me, {
           get each() {
-            return $();
+            return k();
           },
-          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";
+          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 = () => {
-              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;
+              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
             }), I;
           })()
-        }), null), d(c, y(S, {
+        }), null), f(o, m(_, {
           get when() {
-            return $().length === 0;
+            return k().length === 0;
           },
           get children() {
-            return st();
+            return at();
           }
-        }), null), c;
+        }), null), o;
       }
-    }), null), d(H, y(S, {
+    }), null), f(R, m(_, {
       get when() {
-        return ee(() => !!l())() && z();
+        return Z(() => !!l())() && z();
       },
       get children() {
-        var c = ut();
-        return c.$$click = () => N(!0), c;
+        var o = ct();
+        return o.$$click = () => ee(!0), o;
       }
-    }), null), d(H, y(S, {
+    }), null), f(R, m(_, {
       get when() {
         return l();
       },
       get children() {
-        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;
+        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), d(H, y(S, {
+    }), null), f(R, m(_, {
       get when() {
         return z();
       },
       get children() {
-        var c = ht();
-        return c.$$click = () => void we(), d(c, () => fe() ? "Copied!" : "Contact Card"), L((s) => Z(c, "color", fe() ? "#b5bd68" : "#edf2f7")), c;
+        var o = dt();
+        return o.$$click = () => void M(), f(o, () => le() ? "Copied!" : "Contact Card"), D((d) => X(o, "color", le() ? "#b5bd68" : "#edf2f7")), o;
       }
-    }), null), d(H, y(S, {
+    }), null), f(R, m(_, {
       get when() {
         return l();
       },
       get children() {
-        var c = gt();
-        return c.$$click = () => oe(!0), c;
+        var o = ut();
+        return o.$$click = () => G(!0), o;
       }
-    }), null), d(re, y(S, {
+    }), null), f(W, m(_, {
       get when() {
         return l();
       },
       keyed: !0,
       get fallback() {
         return (() => {
-          var c = vt();
-          return d(c, y(S, {
+          var o = pt();
+          return f(o, m(_, {
             get when() {
-              return le() || !g();
+              return U() || !ne();
             },
             get children() {
-              return yt();
+              return gt();
             }
-          }), 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;
+          }), 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: (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);
+      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;
         })();
       }
-    })), d(r, y(S, {
+    })), f(n, m(_, {
       get when() {
-        return ee(() => !!z())() && l();
+        return Z(() => !!z())() && l();
       },
       get children() {
-        return y(rt, {
+        return m(et, {
           get isOpen() {
-            return Y();
+            return ae();
           },
           get docUrl() {
             return l().url;
@@ -680,70 +698,70 @@ function bt(t) {
           get hive() {
             return z();
           },
-          onClose: () => N(!1)
+          onClose: () => ee(!1)
         });
       }
-    }), null), d(r, y(lt, {
+    }), null), f(n, m(it, {
       get isOpen() {
         return be();
       },
       get defaultTitle() {
-        return e.defaultTitle;
+        return t.defaultTitle;
       },
-      onConfirm: (c) => {
-        ae(!1), K(c);
+      onConfirm: (o) => {
+        Q(!1), S(o);
       },
-      onCancel: () => ae(!1)
-    }), null), d(r, y(ot, {
+      onCancel: () => Q(!1)
+    }), null), f(n, m(nt, {
       get isOpen() {
-        return q();
+        return te();
       },
       title: "Remove Document",
       message: "Remove this document from your history? The document data will be deleted locally.",
       confirmLabel: "Remove",
       onConfirm: () => {
-        oe(!1), pe();
+        G(!1), V();
       },
-      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;
+      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;
   })();
 }
 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");
+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 [f, h] = await Promise.all([e.load(), l.load()]), u = {};
-  h.init(u, {});
-  const $ = h.getTitle(u);
+  const [g, u] = await Promise.all([t.load(), l.load()]), p = {};
+  u.init(p, {});
+  const k = u.getTitle(p);
   return {
-    id: e.id,
-    name: e.name,
-    defaultTitle: $,
-    init: h.init,
-    getTitle: h.getTitle,
-    setTitle: h.setTitle,
-    render: f
+    id: t.id,
+    name: t.name,
+    defaultTitle: k,
+    init: u.init,
+    getTitle: u.getTitle,
+    setTitle: u.setTitle,
+    render: g
   };
 }
-async function St(t, e, l) {
-  let f;
-  Array.isArray(e) ? f = await wt(e) : f = e, Ne(() => y(bt, {
-    tool: f,
+async function wt(e, t, l) {
+  let g;
+  Array.isArray(t) ? g = await vt(t) : g = t, Pe(() => m(yt, {
+    tool: g,
     config: l
-  }), t);
+  }), e);
 }
 export {
-  ot as ConfirmModal,
-  lt as NewDocModal,
-  rt as ShareModal,
-  Ce as cardStyle,
-  St as mountStandaloneApp,
-  ke as overlayStyle
+  nt as ConfirmModal,
+  it as NewDocModal,
+  et as ShareModal,
+  Se as cardStyle,
+  wt as mountStandaloneApp,
+  Ce as overlayStyle
 };