epiq 1.4.1 → 1.4.3

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);
@@ -24847,6 +24860,12 @@ var GUI_THEME = {
   green: "#8ce99a",
   red: "#ff8787"
 };
+var EVENT_CATEGORY_COLORS = {
+  tickets: GUI_THEME.accent,
+  comments: "#ffd479",
+  tagging: "#c9a5ff",
+  assigning: "#ff9ecd"
+};
 
 // source/gui/client/components/Aside.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
@@ -25305,7 +25324,7 @@ var User = ({
 );
 
 // source/version.ts
-var EPIQ_VERSION = "1.4.1";
+var EPIQ_VERSION = "1.4.3";
 
 // source/gui/client/components/Header.tsx
 var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
@@ -27702,11 +27721,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 +38861,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 +38875,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 +38936,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 +38953,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 +39483,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 +39661,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 +39676,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 +39731,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 +39760,7 @@ var TicketCard = ({
             children: isSelected ? "\u276F" : index2 + 1
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           "div",
           {
             style: {
@@ -39554,7 +39772,7 @@ var TicketCard = ({
               paddingLeft: 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                 "div",
                 {
                   style: {
@@ -39565,7 +39783,7 @@ var TicketCard = ({
                     flex: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "div",
                       {
                         style: {
@@ -39581,17 +39799,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 +39818,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 +39838,7 @@ var TicketCard = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "div",
                 {
                   style: {
@@ -39630,7 +39848,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 +39886,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 +39903,15 @@ 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
+                    },
+                    assignee.id
+                  ))
                 }
               )
             ]
@@ -39697,7 +39923,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 +39936,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 +39990,7 @@ var SwimlaneColumn = ({
         onDragLeave();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "header",
           {
             style: {
@@ -39775,7 +40002,7 @@ var SwimlaneColumn = ({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                 "div",
                 {
                   style: {
@@ -39784,37 +40011,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 +40054,7 @@ var SwimlaneColumn = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "div",
           {
             style: {
@@ -39838,9 +40065,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 +40079,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 +40100,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 +40110,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 +40153,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 +40175,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 +40197,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,14 +40210,14 @@ 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;
 var EVENTS_SCATTER_HEIGHT = TRACK_HEIGHT + 16;
 var EVENTS_MODE_VERTICAL_PADDING = (EVENTS_MODE_TOTAL_HEIGHT - EVENTS_SCATTER_HEIGHT) / 2;
 var HOVER_HINT_WIDTH = 220;
-var SEGMENT_HIGHLIGHT_COLOR = "rgba(122, 158, 214, 0.07)";
+var SEGMENT_HIGHLIGHT_COLOR = "rgba(122, 157, 214, 0.14)";
 var BUCKET_HIGHLIGHT_COLOR = "rgba(255, 255, 255, 0.06)";
 var NEEDLE_COLOR = "rgba(255, 255, 255, 0.62)";
 var MIN_BUCKET_COUNT_FOR_GAP = 300;
@@ -40026,8 +40253,15 @@ var buildAxis = (timeline, commits, now = Date.now()) => {
     fractionToTime: (fraction) => Math.round(earliest + clamp(fraction, 0, 1) * span)
   };
 };
-var bucketIssueCounts = (axis, timeline) => {
+var bucketIssueCounts = (axis, timeline, view = "all", hiddenIds = /* @__PURE__ */ new Set()) => {
   const counts = new Array(axis.bucketCount).fill(0);
+  if (timeline && timeline.events.length > 0) {
+    for (const entry of timeline.events) {
+      if (!isShown(entry, view, hiddenIds)) continue;
+      counts[axis.bucketIndexForTime(entry.t)] += 1;
+    }
+    return counts;
+  }
   for (const sparseBucket of timeline?.buckets ?? []) {
     counts[axis.bucketIndexForTime(sparseBucket.t)] += sparseBucket.count;
   }
@@ -40045,6 +40279,102 @@ var bucketCommitStats = (axis, commits) => {
   }
   return byIndex;
 };
+var EVENT_CATEGORIES = [
+  "tickets",
+  "comments",
+  "tagging",
+  "assigning"
+];
+var BOARD_VIEWS = ["all", ...EVENT_CATEGORIES];
+var isBoardView = (value) => BOARD_VIEWS.includes(value);
+var boardViewColor = (view) => view === "all" ? GUI_THEME.accent : EVENT_CATEGORY_COLORS[view];
+var identityAxisFor = (view) => view === "comments" ? "actor" : view === "tagging" ? "tag" : view === "assigning" ? "assignee" : null;
+var CATEGORY_BY_ACTION = {
+  "add.issue.comment": "comments",
+  "edit.issue.comment": "comments",
+  "delete.issue.comment": "comments",
+  "add.issue.tag": "tagging",
+  "remove.issue.tag": "tagging",
+  "create.tag": "tagging",
+  "add.issue.assignee": "assigning",
+  "remove.issue.assignee": "assigning",
+  "create.contributor": "assigning",
+  "tombstone.contributor": "assigning",
+  "restore.contributor": "assigning",
+  "link.contributor.user": "assigning"
+};
+var categoryOf = (action) => CATEGORY_BY_ACTION[action] ?? "tickets";
+var identityOf = (entry, view) => {
+  const axis = identityAxisFor(view);
+  return axis === null ? null : entry[axis];
+};
+var listIdentities = (timeline, view) => {
+  if (!timeline || identityAxisFor(view) === null) return [];
+  const byId = /* @__PURE__ */ new Map();
+  for (const entry of timeline.events) {
+    if (categoryOf(entry.action) !== view) continue;
+    const identity = identityOf(entry, view);
+    if (identity && !byId.has(identity.id)) byId.set(identity.id, identity);
+  }
+  return [...byId.values()];
+};
+var soleVisibleIdentity = (identities, hiddenIds) => {
+  const visible = identities.filter((identity) => !hiddenIds.has(identity.id));
+  return visible.length === 1 ? visible[0] : null;
+};
+var dotDetail = (dot) => {
+  const base = dot.label ?? `${dot.count ?? 0} board event${dot.count === 1 ? "" : "s"}`;
+  return dot.identity && !base.includes(dot.identity.name) ? `${base} \u2014 ${dot.identity.name}` : base;
+};
+var EVENT_DOT_SIZE = 4;
+var EVENT_DOT_OPACITY = 0.55;
+var isShown = (entry, view, hiddenIds) => {
+  if (view !== "all" && categoryOf(entry.action) !== view) return false;
+  const identity = identityOf(entry, view);
+  return identity === null || !hiddenIds.has(identity.id);
+};
+var buildEventDots = (timeline, view = "all", hiddenIds = /* @__PURE__ */ new Set()) => {
+  if (!timeline) return [];
+  if (timeline.events.length > 0) {
+    return timeline.events.flatMap((entry, index2) => {
+      if (!isShown(entry, view, hiddenIds)) return [];
+      const category = categoryOf(entry.action);
+      const identity = identityOf(entry, view);
+      return [
+        {
+          // Two events can share a millisecond, so time alone is not a key.
+          key: `${entry.t}-${index2}`,
+          t: entry.t,
+          count: null,
+          label: entry.label,
+          category,
+          color: view === "all" ? EVENT_CATEGORY_COLORS[category] : identity?.color ?? GUI_THEME.accent,
+          identity,
+          size: EVENT_DOT_SIZE,
+          opacity: EVENT_DOT_OPACITY
+        }
+      ];
+    });
+  }
+  const maxCount = maxOf(
+    timeline.buckets.map((bucket) => bucket.count),
+    1
+  );
+  return timeline.buckets.map((bucket) => {
+    const intensity = bucket.count / maxCount;
+    return {
+      key: String(bucket.t),
+      t: bucket.t,
+      count: bucket.count,
+      label: null,
+      category: null,
+      color: GUI_THEME.accent,
+      identity: null,
+      size: 3 + intensity * 6,
+      opacity: 0.3 + intensity * 0.5
+    };
+  });
+};
 var populatedRange = (bars) => bars.length > 0 ? [
   bars.reduce((min, bar) => Math.min(min, bar.index), Infinity),
   bars.reduce((max, bar) => Math.max(max, bar.index), -Infinity)
@@ -40053,8 +40383,9 @@ var hourFractionForTime = (time) => {
   const date = new Date(time);
   return (date.getHours() * 60 + date.getMinutes()) / (24 * 60);
 };
-var SEGMENT_UNIT_ORDER = ["day", "week", "month", "year"];
+var SEGMENT_UNIT_ORDER = ["hour", "day", "week", "month", "year"];
 var APPROX_UNIT_MS = {
+  hour: 60 * 60 * 1e3,
   day: 24 * 60 * 60 * 1e3,
   week: 7 * 24 * 60 * 60 * 1e3,
   month: 30.44 * 24 * 60 * 60 * 1e3,
@@ -40080,14 +40411,16 @@ var MONTH_LABELS = [
   "Dec"
 ];
 var advanceByUnit = (date, unit) => {
-  if (unit === "day") date.setDate(date.getDate() + 1);
+  if (unit === "hour") date.setHours(date.getHours() + 1);
+  else if (unit === "day") date.setDate(date.getDate() + 1);
   else if (unit === "week") date.setDate(date.getDate() + 7);
   else if (unit === "month") date.setMonth(date.getMonth() + 1);
   else date.setFullYear(date.getFullYear() + 1);
 };
 var segmentAt = (time, unit) => {
   const start2 = new Date(time);
-  start2.setHours(0, 0, 0, 0);
+  if (unit === "hour") start2.setMinutes(0, 0, 0);
+  else start2.setHours(0, 0, 0, 0);
   if (unit === "week") {
     start2.setDate(start2.getDate() - (start2.getDay() + 6) % 7);
   } else if (unit === "month") {
@@ -40098,7 +40431,10 @@ var segmentAt = (time, unit) => {
   const end = new Date(start2);
   advanceByUnit(end, unit);
   const lastDay = new Date(end.getTime() - 1);
-  const label = unit === "day" ? `${WEEKDAY_LABELS[start2.getDay()]} ${start2.getDate()} ${MONTH_LABELS[start2.getMonth()]}` : unit === "week" ? start2.getMonth() === lastDay.getMonth() ? `${start2.getDate()}\u2013${lastDay.getDate()} ${MONTH_LABELS[start2.getMonth()]}` : `${start2.getDate()} ${MONTH_LABELS[start2.getMonth()]} \u2013 ${lastDay.getDate()} ${MONTH_LABELS[lastDay.getMonth()]}` : unit === "month" ? `${MONTH_LABELS[start2.getMonth()]} ${start2.getFullYear()}` : `${start2.getFullYear()}`;
+  const label = unit === "hour" ? `${WEEKDAY_LABELS[start2.getDay()]} ${String(start2.getHours()).padStart(
+    2,
+    "0"
+  )}:00` : unit === "day" ? `${WEEKDAY_LABELS[start2.getDay()]} ${start2.getDate()} ${MONTH_LABELS[start2.getMonth()]}` : unit === "week" ? start2.getMonth() === lastDay.getMonth() ? `${start2.getDate()}\u2013${lastDay.getDate()} ${MONTH_LABELS[start2.getMonth()]}` : `${start2.getDate()} ${MONTH_LABELS[start2.getMonth()]} \u2013 ${lastDay.getDate()} ${MONTH_LABELS[lastDay.getMonth()]}` : unit === "month" ? `${MONTH_LABELS[start2.getMonth()]} ${start2.getFullYear()}` : `${start2.getFullYear()}`;
   return { start: start2.getTime(), end: end.getTime(), label };
 };
 var formatInterval = (start2, end) => {
@@ -40107,12 +40443,19 @@ var formatInterval = (start2, end) => {
   const endLabel = isSameDay(startDate, endDate) ? formatTimeOfDay(endDate) : formatDateTime(endDate);
   return `${formatDateTime(startDate)} \u2013 ${endLabel}`;
 };
-var SCOPES = ["week", "month", "year", "all"];
+var SCOPES = ["day", "week", "month", "year", "all"];
 var SCOPE_DURATION_MS = {
+  day: 24 * 60 * 60 * 1e3,
   week: 7 * 24 * 60 * 60 * 1e3,
   month: 30 * 24 * 60 * 60 * 1e3,
   year: 365 * 24 * 60 * 60 * 1e3
 };
+var SCOPE_RECENT_LABELS = {
+  day: "Last 24 hours",
+  week: "Last 7 days",
+  month: "Last 30 days",
+  year: "Last 365 days"
+};
 var isScope = (value) => SCOPES.includes(value ?? "");
 var getPeriodRange = (scope, offset) => {
   if (scope === "all") return null;
@@ -40122,9 +40465,7 @@ var getPeriodRange = (scope, offset) => {
 };
 var formatPeriodLabel = (scope, offset, range) => {
   if (scope === "all" || !range) return "All time";
-  if (offset === 0) {
-    return scope === "week" ? "Last 7 days" : scope === "month" ? "Last 30 days" : "Last 365 days";
-  }
+  if (offset === 0) return SCOPE_RECENT_LABELS[scope];
   const start2 = new Date(range.start);
   const end = new Date(range.end);
   return `${start2.getMonth() + 1}/${start2.getDate()} \u2013 ${end.getMonth() + 1}/${end.getDate()}`;
@@ -40141,10 +40482,16 @@ var hashUnitInterval = (key) => {
 var DOT_APPEAR_MS = 260;
 var DOT_APPEAR_SCATTER_MS = 620;
 var dotDelayMs = (key) => Math.round(hashUnitInterval(key) * DOT_APPEAR_SCATTER_MS);
-var dotAppearAnimation = (key) => `epiqScrubberTwinkle ${DOT_APPEAR_MS}ms ease-out ${dotDelayMs(
-  key
-)}ms backwards`;
-var dotExitAnimation = (key) => `epiqScrubberRetract ${DOT_APPEAR_MS}ms ease-in ${DOT_APPEAR_SCATTER_MS - dotDelayMs(key)}ms both`;
+var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+var easeInCubic = (t) => t * t * t;
+var dotEntranceScale = (key, elapsedMs) => easeOutCubic(clamp((elapsedMs - dotDelayMs(key)) / DOT_APPEAR_MS, 0, 1));
+var dotExitScale = (key, elapsedMs) => 1 - easeInCubic(
+  clamp(
+    (elapsedMs - (DOT_APPEAR_SCATTER_MS - dotDelayMs(key))) / DOT_APPEAR_MS,
+    0,
+    1
+  )
+);
 var DOT_EXIT_TOTAL_MS = DOT_APPEAR_SCATTER_MS + DOT_APPEAR_MS;
 var BAR_GROW_MS = 200;
 var BAR_GROW_SWEEP_MS = 560;
@@ -40155,6 +40502,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 +40533,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 +40545,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 +40572,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";
   });
@@ -40236,12 +40584,25 @@ var usePersistedFlag = (key, fallback) => {
     }
   ];
 };
+var buildBoardFilter = (view, identities, hiddenIds) => {
+  const axis = identityAxisFor(view);
+  if (axis === null || hiddenIds.size === 0) return null;
+  const visibleIds = new Set(
+    identities.map((identity) => identity.id).filter((id) => !hiddenIds.has(id))
+  );
+  return { axis, visibleIds };
+};
+var issuePassesBoardFilter = (issue, commentAuthorIds, filter) => {
+  if (!filter) return true;
+  const ids = filter.axis === "tag" ? issue.tags.map((tag) => tag.id) : filter.axis === "assignee" ? issue.assignees.map((assignee) => assignee.id) : commentAuthorIds;
+  return ids.some((id) => filter.visibleIds.has(id));
+};
 
 // 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 +40612,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 +40626,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 +40643,7 @@ var Checkbox = ({
               flexShrink: 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -40300,7 +40661,7 @@ var Checkbox = ({
                   }
                 }
               ),
-              checked && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              checked && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "span",
                 {
                   style: {
@@ -40321,8 +40682,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 +40695,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 +40713,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}`,
@@ -40367,6 +40728,319 @@ var toggleButtonStyle = (active) => ({
   padding: "2px 8px",
   cursor: "pointer"
 });
+var CATEGORY_LABELS = {
+  tickets: "Tickets",
+  comments: "Comments",
+  tagging: "Tags",
+  assigning: "Assignees"
+};
+var disclosureStyle = {
+  background: "transparent",
+  border: "none",
+  padding: 0,
+  display: "inline-flex",
+  alignItems: "center",
+  color: GUI_THEME.secondary,
+  cursor: "pointer"
+};
+var VIEW_LABELS = {
+  all: "All board events",
+  ...CATEGORY_LABELS
+};
+var SELECT_TRIGGER_WIDTH = 180;
+var selectTriggerStyle = (color2, disabled) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 6,
+  width: SELECT_TRIGGER_WIDTH,
+  boxSizing: "border-box",
+  background: "rgba(208, 223, 255, 0.08)",
+  // None, but padded as though there were, so it sits at the same height as
+  // the bordered toggles on either side.
+  border: "none",
+  color: disabled ? GUI_THEME.dim : color2,
+  borderRadius: 6,
+  fontFamily: "inherit",
+  fontSize: 10,
+  padding: "3px 7px 3px 9px",
+  cursor: disabled ? "not-allowed" : "pointer",
+  opacity: disabled ? 0.4 : 1
+});
+var nestedListStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 7,
+  marginLeft: 5,
+  paddingLeft: 8,
+  borderLeft: `1px solid ${GUI_THEME.line}`
+};
+var popoverStyle = {
+  position: "absolute",
+  top: "100%",
+  left: 0,
+  marginTop: 6,
+  // Carries the column and its gap itself. Without them the options stack as
+  // plain blocks and their radios sit edge to edge.
+  display: "flex",
+  flexDirection: "column",
+  gap: 7,
+  padding: "10px 14px 10px 10px",
+  // Sized for the common case up front, so opening a kind with a list does
+  // not visibly widen the panel under the pointer.
+  minWidth: 200,
+  background: GUI_THEME.panel2,
+  border: `1px solid ${GUI_THEME.line}`,
+  borderRadius: 8,
+  boxShadow: "0 8px 24px rgba(0, 0, 0, 0.45)",
+  // Above the dots and the needle, which sit at 1 and 2.
+  zIndex: 30,
+  whiteSpace: "nowrap"
+};
+var onlyButtonStyle = {
+  background: "transparent",
+  border: `1px solid ${GUI_THEME.line}`,
+  borderRadius: 4,
+  color: GUI_THEME.dim,
+  fontFamily: "inherit",
+  fontSize: 9,
+  lineHeight: 1,
+  padding: "2px 4px",
+  cursor: "pointer"
+};
+var useDismissOnOutsideClick = (open, onDismiss) => {
+  const ref = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
+    if (!open) return;
+    const onPointerDown = (event) => {
+      if (!ref.current?.contains(event.target)) onDismiss();
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") onDismiss();
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open, onDismiss]);
+  return ref;
+};
+var Radio = ({
+  label,
+  selected,
+  color: color2,
+  disabled,
+  onSelect
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  "button",
+  {
+    type: "button",
+    role: "radio",
+    "aria-checked": selected,
+    disabled,
+    onClick: onSelect,
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: 5,
+      background: "transparent",
+      border: "none",
+      padding: 0,
+      fontSize: 10,
+      fontFamily: "inherit",
+      color: selected ? color2 : GUI_THEME.dim,
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.4 : 1
+    },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "span",
+        {
+          style: {
+            width: 12,
+            height: 12,
+            borderRadius: "50%",
+            border: `1px solid ${selected ? color2 : GUI_THEME.dim}`,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexShrink: 0
+          },
+          children: selected && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "span",
+            {
+              style: {
+                width: 6,
+                height: 6,
+                borderRadius: "50%",
+                background: color2
+              }
+            }
+          )
+        }
+      ),
+      label
+    ]
+  }
+);
+var BoardSeriesGroup = ({
+  showIssues,
+  view,
+  identities,
+  hiddenIds,
+  expanded,
+  identitiesExpanded,
+  filtered,
+  onChangeShowIssues,
+  onChangeView,
+  onToggleIdentity,
+  onOnlyIdentity,
+  onToggleExpanded,
+  onSetIdentitiesExpanded
+}) => {
+  const sole = soleVisibleIdentity(identities, hiddenIds);
+  const partial = filtered && hiddenIds.size > 0 && identityAxisFor(view) !== null;
+  const label = sole ? `${VIEW_LABELS[view]}: ${sole.name}` : partial ? `${VIEW_LABELS[view]} (multi)` : VIEW_LABELS[view];
+  const color2 = sole?.color ?? (partial ? GUI_THEME.dim2 : boardViewColor(view));
+  const ref = useDismissOnOutsideClick(expanded, onToggleExpanded);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    "div",
+    {
+      ref,
+      style: { position: "relative", display: "flex", flexDirection: "column" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            Checkbox,
+            {
+              label: null,
+              title: "Show board events",
+              checked: showIssues,
+              activeColor: color2,
+              onChange: onChangeShowIssues
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: onToggleExpanded,
+              disabled: !showIssues,
+              title: filtered ? "Choose what the board series plots" : "This window holds too many events to split by kind",
+              "aria-haspopup": "listbox",
+              "aria-expanded": expanded,
+              style: selectTriggerStyle(color2, !showIssues),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  "span",
+                  {
+                    style: {
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: label
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { style: { display: "inline-flex", flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconChevronDown, { size: 12 }) })
+              ]
+            }
+          )
+        ] }),
+        expanded && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { role: "radiogroup", style: popoverStyle, children: BOARD_VIEWS.map((option) => {
+          const selected = view === option;
+          const hasList = identityAxisFor(option) !== null;
+          const open = selected && identitiesExpanded;
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            "div",
+            {
+              style: { display: "flex", flexDirection: "column", gap: 7 },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 3 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    Radio,
+                    {
+                      label: VIEW_LABELS[option],
+                      selected,
+                      color: boardViewColor(option),
+                      disabled: !showIssues || !filtered,
+                      onSelect: () => onChangeView(option)
+                    }
+                  ),
+                  hasList && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: !showIssues || !filtered,
+                      onClick: () => {
+                        if (!selected) onChangeView(option);
+                        onSetIdentitiesExpanded(!open);
+                      },
+                      title: open ? "Hide the list" : "Pick which to show",
+                      "aria-expanded": open,
+                      style: disclosureStyle,
+                      children: open ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconChevronDown, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconChevronRight, { size: 12 })
+                    }
+                  )
+                ] }),
+                open && identities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  "div",
+                  {
+                    style: {
+                      ...nestedListStyle,
+                      // A repo with dozens of tags would otherwise push the
+                      // board itself off the screen.
+                      maxHeight: 132,
+                      overflowY: "auto"
+                    },
+                    children: identities.map((identity) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between",
+                          gap: 10
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            Checkbox,
+                            {
+                              label: identity.name,
+                              checked: !hiddenIds.has(identity.id),
+                              activeColor: identity.color,
+                              disabled: !showIssues,
+                              onChange: (next) => onToggleIdentity(identity.id, next)
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            "button",
+                            {
+                              type: "button",
+                              title: `Show only ${identity.name}`,
+                              disabled: !showIssues,
+                              onClick: () => onOnlyIdentity(identity.id),
+                              style: onlyButtonStyle,
+                              children: "only"
+                            }
+                          )
+                        ]
+                      },
+                      identity.id
+                    ))
+                  }
+                )
+              ]
+            },
+            option
+          );
+        }) })
+      ]
+    }
+  );
+};
 var navButtonStyle = {
   background: "transparent",
   border: `1px solid ${GUI_THEME.dim}`,
@@ -40385,6 +41059,12 @@ var ScrubberControls = ({
   showIssues,
   showCommits,
   allBoards,
+  boardView,
+  identities,
+  hiddenIdentityIds,
+  categoriesExpanded,
+  identitiesExpanded,
+  categoriesFiltered,
   isScrubbing,
   nowLabel,
   onChangeScope,
@@ -40393,11 +41073,16 @@ var ScrubberControls = ({
   onChangeShowIssues,
   onChangeShowCommits,
   onChangeAllBoards,
+  onChangeBoardView,
+  onToggleIdentity,
+  onOnlyIdentity,
+  onToggleCategoriesExpanded,
+  onSetIdentitiesExpanded,
   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 +41091,7 @@ var ScrubberControls = ({
           children: "\u25C0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "span",
         {
           style: {
@@ -40423,7 +41108,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 +41123,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 +41133,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 +41143,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,17 +41153,8 @@ var ScrubberControls = ({
       }
     )
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", gap: 10 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      Checkbox,
-      {
-        label: "Board",
-        checked: showIssues,
-        activeColor: GUI_THEME.accent,
-        onChange: onChangeShowIssues
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Checkbox,
       {
         label: "Code",
@@ -40487,17 +41163,26 @@ var ScrubberControls = ({
         onChange: onChangeShowCommits
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      Checkbox,
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      BoardSeriesGroup,
       {
-        label: "All boards",
-        checked: allBoards,
-        activeColor: GUI_THEME.accent,
-        onChange: onChangeAllBoards
+        showIssues,
+        view: boardView,
+        identities,
+        hiddenIds: hiddenIdentityIds,
+        expanded: categoriesExpanded,
+        identitiesExpanded,
+        filtered: categoriesFiltered,
+        onChangeShowIssues,
+        onChangeView: onChangeBoardView,
+        onToggleIdentity,
+        onOnlyIdentity,
+        onToggleExpanded: onToggleCategoriesExpanded,
+        onSetIdentitiesExpanded
       }
     )
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       style: {
@@ -40509,7 +41194,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 +41210,7 @@ var ScrubberControls = ({
           },
           children: "Return to live"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "span",
         {
           style: {
@@ -40545,7 +41230,7 @@ var ScrubberHeader = ({
   collapsed,
   onToggleCollapsed,
   scrubbingAsOf
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   "div",
   {
     style: {
@@ -40556,7 +41241,7 @@ var ScrubberHeader = ({
       whiteSpace: "nowrap"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "button",
         {
           onClick: onToggleCollapsed,
@@ -40574,13 +41259,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 +41275,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 +41307,7 @@ var SegmentHighlight = ({
 var TrackBaseline = ({
   color: color2,
   anchor
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     style: {
@@ -40638,11 +41323,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,14 +41345,18 @@ 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: {
       position: "absolute",
       inset: 0,
       pointerEvents: "none",
-      animation: animate ? FADE_IN_ANIMATION : void 0
+      animation: animate ? FADE_IN_ANIMATION : void 0,
+      // Walls this subtree off from the needle and highlight moving above
+      // it: without containment every frame of a drag re-lays-out the
+      // thousands of dots inside, and the drag stutters.
+      contain: "layout paint"
     },
     children
   }
@@ -40685,8 +41374,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 +41396,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 +41409,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"
         }
       },
@@ -40723,55 +41417,14 @@ var VolumeBars = ({
     ))
   ] });
 };
-var ScatterDot = ({
-  fraction,
-  hourFraction,
-  size,
-  color: color2,
-  opacity,
-  zIndex,
-  title,
-  animation,
-  interactive = true,
-  onMouseEnter,
-  onMouseLeave,
-  onClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-  "div",
-  {
-    title,
-    onPointerDown: onClick && ((event) => event.stopPropagation()),
-    onClick: onClick && ((event) => {
-      event.stopPropagation();
-      onClick();
-    }),
-    onMouseEnter,
-    onMouseLeave,
-    style: {
-      position: "absolute",
-      left: `${fraction * 100}%`,
-      top: EVENTS_MODE_VERTICAL_PADDING + hourFraction * EVENTS_SCATTER_HEIGHT,
-      width: size,
-      height: size,
-      borderRadius: "50%",
-      background: color2,
-      opacity,
-      zIndex,
-      transform: `translate(${-size / 2}px, -50%)`,
-      animation,
-      pointerEvents: interactive ? "auto" : "none",
-      cursor: onClick ? "pointer" : void 0
-    }
-  }
-);
 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 +41444,7 @@ var ScrubberNeedle = ({ fraction }) => {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         ...hover,
@@ -40821,7 +41474,7 @@ var ScrubberHoverHint = ({
   fraction,
   trackWidthPx,
   empty: empty3 = false
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   "div",
   {
     style: {
@@ -40853,8 +41506,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 +41520,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: {
@@ -40883,10 +41536,175 @@ var ScrubberHoverHint = ({
     ]
   }
 );
+var HIT_RADIUS = 7;
+var pointAt = (layers, x, y, width) => {
+  let best = null;
+  let bestDistance = HIT_RADIUS * HIT_RADIUS;
+  for (const layer of layers) {
+    if (layer.leaving) continue;
+    for (const point4 of layer.points) {
+      const dx = point4.fraction * width - x;
+      const dy = EVENTS_MODE_VERTICAL_PADDING + point4.hourFraction * EVENTS_SCATTER_HEIGHT - y;
+      const distance = dx * dx + dy * dy;
+      if (distance <= bestDistance) {
+        bestDistance = distance;
+        best = point4;
+      }
+    }
+  }
+  return best;
+};
+var ScatterCanvas = ({
+  layers,
+  animate,
+  onPointEnter,
+  onPointLeave,
+  onInspectCommit
+}) => {
+  const canvasRef = (0, import_react14.useRef)(null);
+  const sizeRef = (0, import_react14.useRef)({ width: 0, height: 0 });
+  const layersRef = (0, import_react14.useRef)(layers);
+  layersRef.current = layers;
+  const phasesRef = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
+  const frameRef = (0, import_react14.useRef)(null);
+  const hoveredRef = (0, import_react14.useRef)(null);
+  const [entrancePlaying, setEntrancePlaying] = (0, import_react14.useState)(false);
+  const paint = (0, import_react14.useCallback)((now) => {
+    const canvas = canvasRef.current;
+    const context = canvas?.getContext("2d");
+    if (!canvas || !context) return false;
+    const { width, height } = sizeRef.current;
+    context.clearRect(0, 0, width, height);
+    let running = false;
+    for (const layer of layersRef.current) {
+      const phase = phasesRef.current.get(layer.id);
+      const elapsed = phase ? now - phase.startedAt : null;
+      const done = elapsed === null || elapsed >= DOT_EXIT_TOTAL_MS;
+      if (phase && !done) running = true;
+      if (phase?.mode === "out" && done) continue;
+      for (const point4 of layer.points) {
+        const scale = phase === null || phase === void 0 || done ? 1 : phase.mode === "in" ? dotEntranceScale(point4.key, elapsed) : dotExitScale(point4.key, elapsed);
+        if (scale <= 0) continue;
+        context.globalAlpha = point4.opacity;
+        context.fillStyle = point4.color;
+        context.beginPath();
+        context.arc(
+          point4.fraction * width,
+          EVENTS_MODE_VERTICAL_PADDING + point4.hourFraction * EVENTS_SCATTER_HEIGHT,
+          point4.radius * scale,
+          0,
+          Math.PI * 2
+        );
+        context.fill();
+      }
+    }
+    context.globalAlpha = 1;
+    return running;
+  }, []);
+  const run = (0, import_react14.useCallback)(() => {
+    if (frameRef.current !== null) return;
+    const step = () => {
+      frameRef.current = null;
+      const running = paint(performance.now());
+      if (running) frameRef.current = requestAnimationFrame(step);
+      else setEntrancePlaying(false);
+    };
+    frameRef.current = requestAnimationFrame(step);
+  }, [paint]);
+  (0, import_react14.useEffect)(() => {
+    const canvas = canvasRef.current;
+    const parent = canvas?.parentElement;
+    if (!canvas || !parent) return;
+    const resize = () => {
+      const ratio = window.devicePixelRatio || 1;
+      const { width, height } = parent.getBoundingClientRect();
+      sizeRef.current = { width, height };
+      canvas.width = Math.round(width * ratio);
+      canvas.height = Math.round(height * ratio);
+      canvas.style.width = `${width}px`;
+      canvas.style.height = `${height}px`;
+      canvas.getContext("2d")?.setTransform(ratio, 0, 0, ratio, 0, 0);
+      paint(performance.now());
+    };
+    resize();
+    const observer = new ResizeObserver(resize);
+    observer.observe(parent);
+    return () => observer.disconnect();
+  }, [paint]);
+  const signature = layers.map((layer) => `${layer.id}:${layer.generation}:${layer.leaving}`).join("|");
+  (0, import_react14.useEffect)(() => {
+    const seen = /* @__PURE__ */ new Set();
+    for (const layer of layers) {
+      seen.add(layer.id);
+      const key = `${layer.generation}:${layer.leaving}`;
+      const marker = `${layer.id}@${key}`;
+      const current = phasesRef.current.get(layer.id);
+      if (current?.marker === marker)
+        continue;
+      if (!animate) {
+        phasesRef.current.delete(layer.id);
+        continue;
+      }
+      phasesRef.current.set(layer.id, {
+        mode: layer.leaving ? "out" : "in",
+        startedAt: performance.now(),
+        marker
+      });
+      if (!layer.leaving) setEntrancePlaying(true);
+    }
+    for (const id of [...phasesRef.current.keys()])
+      if (!seen.has(id)) phasesRef.current.delete(id);
+    if (animate) run();
+    else paint(performance.now());
+  }, [signature, animate, run, paint]);
+  (0, import_react14.useEffect)(() => {
+    if (frameRef.current === null) paint(performance.now());
+  }, [layers, paint]);
+  (0, import_react14.useEffect)(
+    () => () => {
+      if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
+    },
+    []
+  );
+  const hitTest = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    return pointAt(
+      layersRef.current,
+      event.clientX - rect.left,
+      event.clientY - rect.top,
+      rect.width
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "canvas",
+    {
+      ref: canvasRef,
+      "data-entrance": entrancePlaying ? "playing" : "done",
+      style: { position: "absolute", inset: 0 },
+      onMouseMove: (event) => {
+        const point4 = hitTest(event);
+        if (point4?.key === hoveredRef.current) return;
+        hoveredRef.current = point4?.key ?? null;
+        if (point4) onPointEnter(point4);
+        else onPointLeave();
+      },
+      onMouseLeave: () => {
+        hoveredRef.current = null;
+        onPointLeave();
+      },
+      onPointerDown: (event) => {
+        if (hitTest(event)?.commitSha) event.stopPropagation();
+      },
+      onClick: (event) => {
+        const sha = hitTest(event)?.commitSha;
+        if (sha) onInspectCommit(sha);
+      }
+    }
+  );
+};
 
 // source/gui/client/components/ScrubberLayout.tsx
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
-var dotAnimation = (key, animate, leaving) => !animate ? void 0 : leaving ? dotExitAnimation(key) : dotAppearAnimation(key);
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
 var ScrubberLayout = ({
   collapsed,
   onToggleCollapsed,
@@ -40895,7 +41713,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 +41730,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 +41740,7 @@ var ScrubberLayout = ({
               gap: collapsed ? 0 : 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                 "div",
                 {
                   style: {
@@ -40934,7 +41752,7 @@ var ScrubberLayout = ({
                     minHeight: 22
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       ScrubberHeader,
                       {
                         collapsed,
@@ -40942,7 +41760,7 @@ var ScrubberLayout = ({
                         scrubbingAsOf
                       }
                     ),
-                    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrubberControls, { ...controls })
+                    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ScrubberControls, { ...controls })
                   ]
                 }
               ),
@@ -40950,7 +41768,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 +41785,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 +41807,15 @@ var ScrubberLayout = ({
                           alignItems: "center"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             TrackBaseline,
                             {
-                              color: GUI_THEME.accent,
+                              color: chart.issueSeriesColor,
                               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,
@@ -41005,75 +41823,25 @@ var ScrubberLayout = ({
                               firstBar: chart.issueBarRange[0],
                               lastBar: chart.issueBarRange[1],
                               highlightedIndex: chart.hoveredBucketIndex,
-                              color: GUI_THEME.accent,
+                              color: chart.issueSeriesColor,
                               direction: "up",
                               animate
                             }
                           ) }, `issues-${windowKey}`),
-                          chart.issueScatter.mounted && layoutMode === "real" && /* @__PURE__ */ (0, import_jsx_runtime30.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)(
-                                  ScatterDot,
-                                  {
-                                    fraction: axis.fractionForTime(bucket.t),
-                                    hourFraction: hourFractionForTime(bucket.t),
-                                    size: 3 + intensity * 6,
-                                    color: GUI_THEME.accent,
-                                    opacity: 0.3 + intensity * 0.5,
-                                    zIndex: 2,
-                                    title: `${bucket.count} change${bucket.count === 1 ? "" : "s"}, ${formatDateTime(new Date(bucket.t))}`,
-                                    animation: dotAnimation(
-                                      String(bucket.t),
-                                      animate,
-                                      chart.issueScatter.leaving
-                                    ),
-                                    interactive: !chart.issueScatter.leaving,
-                                    onMouseEnter: () => on.onIssueDotEnter(bucket),
-                                    onMouseLeave: on.onIssueDotLeave
-                                  },
-                                  bucket.t
-                                );
-                              })
-                            },
-                            `issues-${windowKey}`
-                          ),
-                          chart.commitScatter.mounted && layoutMode === "real" && chart.commits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                            SeriesLayer,
+                          layoutMode === "real" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                            ScatterCanvas,
                             {
-                              animate: animate && !chart.commitScatter.leaving,
-                              children: chart.commits.map((commit) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                                ScatterDot,
-                                {
-                                  fraction: axis.fractionForTime(commit.time),
-                                  hourFraction: hourFractionForTime(commit.time),
-                                  size: 4,
-                                  color: GUI_THEME.green,
-                                  opacity: chart.hoveredCommitSha === commit.sha ? 1 : 0.55,
-                                  zIndex: 1,
-                                  title: `${formatDateTime(new Date(commit.time))} \u2014 ${commit.subject} \u2014 ${commit.author} (${commit.linesChanged.toLocaleString()} lines)`,
-                                  animation: dotAnimation(
-                                    commit.sha,
-                                    animate,
-                                    chart.commitScatter.leaving
-                                  ),
-                                  interactive: !chart.commitScatter.leaving,
-                                  onClick: () => on.onInspectCommit(commit.sha),
-                                  onMouseEnter: () => on.onCommitDotEnter(commit),
-                                  onMouseLeave: on.onCommitDotLeave
-                                },
-                                commit.sha
-                              ))
-                            },
-                            `commits-${windowKey}`
+                              layers: chart.scatterLayers,
+                              animate,
+                              onPointEnter: on.onScatterPointEnter,
+                              onPointLeave: on.onScatterPointLeave,
+                              onInspectCommit: on.onInspectCommit
+                            }
                           )
                         ]
                       }
                     ),
-                    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 +41854,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,17 +41872,17 @@ 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,
                         segmentLabel: chart.hoveredSegment?.label,
-                        stripeColor: GUI_THEME.accent,
+                        stripeColor: chart.issueSeriesColor,
                         trackWidthPx: chart.trackWidthPx
                       }
                     ),
-                    chart.commitHint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    chart.commitHint && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       ScrubberHoverHint,
                       {
                         ...chart.commitHint,
@@ -41135,13 +41903,31 @@ 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 boardEventRow = (count) => `${count} board event${count === 1 ? "" : "s"}`;
 var COLLAPSED_STORAGE_KEY = "epiq.timeScrubber.collapsed";
 var SCOPE_STORAGE_KEY = "epiq.timeScrubber.scope";
 var SHOW_ISSUES_STORAGE_KEY = "epiq.timeScrubber.showIssues";
 var SHOW_COMMITS_STORAGE_KEY = "epiq.timeScrubber.showCommits";
 var ALL_BOARDS_STORAGE_KEY = "epiq.timeScrubber.allBoards";
+var BOARD_VIEW_STORAGE_KEY = "epiq.timeScrubber.boardView";
+var HIDDEN_IDENTITIES_STORAGE_KEY = "epiq.timeScrubber.hiddenIdentities";
+var CATEGORIES_EXPANDED_STORAGE_KEY = "epiq.timeScrubber.categoriesExpanded";
+var IDENTITIES_EXPANDED_STORAGE_KEY = "epiq.timeScrubber.identitiesExpanded";
+var readStoredBoardView = () => {
+  const stored = localStorage.getItem(BOARD_VIEW_STORAGE_KEY);
+  return isBoardView(stored) ? stored : "all";
+};
+var readStoredHiddenIds = () => {
+  try {
+    const stored = localStorage.getItem(HIDDEN_IDENTITIES_STORAGE_KEY);
+    const parsed = stored ? JSON.parse(stored) : [];
+    return new Set(Array.isArray(parsed) ? parsed.map(String) : []);
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+};
 var readStoredScope = () => {
   const stored = localStorage.getItem(SCOPE_STORAGE_KEY);
   return isScope(stored) ? stored : "all";
@@ -41149,21 +41935,23 @@ var readStoredScope = () => {
 var TimeScrubber = ({
   timeline,
   commits,
+  historyId,
   timeTravel,
   onScrub,
   onReturnToLive,
   onRequestHistory,
   boardId,
   connected,
-  onInspectCommit
+  onInspectCommit,
+  onBoardFilterChange
 }) => {
   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
@@ -41176,6 +41964,16 @@ var TimeScrubber = ({
     SHOW_COMMITS_STORAGE_KEY,
     true
   );
+  const [boardView, setBoardView] = (0, import_react15.useState)(readStoredBoardView);
+  const [hiddenIdentityIds, setHiddenIdentityIds] = (0, import_react15.useState)(readStoredHiddenIds);
+  const [categoriesExpanded, setCategoriesExpanded] = usePersistedFlag(
+    CATEGORIES_EXPANDED_STORAGE_KEY,
+    false
+  );
+  const [identitiesExpanded, setIdentitiesExpanded] = usePersistedFlag(
+    IDENTITIES_EXPANDED_STORAGE_KEY,
+    false
+  );
   const [allBoards, setAllBoards] = usePersistedFlag(
     ALL_BOARDS_STORAGE_KEY,
     false
@@ -41183,32 +41981,146 @@ 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 axis = buildAxis(timeline, commits);
-  const issueCounts = bucketIssueCounts(axis, timeline);
-  const commitStats = bucketCommitStats(axis, commits);
-  const eventBuckets = timeline?.buckets ?? [];
-  const maxIssueBucketCount = maxOf(issueCounts, 1);
-  const maxEventCount = maxOf(
-    eventBuckets.map((bucket) => bucket.count),
-    1
+  const changeOffset = (nextOffset) => {
+    armEntrance();
+    setOffset(nextOffset);
+  };
+  const changeBoardView = (next) => {
+    setBoardView(next);
+    localStorage.setItem(BOARD_VIEW_STORAGE_KEY, next);
+  };
+  const isolateIdentity = (id) => {
+    const others = identities.filter((identity) => identity.id !== id).map((identity) => identity.id);
+    setHiddenIdentityIds((previous3) => {
+      const isolated = !previous3.has(id) && others.length === previous3.size && others.every((other) => previous3.has(other));
+      const hidden = isolated ? /* @__PURE__ */ new Set() : new Set(others);
+      localStorage.setItem(
+        HIDDEN_IDENTITIES_STORAGE_KEY,
+        JSON.stringify([...hidden])
+      );
+      return hidden;
+    });
+  };
+  const toggleIdentity = (id, next) => {
+    setHiddenIdentityIds((previous3) => {
+      const hidden = new Set(previous3);
+      if (next) {
+        hidden.delete(id);
+      } else {
+        hidden.add(id);
+      }
+      localStorage.setItem(
+        HIDDEN_IDENTITIES_STORAGE_KEY,
+        JSON.stringify([...hidden])
+      );
+      return hidden;
+    });
+  };
+  const changeAllBoards = (next) => {
+    armEntrance();
+    setAllBoards(next);
+  };
+  const steadyBoardId = (0, import_react15.useRef)(boardId);
+  if (boardId !== null) steadyBoardId.current = boardId;
+  const requestKey = (0, import_react15.useMemo)(
+    () => JSON.stringify([scope, offset, steadyBoardId.current, allBoards]),
+    [scope, offset, steadyBoardId.current, allBoards]
+  );
+  const filterKey = (0, import_react15.useMemo)(
+    () => JSON.stringify([boardView, [...hiddenIdentityIds].sort()]),
+    [boardView, hiddenIdentityIds]
+  );
+  const shownRef = (0, import_react15.useRef)({ timeline, commits });
+  const heldKey = (0, import_react15.useRef)(null);
+  const heldHistoryId = (0, import_react15.useRef)(null);
+  const awaiting = (0, import_react15.useRef)(true);
+  if (heldKey.current !== requestKey) {
+    heldKey.current = requestKey;
+    awaiting.current = true;
+  }
+  if (awaiting.current && heldHistoryId.current !== historyId) {
+    heldHistoryId.current = historyId;
+    shownRef.current = { timeline, commits };
+    awaiting.current = false;
+  }
+  const shown = shownRef.current;
+  const axis = (0, import_react15.useMemo)(() => buildAxis(shown.timeline, shown.commits), [shown]);
+  const categoriesFiltered = (timeline?.events.length ?? 0) > 0;
+  const identities = (0, import_react15.useMemo)(
+    () => listIdentities(shown.timeline, boardView),
+    [shown, boardView]
+  );
+  const soleIdentity = (0, import_react15.useMemo)(
+    () => soleVisibleIdentity(identities, hiddenIdentityIds),
+    [identities, hiddenIdentityIds]
+  );
+  const issueCounts = bucketIssueCounts(
+    axis,
+    shown.timeline,
+    boardView,
+    hiddenIdentityIds
+  );
+  const commitStats = bucketCommitStats(axis, shown.commits);
+  const liveEventDots = (0, import_react15.useMemo)(
+    () => buildEventDots(shown.timeline, boardView, hiddenIdentityIds),
+    [shown, boardView, hiddenIdentityIds]
+  );
+  const dragging = dragFraction !== null;
+  const commitPoints = (0, import_react15.useMemo)(
+    () => shown.commits.map((commit) => ({
+      key: commit.sha,
+      t: commit.time,
+      fraction: axis.fractionForTime(commit.time),
+      hourFraction: hourFractionForTime(commit.time),
+      radius: 2,
+      color: GUI_THEME.green,
+      opacity: 0.55,
+      // The hint labels the moment itself, so this is the rest of it.
+      title: `${commit.subject} \u2014 ${commit.author} (${commit.linesChanged.toLocaleString()} lines)`,
+      commitSha: commit.sha
+    })),
+    [shown.commits, axis]
   );
+  const issuePoints = (0, import_react15.useMemo)(
+    () => liveEventDots.map((dot) => ({
+      key: dot.key,
+      t: dot.t,
+      fraction: axis.fractionForTime(dot.t),
+      hourFraction: hourFractionForTime(dot.t),
+      radius: dot.size / 2,
+      color: dot.color,
+      opacity: dot.opacity,
+      title: dotDetail(dot),
+      commitSha: null
+    })),
+    [liveEventDots, axis]
+  );
+  const boardFilter = (0, import_react15.useMemo)(
+    () => buildBoardFilter(boardView, identities, hiddenIdentityIds),
+    [boardView, identities, hiddenIdentityIds]
+  );
+  (0, import_react15.useEffect)(() => {
+    onBoardFilterChange(boardFilter);
+  }, [boardFilter]);
+  const maxIssueBucketCount = maxOf(issueCounts, 1);
   const maxCommitCount = maxOf(
     Array.from(commitStats.values(), (stats) => stats.count),
     1
@@ -41220,11 +42132,47 @@ 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;
+  };
+  const armedBoardId = (0, import_react15.useRef)(boardId);
+  (0, import_react15.useEffect)(() => {
+    if (boardId === null || boardId === armedBoardId.current) return;
+    armedBoardId.current = boardId;
+    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}-${filterKey}`;
+  const scatterLayers = (0, import_react15.useMemo)(
+    () => [
+      ...commitScatter.mounted ? [
+        {
+          id: "commits",
+          points: commitPoints,
+          generation: windowKey,
+          leaving: commitScatter.leaving
+        }
+      ] : [],
+      ...issueScatter.mounted ? [
+        {
+          id: "issues",
+          points: issuePoints,
+          generation: windowKey,
+          leaving: issueScatter.leaving
+        }
+      ] : []
+    ],
+    [commitPoints, issuePoints, commitScatter, issueScatter, windowKey]
+  );
   const confirmedFraction = timeTravel.mode === "scrub" && timeTravel.asOfTime !== null ? axis.fractionForTime(timeTravel.asOfTime) : 1;
   const fractionFromClientX = (clientX) => {
     const track = trackRef.current;
@@ -41254,7 +42202,30 @@ var TimeScrubber = ({
   );
   const bucketTimeAt = (index2) => index2 !== null && index2 < axis.bucketCount ? axis.bucketTimeAt(index2) : void 0;
   const centreFraction = (index2) => (index2 + 0.5) / axis.bucketCount;
-  const boardEventRow = (count) => `${count} board event${count === 1 ? "" : "s"}`;
+  const onScatterPointEnter = (0, import_react15.useCallback)(
+    (point4) => {
+      if (point4.commitSha) {
+        const commit = shown.commits.find((c) => c.sha === point4.commitSha);
+        if (commit) {
+          setHoveredCommit({ commit, fraction: point4.fraction });
+          setHoveredEvent(null);
+        }
+        return;
+      }
+      setHoveredCommit(null);
+      setHoveredEvent({
+        label: formatDateTime(new Date(point4.t)),
+        detail: point4.title,
+        t: point4.t,
+        fraction: point4.fraction
+      });
+    },
+    [shown.commits]
+  );
+  const onScatterPointLeave = (0, import_react15.useCallback)(() => {
+    setHoveredEvent(null);
+    setHoveredCommit(null);
+  }, []);
   const hoveredBucketTime = bucketTimeAt(hoveredBucketIndex);
   const hoveredBucketCount = hoveredBucketIndex !== null ? issueCounts[hoveredBucketIndex] : void 0;
   const boardHint = layoutMode === "even" ? hoveredBucketTime !== void 0 && hoveredBucketCount !== void 0 ? {
@@ -41267,7 +42238,7 @@ var TimeScrubber = ({
     empty: hoveredBucketCount === 0
   } : null : hoveredEvent ? {
     label: hoveredEvent.label,
-    rows: [boardEventRow(hoveredEvent.count)],
+    rows: [hoveredEvent.detail],
     fraction: hoveredEvent.fraction
   } : null;
   const hoveredCommitStats = hoveredCommitBucketIndex !== null ? commitStats.get(hoveredCommitBucketIndex) : void 0;
@@ -41296,7 +42267,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 +42284,22 @@ 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,
+        boardView,
+        identities,
+        hiddenIdentityIds,
+        categoriesExpanded,
+        identitiesExpanded,
+        categoriesFiltered,
+        onChangeBoardView: changeBoardView,
+        onToggleIdentity: toggleIdentity,
+        onOnlyIdentity: isolateIdentity,
+        onToggleCategoriesExpanded: () => setCategoriesExpanded(!categoriesExpanded),
+        onSetIdentitiesExpanded: setIdentitiesExpanded,
         onReturnToLive
       },
       chart: {
@@ -41325,7 +42307,7 @@ var TimeScrubber = ({
         axis,
         layoutMode,
         animate,
-        windowKey: `${layoutMode}-${animationGeneration}`,
+        windowKey,
         showIssues,
         showCommits,
         issueScatter,
@@ -41334,9 +42316,12 @@ var TimeScrubber = ({
         issueBarRange: populatedRange(issueBars),
         commitBars,
         commitBarRange: populatedRange(commitBars),
-        eventBuckets,
-        maxEventCount,
-        commits,
+        scatterLayers,
+        issueSeriesColor: soleIdentity?.color ?? boardViewColor(boardView),
+        dragging,
+        // Exits still need their animation, so this only silences a series
+        // that has finished arriving.
+        commits: shown.commits,
         hoveredCommitSha: hoveredCommit?.commit.sha ?? null,
         hoveredBucketIndex,
         hoveredCommitBucketIndex,
@@ -41376,18 +42361,8 @@ var TimeScrubber = ({
             setHoveredCommitBucketIndex(bucketIndexFromEvent(event));
           },
           onCommitTrackMouseLeave: () => setHoveredCommitBucketIndex(null),
-          onIssueDotEnter: (bucket) => setHoveredEvent({
-            label: formatDateTime(new Date(bucket.t)),
-            count: bucket.count,
-            t: bucket.t,
-            fraction: axis.fractionForTime(bucket.t)
-          }),
-          onIssueDotLeave: () => setHoveredEvent(null),
-          onCommitDotEnter: (commit) => setHoveredCommit({
-            commit,
-            fraction: axis.fractionForTime(commit.time)
-          }),
-          onCommitDotLeave: () => setHoveredCommit(null),
+          onScatterPointEnter,
+          onScatterPointLeave,
           onInspectCommit
         }
       }
@@ -41395,34 +42370,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 +42414,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
@@ -41517,8 +42453,8 @@ var nodeRef = (id) => id.slice(-NODE_REF_LENGTH).toUpperCase();
 // source/gui/client/lib/gui-state-helper.tsx
 var getResultValue = (payload) => {
   if (!payload) return void 0;
-  if (typeof payload === "object" && payload !== null && "value" in payload && payload.value) {
-    return payload.value;
+  if (typeof payload === "object" && payload !== null && "value" in payload) {
+    return payload.value ?? void 0;
   }
   if (typeof payload === "object" && payload !== null && "content" in payload && payload.content?.[0]?.text) {
     return JSON.parse(payload.content[0].text).value;
@@ -41552,6 +42488,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 +42535,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 +42646,9 @@ 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 EMPTY_COMMENTS = {};
+var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "div",
   {
     style: {
@@ -41655,38 +42661,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 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;
@@ -41705,33 +42717,69 @@ var App = () => {
     if (!boardSlug) return;
     void navigate(`/board/${boardSlug}`);
   };
-  const commentsByIssueId = state?.commentsByIssueId ?? {};
+  const commentsByIssueId = state?.commentsByIssueId ?? EMPTY_COMMENTS;
+  const [issueDetail, setIssueDetail] = (0, import_react16.useState)(null);
+  const [boardFilter, setBoardFilter] = (0, import_react16.useState)(null);
+  const { visibleSwimlanes, hiddenIssueCount } = (0, import_react16.useMemo)(() => {
+    const swimlanes = selectedBoard?.swimlanes ?? [];
+    if (!boardFilter) return { visibleSwimlanes: swimlanes, hiddenIssueCount: 0 };
+    let hidden = 0;
+    const visible = swimlanes.map((swimlane) => {
+      const issues = swimlane.issues.filter(
+        (issue) => issuePassesBoardFilter(
+          issue,
+          (commentsByIssueId[issue.id] ?? []).map((comment) => comment.author.id),
+          boardFilter
+        )
+      );
+      hidden += swimlane.issues.length - issues.length;
+      return { ...swimlane, issues };
+    });
+    return { visibleSwimlanes: visible, hiddenIssueCount: hidden };
+  }, [selectedBoard, boardFilter, commentsByIssueId]);
   const attachmentsByIssueId = state?.attachmentsByIssueId ?? {};
-  const [attachmentUploadStatus, setAttachmentUploadStatus] = (0, import_react15.useState)({ state: "idle" });
+  const [attachmentUploadStatus, setAttachmentUploadStatus] = (0, import_react16.useState)({ state: "idle" });
+  (0, import_react16.useEffect)(() => {
+    if (!selectedIssue) {
+      setIssueDetail(null);
+      return;
+    }
+    sendSocketJson(socketRef.current, {
+      type: "issue:get",
+      payload: { issueId: selectedIssue.id }
+    });
+  }, [selectedIssue?.id, state]);
   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);
       }
+      if (message.type === "issue") {
+        const detail = getResultValue(message.payload);
+        if (detail) setIssueDetail(detail);
+      }
       if (message.type === "issue:created") {
         const created = getResultValue(message.payload);
         if (created && boardId) {
@@ -41741,7 +42789,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 +42839,13 @@ var App = () => {
       socket.close();
     };
   }, [boardId, navigate]);
-  (0, import_react15.useEffect)(() => {
-    if (!boardId && state?.boards[0]) {
-      void navigate(`/board/${state.boards[0].ref}`, { replace: true });
+  (0, import_react16.useEffect)(() => {
+    const first = state?.boards?.[0];
+    if (!boardId && first) {
+      void navigate(`/board/${first.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 +42859,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 +43023,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 +43042,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 +43192,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,37 +43204,46 @@ 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,
             onInspectCommit: inspectCommit,
             timeTravel: state?.timeTravel ?? { mode: "live", asOfTime: null },
             onScrub: scrubToTime,
-            onReturnToLive: returnToLive
+            onReturnToLive: returnToLive,
+            onBoardFilterChange: setBoardFilter
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "div",
           {
             style: {
@@ -42171,9 +43252,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,24 +43267,35 @@ var App = () => {
                     overflow: "hidden"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: { padding: "20px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                      Dropdown,
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                      "div",
                       {
-                        testId: "board-switcher",
-                        label: "Board:",
-                        value: selectedBoard ? {
-                          id: selectedBoard.id,
-                          label: selectedBoard.title
-                        } : null,
-                        items: state?.boards.map((board) => ({
-                          id: board.id,
-                          label: board.title
-                        })) ?? [],
-                        placeholder: "Loading...",
-                        onSelect: selectBoard
+                        style: {
+                          padding: "20px 10px",
+                          display: "flex",
+                          alignItems: "center",
+                          gap: 10
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                          Dropdown,
+                          {
+                            testId: "board-switcher",
+                            label: "Board:",
+                            value: selectedBoard ? {
+                              id: selectedBoard.id,
+                              label: selectedBoard.title
+                            } : null,
+                            items: state?.boards.map((board) => ({
+                              id: board.id,
+                              label: board.title
+                            })) ?? [],
+                            placeholder: "Loading...",
+                            onSelect: selectBoard
+                          }
+                        )
                       }
-                    ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                       "div",
                       {
                         style: {
@@ -42214,7 +43307,7 @@ var App = () => {
                           overflowY: "hidden"
                         },
                         children: [
-                          selectedBoard?.swimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                          visibleSwimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                             SwimlaneColumn,
                             {
                               swimlane,
@@ -42226,27 +43319,64 @@ 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,
-                  issue: selectedIssue,
+                  issue: issueDetail?.issueId === selectedIssue.id ? { ...selectedIssue, description: issueDetail.description } : selectedIssue,
                   activeTab: selectedTab,
-                  comments: commentsByIssueId[selectedIssue.id] ?? [],
+                  comments: issueDetail?.issueId === selectedIssue.id ? issueDetail.comments : [],
                   onChangeTab: changeIssueDetailsTab,
                   onClose: closeIssueDetails,
                   onEditTitle: editIssueTitle,
@@ -42273,7 +43403,7 @@ var App = () => {
             ]
           }
         ),
-        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           CreateIssueModal,
           {
             title: createIssueModal.title,
@@ -42288,14 +43418,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: