epiq 1.4.1 → 1.4.2

package/dist/gui/main.js

@@ -22849,6 +22849,19 @@ function useLocation() {
   );
   return React2.useContext(LocationContext).location;
 }
+function useMatch(pattern) {
+  invariant(
+    useInRouterContext(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    `useMatch() may be used only in the context of a <Router> component.`
+  );
+  let { pathname } = useLocation();
+  return React2.useMemo(
+    () => matchPath(pattern, decodePath(pathname)),
+    [pathname, pattern]
+  );
+}
 var navigateEffectWarning = `You should call navigate() in a React.useEffect(), not when your component is first rendered.`;
 function useIsomorphicLayoutEffect(cb) {
   let isStatic = React2.useContext(NavigationContext).static;
@@ -24825,7 +24838,7 @@ function useViewTransitionState(to, { relative } = {}) {
 }
 
 // source/gui/client/App.tsx
-var import_react15 = __toESM(require_react(), 1);
+var import_react16 = __toESM(require_react(), 1);
 
 // source/gui/client/components/Aside.tsx
 var import_react = __toESM(require_react(), 1);
@@ -25305,7 +25318,7 @@ var User = ({
 );
 
 // source/version.ts
-var EPIQ_VERSION = "1.4.1";
+var EPIQ_VERSION = "1.4.2";
 
 // source/gui/client/components/Header.tsx
 var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
@@ -27702,11 +27715,11 @@ function addChildren(props, children) {
     }
   }
 }
-function productionCreate(_, jsx34, jsxs22) {
+function productionCreate(_, jsx35, jsxs23) {
   return create2;
   function create2(_2, type, props, key) {
     const isStaticChildren = Array.isArray(props.children);
-    const fn = isStaticChildren ? jsxs22 : jsx34;
+    const fn = isStaticChildren ? jsxs23 : jsx35;
     return key ? fn(type, props, key) : fn(type, props);
   }
 }
@@ -38842,6 +38855,9 @@ var MarkdownContent = ({
   }
 );
 
+// source/lib/utils/comment.limits.ts
+var MAX_COMMENT_LENGTH = 4e3;
+
 // source/gui/client/components/IssueComments.tsx
 var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
 var IssueComments = ({
@@ -38853,9 +38869,11 @@ var IssueComments = ({
   onDeleteComment
 }) => {
   const [body, setBody] = (0, import_react9.useState)("");
+  const length = body.trim().length;
+  const tooLong = length > MAX_COMMENT_LENGTH;
   const addComment = () => {
     const nextBody = body.trim();
-    if (!nextBody) return;
+    if (!nextBody || tooLong) return;
     onAddComment?.(issueId, nextBody);
     setBody("");
   };
@@ -38912,7 +38930,7 @@ var IssueComments = ({
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Textarea,
         {
-          maxLength: 120,
+          maxLength: Number.MAX_SAFE_INTEGER,
           value: body,
           placeholder: "write a comment",
           onChange: (event) => setBody(event.target.value),
@@ -38929,7 +38947,20 @@ var IssueComments = ({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ActionRow, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { onClick: addComment, children: "comment" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ActionRow, { children: [
+        length > MAX_COMMENT_LENGTH / 2 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "span",
+          {
+            style: {
+              alignSelf: "center",
+              fontSize: 11,
+              color: tooLong ? GUI_THEME.red : GUI_THEME.dim
+            },
+            children: tooLong ? `${length - MAX_COMMENT_LENGTH} over the limit` : `${MAX_COMMENT_LENGTH - length} left`
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { disabled: tooLong, onClick: addComment, children: "comment" })
+      ] })
     ] })
   ] });
 };
@@ -39446,12 +39477,177 @@ var IssueDetails = ({
   ] });
 };
 
+// source/gui/client/components/BulkDetails.tsx
+var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
+var countBy = (issues, pick) => {
+  const byId = /* @__PURE__ */ new Map();
+  for (const issue of issues) {
+    for (const item of pick(issue)) {
+      const seen = byId.get(item.id);
+      byId.set(item.id, { item, count: (seen?.count ?? 0) + 1 });
+    }
+  }
+  return [...byId.values()];
+};
+var BulkDetails = ({
+  issues,
+  knownTags,
+  knownAssignees,
+  tagName,
+  assigneeName,
+  onChangeTagName,
+  onChangeAssigneeName,
+  onAddTag,
+  onRemoveTag,
+  onAddAssignee,
+  onRemoveAssignee,
+  onCloseIssues,
+  onReopenIssues,
+  onClear
+}) => {
+  const total = issues.length;
+  const tags = countBy(issues, (issue) => issue.tags);
+  const assignees = countBy(issues, (issue) => issue.assignees);
+  const availableTags = knownTags.filter(
+    (tag) => !tags.some((entry) => entry.item.id === tag.id && entry.count === total)
+  );
+  const availableAssignees = knownAssignees.filter(
+    (person) => !assignees.some(
+      (entry) => entry.item.id === person.id && entry.count === total
+    )
+  );
+  const partial = (count) => count === total ? "" : ` ${count}/${total}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Aside, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
+          marginBottom: 12
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: 13, fontWeight: 600, color: GUI_THEME.primary }, children: [
+            total,
+            " tickets selected"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "ghost", onClick: onClear, children: "clear" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Section, { title: "Tags", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChipRow, { children: tags.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Empty, { children: "No tags" }) : tags.map(({ item, count }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        Button,
+        {
+          variant: "chip",
+          title: "Remove from every selected ticket",
+          onClick: () => onRemoveTag(item.id),
+          style: { color: item.color },
+          children: [
+            item.name,
+            partial(count),
+            " \xD7"
+          ]
+        },
+        item.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChipRow, { children: availableTags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        Button,
+        {
+          variant: "chip",
+          title: "Add to every selected ticket",
+          onClick: () => onAddTag(tag.name),
+          style: { color: tag.color, opacity: 0.6 },
+          children: [
+            "+ ",
+            tag.name
+          ]
+        },
+        tag.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(AddRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          Input,
+          {
+            value: tagName,
+            placeholder: "new tag",
+            onChange: (event) => onChangeTagName(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter" && tagName.trim()) {
+                onAddTag(tagName.trim());
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { onClick: () => tagName.trim() && onAddTag(tagName.trim()), children: "add" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Section, { title: "Assignees", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChipRow, { children: assignees.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Empty, { children: "No assignees" }) : assignees.map(({ item, count }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        Button,
+        {
+          variant: "chip",
+          title: "Remove from every selected ticket",
+          onClick: () => onRemoveAssignee(item.id),
+          style: { color: item.color },
+          children: [
+            "@",
+            item.name,
+            partial(count),
+            " \xD7"
+          ]
+        },
+        item.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChipRow, { children: availableAssignees.map((person) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        Button,
+        {
+          variant: "chip",
+          title: "Add to every selected ticket",
+          onClick: () => onAddAssignee(person.id),
+          style: { color: person.color, opacity: 0.6 },
+          children: [
+            "+ @",
+            person.isSelf ? "me" : person.name
+          ]
+        },
+        person.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AddRow, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        Input,
+        {
+          value: assigneeName,
+          placeholder: "name of unknown contributor",
+          onChange: (event) => onChangeAssigneeName(event.target.value)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Section, { title: "Actions", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ChipRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { onClick: onCloseIssues, children: [
+        "close ",
+        total,
+        " tickets"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { onClick: onReopenIssues, children: [
+        "reopen ",
+        total,
+        " tickets"
+      ] })
+    ] }) })
+  ] });
+};
+
 // source/gui/client/components/SwimlaneColumn.tsx
+var import_react12 = __toESM(require_react(), 1);
+
+// source/gui/client/components/TicketCard.tsx
 var import_react11 = __toESM(require_react(), 1);
 
 // source/gui/client/components/IconComment.tsx
-var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
-var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
+var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "svg",
   {
     width: size,
@@ -39459,7 +39655,7 @@ var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime21.js
     viewBox: "0 0 16 16",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "path",
       {
         d: "M3.9 2.6h5.2a2.4 2.4 0 0 1 2.4 2.4v2.5a2.4 2.4 0 0 1-2.4 2.4H6.6l-1.8 2.1.2-2.1H3.9a2.4 2.4 0 0 1-2.4-2.4V5a2.4 2.4 0 0 1 2.4-2.4Z",
@@ -39474,28 +39670,40 @@ var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime21.js
 );
 
 // source/gui/client/components/TicketCard.tsx
-var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
 var TicketCard = ({
   ticket,
   index: index2,
   isSelected,
+  isPicked,
   commentCount,
   onOpenComments,
   onSelect,
-  onDragStart,
   onDragOverIssue,
   onDropIssueAt
 }) => {
+  const cardRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
+    if (!isSelected) return;
+    cardRef.current?.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [isSelected]);
   const getVisualTargetIndex = (isAfterMiddle) => index2 + (isAfterMiddle ? 1 : 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
+      ref: cardRef,
       draggable: !ticket.readonly,
-      onClick: onSelect,
+      onClick: (event) => {
+        event.stopPropagation();
+        onSelect({ toggle: event.metaKey || event.ctrlKey || event.shiftKey });
+      },
       onDragStart: (event) => {
         event.dataTransfer.effectAllowed = "move";
         event.dataTransfer.setData("text/plain", ticket.id);
-        onDragStart(ticket.id);
       },
       onDragOver: (event) => {
         event.preventDefault();
@@ -39517,18 +39725,22 @@ var TicketCard = ({
         display: "flex",
         alignItems: "flex-start",
         gap: 10,
-        color: isSelected ? GUI_THEME.accent : GUI_THEME.primary,
+        color: isSelected || isPicked ? GUI_THEME.accent : GUI_THEME.primary,
         fontSize: 11,
         cursor: ticket.readonly ? "default" : "grab",
-        background: isSelected ? "rgba(118,228,255,0.08)" : "rgba(185, 192, 255, 0.06)",
+        background: isSelected || isPicked ? "rgba(118,228,255,0.08)" : "rgba(185, 192, 255, 0.06)",
         padding: "10px 8px",
         minHeight: "58px",
         borderRadius: "8px",
         marginBottom: 4,
-        border: `1px solid ${isSelected ? GUI_THEME.accent : "transparent"}`
+        border: `1px solid ${isSelected || isPicked ? GUI_THEME.accent : "transparent"}`,
+        // Only the multi-selection is outlined, so it stays legible when the
+        // details panel is closed.
+        outline: isPicked ? `1px solid ${GUI_THEME.accent}` : void 0,
+        outlineOffset: 1
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "div",
           {
             style: {
@@ -39542,7 +39754,7 @@ var TicketCard = ({
             children: isSelected ? "\u276F" : index2 + 1
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           "div",
           {
             style: {
@@ -39554,7 +39766,7 @@ var TicketCard = ({
               paddingLeft: 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                 "div",
                 {
                   style: {
@@ -39565,7 +39777,7 @@ var TicketCard = ({
                     flex: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "div",
                       {
                         style: {
@@ -39581,17 +39793,17 @@ var TicketCard = ({
                         children: ticket.title
                       }
                     ),
-                    ticket.ref && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    ticket.ref && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "div",
                       {
                         style: {
                           color: GUI_THEME.dim2,
                           fontSize: 10
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopyRef, { refValue: ticket.ref })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopyRef, { refValue: ticket.ref })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "div",
                       {
                         style: {
@@ -39600,7 +39812,7 @@ var TicketCard = ({
                           gap: 6,
                           alignItems: "center"
                         },
-                        children: ticket.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                        children: ticket.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                           "span",
                           {
                             style: {
@@ -39620,7 +39832,7 @@ var TicketCard = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "div",
                 {
                   style: {
@@ -39630,7 +39842,7 @@ var TicketCard = ({
                     flexShrink: 0,
                     paddingTop: 2
                   },
-                  children: commentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                  children: commentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -39668,14 +39880,14 @@ var TicketCard = ({
                         event.currentTarget.style.transform = "translateY(0)";
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconComment, {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: commentCount })
+                        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconComment, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: commentCount })
                       ]
                     }
                   )
                 }
               ),
-              ticket.assignees.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              ticket.assignees.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "div",
                 {
                   style: {
@@ -39685,7 +39897,7 @@ var TicketCard = ({
                     paddingTop: 2,
                     marginTop: "-4px"
                   },
-                  children: ticket.assignees.map((assignee, idx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(User, { user: assignee, index: idx, isFocus: isSelected }))
+                  children: ticket.assignees.map((assignee, idx) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(User, { user: assignee, index: idx, isFocus: isSelected }))
                 }
               )
             ]
@@ -39697,7 +39909,7 @@ var TicketCard = ({
 };
 
 // source/gui/client/components/SwimlaneColumn.tsx
-var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
 var COLUMN_GLOW_COLOR = "rgb(140, 176, 232)";
 var COLUMN_PADDING = 14;
 var SCROLLBAR_GUTTER_INSET = COLUMN_PADDING / 2;
@@ -39710,13 +39922,14 @@ var SwimlaneColumn = ({
   dragOver,
   dropIndex,
   onSelectIssue,
+  pickedIssueIds,
   onCreateIssue,
   onDropIssue,
   onDragOver,
   onDragOverIssue,
   onDragLeave
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     Panel,
     {
       as: "section",
@@ -39763,7 +39976,7 @@ var SwimlaneColumn = ({
         onDragLeave();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "header",
           {
             style: {
@@ -39775,7 +39988,7 @@ var SwimlaneColumn = ({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                 "div",
                 {
                   style: {
@@ -39784,37 +39997,37 @@ var SwimlaneColumn = ({
                     gap: 8
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       "span",
                       {
                         style: { color: selected ? GUI_THEME.accent : GUI_THEME.secondary },
                         children: selected ? "\u276F" : " "
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       "strong",
                       {
                         style: { color: selected ? GUI_THEME.accent : GUI_THEME.primary },
                         children: swimlane.title
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { style: { color: GUI_THEME.dim }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { style: { color: GUI_THEME.dim }, children: [
                       "(",
                       swimlane.issues.length,
                       ")"
                     ] }),
-                    swimlane.readonly && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    swimlane.readonly && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       "span",
                       {
                         title: "Read-only",
                         style: { display: "flex", color: GUI_THEME.dim },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconLock, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconLock, {})
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 Button,
                 {
                   variant: "ghost",
@@ -39827,7 +40040,7 @@ var SwimlaneColumn = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "div",
           {
             style: {
@@ -39838,9 +40051,9 @@ var SwimlaneColumn = ({
               flex: 1,
               minHeight: 0
             },
-            children: swimlane.issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-              dropIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropIndicator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            children: swimlane.issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+              dropIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropIndicator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 "div",
                 {
                   style: {
@@ -39852,17 +40065,17 @@ var SwimlaneColumn = ({
                   children: "Drop issue here"
                 }
               )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-              swimlane.issues.map((ticket, index2) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react11.default.Fragment, { children: [
-                dropIndex === index2 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropIndicator, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+              swimlane.issues.map((ticket, index2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react12.default.Fragment, { children: [
+                dropIndex === index2 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropIndicator, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   TicketCard,
                   {
                     ticket,
                     index: index2,
                     isSelected: ticket.id === selectedIssueId,
-                    onSelect: () => onSelectIssue(ticket.id),
-                    onDragStart: (issueId) => onSelectIssue(issueId),
+                    isPicked: pickedIssueIds.includes(ticket.id),
+                    onSelect: (options) => onSelectIssue(ticket.id, options),
                     onOpenComments: onSelectIssueComments,
                     commentCount: commentsByIssueId[ticket.id]?.length ?? 0,
                     onDragOverIssue: (targetIndex) => onDragOverIssue(swimlane.id, targetIndex),
@@ -39873,7 +40086,7 @@ var SwimlaneColumn = ({
                   }
                 )
               ] }, ticket.id)),
-              dropIndex === swimlane.issues.length && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropIndicator, {})
+              dropIndex === swimlane.issues.length && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropIndicator, {})
             ] })
           }
         )
@@ -39883,9 +40096,9 @@ var SwimlaneColumn = ({
 };
 
 // source/gui/client/components/GlobalScrollbarStyles.tsx
-var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
 var SCROLLBAR_SIZE = 3;
-var GlobalScrollbarStyles = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("style", { children: `
+var GlobalScrollbarStyles = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("style", { children: `
 		/* Gated deliberately: Chrome implements scrollbar-width/-color too, and
 		   setting either makes it ignore the ::-webkit-scrollbar rules below. */
 		@supports not selector(::-webkit-scrollbar) {
@@ -39926,8 +40139,8 @@ var GlobalScrollbarStyles = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
 	` });
 
 // source/gui/client/components/ErrorToast.tsx
-var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
-var ErrorToast = ({ message, onDismiss }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var ErrorToast = ({ message, onDismiss }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
   "div",
   {
     style: {
@@ -39948,8 +40161,8 @@ var ErrorToast = ({ message, onDismiss }) => /* @__PURE__ */ (0, import_jsx_runt
       boxShadow: "0 4px 16px rgba(0, 0, 0, 0.4)"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { style: { flex: 1, minWidth: 0, overflowWrap: "anywhere" }, children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { style: { flex: 1, minWidth: 0, overflowWrap: "anywhere" }, children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "button",
         {
           onClick: onDismiss,
@@ -39970,7 +40183,7 @@ var ErrorToast = ({ message, onDismiss }) => /* @__PURE__ */ (0, import_jsx_runt
 );
 
 // source/gui/client/components/TimeScrubber.tsx
-var import_react14 = __toESM(require_react(), 1);
+var import_react15 = __toESM(require_react(), 1);
 
 // source/lib/utils/date.utils.ts
 var pad = (n) => String(n).padStart(2, "0");
@@ -39983,7 +40196,7 @@ var minOf = (values, seed) => values.reduce((min, value) => value < min ? value
 var maxOf = (values, seed) => values.reduce((max, value) => value > max ? value : max, seed);
 
 // source/gui/client/lib/scrubber.ts
-var import_react12 = __toESM(require_react(), 1);
+var import_react13 = __toESM(require_react(), 1);
 var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
 var TRACK_HEIGHT = 24;
 var EVENTS_MODE_TOTAL_HEIGHT = 8 + TRACK_HEIGHT * 2;
@@ -40155,6 +40368,7 @@ var barGrowAnimation = (index2, firstIndex, lastIndex) => {
     0
   )}ms backwards`;
 };
+var BAR_ENTRANCE_TOTAL_MS = BAR_GROW_MS + BAR_GROW_SWEEP_MS;
 var FADE_IN_ANIMATION = "epiqScrubberFadeIn 320ms ease-out";
 var SCRUBBER_KEYFRAMES = `
 	/* Must animate the standalone 'scale' property, not 'transform': the dots
@@ -40185,10 +40399,10 @@ var SCRUBBER_KEYFRAMES = `
 `;
 var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 var usePrefersReducedMotion = () => {
-  const [reduced, setReduced] = (0, import_react12.useState)(
+  const [reduced, setReduced] = (0, import_react13.useState)(
     () => window.matchMedia(REDUCED_MOTION_QUERY).matches
   );
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const query = window.matchMedia(REDUCED_MOTION_QUERY);
     const onChange = () => setReduced(query.matches);
     query.addEventListener("change", onChange);
@@ -40197,12 +40411,12 @@ var usePrefersReducedMotion = () => {
   return reduced;
 };
 var useExitTransition = (visible, durationMs) => {
-  const [mounted, setMounted] = (0, import_react12.useState)(visible);
-  const [leaving, setLeaving] = (0, import_react12.useState)(false);
-  const wasVisible = (0, import_react12.useRef)(visible);
-  const duration = (0, import_react12.useRef)(durationMs);
+  const [mounted, setMounted] = (0, import_react13.useState)(visible);
+  const [leaving, setLeaving] = (0, import_react13.useState)(false);
+  const wasVisible = (0, import_react13.useRef)(visible);
+  const duration = (0, import_react13.useRef)(durationMs);
   duration.current = durationMs;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (visible === wasVisible.current) return;
     wasVisible.current = visible;
     if (visible) {
@@ -40224,7 +40438,7 @@ var useExitTransition = (visible, durationMs) => {
   return { mounted, leaving };
 };
 var usePersistedFlag = (key, fallback) => {
-  const [value, setValue] = (0, import_react12.useState)(() => {
+  const [value, setValue] = (0, import_react13.useState)(() => {
     const stored = localStorage.getItem(key);
     return stored === null ? fallback : stored === "true";
   });
@@ -40238,10 +40452,10 @@ var usePersistedFlag = (key, fallback) => {
 };
 
 // source/gui/client/components/ScrubberParts.tsx
-var import_react13 = __toESM(require_react(), 1);
+var import_react14 = __toESM(require_react(), 1);
 
 // source/gui/client/components/Checkbox.tsx
-var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 var Checkbox = ({
   label,
   checked,
@@ -40251,7 +40465,7 @@ var Checkbox = ({
   title
 }) => {
   const color2 = checked ? activeColor : GUI_THEME.dim;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "label",
     {
       title,
@@ -40265,7 +40479,7 @@ var Checkbox = ({
         opacity: disabled ? 0.4 : 1
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           "span",
           {
             style: {
@@ -40282,7 +40496,7 @@ var Checkbox = ({
               flexShrink: 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -40300,7 +40514,7 @@ var Checkbox = ({
                   }
                 }
               ),
-              checked && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              checked && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "span",
                 {
                   style: {
@@ -40321,8 +40535,8 @@ var Checkbox = ({
 };
 
 // source/gui/client/components/IconChevronDown.tsx
-var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
-var IconChevronDown = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
+var IconChevronDown = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   "svg",
   {
     width: size,
@@ -40334,13 +40548,13 @@ var IconChevronDown = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime2
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("polyline", { points: "6 9 12 15 18 9" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("polyline", { points: "6 9 12 15 18 9" })
   }
 );
 
 // source/gui/client/components/IconChevronRight.tsx
-var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
-var IconChevronRight = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
+var IconChevronRight = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   "svg",
   {
     width: size,
@@ -40352,12 +40566,12 @@ var IconChevronRight = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("polyline", { points: "9 18 15 12 9 6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "9 18 15 12 9 6" })
   }
 );
 
 // source/gui/client/components/ScrubberParts.tsx
-var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
 var toggleButtonStyle = (active) => ({
   background: "transparent",
   border: `1px solid ${active ? GUI_THEME.accent : GUI_THEME.dim}`,
@@ -40394,10 +40608,10 @@ var ScrubberControls = ({
   onChangeShowCommits,
   onChangeAllBoards,
   onReturnToLive
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-    scope !== "all" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+    scope !== "all" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "button",
         {
           title: "Earlier",
@@ -40406,7 +40620,7 @@ var ScrubberControls = ({
           children: "\u25C0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "span",
         {
           style: {
@@ -40423,7 +40637,7 @@ var ScrubberControls = ({
           children: formatPeriodLabel(scope, offset, periodRange)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "button",
         {
           title: "Later",
@@ -40438,7 +40652,7 @@ var ScrubberControls = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style: { display: "flex", gap: 2 }, children: SCOPES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { display: "flex", gap: 2 }, children: SCOPES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "button",
       {
         onClick: () => onChangeScope(option),
@@ -40448,8 +40662,8 @@ var ScrubberControls = ({
       option
     )) })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", gap: 2 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", gap: 2 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "button",
       {
         title: "How much happened, per equal-width period \u2014 no empty gaps for quiet stretches",
@@ -40458,7 +40672,7 @@ var ScrubberControls = ({
         children: "Volume"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "button",
       {
         title: "Individual events by exact moment \u2014 x is elapsed time, y is time of day",
@@ -40468,8 +40682,8 @@ var ScrubberControls = ({
       }
     )
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", gap: 10 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", gap: 10 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Checkbox,
       {
         label: "Board",
@@ -40478,7 +40692,7 @@ var ScrubberControls = ({
         onChange: onChangeShowIssues
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Checkbox,
       {
         label: "Code",
@@ -40487,7 +40701,7 @@ var ScrubberControls = ({
         onChange: onChangeShowCommits
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Checkbox,
       {
         label: "All boards",
@@ -40497,7 +40711,7 @@ var ScrubberControls = ({
       }
     )
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       style: {
@@ -40509,7 +40723,7 @@ var ScrubberControls = ({
         width: 100,
         flexShrink: 0
       },
-      children: isScrubbing ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: isScrubbing ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "button",
         {
           onClick: onReturnToLive,
@@ -40525,7 +40739,7 @@ var ScrubberControls = ({
           },
           children: "Return to live"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "span",
         {
           style: {
@@ -40545,7 +40759,7 @@ var ScrubberHeader = ({
   collapsed,
   onToggleCollapsed,
   scrubbingAsOf
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   "div",
   {
     style: {
@@ -40556,7 +40770,7 @@ var ScrubberHeader = ({
       whiteSpace: "nowrap"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "button",
         {
           onClick: onToggleCollapsed,
@@ -40574,13 +40788,13 @@ var ScrubberHeader = ({
           },
           children: [
             "Time travel",
-            collapsed ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconChevronRight, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconChevronDown, { size: 12 })
+            collapsed ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconChevronRight, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconChevronDown, { size: 12 })
           ]
         }
       ),
-      scrubbingAsOf !== null && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { style: { color: GUI_THEME.accent, fontWeight: 700 }, children: "Read-only" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { style: { color: GUI_THEME.primary }, children: scrubbingAsOf })
+      scrubbingAsOf !== null && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { style: { color: GUI_THEME.accent, fontWeight: 700 }, children: "Read-only" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { style: { color: GUI_THEME.primary }, children: scrubbingAsOf })
       ] })
     ]
   }
@@ -40590,7 +40804,7 @@ var SegmentHighlight = ({
   fractionForTime
 }) => {
   const left = fractionForTime(segment.start);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       style: {
@@ -40622,7 +40836,7 @@ var SegmentHighlight = ({
 var TrackBaseline = ({
   color: color2,
   anchor
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     style: {
@@ -40638,11 +40852,11 @@ var TrackBaseline = ({
     }
   }
 );
-var HourAxisLabels = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: [
+var HourAxisLabels = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: [
   ["00:00", { top: EVENTS_MODE_VERTICAL_PADDING }],
   ["12:00", { top: "50%", transform: "translateY(-50%)" }],
   ["24:00", { bottom: EVENTS_MODE_VERTICAL_PADDING }]
-].map(([label, position3]) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+].map(([label, position3]) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "span",
   {
     style: {
@@ -40660,7 +40874,7 @@ var HourAxisLabels = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_
 var SeriesLayer = ({
   animate,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     style: {
@@ -40685,8 +40899,13 @@ var VolumeBars = ({
   const widthPercent = 100 / bucketCount;
   const barWidth = barWidthCss(bucketCount);
   const growsUp = direction === "up";
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    highlightedIndex !== null && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  const [fresh, setFresh] = (0, import_react14.useState)(true);
+  (0, import_react14.useEffect)(() => {
+    const timeout = setTimeout(() => setFresh(false), BAR_ENTRANCE_TOTAL_MS);
+    return () => clearTimeout(timeout);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    highlightedIndex !== null && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         style: {
@@ -40702,7 +40921,7 @@ var VolumeBars = ({
         }
       }
     ),
-    bars.map(({ index: index2, intensity }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    bars.map(({ index: index2, intensity }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         style: {
@@ -40715,7 +40934,7 @@ var VolumeBars = ({
           background: color2,
           opacity: 0.35 + intensity * 0.65,
           transformOrigin: growsUp ? "bottom" : "top",
-          animation: animate ? barGrowAnimation(index2, firstBar, lastBar) : void 0,
+          animation: animate && fresh ? barGrowAnimation(index2, firstBar, lastBar) : void 0,
           pointerEvents: "none"
         }
       },
@@ -40736,7 +40955,7 @@ var ScatterDot = ({
   onMouseEnter,
   onMouseLeave,
   onClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     title,
@@ -40765,13 +40984,13 @@ var ScatterDot = ({
   }
 );
 var ScrubberNeedle = ({ fraction }) => {
-  const [hovered, setHovered] = (0, import_react13.useState)(false);
+  const [hovered, setHovered] = (0, import_react14.useState)(false);
   const hover = {
     onMouseEnter: () => setHovered(true),
     onMouseLeave: () => setHovered(false)
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         ...hover,
@@ -40791,7 +41010,7 @@ var ScrubberNeedle = ({ fraction }) => {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         ...hover,
@@ -40821,7 +41040,7 @@ var ScrubberHoverHint = ({
   fraction,
   trackWidthPx,
   empty: empty3 = false
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   "div",
   {
     style: {
@@ -40853,8 +41072,8 @@ var ScrubberHoverHint = ({
       zIndex: 5
     },
     children: [
-      segmentLabel && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style: { fontSize: 10, color: GUI_THEME.dim }, children: segmentLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      segmentLabel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { fontSize: 10, color: GUI_THEME.dim }, children: segmentLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           style: {
@@ -40867,7 +41086,7 @@ var ScrubberHoverHint = ({
           children: label
         }
       ),
-      rows.map((row, index2) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      rows.map((row, index2) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           style: {
@@ -40885,7 +41104,7 @@ var ScrubberHoverHint = ({
 );
 
 // source/gui/client/components/ScrubberLayout.tsx
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
 var dotAnimation = (key, animate, leaving) => !animate ? void 0 : leaving ? dotExitAnimation(key) : dotAppearAnimation(key);
 var ScrubberLayout = ({
   collapsed,
@@ -40895,7 +41114,7 @@ var ScrubberLayout = ({
   chart
 }) => {
   const { axis, layoutMode, animate, windowKey, on } = chart;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     Panel,
     {
       as: "div",
@@ -40912,8 +41131,8 @@ var ScrubberLayout = ({
         overflow: "visible"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("style", { children: SCRUBBER_KEYFRAMES }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("style", { children: SCRUBBER_KEYFRAMES }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "div",
           {
             style: {
@@ -40922,7 +41141,7 @@ var ScrubberLayout = ({
               gap: collapsed ? 0 : 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                 "div",
                 {
                   style: {
@@ -40934,7 +41153,7 @@ var ScrubberLayout = ({
                     minHeight: 22
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       ScrubberHeader,
                       {
                         collapsed,
@@ -40942,7 +41161,7 @@ var ScrubberLayout = ({
                         scrubbingAsOf
                       }
                     ),
-                    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrubberControls, { ...controls })
+                    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ScrubberControls, { ...controls })
                   ]
                 }
               ),
@@ -40950,7 +41169,7 @@ var ScrubberLayout = ({
               // spanning them and the gap between. Pointer handlers belong here
               // rather than on either chart, so a drag or hover anywhere across
               // the pair — the gap included — counts as one timeline.
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                 "div",
                 {
                   onPointerDown: on.onPointerDown,
@@ -40967,14 +41186,14 @@ var ScrubberLayout = ({
                     cursor: "pointer"
                   },
                   children: [
-                    chart.hoveredSegment && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    chart.hoveredSegment && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       SegmentHighlight,
                       {
                         segment: chart.hoveredSegment,
                         fractionForTime: axis.fractionForTime
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                       "div",
                       {
                         ref: chart.trackRef,
@@ -40989,15 +41208,15 @@ var ScrubberLayout = ({
                           alignItems: "center"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             TrackBaseline,
                             {
                               color: GUI_THEME.accent,
                               anchor: layoutMode === "even" ? "bottom" : "centre"
                             }
                           ),
-                          layoutMode === "real" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HourAxisLabels, {}),
-                          chart.showIssues && layoutMode === "even" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SeriesLayer, { animate, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          layoutMode === "real" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(HourAxisLabels, {}),
+                          chart.showIssues && layoutMode === "even" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SeriesLayer, { animate, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             VolumeBars,
                             {
                               bars: chart.issueBars,
@@ -41010,13 +41229,13 @@ var ScrubberLayout = ({
                               animate
                             }
                           ) }, `issues-${windowKey}`),
-                          chart.issueScatter.mounted && layoutMode === "real" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          chart.issueScatter.mounted && layoutMode === "real" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             SeriesLayer,
                             {
                               animate: animate && !chart.issueScatter.leaving,
                               children: chart.eventBuckets.map((bucket) => {
                                 const intensity = bucket.count / chart.maxEventCount;
-                                return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                                return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                                   ScatterDot,
                                   {
                                     fraction: axis.fractionForTime(bucket.t),
@@ -41041,11 +41260,11 @@ var ScrubberLayout = ({
                             },
                             `issues-${windowKey}`
                           ),
-                          chart.commitScatter.mounted && layoutMode === "real" && chart.commits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          chart.commitScatter.mounted && layoutMode === "real" && chart.commits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             SeriesLayer,
                             {
                               animate: animate && !chart.commitScatter.leaving,
-                              children: chart.commits.map((commit) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                              children: chart.commits.map((commit) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                                 ScatterDot,
                                 {
                                   fraction: axis.fractionForTime(commit.time),
@@ -41073,7 +41292,7 @@ var ScrubberLayout = ({
                         ]
                       }
                     ),
-                    chart.showCommits && layoutMode === "even" && chart.commits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                    chart.showCommits && layoutMode === "even" && chart.commits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                       "div",
                       {
                         onMouseEnter: on.onCommitTrackMouseEnter,
@@ -41086,8 +41305,8 @@ var ScrubberLayout = ({
                           animation: animate ? FADE_IN_ANIMATION : void 0
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TrackBaseline, { color: GUI_THEME.green, anchor: "top" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TrackBaseline, { color: GUI_THEME.green, anchor: "top" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             VolumeBars,
                             {
                               bars: chart.commitBars,
@@ -41104,8 +41323,8 @@ var ScrubberLayout = ({
                       },
                       `commits-${windowKey}`
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrubberNeedle, { fraction: chart.thumbFraction }),
-                    chart.boardHint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ScrubberNeedle, { fraction: chart.thumbFraction }),
+                    chart.boardHint && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       ScrubberHoverHint,
                       {
                         ...chart.boardHint,
@@ -41114,7 +41333,7 @@ var ScrubberLayout = ({
                         trackWidthPx: chart.trackWidthPx
                       }
                     ),
-                    chart.commitHint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    chart.commitHint && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       ScrubberHoverHint,
                       {
                         ...chart.commitHint,
@@ -41135,7 +41354,7 @@ var ScrubberLayout = ({
 };
 
 // source/gui/client/components/TimeScrubber.tsx
-var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
 var SCRUB_THROTTLE_MS = 120;
 var COLLAPSED_STORAGE_KEY = "epiq.timeScrubber.collapsed";
 var SCOPE_STORAGE_KEY = "epiq.timeScrubber.scope";
@@ -41149,6 +41368,7 @@ var readStoredScope = () => {
 var TimeScrubber = ({
   timeline,
   commits,
+  historyId,
   timeTravel,
   onScrub,
   onReturnToLive,
@@ -41158,12 +41378,12 @@ var TimeScrubber = ({
   onInspectCommit
 }) => {
   const animate = !usePrefersReducedMotion();
-  const trackRef = (0, import_react14.useRef)(null);
-  const lastDispatchRef = (0, import_react14.useRef)(0);
-  const [layoutMode, setLayoutMode] = (0, import_react14.useState)("even");
-  const [scope, setScope] = (0, import_react14.useState)(readStoredScope);
-  const [offset, setOffset] = (0, import_react14.useState)(0);
-  const [dragFraction, setDragFraction] = (0, import_react14.useState)(null);
+  const trackRef = (0, import_react15.useRef)(null);
+  const lastDispatchRef = (0, import_react15.useRef)(0);
+  const [layoutMode, setLayoutMode] = (0, import_react15.useState)("even");
+  const [scope, setScope] = (0, import_react15.useState)(readStoredScope);
+  const [offset, setOffset] = (0, import_react15.useState)(0);
+  const [dragFraction, setDragFraction] = (0, import_react15.useState)(null);
   const [collapsed, setCollapsed] = usePersistedFlag(
     COLLAPSED_STORAGE_KEY,
     false
@@ -41183,23 +41403,32 @@ var TimeScrubber = ({
   const exitMs = layoutMode === "real" && animate ? DOT_EXIT_TOTAL_MS : 0;
   const issueScatter = useExitTransition(showIssues, exitMs);
   const commitScatter = useExitTransition(showCommits, exitMs);
-  const [hoveredEvent, setHoveredEvent] = (0, import_react14.useState)(null);
-  const [pointerFraction, setPointerFraction] = (0, import_react14.useState)(null);
-  const [hoveredCommit, setHoveredCommit] = (0, import_react14.useState)(null);
-  const [hoveredBucketIndex, setHoveredBucketIndex] = (0, import_react14.useState)(
+  const [hoveredEvent, setHoveredEvent] = (0, import_react15.useState)(null);
+  const [pointerFraction, setPointerFraction] = (0, import_react15.useState)(null);
+  const [hoveredCommit, setHoveredCommit] = (0, import_react15.useState)(null);
+  const [hoveredBucketIndex, setHoveredBucketIndex] = (0, import_react15.useState)(
     null
   );
-  const [hoveredCommitBucketIndex, setHoveredCommitBucketIndex] = (0, import_react14.useState)(null);
+  const [hoveredCommitBucketIndex, setHoveredCommitBucketIndex] = (0, import_react15.useState)(null);
   const periodRange = getPeriodRange(scope, offset);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!connected) return;
     onRequestHistory(periodRange?.start, periodRange?.end, allBoards);
   }, [scope, offset, boardId, allBoards, connected]);
   const changeScope = (nextScope) => {
+    armEntrance();
     setScope(nextScope);
     setOffset(0);
     localStorage.setItem(SCOPE_STORAGE_KEY, nextScope);
   };
+  const changeOffset = (nextOffset) => {
+    armEntrance();
+    setOffset(nextOffset);
+  };
+  const changeAllBoards = (next) => {
+    armEntrance();
+    setAllBoards(next);
+  };
   const axis = buildAxis(timeline, commits);
   const issueCounts = bucketIssueCounts(axis, timeline);
   const commitStats = bucketCommitStats(axis, commits);
@@ -41220,11 +41449,21 @@ var TimeScrubber = ({
     index: index2,
     intensity: stats.count / maxCommitCount
   }));
-  const [animationGeneration, setAnimationGeneration] = (0, import_react14.useState)(0);
-  const hasData = timeline !== null;
-  (0, import_react14.useEffect)(() => {
-    setAnimationGeneration((generation) => generation + 1);
-  }, [scope, offset, boardId, allBoards, layoutMode, hasData]);
+  const [entrance, setEntrance] = (0, import_react15.useState)(0);
+  const armed = (0, import_react15.useRef)(true);
+  const seenHistoryId = (0, import_react15.useRef)(historyId);
+  const armEntrance = () => {
+    armed.current = true;
+  };
+  (0, import_react15.useEffect)(armEntrance, [boardId]);
+  (0, import_react15.useEffect)(() => {
+    if (seenHistoryId.current === historyId) return;
+    seenHistoryId.current = historyId;
+    if (!armed.current) return;
+    armed.current = false;
+    setEntrance((generation) => generation + 1);
+  }, [historyId]);
+  const windowKey = `${layoutMode}-${entrance}`;
   const confirmedFraction = timeTravel.mode === "scrub" && timeTravel.asOfTime !== null ? axis.fractionForTime(timeTravel.asOfTime) : 1;
   const fractionFromClientX = (clientX) => {
     const track = trackRef.current;
@@ -41296,7 +41535,7 @@ var TimeScrubber = ({
     hoveredEvent?.t ?? hoveredCommit?.commit.time ?? (pointerFraction !== null ? axis.fractionToTime(pointerFraction) : void 0)
   )) ?? null;
   const segmentUnit = chooseSegmentUnit(axis.span);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     ScrubberLayout,
     {
       collapsed,
@@ -41313,11 +41552,11 @@ var TimeScrubber = ({
         isScrubbing: timeTravel.mode === "scrub",
         nowLabel: scope === "all" || offset === 0 ? "Now" : formatDateTime(new Date(axis.latest)),
         onChangeScope: changeScope,
-        onChangeOffset: setOffset,
+        onChangeOffset: changeOffset,
         onChangeLayoutMode: setLayoutMode,
         onChangeShowIssues: setShowIssues,
         onChangeShowCommits: setShowCommits,
-        onChangeAllBoards: setAllBoards,
+        onChangeAllBoards: changeAllBoards,
         onReturnToLive
       },
       chart: {
@@ -41325,7 +41564,7 @@ var TimeScrubber = ({
         axis,
         layoutMode,
         animate,
-        windowKey: `${layoutMode}-${animationGeneration}`,
+        windowKey,
         showIssues,
         showCommits,
         issueScatter,
@@ -41395,34 +41634,6 @@ var TimeScrubber = ({
   );
 };
 
-// source/gui/client/lib/socket-send.ts
-var pending = /* @__PURE__ */ new WeakMap();
-var sendSocketJson = (socket, data2) => {
-  if (!socket) return;
-  const message = JSON.stringify(data2);
-  if (socket.readyState === WebSocket.OPEN) {
-    socket.send(message);
-    return;
-  }
-  if (socket.readyState !== WebSocket.CONNECTING) return;
-  const queued = pending.get(socket);
-  if (queued) {
-    queued.push(message);
-    return;
-  }
-  pending.set(socket, [message]);
-  socket.addEventListener(
-    "open",
-    () => {
-      for (const queuedMessage of pending.get(socket) ?? []) {
-        socket.send(queuedMessage);
-      }
-      pending.delete(socket);
-    },
-    { once: true }
-  );
-};
-
 // source/gui/client/lib/gui-move-issue.tsx
 var toMovePosition = (targetIssues, targetIndex) => {
   if (targetIssues.length === 0) return { at: "start" };
@@ -41467,47 +41678,36 @@ var findMove = (state, issueId, parentId, targetIndex) => {
     targetParentId: targetSwimlane.id
   };
 };
-var moveIssue = (setState, socketRef) => (issueId, parentId, targetIndex) => {
-  let position3 = null;
-  setState((current) => {
-    if (!current) return current;
-    const move = findMove(current, issueId, parentId, targetIndex);
-    if (!move) return current;
-    position3 = move.position;
-    return {
-      ...current,
-      boards: current.boards.map((board) => ({
-        ...board,
-        swimlanes: board.swimlanes.map((swimlane) => {
-          const issuesWithoutMoved = swimlane.issues.filter(
-            (issue) => issue.id !== issueId
-          );
-          if (swimlane.id !== parentId) {
-            return {
-              ...swimlane,
-              issues: issuesWithoutMoved
-            };
-          }
-          const nextIssues = [...issuesWithoutMoved];
-          const index2 = targetIndex === "end" ? nextIssues.length : Math.max(0, Math.min(targetIndex, nextIssues.length));
-          nextIssues.splice(index2, 0, move.movedIssue);
-          return {
-            ...swimlane,
-            issues: nextIssues
-          };
-        })
-      }))
-    };
-  });
-  if (!position3) return;
-  sendSocketJson(socketRef.current, {
-    type: "issues:move",
-    payload: {
-      issueId,
-      parentId,
-      position: position3
-    }
-  });
+var applyMove = (state, issueId, parentId, targetIndex, movedIssue) => ({
+  ...state,
+  boards: state.boards.map((board) => ({
+    ...board,
+    swimlanes: board.swimlanes.map((swimlane) => {
+      const issuesWithoutMoved = swimlane.issues.filter(
+        (issue) => issue.id !== issueId
+      );
+      if (swimlane.id !== parentId) {
+        return { ...swimlane, issues: issuesWithoutMoved };
+      }
+      const nextIssues = [...issuesWithoutMoved];
+      const index2 = targetIndex === "end" ? nextIssues.length : Math.max(0, Math.min(targetIndex, nextIssues.length));
+      nextIssues.splice(index2, 0, movedIssue);
+      return { ...swimlane, issues: nextIssues };
+    })
+  }))
+});
+var moveIssue = (state, setState, send) => (issueIds, parentId, targetIndex) => {
+  if (!state) return;
+  let running = state;
+  for (const [offset, issueId] of issueIds.entries()) {
+    const index2 = targetIndex === "end" ? "end" : targetIndex + offset;
+    const move = findMove(running, issueId, parentId, index2);
+    if (!move) continue;
+    running = applyMove(running, issueId, parentId, index2, move.movedIssue);
+    send("issues:move", { issueId, parentId, position: move.position });
+  }
+  const next = running;
+  setState((current) => current ? next : current);
 };
 
 // source/lib/utils/node-ref.ts
@@ -41552,6 +41752,34 @@ var updateIssueInGuiState = (state, issueId, updateIssue) => ({
   }))
 });
 
+// source/gui/client/lib/socket-send.ts
+var pending = /* @__PURE__ */ new WeakMap();
+var sendSocketJson = (socket, data2) => {
+  if (!socket) return;
+  const message = JSON.stringify(data2);
+  if (socket.readyState === WebSocket.OPEN) {
+    socket.send(message);
+    return;
+  }
+  if (socket.readyState !== WebSocket.CONNECTING) return;
+  const queued = pending.get(socket);
+  if (queued) {
+    queued.push(message);
+    return;
+  }
+  pending.set(socket, [message]);
+  socket.addEventListener(
+    "open",
+    () => {
+      for (const queuedMessage of pending.get(socket) ?? []) {
+        socket.send(queuedMessage);
+      }
+      pending.delete(socket);
+    },
+    { once: true }
+  );
+};
+
 // source/gui/client/lib/history-buffer.ts
 var createHistoryBuffer = (publish) => {
   let lastRequestId = 0;
@@ -41571,7 +41799,48 @@ var createHistoryBuffer = (publish) => {
       const { timeline, commits } = pending2;
       if (!timeline || !commits) return;
       pending2 = {};
-      publish({ timeline, commits });
+      publish({ requestId, timeline, commits });
+    }
+  };
+};
+
+// source/gui/client/lib/gui-mutations.ts
+var MUTATING_MESSAGE_TYPES = /* @__PURE__ */ new Set([
+  "sync",
+  "issues:create",
+  "issues:move",
+  "issue:close",
+  "issue:reopen",
+  "issue:edit:title",
+  "issue:edit:description",
+  "issue:tag:add",
+  "issue:tag:remove",
+  "contributor:remove",
+  "issue:assignee:add",
+  "issue:assignee:remove",
+  "issue:comment:add",
+  "issue:comment:delete"
+]);
+
+// source/gui/client/lib/mutation-gate.ts
+var createMutationGate = () => {
+  let pending2 = 0;
+  return {
+    sent(type) {
+      if (MUTATING_MESSAGE_TYPES.has(type)) pending2 += 1;
+    },
+    /** `error` counts too: the handler paths that fail early send no result. */
+    received(type) {
+      if (type === "error" || type?.endsWith(":result")) {
+        pending2 = Math.max(0, pending2 - 1);
+      }
+    },
+    /** A reply owed on a closed socket never arrives. */
+    reset() {
+      pending2 = 0;
+    },
+    holdsState() {
+      return pending2 > 0;
     }
   };
 };
@@ -41641,8 +41910,8 @@ var blobToBase64 = (blob) => new Promise((resolve, reject) => {
 });
 
 // source/gui/client/App.tsx
-var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
-var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
+var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "div",
   {
     style: {
@@ -41655,38 +41924,44 @@ var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   }
 );
 var App = () => {
-  const { boardId, issueId } = useParams();
+  const { boardId } = useParams();
+  const issueMatch = useMatch("/board/:boardId/issue/:issueId");
+  const legacyIssueMatch = useMatch("/board/:boardId/:issueId");
+  const issueId = issueMatch?.params.issueId ?? legacyIssueMatch?.params.issueId;
   const [searchParams, setSearchParams] = useSearchParams();
-  const [connected, setConnected] = (0, import_react15.useState)(false);
-  const [syncStatus, setSyncStatus] = (0, import_react15.useState)({
+  const [connected, setConnected] = (0, import_react16.useState)(false);
+  const [syncStatus, setSyncStatus] = (0, import_react16.useState)({
     status: "synced",
     msg: "idle"
   });
-  const [state, setState] = (0, import_react15.useState)(null);
-  const [contributors, setContributors] = (0, import_react15.useState)([]);
-  const [history, setHistory] = (0, import_react15.useState)({ timeline: null, commits: [] });
-  const [historyBuffer] = (0, import_react15.useState)(() => createHistoryBuffer(setHistory));
-  const [commitInspectError, setCommitInspectError] = (0, import_react15.useState)(
+  const [state, setState] = (0, import_react16.useState)(null);
+  const [contributors, setContributors] = (0, import_react16.useState)([]);
+  const [history, setHistory] = (0, import_react16.useState)({ requestId: 0, timeline: null, commits: [] });
+  const [historyBuffer] = (0, import_react16.useState)(() => createHistoryBuffer(setHistory));
+  const [commitInspectError, setCommitInspectError] = (0, import_react16.useState)(
     null
   );
-  const [removeError, setRemoveError] = (0, import_react15.useState)(null);
-  const [dragOverSwimlaneId, setDragOverSwimlaneId] = (0, import_react15.useState)(
+  const [removeError, setRemoveError] = (0, import_react16.useState)(null);
+  const [actionError, setActionError] = (0, import_react16.useState)(null);
+  const [dragOverSwimlaneId, setDragOverSwimlaneId] = (0, import_react16.useState)(
     null
   );
-  const [dropTarget, setDropTarget] = (0, import_react15.useState)(null);
-  const [boardMenuOpen, setBoardMenuOpen] = (0, import_react15.useState)(false);
-  const [createIssueModal, setCreateIssueModal] = (0, import_react15.useState)(null);
-  const boardMenuRef = (0, import_react15.useRef)(null);
-  const socketRef = (0, import_react15.useRef)(null);
+  const [dropTarget, setDropTarget] = (0, import_react16.useState)(null);
+  const [pickedIssueIds, setPickedIssueIds] = (0, import_react16.useState)([]);
+  const [boardMenuOpen, setBoardMenuOpen] = (0, import_react16.useState)(false);
+  const [createIssueModal, setCreateIssueModal] = (0, import_react16.useState)(null);
+  const boardMenuRef = (0, import_react16.useRef)(null);
+  const socketRef = (0, import_react16.useRef)(null);
+  const [mutationGate] = (0, import_react16.useState)(createMutationGate);
   const selectedTab = searchParams.get("tab") === "comments" ? "comments" : "overview";
   const navigate = useNavigate();
   const selectedBoard = (state && boardId ? findBoard(state, boardId) : null) ?? state?.boards[0] ?? null;
   const selectedBoardId = selectedBoard?.id ?? null;
-  const selectedBoardIdRef = (0, import_react15.useRef)(selectedBoardId);
+  const selectedBoardIdRef = (0, import_react16.useRef)(selectedBoardId);
   selectedBoardIdRef.current = selectedBoardId;
   const boardSlug = selectedBoard?.ref ?? boardId;
   const selectedIssue = state && issueId ? findIssue(state, issueId) : null;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const onPaste = (event) => {
       if (!selectedIssue || selectedIssue.readonly) return;
       const target = event.target;
@@ -41707,28 +41982,31 @@ var App = () => {
   };
   const commentsByIssueId = state?.commentsByIssueId ?? {};
   const attachmentsByIssueId = state?.attachmentsByIssueId ?? {};
-  const [attachmentUploadStatus, setAttachmentUploadStatus] = (0, import_react15.useState)({ state: "idle" });
+  const [attachmentUploadStatus, setAttachmentUploadStatus] = (0, import_react16.useState)({ state: "idle" });
   const requestState = () => {
     sendSocketJson(socketRef.current, { type: "state:get" });
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const socket = new WebSocket(
       `ws://${window.location.host}/ws${boardId ? `?boardId=${boardId}` : ""}`
     );
     socketRef.current = socket;
     socket.addEventListener("open", () => {
       setConnected(true);
+      mutationGate.reset();
       sendSocketJson(socket, { type: "state:get" });
     });
     socket.addEventListener("close", () => {
       setConnected(false);
+      mutationGate.reset();
       if (socketRef.current === socket) {
         socketRef.current = null;
       }
     });
     socket.addEventListener("message", (event) => {
       const message = JSON.parse(event.data);
-      if (message.type === "state") {
+      mutationGate.received(message.type);
+      if (message.type === "state" && !mutationGate.holdsState()) {
         const nextState = getResultValue(message.payload);
         if (nextState) setState(nextState);
       }
@@ -41741,7 +42019,9 @@ var App = () => {
         }
       }
       if (message.type === "failed") {
-        console.log("Failed", message);
+        setActionError(
+          typeof message.payload === "string" ? message.payload : "The board refused that change"
+        );
         requestState();
       }
       if (message.type === "timeline") {
@@ -41789,12 +42069,12 @@ var App = () => {
       socket.close();
     };
   }, [boardId, navigate]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!boardId && state?.boards[0]) {
       void navigate(`/board/${state.boards[0].ref}`, { replace: true });
     }
   }, [boardId, state, navigate]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const close = (event) => {
       if (boardMenuRef.current && !boardMenuRef.current.contains(event.target)) {
         setBoardMenuOpen(false);
@@ -41808,9 +42088,24 @@ var App = () => {
     setDropTarget(null);
   };
   const send = (type, payload) => {
+    mutationGate.sent(type);
     sendSocketJson(socketRef.current, { type, payload });
   };
-  const selectIssue = (nextIssueId) => {
+  const togglePicked = (nextIssueId) => {
+    setPickedIssueIds(
+      (current) => current.includes(nextIssueId) ? current.filter((id) => id !== nextIssueId) : [...current, nextIssueId]
+    );
+  };
+  const clearPicked = () => setPickedIssueIds([]);
+  const [bulkTagName, setBulkTagName] = (0, import_react16.useState)("");
+  const [bulkAssigneeName, setBulkAssigneeName] = (0, import_react16.useState)("");
+  const pickedIssues = (state?.boards ?? []).flatMap((board) => board.swimlanes).flatMap((swimlane) => swimlane.issues).filter((issue) => pickedIssueIds.includes(issue.id));
+  const forPicked = (act) => {
+    for (const issue of pickedIssues) act(issue.id);
+  };
+  const selectIssue = (nextIssueId, { toggle } = { toggle: false }) => {
+    if (toggle) return togglePicked(nextIssueId);
+    setPickedIssueIds([nextIssueId]);
     if (!boardSlug) return;
     void navigate(
       `/board/${boardSlug}/issue/${nodeRef(nextIssueId)}?tab=overview`
@@ -41957,7 +42252,7 @@ var App = () => {
   const returnToLive = () => {
     send("time-travel:live", {});
   };
-  const requestBoardHistory = (0, import_react15.useCallback)(
+  const requestBoardHistory = (0, import_react16.useCallback)(
     (start2, end, allBoards) => {
       const window2 = start2 !== void 0 ? { start: start2, end } : void 0;
       const requestId = historyBuffer.open();
@@ -41976,28 +42271,34 @@ var App = () => {
     },
     [selectedBoardId]
   );
-  const requestContributors = (0, import_react15.useCallback)(() => {
+  const requestContributors = (0, import_react16.useCallback)(() => {
     sendSocketJson(socketRef.current, {
       type: "contributors:get",
       payload: { boardId: selectedBoardIdRef.current }
     });
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     setContributors([]);
+    setPickedIssueIds([]);
   }, [selectedBoardId]);
-  const inspectCommit = (0, import_react15.useCallback)((sha) => {
+  const inspectCommit = (0, import_react16.useCallback)((sha) => {
     sendSocketJson(socketRef.current, { type: "commit:inspect", payload: { sha } });
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!commitInspectError) return;
     const timeout = setTimeout(() => setCommitInspectError(null), 8e3);
     return () => clearTimeout(timeout);
   }, [commitInspectError]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!removeError) return;
     const timeout = setTimeout(() => setRemoveError(null), 8e3);
     return () => clearTimeout(timeout);
   }, [removeError]);
+  (0, import_react16.useEffect)(() => {
+    if (!actionError) return;
+    const timeout = setTimeout(() => setActionError(null), 8e3);
+    return () => clearTimeout(timeout);
+  }, [actionError]);
   const selectBoard = (nextBoardId) => {
     setBoardMenuOpen(false);
     clearDragState();
@@ -42120,7 +42421,7 @@ var App = () => {
     });
     send("issue:comment:delete", { commentId });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       style: {
@@ -42132,27 +42433,35 @@ var App = () => {
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GlobalScrollbarStyles, {}),
-        commitInspectError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(GlobalScrollbarStyles, {}),
+        commitInspectError && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ErrorToast,
           {
             message: `Couldn't open commit diff: ${commitInspectError}`,
             onDismiss: () => setCommitInspectError(null)
           }
         ),
-        removeError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        removeError && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           ErrorToast,
           {
             message: removeError,
             onDismiss: () => setRemoveError(null)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Header, { state, connected, syncStatus }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        actionError && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          ErrorToast,
+          {
+            message: actionError,
+            onDismiss: () => setActionError(null)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Header, { state, connected, syncStatus }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           TimeScrubber,
           {
             timeline: history.timeline,
             commits: history.commits,
+            historyId: history.requestId,
             boardId: selectedBoardId,
             connected,
             onRequestHistory: requestBoardHistory,
@@ -42162,7 +42471,7 @@ var App = () => {
             onReturnToLive: returnToLive
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             style: {
@@ -42171,9 +42480,10 @@ var App = () => {
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                 "main",
                 {
+                  onClick: clearPicked,
                   style: {
                     // No bottom padding: the board row is the horizontal scroll
                     // container, and a gap below it would strand its scrollbar.
@@ -42185,7 +42495,7 @@ var App = () => {
                     overflow: "hidden"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: { padding: "20px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { style: { padding: "20px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                       Dropdown,
                       {
                         testId: "board-switcher",
@@ -42202,7 +42512,7 @@ var App = () => {
                         onSelect: selectBoard
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                       "div",
                       {
                         style: {
@@ -42214,7 +42524,7 @@ var App = () => {
                           overflowY: "hidden"
                         },
                         children: [
-                          selectedBoard?.swimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                          selectedBoard?.swimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                             SwimlaneColumn,
                             {
                               swimlane,
@@ -42226,21 +42536,58 @@ var App = () => {
                               onSelectIssue: selectIssue,
                               onSelectIssueComments: selectIssueComments,
                               onCreateIssue: openCreateIssueModal,
-                              onDropIssue: moveIssue(setState, socketRef),
+                              onDropIssue: (issueId2, swimlaneId, targetIndex) => {
+                                const moving = pickedIssueIds.includes(issueId2) ? pickedIssueIds : [issueId2];
+                                moveIssue(state, setState, send)(
+                                  moving,
+                                  swimlaneId,
+                                  targetIndex
+                                );
+                                clearPicked();
+                              },
+                              pickedIssueIds,
                               onDragOver: setDragOverSwimlaneId,
                               onDragOverIssue: (swimlaneId, index2) => setDropTarget({ swimlaneId, index: index2 }),
                               onDragLeave: clearDragState
                             },
                             swimlane.id
                           )),
-                          !(selectedIssue && state?.user) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: { width: ASIDE_WIDTH, flexShrink: 0 } })
+                          !(selectedIssue && state?.user) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { style: { width: ASIDE_WIDTH, flexShrink: 0 } })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              selectedIssue && state?.user && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              pickedIssues.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                BulkDetails,
+                {
+                  issues: pickedIssues,
+                  knownTags: state?.tags ?? [],
+                  knownAssignees: contributors,
+                  tagName: bulkTagName,
+                  assigneeName: bulkAssigneeName,
+                  onChangeTagName: setBulkTagName,
+                  onChangeAssigneeName: setBulkAssigneeName,
+                  onAddTag: (name2) => {
+                    forPicked((id) => addIssueTag(id, name2));
+                    setBulkTagName("");
+                  },
+                  onRemoveTag: (tagId) => forPicked((id) => removeIssueTag(id, tagId)),
+                  onAddAssignee: (assigneeId) => forPicked((id) => addIssueAssignee(id, assigneeId)),
+                  onRemoveAssignee: (assigneeId) => forPicked((id) => removeIssueAssignee(id, assigneeId)),
+                  onCloseIssues: () => {
+                    forPicked(closeIssue);
+                    clearPicked();
+                  },
+                  onReopenIssues: () => {
+                    forPicked(reopenIssue);
+                    clearPicked();
+                  },
+                  onClear: clearPicked
+                }
+              ),
+              pickedIssues.length <= 1 && selectedIssue && state?.user && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 IssueDetails,
                 {
                   whoAmI: state.user,
@@ -42273,7 +42620,7 @@ var App = () => {
             ]
           }
         ),
-        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           CreateIssueModal,
           {
             title: createIssueModal.title,
@@ -42288,14 +42635,12 @@ var App = () => {
 };
 
 // source/gui/client/main.tsx
-var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
 (0, import_client.createRoot)(document.getElementById("root")).render(
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Route, { path: "/board/:boardId", element: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Route, { path: "/board/:boardId/issue/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Route, { path: "/board/:boardId/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Navigate, { to: "/", replace: true }) })
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Routes, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(App, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Route, { path: "/board/:boardId/*", element: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(App, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Navigate, { to: "/", replace: true }) })
   ] }) })
 );
 /*! Bundled license information: