@inkandswitch/patchwork-pkg-base 0.0.40 → 0.0.42

package/packages/drafts/dist/assets/main-BR_tW0sp.js

@@ -0,0 +1,3105 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode(`@layer package {
+:root,
+:host,
+[theme] {
+  --drafts-fg: var(--studio-line, black);
+  --drafts-muted-fg: var(--studio-line-offset-50, #6b7280);
+  --drafts-faint-fg: var(--studio-line-offset-40, #9ca3af);
+  --drafts-bg: var(--studio-fill, white);
+  --drafts-border: var(--studio-fill-offset-20, #e5e7eb);
+  --drafts-hover-bg: var(--studio-fill-offset-10, #f9fafb);
+  --drafts-selected-bg: var(--studio-fill-offset-20, #eef2ff);
+  --drafts-font: var(--studio-family-sans, system-ui, sans-serif);
+  --drafts-mono: var(--studio-family-code, ui-monospace, monospace);
+  --drafts-primary: var(--studio-primary-fill, var(--studio-primary, #3b82f6));
+  /* The accent used as ink on the ambient background (accent-coloured text,
+     not a filled surface); contrast-tuned separately from the fill. */
+  --drafts-primary-text: var(--studio-primary-text, #2563eb);
+  /* Danger as ink (the menu's delete item). */
+  --drafts-danger-text: var(--studio-danger-text, var(--studio-danger, #dc2626));
+  /* Diff edit-size colors, from the theme's diff palette. */
+  --drafts-added: var(--studio-added, #16a34a);
+  --drafts-deleted: var(--studio-deleted, #dc2626);
+  --drafts-radius: var(--studio-radius-md, 0.5rem);
+  --drafts-radius-sm: var(--studio-radius-sm, 0.25rem);
+  --drafts-shadow-sm: var(--studio-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
+  --drafts-shadow-md: var(
+    --studio-shadow-md,
+    0 4px 6px -1px rgb(0 0 0 / 0.1),
+    0 2px 4px -2px rgb(0 0 0 / 0.1)
+  );
+}
+}
+
+.drafts-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 0.5rem;
+  gap: 0.5rem;
+  font-family: var(--drafts-font);
+  color: var(--drafts-fg);
+}
+
+.drafts-empty {
+  font-size: 0.75rem;
+  color: var(--drafts-faint-fg);
+}
+
+/* Build stamp pinned below the list so deployed versions are identifiable. */
+.drafts-version {
+  margin-top: auto;
+  font-size: 0.65rem;
+  color: var(--drafts-faint-fg);
+  text-align: right;
+}
+
+.drafts-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.draft-card {
+  background: var(--drafts-bg);
+  border: 1px solid var(--drafts-border);
+  border-radius: var(--drafts-radius);
+  box-shadow: var(--drafts-shadow-sm);
+  overflow: hidden;
+  transition:
+    border-color var(--studio-transition, 0.15s ease),
+    box-shadow var(--studio-transition, 0.15s ease);
+}
+
+/* Selection reads as a soft accent-tinted border, no extra ring — the open
+   changes list already sets the selected card apart. */
+.draft-card[data-selected] {
+  border-color: color-mix(in oklch, var(--drafts-primary) 35%, var(--drafts-border));
+}
+
+/* While the context menu is showing, lift the card's clipping so the
+   dropdown can extend past a short card. */
+.draft-card[data-menu-open] {
+  overflow: visible;
+}
+
+/* While the menu's "Merge into …" item is hovered, the target card (the
+   draft's parent) lights up so you can see where the changes will land. */
+.draft-card[data-merge-target] {
+  border-color: var(--drafts-primary);
+  box-shadow:
+    0 0 0 1px var(--drafts-primary),
+    var(--drafts-shadow-sm);
+}
+
+.draft-card-header {
+  /* The header is a div (a rename input can't nest in a button), which,
+     unlike a button, doesn't default to border-box — without this the
+     padding pushes it past the card edge. */
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  width: 100%;
+  padding: 0.5rem;
+  text-align: left;
+  background: transparent;
+  border: none;
+  /* Round the top corners itself: the card's overflow clipping is lifted
+     while the menu is open, so the hover background can't rely on it. */
+  border-radius: calc(var(--drafts-radius) - 1px) calc(var(--drafts-radius) - 1px) 0 0;
+  cursor: pointer;
+  font-family: inherit;
+  color: inherit;
+  transition: background var(--studio-transition, 0.15s ease);
+}
+
+.draft-card-header:hover {
+  background: var(--drafts-hover-bg);
+}
+
+.draft-card-title {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.draft-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Inline rename editor, swapped in for .draft-name on double-click. */
+.draft-name-input {
+  flex: 1;
+  min-width: 0;
+  font: inherit;
+  color: inherit;
+  padding: 0 0.25rem;
+  margin: 0;
+  background: var(--drafts-bg);
+  border: 1px solid var(--drafts-primary);
+  border-radius: var(--drafts-radius-sm);
+  outline: none;
+}
+
+.draft-card-url {
+  font-size: 0.75rem;
+  font-family: var(--drafts-mono);
+  color: var(--drafts-muted-fg);
+  word-break: break-all;
+}
+
+.draft-card-meta {
+  font-size: 0.75rem;
+  color: var(--drafts-faint-fg);
+}
+
+.draft-card-changes {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  border-top: 1px solid var(--drafts-border);
+  /* Extra top headroom: the scrubber's dot (5px) and sticker (10px) overhang
+     above the head line, which sits at 0 on the latest version — without
+     this they'd crowd into the card header. */
+  padding: 0.75rem 0.25rem 0.25rem;
+  max-height: 12rem;
+  overflow-y: auto;
+}
+
+/* The selected card gets room to show more history; cards with little
+   history stay at their natural height. */
+.draft-card[data-selected] .draft-card-changes {
+  max-height: 32rem;
+}
+
+/* Right-aligned icon cluster in the selected card's title: the eye, fork,
+   and (on drafts) merge-up buttons. */
+.draft-card-tools {
+  flex-shrink: 0;
+  margin-left: auto;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.125rem;
+}
+
+/* Icon actions in the card title (fork, merge): same look as the eye. */
+.draft-card-action {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  border: none;
+  border-radius: var(--studio-radius, 0.25rem);
+  background: transparent;
+  color: var(--drafts-faint-fg);
+  cursor: pointer;
+}
+
+.draft-card-action:hover:not(:disabled) {
+  background: var(--drafts-hover-bg);
+  color: var(--drafts-primary-text);
+}
+
+.draft-card-action:disabled {
+  opacity: 0.35;
+  cursor: default;
+}
+
+/* The menu trigger stays lit while its dropdown is showing. */
+.draft-card-action[data-active] {
+  background: var(--drafts-hover-bg);
+  color: var(--drafts-primary-text);
+}
+
+/* ---- The card-title context menu (⋯): trigger + dropdown ---- */
+
+/* Anchor for the absolutely positioned dropdown. */
+.draft-menu {
+  position: relative;
+  display: inline-flex;
+}
+
+/* Invisible click-catcher behind the dropdown; closes the menu. */
+.draft-menu-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+}
+
+.draft-menu-list {
+  position: absolute;
+  top: calc(100% + 0.25rem);
+  right: 0;
+  z-index: 41;
+  min-width: 13rem;
+  display: flex;
+  flex-direction: column;
+  padding: 0.25rem;
+  background: var(--drafts-bg);
+  border: 1px solid var(--drafts-border);
+  border-radius: var(--drafts-radius-sm);
+  box-shadow: var(--drafts-shadow-md);
+}
+
+.draft-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+  padding: 0.375rem 0.5rem;
+  border: none;
+  border-radius: var(--drafts-radius-sm);
+  background: transparent;
+  font-family: inherit;
+  font-size: 0.8125rem;
+  text-align: left;
+  color: var(--drafts-fg);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.draft-menu-item:hover:not(:disabled) {
+  background: var(--drafts-hover-bg);
+}
+
+.draft-menu-item:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.draft-menu-item svg {
+  flex: none;
+  color: var(--drafts-muted-fg);
+}
+
+/* The destructive delete item (and its confirm step) reads in danger ink. */
+.draft-menu-item--danger {
+  color: var(--drafts-danger-text);
+}
+
+.draft-menu-item--danger:hover:not(:disabled) {
+  background: color-mix(in oklch, var(--drafts-danger-text) 12%, transparent);
+}
+
+.draft-menu-item--danger svg {
+  color: inherit;
+}
+
+.draft-menu-separator {
+  height: 1px;
+  margin: 0.25rem;
+  background: var(--drafts-border);
+}
+
+/* Sits in the card title, left-aligned right after the name, while the
+   timeline is pinned; drops the pin and returns to the latest version. */
+.draft-card-return {
+  flex-shrink: 0;
+  padding: 0.125rem 0.5rem;
+  border: 1px solid var(--drafts-border);
+  border-radius: var(--studio-radius-round, 9999px);
+  background: transparent;
+  font-family: inherit;
+  font-size: 0.6875rem;
+  line-height: 1.2;
+  color: var(--drafts-primary-text);
+  cursor: pointer;
+}
+
+.draft-card-return:hover {
+  background: var(--drafts-hover-bg);
+}
+
+/* The diff toggle (eye) in the card title's tool cluster. Active = diff
+   highlighting showing (the checkpoint carries baselines). */
+.draft-card-eye {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  border: none;
+  border-radius: var(--studio-radius, 0.25rem);
+  background: transparent;
+  color: var(--drafts-faint-fg);
+  cursor: pointer;
+}
+
+.draft-card-eye:hover:not([data-disabled]) {
+  background: var(--drafts-hover-bg);
+  color: var(--drafts-primary-text);
+}
+
+.draft-card-eye[data-active] {
+  color: var(--drafts-primary-text);
+}
+
+/* Kept hoverable while disabled (aria-disabled, not the attribute) so the
+   explanatory tooltip shows; clicks are ignored in the handler. */
+.draft-card-eye[data-disabled] {
+  opacity: 0.35;
+  cursor: default;
+}
+
+.draft-changes-empty {
+  font-size: 0.75rem;
+  color: var(--drafts-faint-fg);
+}
+
+.draft-changes-building {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.375rem;
+  padding: 0.25rem 0;
+  font-size: 0.75rem;
+  color: var(--drafts-faint-fg);
+}
+
+.draft-building-spinner {
+  flex: none;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-radius: 50%;
+  border: 1.5px solid currentColor;
+  border-top-color: transparent;
+  animation: draft-building-spin 0.8s linear infinite;
+}
+
+@keyframes draft-building-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.draft-change-row {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  width: 100%;
+  padding: 0.25rem 0.5rem;
+  border: none;
+  border-radius: var(--drafts-radius-sm);
+  background: transparent;
+  font-family: inherit;
+  font-size: 0.75rem;
+  text-align: left;
+  color: inherit;
+  cursor: pointer;
+}
+
+.draft-change-line {
+  display: flex;
+  align-items: baseline;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+.draft-change-row:hover {
+  background: var(--drafts-hover-bg);
+}
+
+.draft-change-row[data-selected] {
+  background: var(--drafts-selected-bg);
+  box-shadow: inset 0 0 0 1px var(--drafts-primary);
+}
+
+.draft-change-time {
+  flex: none;
+  color: var(--drafts-muted-fg);
+  white-space: nowrap;
+}
+
+.draft-change-doc {
+  flex: 0 1 auto;
+  min-width: 0;
+  font-weight: 600;
+  color: var(--drafts-fg);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.draft-change-msg {
+  flex: 1 1 auto;
+  min-width: 0;
+  color: var(--drafts-fg);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.draft-change-hash {
+  font-family: var(--drafts-mono);
+  font-size: 0.625rem;
+  color: var(--drafts-faint-fg);
+  word-break: break-all;
+}
+
+/* ---- Grouped history: one non-expandable row per time window ---- */
+
+/* Group row layout: avatar stack, timestamp, flexible spacer, +/- counts.
+   The extra vertical padding gives each group a taller scrubber band, so
+   per-change stops inside a group are easier to hit. */
+.draft-group-row {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  width: 100%;
+  padding: 0.5rem 0.375rem;
+  border: none;
+  border-radius: var(--drafts-radius-sm);
+  background: transparent;
+  font-family: inherit;
+  font-size: 0.75rem;
+  text-align: left;
+  color: inherit;
+  cursor: pointer;
+}
+
+/* Group backgrounds stay lightly translucent so the row highlight reads as a
+   soft wash rather than a hard block. */
+.draft-group-row:hover {
+  background: color-mix(in oklch, var(--drafts-hover-bg) 60%, transparent);
+}
+
+.draft-group-spacer {
+  flex: 1 1 auto;
+}
+
+.draft-group-time {
+  color: var(--drafts-muted-fg);
+  white-space: nowrap;
+}
+
+/* Author avatars */
+.draft-avatars {
+  display: flex;
+  align-items: center;
+  flex: none;
+}
+
+.draft-avatar {
+  position: relative;
+  flex: none;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 9px;
+  font-weight: 300;
+  color: white;
+  user-select: none;
+}
+
+.draft-avatar--extra {
+  margin-left: -4px;
+  font-size: 7px;
+  background: var(--drafts-faint-fg);
+}
+
+/* An attributed author embeds the contact tool's avatar (a <patchwork-view
+   tool-id="contact-inline">, see AuthorAvatars); size it to the stack slot —
+   the wrapper keeps the stack geometry (overlap + z-index). */
+.draft-avatar > patchwork-view {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+.draft-avatar .contact-avatar {
+  width: 100%;
+  height: 100%;
+}
+
+/* ---- Scrubber: the history gutter left of the group rows ---- */
+
+/* Two-column body inside the scrollable changes area: gutter + group rows,
+   with the indicator overlaid across both. Positioned so the rows'
+   offsetTop measurements (used to map changes onto the gutter) are relative
+   to this box, and isolated so the indicator's own stacking context stays
+   contained to this card. */
+.draft-changes-body {
+  /* One softened ink for every scrubber mark (head, baseline, connector,
+     sticker border): mixed toward the background so the lines read as
+     annotations, not hard rules. Defined here so all of them share it. */
+  --scrub-color: color-mix(in oklch, var(--drafts-fg) 55%, var(--drafts-bg));
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  align-items: stretch;
+  gap: 0.25rem;
+}
+
+.draft-changes-rows {
+  flex: 1 1 auto;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+
+/* The gutter spans the whole history: top = latest change, bottom = first.
+   Purely a visual track — scrubbing starts from the indicator's handles. */
+.draft-scrubber {
+  position: relative;
+  flex: none;
+  width: 16px;
+  border-radius: var(--drafts-radius-sm);
+}
+
+/* The indicator sits at the head like a calendar's now-line: a dot in the
+   gutter plus a line across the rows (the version being looked at). It paints
+   on top of everything else in the changes area (high z-index), always drawn
+   in the foreground color. The box itself ignores pointer events so rows stay
+   clickable; the handles re-enable them. */
+.draft-scrubber-token {
+  position: absolute;
+  left: 0;
+  right: 0;
+  z-index: 20;
+  pointer-events: none;
+}
+
+.draft-scrubber-dot {
+  position: absolute;
+  top: -5px;
+  left: 3px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--scrub-color);
+  pointer-events: auto;
+  cursor: grab;
+  touch-action: none;
+}
+
+.draft-scrubber-dot:active {
+  cursor: grabbing;
+}
+
+/* The visible head line, spanning across the rows on top of them. */
+.draft-scrubber-line {
+  position: absolute;
+  top: 0;
+  left: 8px;
+  right: 0;
+  height: 2px;
+  margin-top: -1px;
+  border-radius: 1px;
+  background: var(--scrub-color);
+}
+
+/* The baseline's line reads fainter than the head's, so the version being
+   viewed stays the dominant mark. */
+.draft-scrubber-token--baseline .draft-scrubber-line {
+  opacity: 0.55;
+}
+
+/* Invisible grab strip over the line's gutter end; dragging only starts
+   from this (or the dot), never from the rows or the bare gutter. */
+.draft-scrubber-edge {
+  position: absolute;
+  top: -4.5px;
+  left: 0;
+  width: 16px;
+  height: 9px;
+  pointer-events: auto;
+  cursor: grab;
+  touch-action: none;
+}
+
+/* The diff baseline handle: a hollow circle (vs the head's solid dot) in the
+   gutter, sharing the head's line style across the rows. Only rendered with
+   the eye open and a version pinned. */
+.draft-scrubber-baseline {
+  position: absolute;
+  top: -5px;
+  left: 3px;
+  width: 10px;
+  height: 10px;
+  box-sizing: border-box;
+  border: 2px solid var(--scrub-color);
+  border-radius: 50%;
+  background: var(--studio-fill, white);
+  pointer-events: auto;
+  cursor: grab;
+  touch-action: none;
+}
+
+.draft-scrubber-baseline:active {
+  cursor: grabbing;
+}
+
+/* Joins the head and baseline handles down the gutter so the two read as one
+   diff range. Above the rows, below the handles. */
+.draft-scrubber-connector {
+  position: absolute;
+  left: 7px;
+  width: 2px;
+  z-index: 10;
+  background: var(--scrub-color);
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+/* While pinned, a chip anchored to the head line overlays the group row's
+   time/summary with the exact change the line sits on. Painted above
+   everything in the changes body (opaque, topmost z-index) so neither the
+   head line nor the row content shows through. */
+.draft-scrubber-sticker {
+  position: absolute;
+  top: -10px;
+  left: calc(16px + 0.25rem);
+  right: 0;
+  height: 20px;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0 0.375rem;
+  border: 1px solid var(--scrub-color);
+  border-radius: var(--drafts-radius-sm);
+  background: var(--drafts-bg);
+  font-size: 0.6875rem;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.draft-sticker-time {
+  flex: none;
+  color: var(--drafts-muted-fg);
+}
+
+.draft-sticker-spacer {
+  flex: 1 1 auto;
+}
+
+/* Edit-size counts */
+.draft-counts {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  flex: none;
+}
+
+.draft-count {
+  font-size: 0.6875rem;
+  font-weight: 300;
+}
+
+.draft-count--add {
+  color: var(--drafts-added);
+}
+
+.draft-count--del {
+  color: var(--drafts-deleted);
+}`));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
+import { insert, createComponent, memo, template, addEventListener, effect, setAttribute, setStyleProperty, use, getOwner, delegateEvents, render } from "solid-js/web";
+import { createContext, createSignal, createEffect, onCleanup, onMount, createMemo, Show, For } from "solid-js";
+import { createStore, reconcile } from "solid-js/store";
+import { encodeHeads, decodeHeads, isValidAutomergeUrl } from "@automerge/automerge-repo/slim";
+import * as Automerge from "@automerge/automerge/slim";
+import { s as subscribe$1 } from "./index-FKZtof6Z.js";
+import { e as ensureMainDraft, g as getDocCreationTime, s as sameHeads, a as computeRangeEditCounts, b as computeEditCounts } from "./draft-docs-Bi8K1y3a.js";
+import "@automerge/automerge-repo";
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var browser = { exports: {} };
+var ms;
+var hasRequiredMs;
+function requireMs() {
+  if (hasRequiredMs) return ms;
+  hasRequiredMs = 1;
+  var s = 1e3;
+  var m = s * 60;
+  var h = m * 60;
+  var d = h * 24;
+  var w = d * 7;
+  var y = d * 365.25;
+  ms = function(val, options) {
+    options = options || {};
+    var type = typeof val;
+    if (type === "string" && val.length > 0) {
+      return parse(val);
+    } else if (type === "number" && isFinite(val)) {
+      return options.long ? fmtLong(val) : fmtShort(val);
+    }
+    throw new Error(
+      "val is not a non-empty string or a valid number. val=" + JSON.stringify(val)
+    );
+  };
+  function parse(str) {
+    str = String(str);
+    if (str.length > 100) {
+      return;
+    }
+    var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
+      str
+    );
+    if (!match) {
+      return;
+    }
+    var n = parseFloat(match[1]);
+    var type = (match[2] || "ms").toLowerCase();
+    switch (type) {
+      case "years":
+      case "year":
+      case "yrs":
+      case "yr":
+      case "y":
+        return n * y;
+      case "weeks":
+      case "week":
+      case "w":
+        return n * w;
+      case "days":
+      case "day":
+      case "d":
+        return n * d;
+      case "hours":
+      case "hour":
+      case "hrs":
+      case "hr":
+      case "h":
+        return n * h;
+      case "minutes":
+      case "minute":
+      case "mins":
+      case "min":
+      case "m":
+        return n * m;
+      case "seconds":
+      case "second":
+      case "secs":
+      case "sec":
+      case "s":
+        return n * s;
+      case "milliseconds":
+      case "millisecond":
+      case "msecs":
+      case "msec":
+      case "ms":
+        return n;
+      default:
+        return void 0;
+    }
+  }
+  function fmtShort(ms2) {
+    var msAbs = Math.abs(ms2);
+    if (msAbs >= d) {
+      return Math.round(ms2 / d) + "d";
+    }
+    if (msAbs >= h) {
+      return Math.round(ms2 / h) + "h";
+    }
+    if (msAbs >= m) {
+      return Math.round(ms2 / m) + "m";
+    }
+    if (msAbs >= s) {
+      return Math.round(ms2 / s) + "s";
+    }
+    return ms2 + "ms";
+  }
+  function fmtLong(ms2) {
+    var msAbs = Math.abs(ms2);
+    if (msAbs >= d) {
+      return plural(ms2, msAbs, d, "day");
+    }
+    if (msAbs >= h) {
+      return plural(ms2, msAbs, h, "hour");
+    }
+    if (msAbs >= m) {
+      return plural(ms2, msAbs, m, "minute");
+    }
+    if (msAbs >= s) {
+      return plural(ms2, msAbs, s, "second");
+    }
+    return ms2 + " ms";
+  }
+  function plural(ms2, msAbs, n, name) {
+    var isPlural = msAbs >= n * 1.5;
+    return Math.round(ms2 / n) + " " + name + (isPlural ? "s" : "");
+  }
+  return ms;
+}
+var common;
+var hasRequiredCommon;
+function requireCommon() {
+  if (hasRequiredCommon) return common;
+  hasRequiredCommon = 1;
+  function setup(env) {
+    createDebug.debug = createDebug;
+    createDebug.default = createDebug;
+    createDebug.coerce = coerce;
+    createDebug.disable = disable;
+    createDebug.enable = enable;
+    createDebug.enabled = enabled;
+    createDebug.humanize = requireMs();
+    createDebug.destroy = destroy;
+    Object.keys(env).forEach((key) => {
+      createDebug[key] = env[key];
+    });
+    createDebug.names = [];
+    createDebug.skips = [];
+    createDebug.formatters = {};
+    function selectColor(namespace) {
+      let hash = 0;
+      for (let i = 0; i < namespace.length; i++) {
+        hash = (hash << 5) - hash + namespace.charCodeAt(i);
+        hash |= 0;
+      }
+      return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
+    }
+    createDebug.selectColor = selectColor;
+    function createDebug(namespace) {
+      let prevTime;
+      let enableOverride = null;
+      let namespacesCache;
+      let enabledCache;
+      function debug2(...args) {
+        if (!debug2.enabled) {
+          return;
+        }
+        const self = debug2;
+        const curr = Number(/* @__PURE__ */ new Date());
+        const ms2 = curr - (prevTime || curr);
+        self.diff = ms2;
+        self.prev = prevTime;
+        self.curr = curr;
+        prevTime = curr;
+        args[0] = createDebug.coerce(args[0]);
+        if (typeof args[0] !== "string") {
+          args.unshift("%O");
+        }
+        let index = 0;
+        args[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format) => {
+          if (match === "%%") {
+            return "%";
+          }
+          index++;
+          const formatter = createDebug.formatters[format];
+          if (typeof formatter === "function") {
+            const val = args[index];
+            match = formatter.call(self, val);
+            args.splice(index, 1);
+            index--;
+          }
+          return match;
+        });
+        createDebug.formatArgs.call(self, args);
+        const logFn = self.log || createDebug.log;
+        logFn.apply(self, args);
+      }
+      debug2.namespace = namespace;
+      debug2.useColors = createDebug.useColors();
+      debug2.color = createDebug.selectColor(namespace);
+      debug2.extend = extend;
+      debug2.destroy = createDebug.destroy;
+      Object.defineProperty(debug2, "enabled", {
+        enumerable: true,
+        configurable: false,
+        get: () => {
+          if (enableOverride !== null) {
+            return enableOverride;
+          }
+          if (namespacesCache !== createDebug.namespaces) {
+            namespacesCache = createDebug.namespaces;
+            enabledCache = createDebug.enabled(namespace);
+          }
+          return enabledCache;
+        },
+        set: (v) => {
+          enableOverride = v;
+        }
+      });
+      if (typeof createDebug.init === "function") {
+        createDebug.init(debug2);
+      }
+      return debug2;
+    }
+    function extend(namespace, delimiter) {
+      const newDebug = createDebug(this.namespace + (typeof delimiter === "undefined" ? ":" : delimiter) + namespace);
+      newDebug.log = this.log;
+      return newDebug;
+    }
+    function enable(namespaces) {
+      createDebug.save(namespaces);
+      createDebug.namespaces = namespaces;
+      createDebug.names = [];
+      createDebug.skips = [];
+      const split = (typeof namespaces === "string" ? namespaces : "").trim().replace(/\s+/g, ",").split(",").filter(Boolean);
+      for (const ns of split) {
+        if (ns[0] === "-") {
+          createDebug.skips.push(ns.slice(1));
+        } else {
+          createDebug.names.push(ns);
+        }
+      }
+    }
+    function matchesTemplate(search, template2) {
+      let searchIndex = 0;
+      let templateIndex = 0;
+      let starIndex = -1;
+      let matchIndex = 0;
+      while (searchIndex < search.length) {
+        if (templateIndex < template2.length && (template2[templateIndex] === search[searchIndex] || template2[templateIndex] === "*")) {
+          if (template2[templateIndex] === "*") {
+            starIndex = templateIndex;
+            matchIndex = searchIndex;
+            templateIndex++;
+          } else {
+            searchIndex++;
+            templateIndex++;
+          }
+        } else if (starIndex !== -1) {
+          templateIndex = starIndex + 1;
+          matchIndex++;
+          searchIndex = matchIndex;
+        } else {
+          return false;
+        }
+      }
+      while (templateIndex < template2.length && template2[templateIndex] === "*") {
+        templateIndex++;
+      }
+      return templateIndex === template2.length;
+    }
+    function disable() {
+      const namespaces = [
+        ...createDebug.names,
+        ...createDebug.skips.map((namespace) => "-" + namespace)
+      ].join(",");
+      createDebug.enable("");
+      return namespaces;
+    }
+    function enabled(name) {
+      for (const skip of createDebug.skips) {
+        if (matchesTemplate(name, skip)) {
+          return false;
+        }
+      }
+      for (const ns of createDebug.names) {
+        if (matchesTemplate(name, ns)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    function coerce(val) {
+      if (val instanceof Error) {
+        return val.stack || val.message;
+      }
+      return val;
+    }
+    function destroy() {
+      console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");
+    }
+    createDebug.enable(createDebug.load());
+    return createDebug;
+  }
+  common = setup;
+  return common;
+}
+var hasRequiredBrowser;
+function requireBrowser() {
+  if (hasRequiredBrowser) return browser.exports;
+  hasRequiredBrowser = 1;
+  (function(module, exports) {
+    var define_process_env_default = {};
+    exports.formatArgs = formatArgs;
+    exports.save = save;
+    exports.load = load;
+    exports.useColors = useColors;
+    exports.storage = localstorage();
+    exports.destroy = /* @__PURE__ */ (() => {
+      let warned = false;
+      return () => {
+        if (!warned) {
+          warned = true;
+          console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");
+        }
+      };
+    })();
+    exports.colors = [
+      "#0000CC",
+      "#0000FF",
+      "#0033CC",
+      "#0033FF",
+      "#0066CC",
+      "#0066FF",
+      "#0099CC",
+      "#0099FF",
+      "#00CC00",
+      "#00CC33",
+      "#00CC66",
+      "#00CC99",
+      "#00CCCC",
+      "#00CCFF",
+      "#3300CC",
+      "#3300FF",
+      "#3333CC",
+      "#3333FF",
+      "#3366CC",
+      "#3366FF",
+      "#3399CC",
+      "#3399FF",
+      "#33CC00",
+      "#33CC33",
+      "#33CC66",
+      "#33CC99",
+      "#33CCCC",
+      "#33CCFF",
+      "#6600CC",
+      "#6600FF",
+      "#6633CC",
+      "#6633FF",
+      "#66CC00",
+      "#66CC33",
+      "#9900CC",
+      "#9900FF",
+      "#9933CC",
+      "#9933FF",
+      "#99CC00",
+      "#99CC33",
+      "#CC0000",
+      "#CC0033",
+      "#CC0066",
+      "#CC0099",
+      "#CC00CC",
+      "#CC00FF",
+      "#CC3300",
+      "#CC3333",
+      "#CC3366",
+      "#CC3399",
+      "#CC33CC",
+      "#CC33FF",
+      "#CC6600",
+      "#CC6633",
+      "#CC9900",
+      "#CC9933",
+      "#CCCC00",
+      "#CCCC33",
+      "#FF0000",
+      "#FF0033",
+      "#FF0066",
+      "#FF0099",
+      "#FF00CC",
+      "#FF00FF",
+      "#FF3300",
+      "#FF3333",
+      "#FF3366",
+      "#FF3399",
+      "#FF33CC",
+      "#FF33FF",
+      "#FF6600",
+      "#FF6633",
+      "#FF9900",
+      "#FF9933",
+      "#FFCC00",
+      "#FFCC33"
+    ];
+    function useColors() {
+      if (typeof window !== "undefined" && window.process && (window.process.type === "renderer" || window.process.__nwjs)) {
+        return true;
+      }
+      if (typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
+        return false;
+      }
+      let m;
+      return typeof document !== "undefined" && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || // Is firebug? http://stackoverflow.com/a/398120/376773
+      typeof window !== "undefined" && window.console && (window.console.firebug || window.console.exception && window.console.table) || // Is firefox >= v31?
+      // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
+      typeof navigator !== "undefined" && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)) && parseInt(m[1], 10) >= 31 || // Double check webkit in userAgent just in case we are in a worker
+      typeof navigator !== "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
+    }
+    function formatArgs(args) {
+      args[0] = (this.useColors ? "%c" : "") + this.namespace + (this.useColors ? " %c" : " ") + args[0] + (this.useColors ? "%c " : " ") + "+" + module.exports.humanize(this.diff);
+      if (!this.useColors) {
+        return;
+      }
+      const c = "color: " + this.color;
+      args.splice(1, 0, c, "color: inherit");
+      let index = 0;
+      let lastC = 0;
+      args[0].replace(/%[a-zA-Z%]/g, (match) => {
+        if (match === "%%") {
+          return;
+        }
+        index++;
+        if (match === "%c") {
+          lastC = index;
+        }
+      });
+      args.splice(lastC, 0, c);
+    }
+    exports.log = console.debug || console.log || (() => {
+    });
+    function save(namespaces) {
+      try {
+        if (namespaces) {
+          exports.storage.setItem("debug", namespaces);
+        } else {
+          exports.storage.removeItem("debug");
+        }
+      } catch (error) {
+      }
+    }
+    function load() {
+      let r;
+      try {
+        r = exports.storage.getItem("debug") || exports.storage.getItem("DEBUG");
+      } catch (error) {
+      }
+      if (!r && typeof process !== "undefined" && "env" in process) {
+        r = define_process_env_default.DEBUG;
+      }
+      return r;
+    }
+    function localstorage() {
+      try {
+        return localStorage;
+      } catch (error) {
+      }
+    }
+    module.exports = requireCommon()(exports);
+    const { formatters } = module.exports;
+    formatters.j = function(v) {
+      try {
+        return JSON.stringify(v);
+      } catch (error) {
+        return "[UnexpectedJSONParseError]: " + error.message;
+      }
+    };
+  })(browser, browser.exports);
+  return browser.exports;
+}
+var browserExports = requireBrowser();
+const debug = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
+debug("cabbages");
+const RepoContext = createContext(
+  null
+);
+function createDocSignal(handle) {
+  const [signal, setSignal] = createSignal(handle()?.doc());
+  createEffect(() => {
+    const h = handle();
+    function update() {
+      setSignal(() => h?.doc());
+    }
+    update();
+    if (h) {
+      h.on("change", update);
+      onCleanup(() => h.off("change", update));
+    }
+  });
+  return signal;
+}
+function resolveElement(source) {
+  return typeof source === "function" ? source() : source;
+}
+function subscribe(element, selector, initialValue) {
+  const [value, setValue] = createSignal(initialValue);
+  onMount(() => {
+    const target = resolveElement(element);
+    if (!target)
+      return;
+    const unsubscribe = subscribe$1(target, selector, setValue);
+    onCleanup(unsubscribe);
+  });
+  return value;
+}
+function subscribeDoc(element, selector) {
+  const [handle, setHandle] = createSignal(void 0);
+  onMount(() => {
+    const target = resolveElement(element);
+    if (!target)
+      return;
+    let canceled = false;
+    const unsubscribe = subscribe$1(target, selector, (url) => {
+      if (!url)
+        return;
+      const repo = "repo" in window ? window.repo : void 0;
+      if (!repo)
+        return;
+      void Promise.resolve(repo.find(url)).then((h) => {
+        if (canceled)
+          return;
+        setHandle(() => h);
+      });
+    });
+    onCleanup(() => {
+      canceled = true;
+      unsubscribe();
+    });
+  });
+  const [store, setStore] = createStore({});
+  const [ready, setReady] = createSignal(false);
+  createEffect(() => {
+    const h = handle();
+    if (!h) {
+      setReady(false);
+      return;
+    }
+    const sync = () => {
+      setStore(reconcile(h.doc() ?? {}));
+      setReady(true);
+    };
+    sync();
+    h.on("change", sync);
+    onCleanup(() => h.off("change", sync));
+  });
+  const doc = () => ready() ? store : void 0;
+  return [doc, handle];
+}
+var _tmpl$ = /* @__PURE__ */ template(`<div class=drafts-list>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=drafts-panel><div class=drafts-version>v0.0.45`), _tmpl$3 = /* @__PURE__ */ template(`<div class=drafts-empty>No document selected.`), _tmpl$4 = /* @__PURE__ */ template(`<button type=button class=draft-card-return title="Return to the latest version">Return to latest`), _tmpl$5 = /* @__PURE__ */ template(`<span class=draft-card-tools>`), _tmpl$6 = /* @__PURE__ */ template(`<div class=draft-card><div class=draft-card-header title="Main version (host document)"><div class=draft-card-title>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=draft-card><div class=draft-card-header title="Open draft"><div class=draft-card-title>`), _tmpl$8 = /* @__PURE__ */ template(`<div class=draft-menu-backdrop>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=draft-menu-list><button type=button class=draft-menu-item>Fork`), _tmpl$0 = /* @__PURE__ */ template(`<span class=draft-menu><button type=button class=draft-card-action title="Draft actions">`), _tmpl$1 = /* @__PURE__ */ template(`<button type=button class=draft-menu-item title="Fork a new draft from the version you're viewing">`), _tmpl$10 = /* @__PURE__ */ template(`<div class=draft-menu-separator>`), _tmpl$11 = /* @__PURE__ */ template(`<button type=button class=draft-menu-item title="Merge this draft into the highlighted card and hide it">`), _tmpl$12 = /* @__PURE__ */ template(`<button type=button class="draft-menu-item draft-menu-item--danger"title="Deletes this draft and any drafts forked from it">Delete draft`), _tmpl$13 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=6 x2=6 y1=3 y2=15></line><circle cx=18 cy=6 r=3></circle><circle cx=6 cy=18 r=3></circle><path d="M18 9a9 9 0 0 1-9 9">`), _tmpl$14 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=18 cy=18 r=3></circle><circle cx=6 cy=6 r=3></circle><path d="M6 21V9a9 9 0 0 0 9 9">`), _tmpl$15 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=1></circle><circle cx=19 cy=12 r=1></circle><circle cx=5 cy=12 r=1>`), _tmpl$16 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1=10 x2=10 y1=11 y2=17></line><line x1=14 x2=14 y1=11 y2=17>`), _tmpl$17 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2">`), _tmpl$18 = /* @__PURE__ */ template(`<input class=draft-name-input>`), _tmpl$19 = /* @__PURE__ */ template(`<span class=draft-name title="Double-click to rename">`), _tmpl$20 = /* @__PURE__ */ template(`<button type=button class=draft-card-eye>`), _tmpl$21 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx=12 cy=12 r=3>`), _tmpl$22 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1=1 y1=1 x2=23 y2=23>`), _tmpl$23 = /* @__PURE__ */ template(`<div class=draft-changes-building><span class=draft-building-spinner></span>Building history…`), _tmpl$24 = /* @__PURE__ */ template(`<div class=draft-scrubber-token><div class=draft-scrubber-line></div><div class=draft-scrubber-edge title="Drag to scrub through history — drop at the top to return to the latest version"></div><div class=draft-scrubber-dot title="Drag to scrub through history — drop at the top to return to the latest version">`), _tmpl$25 = /* @__PURE__ */ template(`<div class=draft-scrubber-connector>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="draft-scrubber-token draft-scrubber-token--baseline"><div class=draft-scrubber-line></div><div class=draft-scrubber-edge title="Drag to move the diff baseline"></div><div class=draft-scrubber-baseline title="Drag to move the diff baseline">`), _tmpl$27 = /* @__PURE__ */ template(`<div class=draft-changes-body><div class=draft-scrubber></div><div class=draft-changes-rows>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=draft-card-changes>`), _tmpl$29 = /* @__PURE__ */ template(`<div class=draft-changes-empty>No changes yet.`), _tmpl$30 = /* @__PURE__ */ template(`<div class=draft-scrubber-sticker title="The version being viewed — Fork below to branch from here"><span class=draft-sticker-time></span><span class=draft-sticker-spacer>`), _tmpl$31 = /* @__PURE__ */ template(`<button type=button class=draft-group-row title="View the draft as of this group"><span class=draft-group-time></span><span class=draft-group-spacer>`), _tmpl$32 = /* @__PURE__ */ template(`<div class="draft-avatar draft-avatar--extra">+`), _tmpl$33 = /* @__PURE__ */ template(`<div class=draft-avatars>`), _tmpl$34 = /* @__PURE__ */ template(`<patchwork-view tool-id=contact-inline>`, true, false, false), _tmpl$35 = /* @__PURE__ */ template(`<div class=draft-avatar>`), _tmpl$36 = /* @__PURE__ */ template(`<span class="draft-count draft-count--add">+`), _tmpl$37 = /* @__PURE__ */ template(`<span class="draft-count draft-count--del">-`), _tmpl$38 = /* @__PURE__ */ template(`<span class=draft-counts>`);
+const EMPTY_DRAFT_LIST = {
+  main: {
+    url: "",
+    parent: null,
+    members: [],
+    childCount: 0,
+    name: null,
+    changeGroupDocUrl: null
+  },
+  drafts: [],
+  actorAttributionUrl: null
+};
+const DRAFTS_VERSION = "0.0.45";
+console.log(`[drafts] DraftsSidebar v${DRAFTS_VERSION} loaded`);
+function DraftsSidebar(props) {
+  const [hostDoc, hostDocHandle] = subscribeDoc(props.element, {
+    type: "draft:root-doc"
+  });
+  const [, checkedOutHandle] = subscribeDoc(props.element, {
+    type: "draft:checked-out"
+  });
+  const checkedOut = createDocSignal(checkedOutHandle);
+  const selected = createMemo(() => checkedOut()?.checkedOut ?? null);
+  const eyeOpen = createMemo(() => {
+    const at = checkedOut()?.at;
+    return !!at && Object.values(at).some((e) => e.from !== void 0);
+  });
+  const isPinned = createMemo(() => {
+    const at = checkedOut()?.at;
+    return !!at && Object.values(at).some((e) => e.to !== void 0);
+  });
+  const [scrubber, setScrubber] = createSignal(null);
+  const [baseliner, setBaseliner] = createSignal(null);
+  const list = subscribe(props.element, {
+    type: "draft:list"
+  }, EMPTY_DRAFT_LIST);
+  createEffect(() => {
+    const url = list().actorAttributionUrl;
+    const repo = getRepo();
+    if (!url || !repo) return;
+    let disposed = false;
+    let off = null;
+    void repo.find(url).then((handle) => {
+      if (disposed) return;
+      const update = () => {
+        const actors = handle.doc()?.actors;
+        if (actors && Object.keys(actors).length > 0) {
+          setActorContacts((prev) => ({
+            ...prev,
+            ...actors
+          }));
+        }
+      };
+      handle.on("change", update);
+      off = () => handle.off("change", update);
+      update();
+    }, (err) => {
+      console.warn("[drafts] failed to load actor attribution:", url, err);
+    });
+    onCleanup(() => {
+      disposed = true;
+      off?.();
+    });
+  });
+  const isMainSelected = createMemo(() => selected() === null);
+  const isFolder = createMemo(() => hostDoc()?.["@patchwork"]?.type === "folder");
+  const selectDraft = (url) => {
+    const handle = checkedOutHandle();
+    if (!handle) return;
+    setScrubber(null);
+    setBaseliner(null);
+    handle.change((d) => {
+      d.checkedOut = url;
+      d.at = null;
+    });
+  };
+  const getRepo = () => "repo" in window ? window.repo : void 0;
+  let scrubSeq = 0;
+  const applyPins = (draftUrl, members) => {
+    const handle = checkedOutHandle();
+    const repo = getRepo();
+    if (!handle || !repo) return;
+    const head = scrubber();
+    if (!head) return;
+    const bl = baseliner();
+    const base = bl ? {
+      beforeTime: bl.time
+    } : "none";
+    const seq = ++scrubSeq;
+    void (async () => {
+      const checkpoint = await computeCheckpoint(repo, members, head.head, base);
+      if (seq !== scrubSeq) return;
+      handle.change((d) => {
+        d.checkedOut = draftUrl;
+        d.at = checkpoint;
+      });
+    })();
+  };
+  const onScrub = (draftUrl, members, scrub) => {
+    setScrubber(scrub);
+    applyPins(draftUrl, members);
+  };
+  const onBaselineScrub = (draftUrl, members, base) => {
+    setBaseliner(base);
+    applyPins(draftUrl, members);
+  };
+  const membersFor = (draftUrl) => draftUrl ? list().drafts.find((s) => s.url === draftUrl)?.members ?? [] : list().main.members;
+  const forkBaselines = (draftUrl) => {
+    const at = {};
+    for (const member of membersFor(draftUrl)) {
+      if (member.clonedAt) at[member.url] = {
+        from: member.clonedAt
+      };
+    }
+    return at;
+  };
+  const clearCheckpoint = () => {
+    const handle = checkedOutHandle();
+    if (!handle) return;
+    setScrubber(null);
+    setBaseliner(null);
+    const draftUrl = selected();
+    const baselines = eyeOpen() && draftUrl ? forkBaselines(draftUrl) : null;
+    handle.change((d) => {
+      d.at = baselines && Object.keys(baselines).length > 0 ? baselines : null;
+    });
+  };
+  const toggleEye = () => {
+    const handle = checkedOutHandle();
+    const repo = getRepo();
+    if (!handle || !repo) return;
+    if (eyeOpen()) {
+      setBaseliner(null);
+      handle.change((d) => {
+        if (!d.at) return;
+        const urls = Object.keys(d.at);
+        if (!urls.some((u) => d.at?.[u]?.to !== void 0)) {
+          d.at = null;
+          return;
+        }
+        for (const url of urls) {
+          const entry = d.at[url];
+          if (!entry) continue;
+          if (entry.to === void 0) delete d.at[url];
+          else delete entry.from;
+        }
+      });
+      return;
+    }
+    const draftUrl = selected();
+    const s = scrubber();
+    if (isPinned() && s) {
+      setBaseliner({
+        groupId: s.groupId,
+        offset: BASELINE_GROUP_START,
+        time: s.groupStartTime
+      });
+      const members = membersFor(draftUrl);
+      const seq = ++scrubSeq;
+      void (async () => {
+        const checkpoint = await computeCheckpoint(repo, members, s.head, {
+          beforeTime: s.groupStartTime
+        });
+        if (seq !== scrubSeq) return;
+        handle.change((d) => {
+          d.at = checkpoint;
+        });
+      })();
+      return;
+    }
+    if (isPinned()) {
+      const clonedAt = new Map(membersFor(draftUrl).map((m) => [m.url, m.clonedAt]));
+      handle.change((d) => {
+        if (!d.at) return;
+        for (const url of Object.keys(d.at)) {
+          const entry = d.at[url];
+          if (!entry) continue;
+          entry.from = clonedAt.get(url) ?? encodeHeads([]);
+        }
+      });
+      return;
+    }
+    if (!draftUrl) return;
+    const baselines = forkBaselines(draftUrl);
+    if (Object.keys(baselines).length === 0) return;
+    handle.change((d) => {
+      d.at = baselines;
+    });
+  };
+  createEffect(() => {
+    const at = checkedOut()?.at;
+    const draftUrl = selected();
+    const handle = checkedOutHandle();
+    if (!at || !draftUrl || !handle) return;
+    const entries = Object.values(at);
+    if (entries.length === 0) return;
+    if (entries.some((e) => e.to !== void 0)) return;
+    if (!entries.some((e) => e.from !== void 0)) return;
+    const missing = membersFor(draftUrl).filter((m) => m.clonedAt !== null && !at[m.url]);
+    if (missing.length === 0) return;
+    handle.change((d) => {
+      if (!d.at) return;
+      for (const m of missing) {
+        if (m.clonedAt) d.at[m.url] = {
+          from: m.clonedAt
+        };
+      }
+    });
+  });
+  const onForkSelection = async (atVersion) => {
+    if (isFolder()) return;
+    const docHandle = hostDocHandle();
+    if (!docHandle) return;
+    const repo = getRepo();
+    if (!repo) {
+      console.warn("[drafts] window.repo is not set");
+      return;
+    }
+    const parentUrl = selected();
+    const members = membersFor(parentUrl);
+    const head = atVersion ? scrubber()?.head ?? null : null;
+    const clones = {};
+    if (head) {
+      const checkpoint = await computeCheckpoint(repo, members, head, "none");
+      for (const member of members) {
+        const to = checkpoint[member.url]?.to;
+        if (!to) continue;
+        let handle = null;
+        try {
+          handle = await repo.find(member.cloneUrl ?? member.url);
+          const clone = cloneAtVersion(repo, handle, to);
+          clones[member.url] = {
+            cloneUrl: clone.url,
+            clonedAt: to
+          };
+        } catch (err) {
+          reportForkFailure(handle ? collectForkDiagnostic(handle, member, to) : null, err);
+        }
+      }
+    } else if (parentUrl) {
+      for (const member of members) {
+        try {
+          const source = await repo.find(member.cloneUrl ?? member.url);
+          const clonedAt = source.heads();
+          const clone = repo.clone(source);
+          clones[member.url] = {
+            cloneUrl: clone.url,
+            clonedAt
+          };
+        } catch (err) {
+          console.warn("[drafts] failed to fork member:", member, err);
+        }
+      }
+    }
+    const mainDraft = await ensureMainDraft(repo, docHandle);
+    const parentHandle = parentUrl ? await repo.find(parentUrl) : mainDraft;
+    let draftNumber = 1;
+    mainDraft.change((d) => {
+      d.draftCounter = (d.draftCounter ?? 0) + 1;
+      draftNumber = d.draftCounter;
+    });
+    const draft = repo.create({
+      "@patchwork": {
+        type: "draft"
+      },
+      name: `Draft ${draftNumber}`,
+      parent: parentHandle.url,
+      drafts: [],
+      clones
+    });
+    parentHandle.change((d) => {
+      d.drafts.push(draft.url);
+    });
+    selectDraft(draft.url);
+  };
+  const onRename = async (url, name) => {
+    const repo = getRepo();
+    if (!repo) return;
+    let handle;
+    if (url === null) {
+      const docHandle = hostDocHandle();
+      if (!docHandle) return;
+      handle = await ensureMainDraft(repo, docHandle);
+    } else {
+      handle = await repo.find(url);
+    }
+    handle.change((d) => {
+      if (name) d.name = name;
+      else delete d.name;
+    });
+  };
+  const selectedSummary = createMemo(() => list().drafts.find((s) => s.url === selected()) ?? null);
+  const mergeParentUrl = createMemo(() => selectedSummary()?.parent ?? null);
+  const mergeTargetName = createMemo(() => {
+    const parentUrl = mergeParentUrl();
+    if (parentUrl === null || parentUrl === list().main.url) {
+      return list().main.name ?? "Main";
+    }
+    return list().drafts.find((s) => s.url === parentUrl)?.name ?? "Draft";
+  });
+  const forkAtLabel = createMemo(() => {
+    if (!isPinned()) return null;
+    const time = scrubber()?.head.time;
+    if (!time) return null;
+    return `Fork from ${formatVersionTime(time)}`;
+  });
+  const [mergeHighlight, setMergeHighlight] = createSignal(false);
+  const draftDepth = (summary) => {
+    const byUrl = new Map(list().drafts.map((s) => [s.url, s]));
+    const seen = /* @__PURE__ */ new Set();
+    let depth = 0;
+    let parent = summary.parent;
+    while (parent && byUrl.has(parent) && !seen.has(parent)) {
+      seen.add(parent);
+      depth++;
+      parent = byUrl.get(parent).parent;
+    }
+    return depth;
+  };
+  const onMergeDraft = async () => {
+    const draftUrl = selected();
+    if (!draftUrl) return;
+    const parentUrl = mergeParentUrl();
+    if (!window.confirm(`Merge this draft into "${mergeTargetName()}"?`)) return;
+    const repo = getRepo();
+    if (!repo) {
+      console.warn("[drafts] window.repo is not set");
+      return;
+    }
+    const draftHandle = await repo.find(draftUrl);
+    await mergeDraft(repo, draftHandle);
+    selectDraft(parentUrl && parentUrl !== list().main.url ? parentUrl : null);
+  };
+  const onDeleteDraft = async () => {
+    const draftUrl = selected();
+    if (!draftUrl) return;
+    const childCount = selectedSummary()?.childCount ?? 0;
+    const warning = childCount > 0 ? "Delete this draft? Drafts forked from it will be deleted too. This can't be undone." : "Delete this draft? This can't be undone.";
+    if (!window.confirm(warning)) return;
+    const repo = getRepo();
+    if (!repo) {
+      console.warn("[drafts] window.repo is not set");
+      return;
+    }
+    const parentUrl = mergeParentUrl();
+    let parentHandle;
+    if (parentUrl) {
+      parentHandle = await repo.find(parentUrl);
+    } else {
+      const docHandle = hostDocHandle();
+      if (!docHandle) return;
+      parentHandle = await ensureMainDraft(repo, docHandle);
+    }
+    parentHandle.change((d) => {
+      const i = d.drafts.indexOf(draftUrl);
+      if (i >= 0) d.drafts.splice(i, 1);
+    });
+    selectDraft(parentUrl && parentUrl !== list().main.url ? parentUrl : null);
+  };
+  return (() => {
+    var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return hostDoc();
+      },
+      get fallback() {
+        return _tmpl$3();
+      },
+      get children() {
+        var _el$2 = _tmpl$();
+        insert(_el$2, createComponent(MainCard, {
+          get hostDocUrl() {
+            return hostDocHandle()?.url;
+          },
+          get isSelected() {
+            return isMainSelected();
+          },
+          members: () => list().main.members,
+          get changeGroupDocUrl() {
+            return list().main.changeGroupDocUrl;
+          },
+          get name() {
+            return list().main.name;
+          },
+          onRename: (name) => void onRename(null, name),
+          onSelect: () => selectDraft(null),
+          onScrub: (scrub) => onScrub(null, list().main.members, scrub),
+          scrubber: () => isMainSelected() ? scrubber() : null,
+          onBaselineScrub: (base) => onBaselineScrub(null, list().main.members, base),
+          baseliner: () => isMainSelected() ? baseliner() : null,
+          checkpoint: () => isMainSelected() ? checkedOut()?.at ?? null : null,
+          get hasCheckpoint() {
+            return memo(() => !!isMainSelected())() && isPinned();
+          },
+          onReturnToLatest: clearCheckpoint,
+          get eyeOpen() {
+            return memo(() => !!isMainSelected())() && eyeOpen();
+          },
+          get eyeDisabled() {
+            return !isPinned();
+          },
+          onToggleEye: toggleEye,
+          get forkDisabled() {
+            return isFolder();
+          },
+          onFork: () => void onForkSelection(false),
+          get forkAtLabel() {
+            return forkAtLabel();
+          },
+          onForkAt: () => void onForkSelection(true),
+          get isMergeTarget() {
+            return memo(() => !!mergeHighlight())() && mergeParentUrl() === list().main.url;
+          }
+        }), null);
+        insert(_el$2, createComponent(For, {
+          get each() {
+            return list().drafts;
+          },
+          children: (summary) => createComponent(DraftCard, {
+            get url() {
+              return summary.url;
+            },
+            get members() {
+              return summary.members;
+            },
+            get changeGroupDocUrl() {
+              return summary.changeGroupDocUrl;
+            },
+            get mainDocUrl() {
+              return hostDocHandle()?.url;
+            },
+            get isSelected() {
+              return selected() === summary.url;
+            },
+            get name() {
+              return summary.name;
+            },
+            get depth() {
+              return draftDepth(summary);
+            },
+            onRename: (name) => void onRename(summary.url, name),
+            onSelect: selectDraft,
+            onScrub: (scrub) => onScrub(summary.url, summary.members, scrub),
+            scrubber: () => selected() === summary.url ? scrubber() : null,
+            onBaselineScrub: (base) => onBaselineScrub(summary.url, summary.members, base),
+            baseliner: () => selected() === summary.url ? baseliner() : null,
+            checkpoint: () => selected() === summary.url ? checkedOut()?.at ?? null : null,
+            get hasCheckpoint() {
+              return memo(() => selected() === summary.url)() && isPinned();
+            },
+            onReturnToLatest: clearCheckpoint,
+            get eyeOpen() {
+              return memo(() => selected() === summary.url)() && eyeOpen();
+            },
+            eyeDisabled: false,
+            onToggleEye: toggleEye,
+            onFork: () => void onForkSelection(false),
+            get forkAtLabel() {
+              return forkAtLabel();
+            },
+            onForkAt: () => void onForkSelection(true),
+            get mergeLabel() {
+              return `Merge into "${mergeTargetName()}"`;
+            },
+            onMerge: () => void onMergeDraft(),
+            onMergeHover: setMergeHighlight,
+            onDelete: () => void onDeleteDraft(),
+            get isMergeTarget() {
+              return memo(() => !!mergeHighlight())() && mergeParentUrl() === summary.url;
+            }
+          })
+        }), null);
+        return _el$2;
+      }
+    }), _el$3);
+    return _el$;
+  })();
+}
+async function mergeDraft(repo, draftHandle) {
+  const doc = draftHandle.doc();
+  const parentHandle = await findMergeTarget(repo, doc?.parent);
+  const parentClones = parentHandle?.doc()?.clones ?? {};
+  const entries = Object.entries(doc?.clones ?? {});
+  for (const [originalUrl, entry] of entries) {
+    const targetUrl = parentClones[originalUrl]?.cloneUrl ?? originalUrl;
+    if (entry.cloneUrl === targetUrl) continue;
+    const [target, clone] = await Promise.all([repo.find(targetUrl), repo.find(entry.cloneUrl)]);
+    target.merge(clone);
+    const mergedAt = target.heads();
+    draftHandle.change((d) => {
+      const e = d.clones[originalUrl];
+      if (e) e.mergedAt = mergedAt;
+    });
+  }
+  draftHandle.change((d) => {
+    d.mergedAt = Date.now();
+  });
+  if (parentHandle) {
+    const children = (draftHandle.doc()?.drafts ?? []).filter(isValidAutomergeUrl);
+    for (const childUrl of children) {
+      try {
+        const child = await repo.find(childUrl);
+        child.change((d) => {
+          d.parent = parentHandle.url;
+        });
+        parentHandle.change((d) => {
+          if (!d.drafts.includes(childUrl)) d.drafts.push(childUrl);
+        });
+        draftHandle.change((d) => {
+          const i = d.drafts.indexOf(childUrl);
+          if (i >= 0) d.drafts.splice(i, 1);
+        });
+      } catch (err) {
+        console.warn("[drafts] failed to re-parent child draft after merge:", childUrl, err);
+      }
+    }
+  }
+}
+async function findMergeTarget(repo, parentUrl) {
+  const seen = /* @__PURE__ */ new Set();
+  let cursor = parentUrl;
+  while (cursor && isValidAutomergeUrl(cursor) && !seen.has(cursor)) {
+    seen.add(cursor);
+    try {
+      const candidate = await repo.find(cursor);
+      if (candidate.doc()?.mergedAt === void 0) return candidate;
+      cursor = candidate.doc()?.parent;
+    } catch (err) {
+      console.warn("[drafts] failed to load ancestor draft for merge; falling back to merging into the originals:", cursor, err);
+      return null;
+    }
+  }
+  return null;
+}
+function cloneAtVersion(repo, handle, to) {
+  const doc = handle.doc();
+  const pinHeads = decodeHeads(to);
+  const metas = Automerge.getChangesMetaSince(doc, []);
+  const byHash = new Map(metas.map((m) => [m.hash, m]));
+  const closure = /* @__PURE__ */ new Set();
+  const stack = [...pinHeads];
+  while (stack.length > 0) {
+    const hash = stack.pop();
+    if (closure.has(hash)) continue;
+    const meta = byHash.get(hash);
+    if (!meta) {
+      throw new Error(`[drafts] change ${hash} is not in the doc's history metadata`);
+    }
+    closure.add(hash);
+    stack.push(...meta.deps);
+  }
+  const bundle = Automerge.saveBundle(doc, [...closure]);
+  const pinned = Automerge.loadIncremental(Automerge.init(), bundle);
+  const gotHeads = [...Automerge.getHeads(pinned)].sort();
+  const wantHeads = [...pinHeads].sort();
+  if (JSON.stringify(gotHeads) !== JSON.stringify(wantHeads)) {
+    throw new Error(`[drafts] version clone heads mismatch: wanted ${wantHeads}, got ${gotHeads}`);
+  }
+  const clone = repo.create();
+  clone.update(() => pinned);
+  return clone;
+}
+function collectForkDiagnostic(handle, member, to) {
+  const diagnostic = {
+    draftsVersion: DRAFTS_VERSION,
+    memberUrl: member.url,
+    sourceUrl: member.cloneUrl ?? member.url,
+    memberClonedAt: member.clonedAt,
+    to,
+    toHex: [],
+    currentHeads: null,
+    hasHeads: null,
+    missingDeps: null,
+    stats: null,
+    automerge: null,
+    pinnedChanges: [],
+    fragments: null,
+    probeErrors: []
+  };
+  const probe = (name, run) => {
+    try {
+      run();
+    } catch (err) {
+      diagnostic.probeErrors.push(`${name}: ${String(err)}`);
+    }
+  };
+  probe("decodeHeads", () => {
+    diagnostic.toHex = decodeHeads(to);
+  });
+  const doc = handle.doc();
+  probe("getHeads", () => {
+    diagnostic.currentHeads = Automerge.getHeads(doc);
+  });
+  probe("hasHeads", () => {
+    diagnostic.hasHeads = Automerge.hasHeads(doc, diagnostic.toHex);
+  });
+  probe("getMissingDeps", () => {
+    diagnostic.missingDeps = Automerge.getMissingDeps(doc, diagnostic.toHex);
+  });
+  probe("stats", () => {
+    const s = Automerge.stats(doc);
+    diagnostic.stats = {
+      numChanges: s.numChanges,
+      numOps: s.numOps
+    };
+  });
+  probe("releaseInfo", () => {
+    const info = Automerge.releaseInfo();
+    diagnostic.automerge = {
+      jsGitHead: info.js.gitHead,
+      wasmGitHead: info.wasm?.gitHead ?? null,
+      wasmVersion: info.wasm?.cargoPackageVersion ?? null
+    };
+  });
+  probe("pinnedChanges", () => {
+    const topo = Automerge.topoHistoryTraversal(doc);
+    const metas = Automerge.getChangesMetaSince(doc, []);
+    const metaByHash = new Map(metas.map((m) => [m.hash, m]));
+    diagnostic.pinnedChanges = diagnostic.toHex.map((hash) => {
+      const meta = metaByHash.get(hash);
+      const topoIndex = topo.indexOf(hash);
+      return {
+        hash,
+        known: !!meta || topoIndex >= 0,
+        topoIndex: topoIndex >= 0 ? topoIndex : null,
+        time: meta?.time ?? null,
+        actor: meta?.actor ?? null,
+        seq: meta?.seq ?? null,
+        deps: meta?.deps ?? null,
+        isCurrentHead: diagnostic.currentHeads?.includes(hash) ?? false
+      };
+    });
+  });
+  probe("fragments", () => {
+    const topo = Automerge.topoHistoryTraversal(doc);
+    const topoIndex = new Map(topo.map((h, i) => [h, i]));
+    const pinned = new Set(diagnostic.toHex);
+    diagnostic.fragments = Automerge.getFragmentMetadata(doc).map((f) => {
+      let min = Infinity;
+      let max = -Infinity;
+      let containsPin = false;
+      for (const h of f.members) {
+        const i = topoIndex.get(h);
+        if (i !== void 0) {
+          if (i < min) min = i;
+          if (i > max) max = i;
+        }
+        if (pinned.has(h)) containsPin = true;
+      }
+      return {
+        level: f.level,
+        head: f.head,
+        memberCount: f.members.length,
+        topoRange: min <= max ? [min, max] : null,
+        containsPin
+      };
+    });
+  });
+  probe("saveDoc", () => {
+    const bytes = Automerge.save(doc);
+    let binary = "";
+    const CHUNK = 32768;
+    for (let i = 0; i < bytes.length; i += CHUNK) {
+      binary += String.fromCharCode(...bytes.subarray(i, i + CHUNK));
+    }
+    lastForkRepro = {
+      url: member.url,
+      toHex: diagnostic.toHex,
+      docBase64: btoa(binary)
+    };
+  });
+  return diagnostic;
+}
+let lastForkRepro = null;
+function reportForkFailure(diagnostic, err) {
+  const failure = {
+    message: err instanceof Error ? err.message : String(err),
+    stack: err instanceof Error ? err.stack : void 0
+  };
+  if (!diagnostic) {
+    console.error("[drafts][fork-diagnostic] failed before diagnostics could be gathered:", failure);
+    return;
+  }
+  diagnostic.failure = failure;
+  if (lastForkRepro && lastForkRepro.url === diagnostic.memberUrl) {
+    window.__draftsForkRepro = lastForkRepro;
+  }
+  console.error("[drafts][fork-diagnostic] failed to fork member at version — paste this block back:\n" + JSON.stringify(diagnostic, null, 2) + "\n[drafts][fork-diagnostic] the failing doc's bytes are on window.__draftsForkRepro — to save them for an offline repro, run:\n  const r = window.__draftsForkRepro;\n  const bytes = Uint8Array.from(atob(r.docBase64), c => c.charCodeAt(0));\n  const a = document.createElement('a');\n  a.href = URL.createObjectURL(new Blob([bytes]));\n  a.download = 'fork-repro.automerge'; a.click();\n  console.log('pin heads:', r.toHex);");
+}
+function MainCard(props) {
+  const [menuOpen, setMenuOpen] = createSignal(false);
+  return (() => {
+    var _el$5 = _tmpl$6(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild;
+    addEventListener(_el$6, "click", props.onSelect, true);
+    insert(_el$7, createComponent(DraftName, {
+      get name() {
+        return props.name;
+      },
+      fallback: "Main",
+      get onRename() {
+        return props.onRename;
+      }
+    }), null);
+    insert(_el$7, createComponent(Show, {
+      get when() {
+        return props.hasCheckpoint;
+      },
+      get children() {
+        var _el$8 = _tmpl$4();
+        _el$8.$$click = (e) => {
+          e.stopPropagation();
+          props.onReturnToLatest();
+        };
+        return _el$8;
+      }
+    }), null);
+    insert(_el$7, createComponent(Show, {
+      get when() {
+        return props.isSelected;
+      },
+      get children() {
+        var _el$9 = _tmpl$5();
+        insert(_el$9, createComponent(EyeToggle, {
+          get open() {
+            return props.eyeOpen;
+          },
+          get disabled() {
+            return props.eyeDisabled;
+          },
+          get onToggle() {
+            return props.onToggleEye;
+          }
+        }), null);
+        insert(_el$9, createComponent(CardMenu, {
+          get forkDisabled() {
+            return props.forkDisabled;
+          },
+          get onFork() {
+            return props.onFork;
+          },
+          get forkAtLabel() {
+            return props.forkAtLabel;
+          },
+          get onForkAt() {
+            return props.onForkAt;
+          },
+          onOpenChange: setMenuOpen
+        }), null);
+        return _el$9;
+      }
+    }), null);
+    insert(_el$5, createComponent(Show, {
+      get when() {
+        return props.isSelected;
+      },
+      get children() {
+        return createComponent(DraftChangesList, {
+          get members() {
+            return props.members;
+          },
+          get changeGroupDocUrl() {
+            return props.changeGroupDocUrl;
+          },
+          get mainDocUrl() {
+            return props.hostDocUrl;
+          },
+          get onScrub() {
+            return props.onScrub;
+          },
+          get scrubber() {
+            return props.scrubber;
+          },
+          get onBaselineScrub() {
+            return props.onBaselineScrub;
+          },
+          get baseliner() {
+            return props.baseliner;
+          },
+          eyeOpen: () => props.eyeOpen,
+          get checkpoint() {
+            return props.checkpoint;
+          },
+          get onReturnToLatest() {
+            return props.onReturnToLatest;
+          }
+        });
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$ = props.isSelected ? "" : void 0, _v$2 = menuOpen() ? "" : void 0, _v$3 = props.isMergeTarget ? "" : void 0;
+      _v$ !== _p$.e && setAttribute(_el$5, "data-selected", _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$5, "data-menu-open", _p$.t = _v$2);
+      _v$3 !== _p$.a && setAttribute(_el$5, "data-merge-target", _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$5;
+  })();
+}
+function DraftCard(props) {
+  const [menuOpen, setMenuOpen] = createSignal(false);
+  return (() => {
+    var _el$0 = _tmpl$7(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild;
+    _el$1.$$click = () => props.onSelect(props.url);
+    insert(_el$10, createComponent(DraftName, {
+      get name() {
+        return props.name;
+      },
+      fallback: "Draft",
+      get onRename() {
+        return props.onRename;
+      }
+    }), null);
+    insert(_el$10, createComponent(Show, {
+      get when() {
+        return props.hasCheckpoint;
+      },
+      get children() {
+        var _el$11 = _tmpl$4();
+        _el$11.$$click = (e) => {
+          e.stopPropagation();
+          props.onReturnToLatest();
+        };
+        return _el$11;
+      }
+    }), null);
+    insert(_el$10, createComponent(Show, {
+      get when() {
+        return props.isSelected;
+      },
+      get children() {
+        var _el$12 = _tmpl$5();
+        insert(_el$12, createComponent(EyeToggle, {
+          get open() {
+            return props.eyeOpen;
+          },
+          get disabled() {
+            return props.eyeDisabled;
+          },
+          get onToggle() {
+            return props.onToggleEye;
+          }
+        }), null);
+        insert(_el$12, createComponent(CardMenu, {
+          get onFork() {
+            return props.onFork;
+          },
+          get forkAtLabel() {
+            return props.forkAtLabel;
+          },
+          get onForkAt() {
+            return props.onForkAt;
+          },
+          get merge() {
+            return {
+              label: props.mergeLabel,
+              onMerge: props.onMerge,
+              onHoverTarget: props.onMergeHover
+            };
+          },
+          get onDelete() {
+            return props.onDelete;
+          },
+          onOpenChange: setMenuOpen
+        }), null);
+        return _el$12;
+      }
+    }), null);
+    insert(_el$0, createComponent(Show, {
+      get when() {
+        return props.isSelected;
+      },
+      get children() {
+        return createComponent(DraftChangesList, {
+          members: () => props.members,
+          get changeGroupDocUrl() {
+            return props.changeGroupDocUrl;
+          },
+          get mainDocUrl() {
+            return props.mainDocUrl;
+          },
+          get onScrub() {
+            return props.onScrub;
+          },
+          get scrubber() {
+            return props.scrubber;
+          },
+          get onBaselineScrub() {
+            return props.onBaselineScrub;
+          },
+          get baseliner() {
+            return props.baseliner;
+          },
+          eyeOpen: () => props.eyeOpen,
+          get checkpoint() {
+            return props.checkpoint;
+          },
+          get onReturnToLatest() {
+            return props.onReturnToLatest;
+          }
+        });
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$4 = props.isSelected ? "" : void 0, _v$5 = menuOpen() ? "" : void 0, _v$6 = props.isMergeTarget ? "" : void 0, _v$7 = `${Math.min(props.depth + 1, 5)}rem`;
+      _v$4 !== _p$.e && setAttribute(_el$0, "data-selected", _p$.e = _v$4);
+      _v$5 !== _p$.t && setAttribute(_el$0, "data-menu-open", _p$.t = _v$5);
+      _v$6 !== _p$.a && setAttribute(_el$0, "data-merge-target", _p$.a = _v$6);
+      _v$7 !== _p$.o && setStyleProperty(_el$0, "margin-left", _p$.o = _v$7);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    return _el$0;
+  })();
+}
+function CardMenu(props) {
+  const [open, setOpenSignal] = createSignal(false);
+  const setOpen = (v) => {
+    setOpenSignal(v);
+    props.onOpenChange(v);
+    if (!v) props.merge?.onHoverTarget(false);
+  };
+  onCleanup(() => setOpen(false));
+  createEffect(() => {
+    if (!open()) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKey);
+    onCleanup(() => document.removeEventListener("keydown", onKey));
+  });
+  const pick = (e, action) => {
+    e.stopPropagation();
+    setOpen(false);
+    action();
+  };
+  return (() => {
+    var _el$13 = _tmpl$0(), _el$14 = _el$13.firstChild;
+    _el$14.$$click = (e) => {
+      e.stopPropagation();
+      setOpen(!open());
+    };
+    insert(_el$14, createComponent(EllipsisIcon, {}));
+    insert(_el$13, createComponent(Show, {
+      get when() {
+        return open();
+      },
+      get children() {
+        return [(() => {
+          var _el$15 = _tmpl$8();
+          _el$15.$$click = (e) => {
+            e.stopPropagation();
+            setOpen(false);
+          };
+          return _el$15;
+        })(), (() => {
+          var _el$16 = _tmpl$9(), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild;
+          _el$17.$$click = (e) => pick(e, props.onFork);
+          insert(_el$17, createComponent(GitBranchIcon, {}), _el$18);
+          insert(_el$16, createComponent(Show, {
+            get when() {
+              return props.forkAtLabel;
+            },
+            children: (label) => (() => {
+              var _el$19 = _tmpl$1();
+              _el$19.$$click = (e) => pick(e, props.onForkAt);
+              insert(_el$19, createComponent(HistoryIcon, {}), null);
+              insert(_el$19, label, null);
+              return _el$19;
+            })()
+          }), null);
+          insert(_el$16, createComponent(Show, {
+            get when() {
+              return props.merge;
+            },
+            children: (merge) => [_tmpl$10(), (() => {
+              var _el$21 = _tmpl$11();
+              _el$21.addEventListener("mouseleave", () => merge().onHoverTarget(false));
+              _el$21.addEventListener("mouseenter", () => merge().onHoverTarget(true));
+              _el$21.$$click = (e) => pick(e, merge().onMerge);
+              insert(_el$21, createComponent(GitMergeIcon, {}), null);
+              insert(_el$21, () => merge().label, null);
+              return _el$21;
+            })()]
+          }), null);
+          insert(_el$16, createComponent(Show, {
+            get when() {
+              return props.onDelete;
+            },
+            children: (onDelete) => [_tmpl$10(), (() => {
+              var _el$23 = _tmpl$12(), _el$24 = _el$23.firstChild;
+              _el$23.$$click = (e) => pick(e, onDelete());
+              insert(_el$23, createComponent(TrashIcon, {}), _el$24);
+              return _el$23;
+            })()]
+          }), null);
+          effect((_p$) => {
+            var _v$8 = props.forkDisabled, _v$9 = props.forkDisabled ? "Drafts aren't supported for folders yet" : "Fork a new draft from the latest version";
+            _v$8 !== _p$.e && (_el$17.disabled = _p$.e = _v$8);
+            _v$9 !== _p$.t && setAttribute(_el$17, "title", _p$.t = _v$9);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
+          return _el$16;
+        })()];
+      }
+    }), null);
+    effect(() => setAttribute(_el$14, "data-active", open() ? "" : void 0));
+    return _el$13;
+  })();
+}
+function formatVersionTime(ms2) {
+  const date = new Date(ms2);
+  const sameYear = date.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear();
+  return date.toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: sameYear ? void 0 : "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function GitBranchIcon() {
+  return _tmpl$13();
+}
+function GitMergeIcon() {
+  return _tmpl$14();
+}
+function EllipsisIcon() {
+  return _tmpl$15();
+}
+function TrashIcon() {
+  return _tmpl$16();
+}
+function HistoryIcon() {
+  return _tmpl$17();
+}
+function DraftName(props) {
+  const [editing, setEditing] = createSignal(false);
+  return createComponent(Show, {
+    get when() {
+      return editing();
+    },
+    get fallback() {
+      return (() => {
+        var _el$31 = _tmpl$19();
+        _el$31.$$dblclick = () => setEditing(true);
+        insert(_el$31, () => props.name ?? props.fallback);
+        return _el$31;
+      })();
+    },
+    get children() {
+      var _el$30 = _tmpl$18();
+      _el$30.addEventListener("blur", (e) => {
+        if (!editing()) return;
+        setEditing(false);
+        const value = e.currentTarget.value.trim();
+        if (value !== (props.name ?? "")) props.onRename(value || null);
+      });
+      _el$30.$$keydown = (e) => {
+        if (e.key === "Enter") e.currentTarget.blur();
+        if (e.key === "Escape") setEditing(false);
+      };
+      _el$30.$$dblclick = (e) => e.stopPropagation();
+      _el$30.$$click = (e) => e.stopPropagation();
+      use((el) => setTimeout(() => el.select()), _el$30);
+      effect(() => setAttribute(_el$30, "placeholder", props.fallback));
+      effect(() => _el$30.value = props.name ?? "");
+      return _el$30;
+    }
+  });
+}
+function EyeToggle(props) {
+  return (() => {
+    var _el$32 = _tmpl$20();
+    _el$32.$$click = (e) => {
+      e.stopPropagation();
+      if (props.disabled) return;
+      props.onToggle();
+    };
+    insert(_el$32, createComponent(Show, {
+      get when() {
+        return props.open;
+      },
+      get fallback() {
+        return createComponent(EyeOffIcon, {});
+      },
+      get children() {
+        return createComponent(EyeIcon, {});
+      }
+    }));
+    effect((_p$) => {
+      var _v$0 = props.open ? "" : void 0, _v$1 = props.disabled ? "" : void 0, _v$10 = props.disabled, _v$11 = props.disabled ? "Nothing to compare yet — select a version in the timeline first" : props.open ? "Hide changes" : "Show what changed";
+      _v$0 !== _p$.e && setAttribute(_el$32, "data-active", _p$.e = _v$0);
+      _v$1 !== _p$.t && setAttribute(_el$32, "data-disabled", _p$.t = _v$1);
+      _v$10 !== _p$.a && setAttribute(_el$32, "aria-disabled", _p$.a = _v$10);
+      _v$11 !== _p$.o && setAttribute(_el$32, "title", _p$.o = _v$11);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    return _el$32;
+  })();
+}
+function EyeIcon() {
+  return _tmpl$21();
+}
+function EyeOffIcon() {
+  return _tmpl$22();
+}
+const BASELINE_GROUP_START = -1;
+function DraftChangesList(props) {
+  const repo = "repo" in window ? window.repo : void 0;
+  const [changeGroupHandle, setChangeGroupHandle] = createSignal();
+  createEffect(() => {
+    const url = props.changeGroupDocUrl;
+    setChangeGroupHandle(void 0);
+    if (!url || !repo) return;
+    let disposed = false;
+    void repo.find(url).then((handle) => {
+      if (!disposed) setChangeGroupHandle(handle);
+    }, (err) => {
+      console.warn("[drafts] failed to load change-group doc:", url, err);
+    });
+    onCleanup(() => {
+      disposed = true;
+    });
+  });
+  const changeGroupDoc = createDocSignal(changeGroupHandle);
+  const timeGroups = createMemo(() => Object.values(changeGroupDoc()?.groups ?? {}).filter((g) => g.additions > 0 || g.deletions > 0).sort((a, b) => b.endTime - a.endTime || (a.id < b.id ? -1 : 1)));
+  const [sources, setSources] = createSignal(null);
+  const [createdAt, setCreatedAt] = createSignal(void 0);
+  createEffect(() => {
+    const list = props.members();
+    const mainDocUrl = props.mainDocUrl;
+    if (!repo) return;
+    let disposed = false;
+    setSources(null);
+    void (async () => {
+      const next = [];
+      for (const member of list) {
+        try {
+          const handle = await repo.find(member.cloneUrl ?? member.url);
+          next.push({
+            member,
+            handle
+          });
+        } catch (err) {
+          console.warn("[drafts] failed to resolve member for scrubbing:", member, err);
+        }
+      }
+      const created = await getDocCreationTime(repo, mainDocUrl);
+      if (disposed) return;
+      setCreatedAt(created);
+      setSources(next);
+    })();
+    onCleanup(() => {
+      disposed = true;
+    });
+  });
+  const isBuilding = createMemo(() => {
+    const consumed = changeGroupDoc()?.computedThrough ?? {};
+    const srcs = sources();
+    if (!srcs || srcs.length === 0) return false;
+    return srcs.some(({
+      member,
+      handle
+    }) => {
+      const heads = handle.heads();
+      return heads ? !sameHeads(heads, consumed[member.url]) : false;
+    });
+  });
+  const scanCache = /* @__PURE__ */ new Map();
+  const resolveGroupChanges = (group) => {
+    const key = `${group.id}:${group.changeCount}`;
+    const hit = scanCache.get(key);
+    if (hit) return hit;
+    const srcs = sources();
+    if (!srcs) return null;
+    const cutoff = createdAt();
+    const rows = [];
+    for (const {
+      member,
+      handle
+    } of srcs) {
+      const doc = handle.doc();
+      if (!doc) continue;
+      try {
+        const since = member.clonedAt ? decodeHeads(member.clonedAt) : [];
+        const metas = Automerge.getChangesMetaSince(doc, since);
+        metas.forEach((meta, seq) => {
+          if (cutoff !== void 0 && meta.time && meta.time < cutoff) return;
+          if (meta.time < group.startTime || meta.time > group.endTime) return;
+          rows.push({
+            docUrl: member.url,
+            doc,
+            hash: meta.hash,
+            time: meta.time,
+            deps: meta.deps,
+            seq
+          });
+        });
+      } catch (err) {
+        console.warn("[drafts] failed to scan changes for member:", member, err);
+      }
+    }
+    rows.sort((a, b) => b.time - a.time || b.seq - a.seq);
+    scanCache.set(key, rows);
+    return rows;
+  };
+  const buildHead = (group, offset) => {
+    if (offset <= 0) {
+      return {
+        groupId: group.id,
+        offset: 0,
+        head: {
+          docUrl: group.newestMemberUrl,
+          hash: group.newestHash,
+          time: group.endTime
+        },
+        groupStartTime: group.startTime
+      };
+    }
+    const rows = resolveGroupChanges(group);
+    if (!rows || rows.length === 0) return null;
+    const row = rows[Math.min(offset, rows.length - 1)];
+    return {
+      groupId: group.id,
+      offset,
+      head: {
+        docUrl: row.docUrl,
+        hash: row.hash,
+        time: row.time
+      },
+      groupStartTime: group.startTime
+    };
+  };
+  const resolveOffset = (group, offset) => offset === BASELINE_GROUP_START ? Math.max(0, group.changeCount - 1) : offset;
+  const timeAt = (group, offset) => {
+    const resolved = resolveOffset(group, offset);
+    if (resolved <= 0) return group.endTime;
+    const rows = resolveGroupChanges(group);
+    if (!rows || rows.length === 0) return group.startTime;
+    return rows[Math.min(resolved, rows.length - 1)].time;
+  };
+  const linearIndex = (groupId, offset) => {
+    let acc = 0;
+    for (const b of bands()) {
+      const count = Math.max(1, b.group.changeCount);
+      if (b.group.id === groupId) {
+        return acc + Math.min(Math.max(0, resolveOffset(b.group, offset)), count - 1);
+      }
+      acc += count;
+    }
+    return acc + Math.max(0, offset);
+  };
+  const scrubTo = (group, offset) => {
+    const head = buildHead(group, offset);
+    if (!head) return;
+    if (props.eyeOpen()) {
+      const bl = props.baseliner();
+      if (bl && linearIndex(head.groupId, head.offset) > linearIndex(bl.groupId, bl.offset)) {
+        props.onBaselineScrub({
+          groupId: group.id,
+          offset: head.offset,
+          time: head.head.time
+        });
+      }
+    }
+    props.onScrub(head);
+  };
+  const selectGroup = (group) => {
+    if (props.eyeOpen()) {
+      props.onBaselineScrub({
+        groupId: group.id,
+        offset: BASELINE_GROUP_START,
+        time: group.startTime
+      });
+    }
+    scrubTo(group, 0);
+  };
+  const baselineScrubTo = (group, offset) => {
+    const head = props.scrubber();
+    if (!head) return;
+    if (linearIndex(group.id, offset) < linearIndex(head.groupId, head.offset)) {
+      props.onBaselineScrub({
+        groupId: head.groupId,
+        offset: head.offset,
+        time: head.head.time
+      });
+      return;
+    }
+    props.onBaselineScrub({
+      groupId: group.id,
+      offset,
+      time: timeAt(group, offset)
+    });
+  };
+  const groupForScrub = (s) => timeGroups().find((g) => g.id === s.groupId) ?? timeGroups().find((g) => s.head.time >= g.startTime && s.head.time <= g.endTime) ?? null;
+  const rowEls = /* @__PURE__ */ new Map();
+  const [rowsEl, setRowsEl] = createSignal();
+  const [measureTick, setMeasureTick] = createSignal(0);
+  createEffect(() => {
+    const el = rowsEl();
+    if (!el) return;
+    const observer = new ResizeObserver(() => setMeasureTick((t) => t + 1));
+    observer.observe(el);
+    onCleanup(() => observer.disconnect());
+  });
+  createEffect(() => {
+    timeGroups();
+    requestAnimationFrame(() => setMeasureTick((t) => t + 1));
+  });
+  const bands = createMemo(() => {
+    measureTick();
+    const out = [];
+    for (const group of timeGroups()) {
+      const el = rowEls.get(group.id);
+      if (el) {
+        out.push({
+          group,
+          top: el.offsetTop,
+          height: el.offsetHeight
+        });
+      }
+    }
+    return out;
+  });
+  const yForPosition = (band, offset) => {
+    const count = Math.max(1, band.group.changeCount);
+    return band.top + Math.min(offset, count - 1) / count * band.height;
+  };
+  const positionForY = (y) => {
+    const bs = bands();
+    if (bs.length === 0) return null;
+    for (const b of bs) {
+      if (y < b.top) return {
+        group: b.group,
+        offset: 0
+      };
+      if (y < b.top + b.height) {
+        const count = Math.max(1, b.group.changeCount);
+        const offset = Math.min(Math.round((y - b.top) / b.height * count), count - 1);
+        return {
+          group: b.group,
+          offset
+        };
+      }
+    }
+    const last = bs[bs.length - 1];
+    return {
+      group: last.group,
+      offset: Math.max(0, last.group.changeCount - 1)
+    };
+  };
+  const tokenGeometry = createMemo(() => {
+    const bs = bands();
+    if (bs.length === 0) return null;
+    const s = props.scrubber();
+    if (!s) return {
+      top: bs[0].top
+    };
+    const group = groupForScrub(s);
+    const band = group ? bs.find((b) => b.group.id === group.id) : void 0;
+    if (!band) return {
+      top: bs[0].top
+    };
+    return {
+      top: yForPosition(band, s.offset)
+    };
+  });
+  const baselineGeometry = createMemo(() => {
+    if (!props.eyeOpen() || !props.scrubber()) return null;
+    const b = props.baseliner();
+    if (!b) return null;
+    const bs = bands();
+    const band = bs.find((x) => x.group.id === b.groupId) ?? bs.find((x) => b.time >= x.group.startTime && b.time <= x.group.endTime);
+    if (!band) return null;
+    return {
+      top: yForPosition(band, resolveOffset(band.group, b.offset))
+    };
+  });
+  let trackEl;
+  const yInTrack = (ev) => {
+    const rect = trackEl.getBoundingClientRect();
+    return ev.clientY - rect.top;
+  };
+  const beginDrag = (ev) => {
+    if (!trackEl || bands().length === 0) return;
+    ev.preventDefault();
+    ev.stopPropagation();
+    const grabOffset = yInTrack(ev) - (tokenGeometry()?.top ?? 0);
+    const s = props.scrubber();
+    let last = s ? `${s.groupId}:${s.offset}` : null;
+    const onMove = (e) => {
+      const pos = positionForY(yInTrack(e) - grabOffset);
+      if (!pos) return;
+      const key = `${pos.group.id}:${pos.offset}`;
+      if (key === last) return;
+      last = key;
+      const first = bands()[0];
+      if (first && pos.group.id === first.group.id && pos.offset === 0) {
+        props.onReturnToLatest();
+      } else {
+        scrubTo(pos.group, pos.offset);
+      }
+    };
+    const target = ev.currentTarget;
+    target.setPointerCapture(ev.pointerId);
+    const onUp = () => {
+      target.removeEventListener("pointermove", onMove);
+      target.removeEventListener("pointerup", onUp);
+      target.removeEventListener("pointercancel", onUp);
+    };
+    target.addEventListener("pointermove", onMove);
+    target.addEventListener("pointerup", onUp);
+    target.addEventListener("pointercancel", onUp);
+  };
+  const beginBaselineDrag = (ev) => {
+    if (!trackEl || bands().length === 0) return;
+    ev.preventDefault();
+    ev.stopPropagation();
+    const grabOffset = yInTrack(ev) - (baselineGeometry()?.top ?? 0);
+    let last = null;
+    const onMove = (e) => {
+      const pos = positionForY(yInTrack(e) - grabOffset);
+      if (!pos) return;
+      const key = `${pos.group.id}:${pos.offset}`;
+      if (key === last) return;
+      last = key;
+      baselineScrubTo(pos.group, pos.offset);
+    };
+    const target = ev.currentTarget;
+    target.setPointerCapture(ev.pointerId);
+    const onUp = () => {
+      target.removeEventListener("pointermove", onMove);
+      target.removeEventListener("pointerup", onUp);
+      target.removeEventListener("pointercancel", onUp);
+    };
+    target.addEventListener("pointermove", onMove);
+    target.addEventListener("pointerup", onUp);
+    target.addEventListener("pointercancel", onUp);
+  };
+  const headChange = createMemo(() => {
+    const s = props.scrubber();
+    if (!s || s.offset === 0) return null;
+    const group = groupForScrub(s);
+    if (!group || s.head.hash === group.newestHash) return null;
+    const rows = resolveGroupChanges(group);
+    if (!rows || rows.length === 0) return null;
+    return rows.find((r) => r.hash === s.head.hash && r.docUrl === s.head.docUrl) ?? rows[Math.min(s.offset, rows.length - 1)] ?? null;
+  });
+  const headCounts = createMemo(() => {
+    const change = headChange();
+    if (!change) return null;
+    if (props.eyeOpen()) {
+      const at = props.checkpoint();
+      const srcs = sources();
+      if (at && srcs) {
+        let additions = 0;
+        let deletions = 0;
+        let spans = 0;
+        for (const {
+          member,
+          handle
+        } of srcs) {
+          const entry = at[member.url];
+          if (!entry?.from || !entry.to) continue;
+          const doc = handle.doc();
+          if (!doc) continue;
+          spans++;
+          const counts = computeRangeEditCounts(doc, decodeHeads(entry.from), decodeHeads(entry.to));
+          additions += counts.additions;
+          deletions += counts.deletions;
+        }
+        if (spans > 0) return {
+          additions,
+          deletions
+        };
+      }
+    }
+    return computeEditCounts(change.doc, change.hash, change.deps);
+  });
+  return (() => {
+    var _el$35 = _tmpl$28();
+    insert(_el$35, createComponent(Show, {
+      get when() {
+        return timeGroups().length > 0;
+      },
+      get fallback() {
+        return createComponent(Show, {
+          get when() {
+            return isBuilding();
+          },
+          get fallback() {
+            return _tmpl$29();
+          },
+          get children() {
+            return _tmpl$23();
+          }
+        });
+      },
+      get children() {
+        var _el$36 = _tmpl$27(), _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling;
+        var _ref$ = trackEl;
+        typeof _ref$ === "function" ? use(_ref$, _el$37) : trackEl = _el$37;
+        use(setRowsEl, _el$38);
+        insert(_el$38, createComponent(For, {
+          get each() {
+            return timeGroups();
+          },
+          children: (group) => createComponent(TimeGroupRow, {
+            group,
+            rowRef: (el) => rowEls.set(group.id, el),
+            onSelect: () => selectGroup(group)
+          })
+        }), null);
+        insert(_el$38, createComponent(Show, {
+          get when() {
+            return isBuilding();
+          },
+          get children() {
+            return _tmpl$23();
+          }
+        }), null);
+        insert(_el$36, createComponent(Show, {
+          get when() {
+            return tokenGeometry();
+          },
+          get children() {
+            var _el$40 = _tmpl$24(), _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling, _el$43 = _el$42.nextSibling;
+            _el$42.$$pointerdown = beginDrag;
+            _el$43.$$pointerdown = beginDrag;
+            insert(_el$40, createComponent(Show, {
+              get when() {
+                return headChange();
+              },
+              children: (change) => (() => {
+                var _el$51 = _tmpl$30(), _el$52 = _el$51.firstChild;
+                _el$52.nextSibling;
+                insert(_el$52, () => formatTime(change().time));
+                insert(_el$51, createComponent(EditCounts, {
+                  get additions() {
+                    return headCounts()?.additions ?? 0;
+                  },
+                  get deletions() {
+                    return headCounts()?.deletions ?? 0;
+                  }
+                }), null);
+                return _el$51;
+              })()
+            }), null);
+            effect((_$p) => setStyleProperty(_el$40, "top", `${tokenGeometry().top}px`));
+            return _el$40;
+          }
+        }), null);
+        insert(_el$36, createComponent(Show, {
+          get when() {
+            return baselineGeometry();
+          },
+          get children() {
+            return [(() => {
+              var _el$44 = _tmpl$25();
+              effect((_p$) => {
+                var _v$12 = `${Math.min(tokenGeometry()?.top ?? 0, baselineGeometry().top)}px`, _v$13 = `${Math.abs((tokenGeometry()?.top ?? 0) - baselineGeometry().top)}px`;
+                _v$12 !== _p$.e && setStyleProperty(_el$44, "top", _p$.e = _v$12);
+                _v$13 !== _p$.t && setStyleProperty(_el$44, "height", _p$.t = _v$13);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0
+              });
+              return _el$44;
+            })(), (() => {
+              var _el$45 = _tmpl$26(), _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling, _el$48 = _el$47.nextSibling;
+              _el$47.$$pointerdown = beginBaselineDrag;
+              _el$48.$$pointerdown = beginBaselineDrag;
+              effect((_$p) => setStyleProperty(_el$45, "top", `${baselineGeometry().top}px`));
+              return _el$45;
+            })()];
+          }
+        }), null);
+        return _el$36;
+      }
+    }));
+    return _el$35;
+  })();
+}
+function TimeGroupRow(props) {
+  return (() => {
+    var _el$54 = _tmpl$31(), _el$55 = _el$54.firstChild;
+    _el$55.nextSibling;
+    addEventListener(_el$54, "click", props.onSelect, true);
+    var _ref$2 = props.rowRef;
+    typeof _ref$2 === "function" ? use(_ref$2, _el$54) : props.rowRef = _el$54;
+    insert(_el$54, createComponent(AuthorAvatars, {
+      get actors() {
+        return props.group.actors;
+      }
+    }), _el$55);
+    insert(_el$55, () => formatTime(props.group.endTime));
+    insert(_el$54, createComponent(EditCounts, {
+      get additions() {
+        return props.group.additions;
+      },
+      get deletions() {
+        return props.group.deletions;
+      }
+    }), null);
+    return _el$54;
+  })();
+}
+function AuthorAvatars(props) {
+  const authors = createMemo(() => resolveAuthors(props.actors));
+  const visible = () => authors().slice(0, 3);
+  const extra = () => Math.max(0, authors().length - 3);
+  return (() => {
+    var _el$57 = _tmpl$33();
+    insert(_el$57, createComponent(For, {
+      get each() {
+        return visible();
+      },
+      children: (author, i) => (() => {
+        var _el$60 = _tmpl$35();
+        insert(_el$60, createComponent(Show, {
+          get when() {
+            return author.contactUrl;
+          },
+          get fallback() {
+            return getInitials(author.key);
+          },
+          get children() {
+            var _el$61 = _tmpl$34();
+            _el$61._$owner = getOwner();
+            effect(() => _el$61.docUrl = author.contactUrl);
+            return _el$61;
+          }
+        }));
+        effect((_p$) => {
+          var _v$14 = author.contactUrl ? void 0 : author.key, _v$15 = author.contactUrl ? void 0 : authorColor(author.key), _v$16 = i() === 0 ? "0" : "-4px", _v$17 = String(visible().length - i());
+          _v$14 !== _p$.e && setAttribute(_el$60, "title", _p$.e = _v$14);
+          _v$15 !== _p$.t && setStyleProperty(_el$60, "background", _p$.t = _v$15);
+          _v$16 !== _p$.a && setStyleProperty(_el$60, "margin-left", _p$.a = _v$16);
+          _v$17 !== _p$.o && setStyleProperty(_el$60, "z-index", _p$.o = _v$17);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0
+        });
+        return _el$60;
+      })()
+    }), null);
+    insert(_el$57, createComponent(Show, {
+      get when() {
+        return extra() > 0;
+      },
+      get children() {
+        var _el$58 = _tmpl$32();
+        _el$58.firstChild;
+        insert(_el$58, extra, null);
+        return _el$58;
+      }
+    }), null);
+    return _el$57;
+  })();
+}
+function EditCounts(props) {
+  return (() => {
+    var _el$62 = _tmpl$38();
+    insert(_el$62, createComponent(Show, {
+      get when() {
+        return props.additions > 0;
+      },
+      get children() {
+        var _el$63 = _tmpl$36();
+        _el$63.firstChild;
+        insert(_el$63, () => props.additions, null);
+        return _el$63;
+      }
+    }), null);
+    insert(_el$62, createComponent(Show, {
+      get when() {
+        return props.deletions > 0;
+      },
+      get children() {
+        var _el$65 = _tmpl$37();
+        _el$65.firstChild;
+        insert(_el$65, () => props.deletions, null);
+        return _el$65;
+      }
+    }), null);
+    return _el$62;
+  })();
+}
+async function computeCheckpoint(repo, members, head, base) {
+  const checkpoint = {};
+  for (const member of members) {
+    try {
+      const handle = await repo.find(member.cloneUrl ?? member.url);
+      const doc = handle.doc();
+      if (!doc) continue;
+      const since = member.clonedAt ? decodeHeads(member.clonedAt) : [];
+      const metas = Automerge.getChangesMetaSince(doc, since);
+      let to;
+      if (member.url === head.docUrl) {
+        to = encodeHeads([head.hash]);
+      } else {
+        let pinnedIndex = -1;
+        let bestTime = -Infinity;
+        metas.forEach((m, i) => {
+          if (m.time <= head.time && m.time >= bestTime) {
+            bestTime = m.time;
+            pinnedIndex = i;
+          }
+        });
+        if (pinnedIndex < 0) continue;
+        to = encodeHeads([metas[pinnedIndex].hash]);
+      }
+      if (base === "none") {
+        checkpoint[member.url] = {
+          to
+        };
+        continue;
+      }
+      let fromIndex = -1;
+      let fromTime = -Infinity;
+      metas.forEach((m, i) => {
+        if (m.time < base.beforeTime && m.time >= fromTime) {
+          fromTime = m.time;
+          fromIndex = i;
+        }
+      });
+      const from = fromIndex >= 0 ? encodeHeads([metas[fromIndex].hash]) : member.clonedAt ?? encodeHeads([]);
+      checkpoint[member.url] = {
+        from,
+        to
+      };
+    } catch (err) {
+      console.warn("[drafts] failed to compute checkpoint for member:", member, err);
+    }
+  }
+  return checkpoint;
+}
+const [actorContacts, setActorContacts] = createSignal({});
+function resolveAuthors(actors) {
+  const attribution = actorContacts();
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const actor of actors) {
+    const contactUrl = attribution[actor] ?? null;
+    const key = contactUrl ?? actor;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    out.push({
+      key,
+      contactUrl
+    });
+  }
+  return out;
+}
+function authorColor(authorId) {
+  let hash = 0;
+  for (let i = 0; i < authorId.length; i++) {
+    hash = authorId.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const h = Math.abs(hash) % 360;
+  return `hsl(${h}, 45%, 63%)`;
+}
+function getInitials(authorId) {
+  return authorId.slice(0, 2).toUpperCase();
+}
+const [nowMs, setNowMs] = createSignal(Date.now());
+setInterval(() => setNowMs(Date.now()), 3e4);
+const RELATIVE_TIME = new Intl.RelativeTimeFormat(void 0, {
+  numeric: "auto"
+});
+function formatTime(timeSeconds) {
+  if (!timeSeconds) return "";
+  const date = new Date(timeSeconds * 1e3);
+  const seconds = Math.max(0, Math.floor((nowMs() - date.getTime()) / 1e3));
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  if (minutes < 1) return "now";
+  if (hours < 1) return RELATIVE_TIME.format(-minutes, "minute");
+  if (days < 1) return RELATIVE_TIME.format(-hours, "hour");
+  if (days < 7) return RELATIVE_TIME.format(-days, "day");
+  const day = date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: date.getFullYear() === new Date(nowMs()).getFullYear() ? void 0 : "numeric"
+  });
+  const time = date.toLocaleTimeString(void 0, {
+    hour: "2-digit",
+    minute: "2-digit",
+    hourCycle: "h23"
+  });
+  return `${day} ${time}`;
+}
+delegateEvents(["click", "dblclick", "keydown", "pointerdown"]);
+const renderDraftsSidebar = (_handle, element) => {
+  return render(() => createComponent(RepoContext.Provider, {
+    get value() {
+      return element.repo;
+    },
+    get children() {
+      return createComponent(DraftsSidebar, {
+        element
+      });
+    }
+  }), element);
+};
+export {
+  renderDraftsSidebar
+};
+//# sourceMappingURL=main-BR_tW0sp.js.map