@jtfmumm/patchwork-standalone-frame 0.1.0

package/dist/index.js

@@ -0,0 +1,711 @@
+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}`;
+}
+function me(e, t) {
+  return `${e}-standalone-${t}`;
+}
+function we(e, t) {
+  try {
+    const a = localStorage.getItem(Pe(e, t));
+    return a ? JSON.parse(a) : [];
+  } catch {
+    return [];
+  }
+}
+function Fe(e, t, a) {
+  localStorage.setItem(Pe(e, t), JSON.stringify(a));
+}
+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 qe(e, t, a) {
+  const y = we(e, t).filter((b) => b.url !== a);
+  return Fe(e, t, y), y;
+}
+function Ge(e) {
+  const t = "automerge:";
+  if (e.startsWith(t)) {
+    const a = e.slice(t.length);
+    return t + a.slice(0, 12) + "...";
+  }
+  return e;
+}
+function Te() {
+  const e = window.location.hash.slice(1);
+  return e && e.startsWith("automerge:") ? e : null;
+}
+function le(e) {
+  window.history.replaceState(null, "", `#${e}`);
+}
+const ke = {
+  position: "fixed",
+  inset: "0",
+  background: "rgba(0,0,0,0.5)",
+  display: "flex",
+  "align-items": "center",
+  "justify-content": "center",
+  "z-index": "2000"
+}, Ce = {
+  background: "#191e24",
+  color: "#edf2f7",
+  "border-radius": "8px",
+  padding: "20px 24px",
+  "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;
+}
+const at = {
+  ...Ce,
+  width: "420px",
+  "max-height": "80vh",
+  "overflow-y": "auto"
+}, ce = {
+  background: "none",
+  border: "1px solid #2a323c",
+  color: "#edf2f7",
+  padding: "4px 12px",
+  "border-radius": "4px",
+  cursor: "pointer",
+  "font-size": "12px"
+}, Ue = {
+  "font-size": "13px",
+  color: "#6b7280",
+  margin: "16px 0 8px"
+}, Oe = {
+  border: "none",
+  "border-top": "1px solid #2a323c",
+  margin: "12px 0"
+};
+function ct(e) {
+  const [t, a] = w(""), [y, b] = w({}), [f, C] = w(!0), [A, x] = w(void 0), [U, T] = w(!1), ne = Q(() => $e(e.docUrl)), O = Q(() => {
+    const i = e.hive.active.individual.id;
+    return i ? de(i.toBytes()) : null;
+  }), _ = Q(() => {
+    const i = e.hive.syncServer;
+    if (!i) return null;
+    const d = Le.fromJson(i.contactCard.toJson());
+    return d ? de(d.individualId.bytes) : null;
+  }), Y = Q(() => {
+    const i = He.publicId();
+    return de(i.toBytes());
+  }), N = Q(() => y()[Y()] || null), V = Q(() => A() === "Admin");
+  se(() => {
+    if (!e.isOpen) return;
+    let i = !1;
+    (async () => {
+      const d = e.hive.active.individual.id;
+      if (!d) {
+        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));
+      }
+    })(), Z(() => {
+      i = !0;
+    });
+  }), se(() => {
+    if (!e.isOpen) return;
+    let i = !1;
+    (async () => {
+      i || C(!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));
+      }
+    })(), Z(() => {
+      i = !0;
+    });
+  }), se(() => {
+    if (!e.isOpen) return;
+    const i = (d) => {
+      d.key === "Escape" && e.onClose();
+    };
+    document.addEventListener("keydown", i), Z(() => document.removeEventListener("keydown", i));
+  });
+  const re = async (i) => {
+    i.preventDefault();
+    const d = t().trim();
+    if (d) {
+      T(!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);
+      } finally {
+        const L = await ae(e.hive, e.docUrl);
+        b(L), T(!1);
+      }
+    }
+  }, xe = async (i) => {
+    try {
+      await e.hive.revokeMemberFromDoc(e.docUrl, i);
+    } catch (d) {
+      console.error("[ShareModal]", d);
+    } finally {
+      const d = await ae(e.hive, e.docUrl);
+      b(d);
+    }
+  }, ie = async () => {
+    try {
+      const i = De.tryFromString("write");
+      if (!i) throw new Error("Invalid access level");
+      await e.hive.setPublicAccess(e.docUrl, i);
+    } catch (i) {
+      console.error("[ShareModal]", i);
+    } finally {
+      const i = await ae(e.hive, e.docUrl);
+      b(i);
+    }
+  }, ue = async () => {
+    try {
+      await e.hive.revokeMemberFromDoc(e.docUrl, Y());
+    } catch (i) {
+      console.error("[ShareModal]", i);
+    } finally {
+      const i = await ae(e.hive, e.docUrl);
+      b(i);
+    }
+  }, fe = (i) => `0x${i.slice(0, 12)}...`, ee = Q(() => Object.entries(y()).sort(([i], [d]) => i.localeCompare(d)));
+  return g(k, {
+    get when() {
+      return e.isOpen;
+    },
+    get children() {
+      var i = it(), d = i.firstChild, L = d.firstChild, q = L.firstChild, j = q.nextSibling, he = L.nextSibling, J = he.firstChild, oe = J.nextSibling, H = he.nextSibling, M = H.firstChild;
+      return i.$$click = (n) => {
+        n.target === n.currentTarget && e.onClose();
+      }, d.$$click = (n) => n.stopPropagation(), j.$$click = () => e.onClose(), s(oe, g(k, {
+        get when() {
+          return N();
+        },
+        get children() {
+          return Qe();
+        }
+      }), null), s(oe, g(k, {
+        get when() {
+          return V();
+        },
+        get children() {
+          return [g(k, {
+            get when() {
+              return N();
+            },
+            get children() {
+              var n = Xe();
+              return n.$$click = ue, I((u) => z(n, ce, u)), n;
+            }
+          }), g(k, {
+            get when() {
+              return !N();
+            },
+            get children() {
+              var n = Ze();
+              return n.$$click = ie, I((u) => z(n, ce, u)), n;
+            }
+          })];
+        }
+      }), null), s(d, g(k, {
+        get when() {
+          return V();
+        },
+        get children() {
+          return [(() => {
+            var n = ze();
+            return I((u) => z(n, Oe, u)), 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;
+            }, {
+              e: void 0,
+              t: void 0
+            }), I(() => u.value = t()), n;
+          })(), (() => {
+            var n = ze();
+            return I((u) => z(n, Oe, u)), n;
+          })()];
+        }
+      }), H), s(H, g(k, {
+        get when() {
+          return f();
+        },
+        get children() {
+          return tt();
+        }
+      }), null), s(H, g(k, {
+        get when() {
+          return te(() => !f())() && ee().length === 0;
+        },
+        get children() {
+          return nt();
+        }
+      }), null), s(H, g(k, {
+        get when() {
+          return te(() => !f())() && ee().length > 0;
+        },
+        get children() {
+          var n = rt();
+          return s(n, g(Re, {
+            get each() {
+              return ee();
+            },
+            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);
+              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,
+                  get children() {
+                    var m = ot();
+                    return m.$$click = () => xe(u), I((R) => z(m, {
+                      ...ce
+                    }, R)), m;
+                  }
+                }), 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;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0
+      }), i;
+    }
+  });
+}
+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();
+    };
+    document.addEventListener("keydown", t), Z(() => document.removeEventListener("keydown", t));
+  }), g(k, {
+    get when() {
+      return e.isOpen;
+    },
+    get children() {
+      var t = st(), a = t.firstChild, y = a.firstChild, b = y.nextSibling, f = b.nextSibling, C = f.firstChild, A = C.nextSibling;
+      return t.$$click = (x) => {
+        x.target === x.currentTarget && e.onCancel();
+      }, s(y, () => e.title), s(b, () => e.message), C.$$click = () => e.onCancel(), A.$$click = () => e.onConfirm(), s(A, () => e.confirmLabel ?? "Confirm"), I((x) => {
+        var U = ke, T = {
+          ...Ce
+        };
+        return x.e = z(t, U, x.e), x.t = z(a, T, x.t), x;
+      }, {
+        e: void 0,
+        t: void 0
+      }), t;
+    }
+  });
+}
+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();
+    };
+    document.addEventListener("keydown", f), Z(() => document.removeEventListener("keydown", f));
+  });
+  function b() {
+    const f = t().trim();
+    e.onConfirm(f || e.defaultTitle);
+  }
+  return g(k, {
+    get when() {
+      return e.isOpen;
+    },
+    get children() {
+      var f = ut(), C = f.firstChild, A = C.firstChild, x = A.nextSibling, U = x.nextSibling, T = U.firstChild, ne = T.nextSibling;
+      f.$$click = (_) => {
+        _.target === _.currentTarget && e.onCancel();
+      }, x.$$keydown = (_) => {
+        _.key === "Enter" && b();
+      }, x.$$input = (_) => a(_.currentTarget.value);
+      var O = y;
+      return typeof O == "function" ? Me(O, x) : y = x, T.$$click = () => e.onCancel(), ne.$$click = () => b(), I((_) => {
+        var Y = ke, N = {
+          ...Ce
+        }, V = e.defaultTitle;
+        return _.e = z(f, Y, _.e), _.t = z(C, N, _.t), V !== _.a && je(x, "placeholder", _.a = V), _;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0
+      }), I(() => x.value = t()), f;
+    }
+  });
+}
+ve(["click", "input", "keydown"]);
+const ht = {};
+var pt = /* @__PURE__ */ $('<div style="padding:8px 10px;color:#6b7280;font-style:italic">No documents yet'), gt = /* @__PURE__ */ $('<div style="position:absolute;top:34px;left:0;background:#191e24;border:1px solid #2a323c;border-radius:4px;max-height:400px;overflow-y:auto;min-width:280px;max-width:420px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.4)">'), mt = /* @__PURE__ */ $('<button style="background:none;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">Share'), vt = /* @__PURE__ */ $('<button title="Copy automerge URL"style="background:none;border:1px solid #2a323c;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">'), xt = /* @__PURE__ */ $('<button style="background:none;border:1px solid #2a323c;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">'), yt = /* @__PURE__ */ $('<button style="background:none;border:1px solid #944;color:#c66;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap">Remove Doc'), bt = /* @__PURE__ */ $('<div style=display:flex;flex-direction:column;height:100vh;background:#1d232a><div style="display:flex;align-items:center;height:52px;min-height:52px;background:#191e24;color:#edf2f7;font-size:14px;font-family:system-ui, sans-serif;padding:0 12px;border-bottom:1px solid #15191e;box-sizing:border-box"><button style="background:none;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;flex-shrink:0;margin-right:12px;white-space:nowrap">+ New</button><input type=text placeholder="Paste automerge:… URL"style="background:#15191e;border:1px solid #2a323c;color:#edf2f7;font-size:13px;padding:4px 10px;border-radius:4px;width:200px;min-width:80px;flex-shrink:1;margin-right:12px;outline:none"><div data-doc-switcher style=position:relative;flex:1;min-width:120px><button style="background:none;border:none;color:#edf2f7;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;max-width:100%;display:flex;align-items:center;gap:4px"><span style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></span><span style=flex-shrink:0>▾</span></button></div><div style=display:flex;align-items:center;flex-shrink:0;gap:8px></div></div><div style=flex:1;min-height:0;overflow:hidden>'), $t = /* @__PURE__ */ $('<div style="padding:8px 12px;cursor:pointer;border-bottom:1px solid #15191e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"> <span style=color:#6b7280;font-size:12px>'), wt = /* @__PURE__ */ $('<div style="width:24px;height:24px;border:2px solid #2a323c;border-top-color:#6b7280;border-radius:50%;animation:spin 0.8s linear infinite">'), kt = /* @__PURE__ */ $('<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;background:#1d232a;font-family:system-ui, sans-serif;font-size:14px">'), Ct = /* @__PURE__ */ $("<div style=height:100%>");
+Be();
+function St(e) {
+  const t = e.tool, [a, y] = w(null), [b, f] = w("..."), [C, A] = w([]), [x, U] = w(!1), [T, ne] = w(null), [O, _] = w(""), [Y, N] = w(!1), [V, re] = w(!1), [xe, ie] = w(!1), [ue, fe] = w(!1), [ee, i] = w(!1), [d, L] = w(!1), [q, j] = w(!1), [he, J] = w(null), [oe, H] = w(!1);
+  let M, n = null, u = 0;
+  function P(r) {
+    n && (n(), n = null);
+    const o = r.doc(), h = o ? t.getTitle(o) : t.defaultTitle;
+    f(h), A(Ie(t.id, O(), r.url, h));
+    const c = () => {
+      const p = r.doc();
+      if (p) {
+        const m = t.getTitle(p);
+        f(m), A(Ie(t.id, O(), r.url, m));
+      }
+    };
+    r.on("change", c), n = () => r.off("change", c);
+  }
+  async function E(r) {
+    const o = T();
+    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;
+    }
+  }
+  async function S(r) {
+    const o = ++u;
+    n && (n(), n = null), y(null), j(!1), J(null), H(!0), f("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);
+        return;
+      }
+      if (o !== u) return;
+      const h = (p) => {
+        const m = p.doc();
+        return m ? t.isDocReady ? t.isDocReady(m) : !!m : !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)}...`);
+        try {
+          M.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 (!h(c) && (le(r), await new Promise((p) => {
+        const m = () => {
+          if (o !== u) {
+            c.off("change", m), p();
+            return;
+          }
+          h(c) && (c.off("change", m), p());
+        };
+        c.on("change", m), setTimeout(() => {
+          c.off("change", m), p();
+        }, 3e4);
+      }), o !== u))
+        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);
+    }
+  }
+  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
+    };
+    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);
+  }
+  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 pe() {
+    const r = a();
+    if (!r) return;
+    const o = r.url;
+    G(), M.delete(o), A(qe(t.id, O(), o));
+  }
+  async function ye() {
+    const r = T();
+    if (r)
+      try {
+        const o = r.active.contactCard.toJson();
+        await navigator.clipboard.writeText(o), fe(!0), setTimeout(() => fe(!1), 1500);
+      } catch (o) {
+        console.error(`[${t.name}] Failed to copy contact card:`, o);
+      }
+  }
+  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;
+      }
+      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);
+      return;
+    }
+    const K = localStorage.getItem(me(t.id, m));
+    if (K) {
+      console.log(`[${t.name}] Found existing doc: ${K}`), await S(K);
+      return;
+    }
+    console.log(`[${t.name}] No doc found, starting blank`);
+  }), be(() => {
+    const r = async () => {
+      const o = Te();
+      o && (console.log(`[${t.name}] Hash changed, loading: ${o}`), await S(o));
+    };
+    window.addEventListener("hashchange", r), Z(() => window.removeEventListener("hashchange", r));
+  }), be(() => {
+    const r = (o) => {
+      o.target.closest("[data-doc-switcher]") || U(!1);
+    };
+    document.addEventListener("mousedown", r), Z(() => 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 = "";
+        }
+      }
+    }, m.$$click = () => U(!x()), s(R, b), s(p, g(k, {
+      get when() {
+        return x();
+      },
+      get children() {
+        var l = gt();
+        return s(l, g(Re, {
+          get each() {
+            return C();
+          },
+          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;
+            }, {
+              e: void 0,
+              t: void 0
+            }), D;
+          })()
+        }), null), s(l, g(k, {
+          get when() {
+            return C().length === 0;
+          },
+          get children() {
+            return pt();
+          }
+        }), null), l;
+      }
+    }), null), s(K, g(k, {
+      get when() {
+        return te(() => !!a())() && T();
+      },
+      get children() {
+        var l = mt();
+        return l.$$click = () => N(!0), l;
+      }
+    }), null), s(K, g(k, {
+      get when() {
+        return a();
+      },
+      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;
+      }
+    }), null), s(K, g(k, {
+      get when() {
+        return T();
+      },
+      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;
+      }
+    }), null), s(K, g(k, {
+      get when() {
+        return a();
+      },
+      get children() {
+        var l = yt();
+        return l.$$click = () => re(!0), l;
+      }
+    }), null), s(B, g(k, {
+      get when() {
+        return a();
+      },
+      keyed: !0,
+      get fallback() {
+        return (() => {
+          var l = kt();
+          return s(l, g(k, {
+            get when() {
+              return oe() || !d();
+            },
+            get children() {
+              return wt();
+            }
+          }), 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;
+        })();
+      },
+      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;
+        })();
+      }
+    })), s(r, g(k, {
+      get when() {
+        return te(() => !!T())() && a();
+      },
+      get children() {
+        return g(ct, {
+          get isOpen() {
+            return Y();
+          },
+          get docUrl() {
+            return a().url;
+          },
+          get hive() {
+            return T();
+          },
+          onClose: () => N(!1)
+        });
+      }
+    }), null), s(r, g(ft, {
+      get isOpen() {
+        return xe();
+      },
+      get defaultTitle() {
+        return t.defaultTitle;
+      },
+      onConfirm: (l) => {
+        ie(!1), W(l);
+      },
+      onCancel: () => ie(!1)
+    }), null), s(r, g(dt, {
+      get isOpen() {
+        return V();
+      },
+      title: "Remove Document",
+      message: "Remove this document from your history? The document data will be deleted locally.",
+      confirmLabel: "Remove",
+      onConfirm: () => {
+        re(!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;
+    }, {
+      e: void 0,
+      t: void 0
+    }), r;
+  })();
+}
+ve(["click", "keydown"]);
+function zt(e, t) {
+  Je(() => g(St, {
+    tool: t
+  }), e);
+}
+export {
+  dt as ConfirmModal,
+  ft as NewDocModal,
+  ct as ShareModal,
+  Ce as cardStyle,
+  zt as mountStandaloneApp,
+  ke as overlayStyle
+};