epiq 1.3.5 → 1.4.0

package/dist/gui/main.js

@@ -4749,8 +4749,8 @@ var require_react_dom_client_development = __commonJS({
           var lane = concurrentQueues[i];
           concurrentQueues[i++] = null;
           if (null !== queue && null !== update) {
-            var pending = queue.pending;
-            null === pending ? update.next = update : (update.next = pending.next, pending.next = update);
+            var pending2 = queue.pending;
+            null === pending2 ? update.next = update : (update.next = pending2.next, pending2.next = update);
             queue.pending = update;
           }
           0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
@@ -8127,8 +8127,8 @@ var require_react_dom_client_development = __commonJS({
       }
       function enqueueRenderPhaseUpdate(queue, update) {
         didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = true;
-        var pending = queue.pending;
-        null === pending ? update.next = update : (update.next = pending.next, pending.next = update);
+        var pending2 = queue.pending;
+        null === pending2 ? update.next = update : (update.next = pending2.next, pending2.next = update);
         queue.pending = update;
       }
       function entangleTransitionUpdate(root5, queue, lane) {
@@ -8245,14 +8245,14 @@ var require_react_dom_client_development = __commonJS({
             1,
             badgeFormat + " " + error[0],
             badgeStyle,
-            pad + JSCompiler_inline_result + pad,
+            pad2 + JSCompiler_inline_result + pad2,
             resetStyle
           ) : error.splice(
             0,
             0,
             badgeFormat,
             badgeStyle,
-            pad + JSCompiler_inline_result + pad,
+            pad2 + JSCompiler_inline_result + pad2,
             resetStyle
           );
           error.unshift(console);
@@ -21216,7 +21216,7 @@ var require_react_dom_client_development = __commonJS({
         _currentValue: NotPendingTransition,
         _currentValue2: NotPendingTransition,
         _threadCount: 0
-      }, badgeFormat = "%c%s%c", badgeStyle = "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px", resetStyle = "", pad = " ", bind = Function.prototype.bind;
+      }, badgeFormat = "%c%s%c", badgeStyle = "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px", resetStyle = "", pad2 = " ", bind = Function.prototype.bind;
       var didWarnAboutNestedUpdates = false;
       var overrideHookState = null, overrideHookStateDeletePath = null, overrideHookStateRenamePath = null, overrideProps = null, overridePropsDeletePath = null, overridePropsRenamePath = null, scheduleUpdate = null, scheduleRetry = null, setErrorHandler = null, setSuspenseHandler = null;
       overrideHookState = function(fiber, id, path2, value) {
@@ -24825,7 +24825,7 @@ function useViewTransitionState(to, { relative } = {}) {
 }
 
 // source/gui/client/App.tsx
-var import_react11 = __toESM(require_react(), 1);
+var import_react15 = __toESM(require_react(), 1);
 
 // source/gui/client/components/Aside.tsx
 var import_react = __toESM(require_react(), 1);
@@ -24841,20 +24841,12 @@ var GUI_THEME = {
   primary: "#c2c5d0",
   secondary: "#7f8aa3",
   tertiary: "rgb(31 33 43)",
-  dim: "#3d4151",
-  dim2: "rgb(71 77 92)",
+  dim: "#585d78",
+  dim2: "rgb(100 107 133)",
   accent: "#76d4ff",
   green: "#8ce99a",
   red: "#ff8787"
 };
-var getContrastTextColor = (backgroundColor) => {
-  const hex = backgroundColor.replace("#", "");
-  const r = Number.parseInt(hex.slice(0, 2), 16);
-  const g = Number.parseInt(hex.slice(2, 4), 16);
-  const b = Number.parseInt(hex.slice(4, 6), 16);
-  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-  return luminance > 0.6 ? "#111111" : "#ffffff";
-};
 
 // source/gui/client/components/Aside.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
@@ -25046,7 +25038,8 @@ var Dropdown = ({
   value,
   items,
   placeholder = "Select...",
-  onSelect
+  onSelect,
+  testId
 }) => {
   const [open, setOpen] = (0, import_react3.useState)(false);
   const ref = (0, import_react3.useRef)(null);
@@ -25076,6 +25069,7 @@ var Dropdown = ({
           Button,
           {
             variant: "ghost",
+            "data-testid": testId,
             onClick: () => setOpen((value2) => !value2),
             style: {
               display: "flex",
@@ -25122,6 +25116,7 @@ var Dropdown = ({
                 "button",
                 {
                   type: "button",
+                  "data-testid": testId ? `${testId}-option` : void 0,
                   onClick: () => {
                     setOpen(false);
                     onSelect(item.id);
@@ -25159,6 +25154,7 @@ var Dropdown = ({
 // source/gui/client/components/Panel.tsx
 var import_react4 = __toESM(require_react(), 1);
 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+var POINTER_SAMPLE_MS = 16;
 var Panel = ({
   as,
   children,
@@ -25166,6 +25162,8 @@ var Panel = ({
   borderColor = GUI_THEME.line,
   glowColor = GUI_THEME.secondary,
   glowOpacity = 0.25,
+  glowRadius = 200,
+  proximityReach,
   borderRadius = 12,
   style,
   ...props
@@ -25173,6 +25171,38 @@ var Panel = ({
   const Component4 = as ?? "div";
   const [mouse, setMouse] = (0, import_react4.useState)({ x: 0, y: 0 });
   const [hovered, setHovered] = (0, import_react4.useState)(false);
+  const [proximity, setProximity] = (0, import_react4.useState)(0);
+  const glowRef = (0, import_react4.useRef)(null);
+  const lastMeasuredRef = (0, import_react4.useRef)(0);
+  (0, import_react4.useEffect)(() => {
+    if (proximityReach === void 0) return;
+    const onMove = (event) => {
+      const now = Date.now();
+      if (now - lastMeasuredRef.current < POINTER_SAMPLE_MS) return;
+      lastMeasuredRef.current = now;
+      const panel = glowRef.current?.parentElement;
+      if (!panel) return;
+      const rect = panel.getBoundingClientRect();
+      const dx = Math.max(
+        rect.left - event.clientX,
+        0,
+        event.clientX - rect.right
+      );
+      const dy = Math.max(
+        rect.top - event.clientY,
+        0,
+        event.clientY - rect.bottom
+      );
+      const distance = Math.hypot(dx, dy);
+      setProximity(
+        distance >= proximityReach ? 0 : 1 - distance / proximityReach
+      );
+      setMouse({ x: event.clientX - rect.left, y: event.clientY - rect.top });
+    };
+    window.addEventListener("mousemove", onMove);
+    return () => window.removeEventListener("mousemove", onMove);
+  }, [proximityReach]);
+  const glowStrength = active ? 1 : proximityReach !== void 0 ? proximity : hovered ? 1 : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     Component4,
     {
@@ -25204,15 +25234,16 @@ var Panel = ({
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "div",
           {
+            ref: glowRef,
             style: {
               position: "absolute",
               inset: 0,
               borderRadius,
               padding: 1,
               pointerEvents: "none",
-              opacity: hovered || active ? glowOpacity : 0,
+              opacity: glowStrength * glowOpacity,
               background: `radial-gradient(
-						200px circle at ${mouse.x}px ${mouse.y}px,
+						${glowRadius}px circle at ${mouse.x}px ${mouse.y}px,
 						${glowColor},
 						transparent 100%
 					)`,
@@ -25260,12 +25291,13 @@ var User = ({
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      background: user.color,
-      color: getContrastTextColor(user.color),
+      background: "transparent",
+      color: user.color,
+      border: `1px solid ${user.color}`,
       fontSize: 11,
       fontWeight: 700,
-      marginLeft: index2 === 0 ? 0 : -6,
-      border: `2px solid #1a1a1a`
+      marginLeft: index2 === 0 ? 0 : 4,
+      flexShrink: 0
     },
     children: user.name.at(0)?.toUpperCase()
   },
@@ -25273,7 +25305,7 @@ var User = ({
 );
 
 // source/version.ts
-var EPIQ_VERSION = "1.3.5";
+var EPIQ_VERSION = "1.4.0";
 
 // source/gui/client/components/Header.tsx
 var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
@@ -25410,11 +25442,202 @@ var Header = ({ state, connected, syncStatus }) => {
 };
 
 // source/gui/client/components/IssueDetails.tsx
-var import_react9 = __toESM(require_react(), 1);
+var import_react10 = __toESM(require_react(), 1);
 
-// source/gui/client/components/CopyRef.tsx
+// source/gui/client/components/ManageContributorsModal.tsx
 var import_react5 = __toESM(require_react(), 1);
+
+// source/gui/client/components/IconLock.tsx
 var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
+var IconLock = ({ size = 13 }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "16.5", r: "2.1", fill: "currentColor", stroke: "none" })
+    ]
+  }
+);
+
+// source/gui/client/components/IconTrash.tsx
+var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+var IconTrash = ({ size = 14 }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
+    ]
+  }
+);
+
+// source/gui/client/components/ManageContributorsModal.tsx
+var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+var ManageContributorsModal = ({
+  contributors,
+  onRemove,
+  onClose
+}) => {
+  const [armedId, setArmedId] = (0, import_react5.useState)(null);
+  const sorted = [...contributors].sort((a, b) => a.name.localeCompare(b.name));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        background: "rgba(0, 0, 0, 0.25)",
+        backdropFilter: "blur(.5px)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e3
+      },
+      onMouseDown: onClose,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        "div",
+        {
+          onMouseDown: (event) => event.stopPropagation(),
+          style: {
+            marginTop: "-100px",
+            width: 460,
+            background: GUI_THEME.panel,
+            border: `1px solid ${GUI_THEME.line}`,
+            borderRadius: 12,
+            padding: 20,
+            display: "flex",
+            flexDirection: "column",
+            gap: 14
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "div",
+              {
+                style: {
+                  color: GUI_THEME.secondary,
+                  fontSize: 10,
+                  letterSpacing: 1,
+                  textTransform: "uppercase"
+                },
+                children: "Manage external contributors"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { fontSize: 12, color: GUI_THEME.secondary }, children: "Remove contributors from the suggestion lists. Locked ones have contributed, so their name is in the immutable log either way." }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: 2,
+                  maxHeight: 260,
+                  overflowY: "auto"
+                },
+                children: sorted.map((contributor) => {
+                  const locked = contributor.hasAuthoredAnywhere;
+                  const armed = armedId === contributor.id;
+                  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        gap: 8,
+                        padding: "6px 8px",
+                        borderRadius: 6
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+                          "span",
+                          {
+                            style: {
+                              fontSize: 12,
+                              color: contributor.color,
+                              opacity: locked ? 0.5 : 1
+                            },
+                            children: [
+                              "@",
+                              contributor.name
+                            ]
+                          }
+                        ),
+                        locked ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                          "span",
+                          {
+                            title: "Has contributed \u2014 their name is in the immutable log either way",
+                            style: {
+                              display: "flex",
+                              color: GUI_THEME.dim,
+                              opacity: 0.7,
+                              // Matches the ghost button's padding so locked and
+                              // removable rows keep the same height.
+                              padding: "3px 6px"
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconLock, {})
+                          }
+                        ) : contributor.isRemoved ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: { color: GUI_THEME.dim, fontSize: 10 }, children: "removed" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+                          Button,
+                          {
+                            variant: "ghost",
+                            title: armed ? `Click again to remove @${contributor.name}` : `Remove @${contributor.name}`,
+                            onClick: () => {
+                              if (!armed) return setArmedId(contributor.id);
+                              onRemove(contributor.id);
+                              setArmedId(null);
+                            },
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: 6,
+                              color: armed ? GUI_THEME.red : GUI_THEME.dim,
+                              borderColor: armed ? GUI_THEME.red : void 0
+                            },
+                            children: [
+                              armed && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: { fontSize: 10 }, children: "confirm" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconTrash, {})
+                            ]
+                          }
+                        )
+                      ]
+                    },
+                    contributor.id
+                  );
+                })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "ghost", onClick: onClose, children: "close" }) })
+          ]
+        }
+      )
+    }
+  );
+};
+
+// source/gui/client/components/CopyRef.tsx
+var import_react6 = __toESM(require_react(), 1);
+var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
 var copyToClipboard = async (value) => {
   try {
     await navigator.clipboard.writeText(value);
@@ -25424,12 +25647,12 @@ var copyToClipboard = async (value) => {
   }
 };
 var CopyRef = ({ refValue }) => {
-  const [copied, setCopied] = (0, import_react5.useState)(false);
-  const resetTimer = (0, import_react5.useRef)(
+  const [copied, setCopied] = (0, import_react6.useState)(false);
+  const resetTimer = (0, import_react6.useRef)(
     void 0
   );
-  (0, import_react5.useEffect)(() => () => clearTimeout(resetTimer.current), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  (0, import_react6.useEffect)(() => () => clearTimeout(resetTimer.current), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "button",
     {
       type: "button",
@@ -25464,8 +25687,8 @@ var CopyRef = ({ refValue }) => {
 };
 
 // source/gui/client/components/FormHeader.tsx
-var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
-var FormHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
+var FormHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "div",
   {
     style: {
@@ -25480,8 +25703,8 @@ var FormHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
 );
 
 // source/gui/client/components/FormPrimitives.tsx
-var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
-var Input = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
+var Input = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "input",
   {
     ...props,
@@ -25499,7 +25722,7 @@ var Input = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     }
   }
 );
-var Textarea = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var Textarea = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "textarea",
   {
     maxLength: props.maxLength ?? 1500,
@@ -25521,28 +25744,28 @@ var Textarea = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     }
   }
 );
-var ActionRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var ActionRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "div",
   {
     style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 8 },
     children
   }
 );
-var AddRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "flex", gap: 8, marginTop: 10 }, children });
-var ChipRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginTop: 10 }, children });
-var Empty = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: { display: "inline-block", marginTop: 8, color: GUI_THEME.dim }, children });
+var AddRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { display: "flex", gap: 8, marginTop: 10 }, children });
+var ChipRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", marginTop: 10 }, children });
+var Empty = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { display: "inline-block", marginTop: 8, color: GUI_THEME.dim }, children });
 
 // source/gui/client/components/IssueAttachments.tsx
-var import_react6 = __toESM(require_react(), 1);
+var import_react7 = __toESM(require_react(), 1);
 
 // source/gui/client/components/Section.tsx
-var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 var Section = ({
   title,
   action,
   children,
   first = false
-}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   "section",
   {
     style: {
@@ -25550,7 +25773,7 @@ var Section = ({
       borderTop: first ? "none" : `1px solid ${GUI_THEME.line}`
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         "div",
         {
           style: {
@@ -25560,7 +25783,7 @@ var Section = ({
             gap: 12
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "span",
               {
                 style: {
@@ -25582,7 +25805,7 @@ var Section = ({
 );
 
 // source/gui/client/components/IssueAttachments.tsx
-var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 var IssueAttachments = ({
   issueId,
   readonly,
@@ -25591,15 +25814,15 @@ var IssueAttachments = ({
   onUploadFiles,
   onDeleteAttachment
 }) => {
-  const [dragging, setDragging] = (0, import_react6.useState)(false);
-  const [lightbox, setLightbox] = (0, import_react6.useState)(null);
-  const [broken, setBroken] = (0, import_react6.useState)({});
-  (0, import_react6.useEffect)(() => {
+  const [dragging, setDragging] = (0, import_react7.useState)(false);
+  const [lightbox, setLightbox] = (0, import_react7.useState)(null);
+  const [broken, setBroken] = (0, import_react7.useState)({});
+  (0, import_react7.useEffect)(() => {
     setLightbox(null);
     setDragging(false);
     setBroken({});
   }, [issueId]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!lightbox) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") setLightbox(null);
@@ -25617,12 +25840,12 @@ var IssueAttachments = ({
     );
     if (files.length > 0) onUploadFiles?.(issueId, files);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     Section,
     {
       title: `Attachments${attachments.length ? ` (${attachments.length})` : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "div",
           {
             onDragOver: (event) => {
@@ -25640,7 +25863,7 @@ var IssueAttachments = ({
               transition: "padding 0.12s ease, border-color 0.12s ease"
             },
             children: [
-              attachments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Empty, { children: canUpload ? "No attachments \u2014 drop an image here" : "No attachments" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              attachments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Empty, { children: canUpload ? "No attachments \u2014 drop an image here" : "No attachments" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "div",
                 {
                   style: {
@@ -25648,12 +25871,12 @@ var IssueAttachments = ({
                     flexWrap: "wrap",
                     gap: 8
                   },
-                  children: attachments.map((attachment) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                  children: attachments.map((attachment) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                     "div",
                     {
                       style: { position: "relative", width: 72, height: 72 },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                           "button",
                           {
                             type: "button",
@@ -25673,7 +25896,7 @@ var IssueAttachments = ({
                               width: "100%",
                               height: "100%"
                             },
-                            children: broken[attachment.id] ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            children: broken[attachment.id] ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                               "span",
                               {
                                 title: "Attachment unavailable (missing, corrupt, or over the size cap)",
@@ -25690,7 +25913,7 @@ var IssueAttachments = ({
                                 },
                                 children: "unavailable"
                               }
-                            ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                               "img",
                               {
                                 src: `/media/${attachment.fileName}`,
@@ -25707,7 +25930,7 @@ var IssueAttachments = ({
                             )
                           }
                         ),
-                        attachment.canDelete && !readonly && onDeleteAttachment && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        attachment.canDelete && !readonly && onDeleteAttachment && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                           "button",
                           {
                             type: "button",
@@ -25737,7 +25960,7 @@ var IssueAttachments = ({
                   ))
                 }
               ),
-              canUpload && attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              canUpload && attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "div",
                 {
                   style: {
@@ -25748,7 +25971,7 @@ var IssueAttachments = ({
                   children: "drop an image to attach"
                 }
               ),
-              uploadStatus.state === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              uploadStatus.state === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                 "div",
                 {
                   style: {
@@ -25763,7 +25986,7 @@ var IssueAttachments = ({
                   ]
                 }
               ),
-              uploadStatus.state === "error" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              uploadStatus.state === "error" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "div",
                 {
                   style: {
@@ -25777,7 +26000,7 @@ var IssueAttachments = ({
             ]
           }
         ),
-        lightbox && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        lightbox && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "div",
           {
             onClick: () => setLightbox(null),
@@ -25794,7 +26017,7 @@ var IssueAttachments = ({
               cursor: "zoom-out"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 "img",
                 {
                   src: `/media/${lightbox.fileName}`,
@@ -25807,7 +26030,7 @@ var IssueAttachments = ({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { color: GUI_THEME.secondary, fontSize: 11 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { color: GUI_THEME.secondary, fontSize: 11 }, children: [
                 lightbox.name,
                 " \xB7 ",
                 Math.max(1, Math.round(lightbox.bytes / 1024)),
@@ -25823,7 +26046,7 @@ var IssueAttachments = ({
 };
 
 // source/gui/client/components/IssueComments.tsx
-var import_react8 = __toESM(require_react(), 1);
+var import_react9 = __toESM(require_react(), 1);
 
 // source/gui/client/lib/gui-format.helper.ts
 var timeAgo = (timestampMs) => {
@@ -27479,11 +27702,11 @@ function addChildren(props, children) {
     }
   }
 }
-function productionCreate(_, jsx23, jsxs15) {
+function productionCreate(_, jsx34, jsxs22) {
   return create2;
   function create2(_2, type, props, key) {
     const isStaticChildren = Array.isArray(props.children);
-    const fn = isStaticChildren ? jsxs15 : jsx23;
+    const fn = isStaticChildren ? jsxs22 : jsx34;
     return key ? fn(type, props, key) : fn(type, props);
   }
 }
@@ -27728,8 +27951,8 @@ var urlAttributes = {
 };
 
 // node_modules/react-markdown/lib/index.js
-var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
-var import_react7 = __toESM(require_react(), 1);
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+var import_react8 = __toESM(require_react(), 1);
 
 // node_modules/mdast-util-to-string/lib/index.js
 var emptyOptions2 = {};
@@ -35403,11 +35626,11 @@ function post(tree, options) {
   }
   visit(tree, transform);
   return toJsxRuntime(tree, {
-    Fragment: import_jsx_runtime13.Fragment,
+    Fragment: import_jsx_runtime16.Fragment,
     components: components2,
     ignoreInvalidStyle: true,
-    jsx: import_jsx_runtime13.jsx,
-    jsxs: import_jsx_runtime13.jsxs,
+    jsx: import_jsx_runtime16.jsx,
+    jsxs: import_jsx_runtime16.jsxs,
     passKeys: true,
     passNode: true
   });
@@ -38530,16 +38753,16 @@ function remarkGfm(options) {
 }
 
 // source/gui/client/components/MarkdownContent.tsx
-var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
 var components = {
-  p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { style: { margin: "0 0 14px" }, children }),
-  ul: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { style: { margin: "0 0 14px", paddingLeft: 20 }, children }),
-  ol: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ol", { style: { margin: "0 0 14px", paddingLeft: 20 }, children }),
-  li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { style: { margin: "2px 0" }, children }),
-  h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { style: { fontSize: 16, margin: "0 0 14px" }, children }),
-  h2: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { style: { fontSize: 14, margin: "0 0 14px" }, children }),
-  h3: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { style: { fontSize: 13, margin: "0 0 14px" }, children }),
-  a: ({ children, href }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  p: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { margin: "0 0 14px" }, children }),
+  ul: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { style: { margin: "0 0 14px", paddingLeft: 20 }, children }),
+  ol: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ol", { style: { margin: "0 0 14px", paddingLeft: 20 }, children }),
+  li: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { style: { margin: "2px 0" }, children }),
+  h1: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { style: { fontSize: 16, margin: "0 0 14px" }, children }),
+  h2: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { style: { fontSize: 14, margin: "0 0 14px" }, children }),
+  h3: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { style: { fontSize: 13, margin: "0 0 14px" }, children }),
+  a: ({ children, href }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "a",
     {
       href,
@@ -38549,7 +38772,7 @@ var components = {
       children
     }
   ),
-  blockquote: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  blockquote: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "blockquote",
     {
       style: {
@@ -38563,7 +38786,7 @@ var components = {
   ),
   code: ({ children, className }) => {
     const isBlock = Boolean(className);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "code",
       {
         style: {
@@ -38580,18 +38803,22 @@ var components = {
       }
     );
   },
-  pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("pre", { style: { margin: "0 0 14px" }, children }),
-  hr: () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  pre: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("pre", { style: { margin: "0 0 14px" }, children }),
+  hr: () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "hr",
     {
-      style: { border: "none", borderTop: `1px solid ${GUI_THEME.line}`, margin: "12px 0" }
+      style: {
+        border: "none",
+        borderTop: `1px solid ${GUI_THEME.line}`,
+        margin: "12px 0"
+      }
     }
   )
 };
 var MarkdownContent = ({
   content: content3,
   softBreaks = false
-}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "div",
   {
     style: {
@@ -38604,7 +38831,7 @@ var MarkdownContent = ({
       // collapsing, so the container doesn't end in dead whitespace.
       marginBottom: -14
     },
-    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Markdown,
       {
         remarkPlugins: softBreaks ? [remarkGfm, remarkBreaks] : [remarkGfm],
@@ -38616,7 +38843,7 @@ var MarkdownContent = ({
 );
 
 // source/gui/client/components/IssueComments.tsx
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
 var IssueComments = ({
   whoAmI,
   issueId,
@@ -38625,15 +38852,15 @@ var IssueComments = ({
   onAddComment,
   onDeleteComment
 }) => {
-  const [body, setBody] = (0, import_react8.useState)("");
+  const [body, setBody] = (0, import_react9.useState)("");
   const addComment = () => {
     const nextBody = body.trim();
     if (!nextBody) return;
     onAddComment?.(issueId, nextBody);
     setBody("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-    comments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Empty, { children: "No comments" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+    comments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Empty, { children: "No comments" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         style: {
@@ -38643,7 +38870,7 @@ var IssueComments = ({
           background: GUI_THEME.tertiary
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             "div",
             {
               style: {
@@ -38653,15 +38880,15 @@ var IssueComments = ({
                 marginBottom: 8
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { color: GUI_THEME.secondary, fontSize: 11 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { color: GUI_THEME.secondary, fontSize: 11 }, children: [
                   comment.author.name ?? "unknown",
-                  comment.createdAt && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { style: { color: GUI_THEME.dim2 }, children: [
+                  comment.createdAt && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { style: { color: GUI_THEME.dim2 }, children: [
                     " ",
                     "\xB7 ",
                     timeAgo(comment.createdAt)
                   ] })
                 ] }),
-                comment.author.id === whoAmI.id && onDeleteComment && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                !readonly && comment.author.id === whoAmI.id && onDeleteComment && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   Button,
                   {
                     variant: "ghost",
@@ -38676,13 +38903,13 @@ var IssueComments = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MarkdownContent, { content: comment.body, softBreaks: true })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MarkdownContent, { content: comment.body, softBreaks: true })
         ]
       },
       comment.id
     )) }),
-    !readonly && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { marginTop: 20 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    !readonly && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { marginTop: 20 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Textarea,
         {
           maxLength: 120,
@@ -38702,18 +38929,18 @@ var IssueComments = ({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ActionRow, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { onClick: addComment, children: "comment" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ActionRow, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { onClick: addComment, children: "comment" }) })
     ] })
   ] });
 };
 
 // source/gui/client/components/Tabs.tsx
-var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
 var Tabs = ({
   activeTab,
   tabs,
   onChange
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   "div",
   {
     style: {
@@ -38724,7 +38951,7 @@ var Tabs = ({
     },
     children: tabs.map((tab2) => {
       const active = tab2.id === activeTab;
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "button",
         {
           type: "button",
@@ -38742,7 +38969,7 @@ var Tabs = ({
           },
           children: [
             tab2.label,
-            typeof tab2.count === "number" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            typeof tab2.count === "number" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "span",
               {
                 style: { color: tab2.count ? GUI_THEME.secondary : GUI_THEME.dim },
@@ -38763,7 +38990,7 @@ var Tabs = ({
 );
 
 // source/gui/client/components/IssueDetails.tsx
-var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
 var IssueDetails = ({
   whoAmI,
   comments,
@@ -38776,6 +39003,8 @@ var IssueDetails = ({
   onAddTag,
   onRemoveTag,
   onAddAssignee,
+  onAddExternalAssignee,
+  onRemoveContributor,
   onRemoveAssignee,
   onCloseIssue,
   onReopenIssue,
@@ -38786,28 +39015,30 @@ var IssueDetails = ({
   onUploadAttachments,
   onDeleteAttachment,
   knownTags: tags,
-  knownAssignees: assignees
+  knownAssignees: assignees,
+  onOpenAssigneePicker
 }) => {
-  const [title, setTitle] = (0, import_react9.useState)("");
-  const [description, setDescription] = (0, import_react9.useState)("");
-  const [tagName, setTagName] = (0, import_react9.useState)("");
-  const [assigneeName, setAssigneeName] = (0, import_react9.useState)("");
-  const [editingTitle, setEditingTitle] = (0, import_react9.useState)(false);
-  const [editingDescription, setEditingDescription] = (0, import_react9.useState)(false);
-  const [addingTag, setAddingTag] = (0, import_react9.useState)(false);
-  const [addingAssignee, setAddingAssignee] = (0, import_react9.useState)(false);
-  const panelRef = (0, import_react9.useRef)(null);
-  const titleTextareaRef = (0, import_react9.useRef)(null);
+  const [title, setTitle] = (0, import_react10.useState)("");
+  const [description, setDescription] = (0, import_react10.useState)("");
+  const [tagName, setTagName] = (0, import_react10.useState)("");
+  const [assigneeName, setAssigneeName] = (0, import_react10.useState)("");
+  const [managingContributors, setManagingContributors] = (0, import_react10.useState)(false);
+  const [editingTitle, setEditingTitle] = (0, import_react10.useState)(false);
+  const [editingDescription, setEditingDescription] = (0, import_react10.useState)(false);
+  const [addingTag, setAddingTag] = (0, import_react10.useState)(false);
+  const [addingAssignee, setAddingAssignee] = (0, import_react10.useState)(false);
+  const panelRef = (0, import_react10.useRef)(null);
+  const titleTextareaRef = (0, import_react10.useRef)(null);
   const resizeTitleTextarea = () => {
     const el = titleTextareaRef.current;
     if (!el) return;
     el.style.height = "auto";
     el.style.height = `${el.scrollHeight}px`;
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (editingTitle) resizeTitleTextarea();
   }, [editingTitle]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!issue) return;
     const handleClickOutside = (event) => {
       if (panelRef.current && !panelRef.current.contains(event.target)) {
@@ -38817,7 +39048,7 @@ var IssueDetails = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [issue, onClose]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     setTitle(issue?.title ?? "");
     setDescription(issue?.description ?? "");
     setTagName("");
@@ -38867,317 +39098,360 @@ var IssueDetails = ({
   };
   const addAssignee = () => {
     if (disabled || !issue || !assigneeName.trim()) return;
-    onAddAssignee(issue.id, assigneeName.trim());
+    onAddExternalAssignee(issue.id, assigneeName.trim());
     setAssigneeName("");
     setAddingAssignee(false);
   };
   const availableTags = tags.filter(
     (tag) => !issue?.tags.some((issueTag) => issueTag.id === tag.id)
   );
+  const assigneeRank = (assignee) => assignee.isSelf ? 0 : assignee.hasAuthoredAnywhere ? 1 : 2;
   const availableAssignees = assignees.filter(
-    (assignee) => !issue?.assignees.some((issueAssignee) => issueAssignee.id === assignee.id)
+    (assignee) => !issue?.assignees.some(
+      (issueAssignee) => issueAssignee.id === assignee.id
+    )
+  ).filter((assignee) => !assignee.isRemoved).sort(
+    (a, b) => assigneeRank(a) - assigneeRank(b) || a.name.localeCompare(b.name)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Aside, { ref: panelRef, children: issue ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(FormHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        "span",
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Aside, { ref: panelRef, children: [
+    issue ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FormHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "span",
+          {
+            style: {
+              color: GUI_THEME.secondary,
+              fontSize: 10,
+              textTransform: "uppercase",
+              letterSpacing: "0.08em"
+            },
+            children: issue.ref && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CopyRef, { refValue: issue.ref })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "ghost", onClick: onClose, children: "\xD7" })
+      ] }),
+      editingTitle ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "textarea",
         {
-          style: {
-            color: GUI_THEME.secondary,
-            fontSize: 10,
-            textTransform: "uppercase",
-            letterSpacing: "0.08em"
+          ref: titleTextareaRef,
+          value: title,
+          autoFocus: true,
+          rows: 1,
+          onChange: (event) => {
+            setTitle(event.target.value);
+            resizeTitleTextarea();
           },
-          children: issue.ref && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CopyRef, { refValue: issue.ref })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "ghost", onClick: onClose, children: "\xD7" })
-    ] }),
-    editingTitle ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      "textarea",
-      {
-        ref: titleTextareaRef,
-        value: title,
-        autoFocus: true,
-        rows: 1,
-        onChange: (event) => {
-          setTitle(event.target.value);
-          resizeTitleTextarea();
-        },
-        onKeyDown: (event) => {
-          if (event.key === "Enter") {
-            event.preventDefault();
-            event.currentTarget.blur();
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              event.currentTarget.blur();
+            }
+            if (event.key === "Escape") cancelTitle();
+          },
+          onBlur: saveTitle,
+          style: {
+            display: "block",
+            width: "100%",
+            boxSizing: "border-box",
+            resize: "none",
+            overflow: "hidden",
+            background: GUI_THEME.bg,
+            color: GUI_THEME.primary,
+            border: `1px solid ${GUI_THEME.line}`,
+            borderRadius: 8,
+            padding: "6px 10px",
+            outline: "none",
+            font: "inherit",
+            fontSize: 18,
+            fontWeight: 600,
+            lineHeight: 1.35,
+            marginBottom: 20
           }
-          if (event.key === "Escape") cancelTitle();
-        },
-        onBlur: saveTitle,
-        style: {
-          display: "block",
-          width: "100%",
-          boxSizing: "border-box",
-          resize: "none",
-          overflow: "hidden",
-          background: GUI_THEME.bg,
-          color: GUI_THEME.primary,
-          border: `1px solid ${GUI_THEME.line}`,
-          borderRadius: 8,
-          padding: "6px 10px",
-          outline: "none",
-          font: "inherit",
-          fontSize: 18,
-          fontWeight: 600,
-          lineHeight: 1.35,
-          marginBottom: 20
         }
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      "div",
-      {
-        onClick: () => !issue.readonly && setEditingTitle(true),
-        style: {
-          marginBottom: 18,
-          color: GUI_THEME.primary,
-          fontSize: 18,
-          fontWeight: 600,
-          lineHeight: 1.35,
-          wordBreak: "break-word",
-          cursor: issue.readonly ? "default" : "text"
-        },
-        children: issue.title
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Tabs, { tabs, activeTab, onChange: onChangeTab }),
-    activeTab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        Section,
+      ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "div",
         {
-          first: true,
-          title: "Description",
-          action: !issue.readonly && !editingDescription && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            Button,
-            {
-              variant: "ghost",
-              onClick: () => setEditingDescription(true),
-              children: "edit"
-            }
-          ),
-          children: editingDescription ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              Textarea,
-              {
-                value: description,
-                autoFocus: true,
-                placeholder: "",
-                onChange: (event) => setDescription(event.target.value),
-                onKeyDown: (event) => {
-                  if (event.key === "Escape") cancelDescription();
-                  if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
-                    saveDescription();
-                  }
-                },
-                style: {
-                  font: "inherit",
-                  fontFamily: CONTENT_FONT,
-                  fontSize: 13,
-                  maxHeight: 320,
-                  overflowY: "auto"
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(ActionRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { onClick: saveDescription, children: "save" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "ghost", onClick: cancelDescription, children: "cancel" })
-            ] })
-          ] }) : issue.description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            "div",
-            {
-              style: {
-                marginTop: 8,
-                padding: "12px 16px",
-                maxHeight: 320,
-                overflowY: "auto",
-                background: GUI_THEME.tertiary,
-                borderRadius: 8
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MarkdownContent, { content: issue.description })
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Empty, { children: "No description" })
+          onClick: () => !issue.readonly && setEditingTitle(true),
+          style: {
+            marginBottom: 18,
+            color: GUI_THEME.primary,
+            fontSize: 18,
+            fontWeight: 600,
+            lineHeight: 1.35,
+            wordBreak: "break-word",
+            cursor: issue.readonly ? "default" : "text"
+          },
+          children: issue.title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        Section,
-        {
-          title: "Tags",
-          action: !issue.readonly && !addingTag && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(true), children: "+" }) || addingTag && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(false), children: "-" }),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChipRow, { children: issue.tags.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Empty, { children: "No tags" }) : issue.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-              Button,
-              {
-                variant: "chip",
-                disabled: issue.readonly,
-                onClick: () => onRemoveTag(issue.id, tag.id),
-                title: "Remove tag",
-                style: { color: tag.color },
-                children: [
-                  tag.name,
-                  " ",
-                  !issue.readonly && "\xD7"
-                ]
-              },
-              tag.id
-            )) }),
-            addingTag && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChipRow, { children: availableTags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Tabs, { tabs, activeTab, onChange: onChangeTab }),
+      activeTab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          Section,
+          {
+            first: true,
+            title: "Description",
+            action: !issue.readonly && !editingDescription && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               Button,
               {
-                variant: "chip",
-                disabled: issue.readonly,
-                onClick: () => onAddTag(issue.id, tag.name),
-                title: "Add existing tag",
-                style: { color: tag.color, opacity: 0.55 },
-                children: [
-                  "+ ",
-                  tag.name
-                ]
-              },
-              tag.id
-            )) }),
-            addingTag && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AddRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                Input,
+                variant: "ghost",
+                onClick: () => setEditingDescription(true),
+                children: "edit"
+              }
+            ),
+            children: editingDescription ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                Textarea,
                 {
-                  value: tagName,
+                  value: description,
                   autoFocus: true,
-                  placeholder: "tag name",
-                  onChange: (event) => setTagName(event.target.value),
+                  placeholder: "",
+                  onChange: (event) => setDescription(event.target.value),
                   onKeyDown: (event) => {
-                    if (event.key === "Enter") addTag();
-                    if (event.key === "Escape") {
-                      setTagName("");
-                      setAddingTag(false);
+                    if (event.key === "Escape") cancelDescription();
+                    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+                      saveDescription();
                     }
+                  },
+                  style: {
+                    font: "inherit",
+                    fontFamily: CONTENT_FONT,
+                    fontSize: 13,
+                    maxHeight: 320,
+                    overflowY: "auto"
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { onClick: addTag, children: "add" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        Section,
-        {
-          title: "Assignees",
-          action: !issue.readonly && !addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            Button,
-            {
-              variant: "ghost",
-              onClick: () => setAddingAssignee(true),
-              children: "+"
-            }
-          ) || addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            Button,
-            {
-              variant: "ghost",
-              onClick: () => setAddingAssignee(false),
-              children: "-"
-            }
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChipRow, { children: issue.assignees.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Empty, { children: "No assignees" }) : issue.assignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ActionRow, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { onClick: saveDescription, children: "save" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "ghost", onClick: cancelDescription, children: "cancel" })
+              ] })
+            ] }) : issue.description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "div",
+              {
+                style: {
+                  marginTop: 8,
+                  padding: "12px 16px",
+                  maxHeight: 320,
+                  overflowY: "auto",
+                  background: GUI_THEME.tertiary,
+                  borderRadius: 8
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MarkdownContent, { content: issue.description })
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Empty, { children: "No description" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          Section,
+          {
+            title: "Tags",
+            action: !issue.readonly && !addingTag && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(true), children: "+" }) || addingTag && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "ghost", onClick: () => setAddingTag(false), children: "-" }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChipRow, { children: issue.tags.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Empty, { children: "No tags" }) : issue.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                Button,
+                {
+                  variant: "chip",
+                  disabled: issue.readonly,
+                  onClick: () => onRemoveTag(issue.id, tag.id),
+                  title: "Remove tag",
+                  style: { color: tag.color },
+                  children: [
+                    tag.name,
+                    " ",
+                    !issue.readonly && "\xD7"
+                  ]
+                },
+                tag.id
+              )) }),
+              addingTag && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChipRow, { children: availableTags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                Button,
+                {
+                  variant: "chip",
+                  disabled: issue.readonly,
+                  onClick: () => onAddTag(issue.id, tag.name),
+                  title: "Add existing tag",
+                  style: { color: tag.color, opacity: 0.55 },
+                  children: [
+                    "+ ",
+                    tag.name
+                  ]
+                },
+                tag.id
+              )) }),
+              addingTag && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(AddRow, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  Input,
+                  {
+                    value: tagName,
+                    autoFocus: true,
+                    placeholder: "tag name",
+                    onChange: (event) => setTagName(event.target.value),
+                    onKeyDown: (event) => {
+                      if (event.key === "Enter") addTag();
+                      if (event.key === "Escape") {
+                        setTagName("");
+                        setAddingTag(false);
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { onClick: addTag, children: "add" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          Section,
+          {
+            title: "Assignees",
+            action: !issue.readonly && !addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               Button,
               {
-                variant: "chip",
-                disabled: issue.readonly,
-                onClick: () => onRemoveAssignee(issue.id, assignee.id),
-                title: "Remove assignee",
-                style: { color: assignee.color },
-                children: [
-                  "@",
-                  assignee.name,
-                  " ",
-                  !issue.readonly && "\xD7"
-                ]
-              },
-              assignee.id
-            )) }),
-            addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChipRow, { children: availableAssignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                variant: "ghost",
+                onClick: () => {
+                  setAddingAssignee(true);
+                  onOpenAssigneePicker();
+                },
+                children: "+"
+              }
+            ) || addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               Button,
               {
-                variant: "chip",
-                disabled: issue.readonly,
-                onClick: () => onAddAssignee(issue.id, assignee.name),
-                title: "Add existing assignee",
-                style: { color: assignee.color, opacity: 0.55 },
-                children: [
-                  "+ @",
-                  assignee.name
-                ]
-              },
-              assignee.id
-            )) }),
-            addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AddRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                Input,
+                variant: "ghost",
+                onClick: () => setAddingAssignee(false),
+                children: "-"
+              }
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChipRow, { children: issue.assignees.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Empty, { children: "No assignees" }) : issue.assignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                Button,
                 {
-                  value: assigneeName,
-                  autoFocus: true,
-                  placeholder: "assignee name",
-                  onChange: (event) => setAssigneeName(event.target.value),
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") addAssignee();
-                    if (event.key === "Escape") {
-                      setAssigneeName("");
-                      setAddingAssignee(false);
+                  variant: "chip",
+                  disabled: issue.readonly,
+                  onClick: () => onRemoveAssignee(issue.id, assignee.id),
+                  title: "Remove assignee",
+                  style: { color: assignee.color },
+                  children: [
+                    "@",
+                    assignee.name,
+                    " ",
+                    !issue.readonly && "\xD7"
+                  ]
+                },
+                assignee.id
+              )) }),
+              addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChipRow, { children: availableAssignees.map((assignee) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                Button,
+                {
+                  variant: "chip",
+                  disabled: issue.readonly,
+                  onClick: () => onAddAssignee(issue.id, assignee.id),
+                  title: assignee.isSelf ? "Assign yourself" : !assignee.hasAuthoredAnywhere ? "Has not contributed to this project" : "Add existing assignee",
+                  style: {
+                    color: assignee.isSelf ? GUI_THEME.accent : assignee.color,
+                    opacity: assignee.isSelf ? 1 : 0.55,
+                    fontWeight: assignee.isSelf ? 600 : void 0,
+                    borderColor: assignee.isSelf ? GUI_THEME.accent : void 0
+                  },
+                  children: [
+                    "+ @",
+                    assignee.isSelf ? "me" : assignee.name,
+                    !assignee.hasAuthoredAnywhere ? " \u2197" : ""
+                  ]
+                },
+                assignee.id
+              )) }),
+              addingAssignee && assignees.some(
+                (a) => !a.hasAuthoredAnywhere && !a.isRemoved
+              ) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChipRow, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                Button,
+                {
+                  variant: "ghost",
+                  disabled: issue.readonly,
+                  onClick: () => setManagingContributors(true),
+                  title: "Review and remove external contributors across the whole workspace",
+                  children: "manage contributors\u2026"
+                }
+              ) }),
+              addingAssignee && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(AddRow, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  Input,
+                  {
+                    value: assigneeName,
+                    autoFocus: true,
+                    placeholder: "name of unknown contributor",
+                    onChange: (event) => setAssigneeName(event.target.value),
+                    onKeyDown: (event) => {
+                      if (event.key === "Enter") addAssignee();
+                      if (event.key === "Escape") {
+                        setAssigneeName("");
+                        setAddingAssignee(false);
+                      }
                     }
                   }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { onClick: addAssignee, children: "add" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        IssueAttachments,
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  Button,
+                  {
+                    onClick: addAssignee,
+                    title: "Add someone who has not contributed to this board",
+                    children: "add"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          IssueAttachments,
+          {
+            issueId: issue.id,
+            readonly: Boolean(issue.readonly),
+            attachments,
+            uploadStatus: attachmentUploadStatus,
+            onUploadFiles: onUploadAttachments,
+            onDeleteAttachment
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          Section,
+          {
+            title: "Actions",
+            action: !issue.readonly && (issue.isClosed ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { onClick: () => onReopenIssue(issue.id), children: "reopen issue" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { onClick: () => onCloseIssue(issue.id), children: "close issue" })),
+            children: ""
+          }
+        )
+      ] }),
+      activeTab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        IssueComments,
         {
+          whoAmI,
           issueId: issue.id,
-          readonly: Boolean(issue.readonly),
-          attachments,
-          uploadStatus: attachmentUploadStatus,
-          onUploadFiles: onUploadAttachments,
-          onDeleteAttachment
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        Section,
-        {
-          title: "Actions",
-          action: issue.isClosed ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { onClick: () => onReopenIssue(issue.id), children: "reopen issue" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { onClick: () => onCloseIssue(issue.id), children: "close issue" }),
-          children: ""
+          readonly: issue.readonly,
+          comments,
+          onAddComment,
+          onDeleteComment
         }
       )
-    ] }),
-    activeTab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      IssueComments,
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Empty, { children: "Select an issue" }),
+    managingContributors && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ManageContributorsModal,
       {
-        whoAmI,
-        issueId: issue.id,
-        readonly: issue.readonly,
-        comments,
-        onAddComment,
-        onDeleteComment
+        contributors: assignees,
+        onRemove: onRemoveContributor,
+        onClose: () => setManagingContributors(false)
       }
     )
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Empty, { children: "Select an issue" }) });
+  ] });
 };
 
 // source/gui/client/components/SwimlaneColumn.tsx
-var import_react10 = __toESM(require_react(), 1);
+var import_react11 = __toESM(require_react(), 1);
 
 // source/gui/client/components/IconComment.tsx
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
-var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
+var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   "svg",
   {
     width: size,
@@ -39185,7 +39459,7 @@ var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime18.js
     viewBox: "0 0 16 16",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime21.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",
@@ -39200,7 +39474,7 @@ var IconComment = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime18.js
 );
 
 // source/gui/client/components/TicketCard.tsx
-var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
 var TicketCard = ({
   ticket,
   index: index2,
@@ -39213,7 +39487,7 @@ var TicketCard = ({
   onDropIssueAt
 }) => {
   const getVisualTargetIndex = (isAfterMiddle) => index2 + (isAfterMiddle ? 1 : 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       draggable: !ticket.readonly,
@@ -39254,7 +39528,7 @@ var TicketCard = ({
         border: `1px solid ${isSelected ? GUI_THEME.accent : "transparent"}`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
           {
             style: {
@@ -39268,7 +39542,7 @@ var TicketCard = ({
             children: isSelected ? "\u276F" : index2 + 1
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "div",
           {
             style: {
@@ -39280,7 +39554,7 @@ var TicketCard = ({
               paddingLeft: 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
                 "div",
                 {
                   style: {
@@ -39291,7 +39565,7 @@ var TicketCard = ({
                     flex: 1
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       "div",
                       {
                         style: {
@@ -39307,17 +39581,17 @@ var TicketCard = ({
                         children: ticket.title
                       }
                     ),
-                    ticket.ref && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                    ticket.ref && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       "div",
                       {
                         style: {
                           color: GUI_THEME.dim2,
                           fontSize: 10
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CopyRef, { refValue: ticket.ref })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CopyRef, { refValue: ticket.ref })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       "div",
                       {
                         style: {
@@ -39326,7 +39600,7 @@ var TicketCard = ({
                           gap: 6,
                           alignItems: "center"
                         },
-                        children: ticket.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                        children: ticket.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                           "span",
                           {
                             style: {
@@ -39346,7 +39620,7 @@ var TicketCard = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "div",
                 {
                   style: {
@@ -39356,7 +39630,7 @@ var TicketCard = ({
                     flexShrink: 0,
                     paddingTop: 2
                   },
-                  children: commentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                  children: commentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -39394,14 +39668,14 @@ var TicketCard = ({
                         event.currentTarget.style.transform = "translateY(0)";
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconComment, {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: commentCount })
+                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconComment, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: commentCount })
                       ]
                     }
                   )
                 }
               ),
-              ticket.assignees.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              ticket.assignees.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 "div",
                 {
                   style: {
@@ -39411,7 +39685,7 @@ var TicketCard = ({
                     paddingTop: 2,
                     marginTop: "-4px"
                   },
-                  children: ticket.assignees.map((assignee, idx) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(User, { user: assignee, index: idx, isFocus: isSelected }))
+                  children: ticket.assignees.map((assignee, idx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(User, { user: assignee, index: idx, isFocus: isSelected }))
                 }
               )
             ]
@@ -39423,7 +39697,10 @@ var TicketCard = ({
 };
 
 // source/gui/client/components/SwimlaneColumn.tsx
-var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
+var COLUMN_GLOW_COLOR = "rgb(140, 176, 232)";
+var COLUMN_PADDING = 14;
+var SCROLLBAR_GUTTER_INSET = COLUMN_PADDING / 2;
 var SwimlaneColumn = ({
   swimlane,
   selected,
@@ -39439,20 +39716,27 @@ var SwimlaneColumn = ({
   onDragOverIssue,
   onDragLeave
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     Panel,
     {
       as: "section",
       active: dragOver,
       borderColor: selected || dragOver ? GUI_THEME.accent : GUI_THEME.line,
-      glowOpacity: 0.15,
+      glowColor: COLUMN_GLOW_COLOR,
+      glowOpacity: 0.41,
+      glowRadius: 370,
+      proximityReach: 200,
       style: {
         zIndex: 0,
         width: 360,
         minWidth: 360,
-        height: "calc(100vh - 160px)",
+        // Fills the board row rather than guessing at the chrome above with a
+        // viewport calc; the scrubber's height changes as it is used.
+        height: "100%",
+        // Panel's 1px border would otherwise add to the 100% and overflow the row.
+        boxSizing: "border-box",
         background: dragOver ? "#14202a" : GUI_THEME.bg,
-        padding: "0 14px",
+        padding: `0 ${COLUMN_PADDING}px`,
         display: "flex",
         flexDirection: "column"
       },
@@ -39479,7 +39763,7 @@ var SwimlaneColumn = ({
         onDragLeave();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           "header",
           {
             style: {
@@ -39491,7 +39775,7 @@ var SwimlaneColumn = ({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                 "div",
                 {
                   style: {
@@ -39500,30 +39784,37 @@ var SwimlaneColumn = ({
                     gap: 8
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "span",
                       {
                         style: { color: selected ? GUI_THEME.accent : GUI_THEME.secondary },
                         children: selected ? "\u276F" : " "
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "strong",
                       {
                         style: { color: selected ? GUI_THEME.accent : GUI_THEME.primary },
                         children: swimlane.title
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { style: { color: GUI_THEME.dim }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { style: { color: GUI_THEME.dim }, children: [
                       "(",
                       swimlane.issues.length,
                       ")"
                     ] }),
-                    swimlane.readonly && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "\u{1F512}" })
+                    swimlane.readonly && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                      "span",
+                      {
+                        title: "Read-only",
+                        style: { display: "flex", color: GUI_THEME.dim },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconLock, {})
+                      }
+                    )
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 Button,
                 {
                   variant: "ghost",
@@ -39536,48 +39827,1602 @@ var SwimlaneColumn = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { overflow: "auto", paddingTop: 4, flex: 1, minHeight: 0 }, children: swimlane.issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          dropIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropIndicator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            "div",
-            {
-              style: {
-                padding: 24,
-                textAlign: "center",
-                color: GUI_THEME.dim,
-                fontSize: 12
-              },
-              children: "Drop issue here"
-            }
-          )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          swimlane.issues.map((ticket, index2) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react10.default.Fragment, { children: [
-            dropIndex === index2 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropIndicator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-              TicketCard,
-              {
-                ticket,
-                index: index2,
-                isSelected: ticket.id === selectedIssueId,
-                onSelect: () => onSelectIssue(ticket.id),
-                onDragStart: (issueId) => onSelectIssue(issueId),
-                onOpenComments: onSelectIssueComments,
-                commentCount: commentsByIssueId[ticket.id].length ?? 0,
-                onDragOverIssue: (targetIndex) => onDragOverIssue(swimlane.id, targetIndex),
-                onDropIssueAt: (issueId, targetIndex) => {
-                  onDropIssue(issueId, swimlane.id, targetIndex);
-                  onDragLeave();
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "div",
+          {
+            style: {
+              overflow: "auto",
+              paddingTop: 4,
+              marginRight: -SCROLLBAR_GUTTER_INSET,
+              paddingRight: SCROLLBAR_GUTTER_INSET,
+              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)(
+                "div",
+                {
+                  style: {
+                    padding: 24,
+                    textAlign: "center",
+                    color: GUI_THEME.dim,
+                    fontSize: 12
+                  },
+                  children: "Drop issue here"
                 }
-              }
-            )
-          ] }, ticket.id)),
-          dropIndex === swimlane.issues.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropIndicator, {})
-        ] }) })
+              )
+            ] }) : /* @__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)(
+                  TicketCard,
+                  {
+                    ticket,
+                    index: index2,
+                    isSelected: ticket.id === selectedIssueId,
+                    onSelect: () => onSelectIssue(ticket.id),
+                    onDragStart: (issueId) => onSelectIssue(issueId),
+                    onOpenComments: onSelectIssueComments,
+                    commentCount: commentsByIssueId[ticket.id]?.length ?? 0,
+                    onDragOverIssue: (targetIndex) => onDragOverIssue(swimlane.id, targetIndex),
+                    onDropIssueAt: (issueId, targetIndex) => {
+                      onDropIssue(issueId, swimlane.id, targetIndex);
+                      onDragLeave();
+                    }
+                  }
+                )
+              ] }, ticket.id)),
+              dropIndex === swimlane.issues.length && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropIndicator, {})
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
+// source/gui/client/components/GlobalScrollbarStyles.tsx
+var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+var SCROLLBAR_SIZE = 3;
+var GlobalScrollbarStyles = () => /* @__PURE__ */ (0, import_jsx_runtime24.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) {
+			* {
+				scrollbar-width: thin;
+				scrollbar-color: ${GUI_THEME.dim} transparent;
+			}
+		}
+
+		::-webkit-scrollbar {
+			width: ${SCROLLBAR_SIZE}px;
+			height: ${SCROLLBAR_SIZE}px;
+		}
+
+		/* Transparent, or the track draws a permanent stripe down every edge. */
+		::-webkit-scrollbar-track {
+			background: transparent;
+		}
+
+		::-webkit-scrollbar-thumb {
+			background: ${GUI_THEME.dim};
+			border-radius: 999px;
+			/* Insets the thumb below the track's hit target; 2px here would leave
+			   it 2px wide and lost against the panel. */
+			border: 1px solid transparent;
+			background-clip: content-box;
+		}
+
+		::-webkit-scrollbar-thumb:hover {
+			background: ${GUI_THEME.secondary};
+			background-clip: content-box;
+		}
+
+		/* Unpainted, or the corner shows as a lighter square. */
+		::-webkit-scrollbar-corner {
+			background: transparent;
+		}
+	` });
+
+// 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)(
+  "div",
+  {
+    style: {
+      position: "fixed",
+      bottom: 20,
+      right: 20,
+      zIndex: 1e3,
+      maxWidth: 360,
+      display: "flex",
+      alignItems: "flex-start",
+      gap: 8,
+      fontSize: 12,
+      color: GUI_THEME.primary,
+      background: GUI_THEME.panel,
+      border: `1px solid ${GUI_THEME.red}`,
+      borderRadius: 8,
+      padding: "10px 12px",
+      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)(
+        "button",
+        {
+          onClick: onDismiss,
+          style: {
+            background: "transparent",
+            border: "none",
+            color: GUI_THEME.dim,
+            cursor: "pointer",
+            fontSize: 14,
+            lineHeight: 1,
+            padding: 0
+          },
+          children: "\xD7"
+        }
+      )
+    ]
+  }
+);
+
+// source/gui/client/components/TimeScrubber.tsx
+var import_react14 = __toESM(require_react(), 1);
+
+// source/lib/utils/date.utils.ts
+var pad = (n) => String(n).padStart(2, "0");
+var formatDateTime = (date) => `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
+var formatTimeOfDay = (date) => `${pad(date.getHours())}:${pad(date.getMinutes())}`;
+var isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+
+// source/lib/utils/minmax.ts
+var minOf = (values, seed) => values.reduce((min, value) => value < min ? value : min, seed);
+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 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 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;
+var barWidthCss = (bucketCount) => bucketCount < MIN_BUCKET_COUNT_FOR_GAP ? `calc(${100 / bucketCount}% - 1px)` : `${100 / bucketCount}%`;
+var DAY_MS = 24 * 60 * 60 * 1e3;
+var MIN_TIME_BUCKETS = 60;
+var MAX_TIME_BUCKETS = 900;
+var bucketCountForSpan = (spanMs) => {
+  const days = Math.max(1, spanMs / DAY_MS);
+  return Math.round(
+    clamp(116.5 * Math.pow(days, 0.3265), MIN_TIME_BUCKETS, MAX_TIME_BUCKETS)
+  );
+};
+var buildAxis = (timeline, commits, now = Date.now()) => {
+  const commitBounds = commits.length ? commits.map((c) => c.time) : [now];
+  const earliest = minOf(
+    commitBounds,
+    timeline?.buckets[0]?.t ?? timeline?.earliest ?? now
+  );
+  const latest = maxOf(commitBounds, timeline?.latest ?? now);
+  const span = Math.max(1, latest - earliest);
+  const bucketCount = bucketCountForSpan(span);
+  const bucketMs = span / bucketCount;
+  return {
+    earliest,
+    latest,
+    span,
+    bucketCount,
+    bucketMs,
+    bucketIndexForTime: (time) => clamp(Math.floor((time - earliest) / bucketMs), 0, bucketCount - 1),
+    bucketTimeAt: (index2) => earliest + index2 * bucketMs,
+    fractionForTime: (time) => clamp((time - earliest) / span, 0, 1),
+    fractionToTime: (fraction) => Math.round(earliest + clamp(fraction, 0, 1) * span)
+  };
+};
+var bucketIssueCounts = (axis, timeline) => {
+  const counts = new Array(axis.bucketCount).fill(0);
+  for (const sparseBucket of timeline?.buckets ?? []) {
+    counts[axis.bucketIndexForTime(sparseBucket.t)] += sparseBucket.count;
+  }
+  return counts;
+};
+var bucketCommitStats = (axis, commits) => {
+  const byIndex = /* @__PURE__ */ new Map();
+  for (const commit of commits) {
+    const index2 = axis.bucketIndexForTime(commit.time);
+    const existing = byIndex.get(index2) ?? { count: 0, linesChanged: 0 };
+    byIndex.set(index2, {
+      count: existing.count + 1,
+      linesChanged: existing.linesChanged + commit.linesChanged
+    });
+  }
+  return byIndex;
+};
+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)
+] : [0, 0];
+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 APPROX_UNIT_MS = {
+  day: 24 * 60 * 60 * 1e3,
+  week: 7 * 24 * 60 * 60 * 1e3,
+  month: 30.44 * 24 * 60 * 60 * 1e3,
+  year: 365.25 * 24 * 60 * 60 * 1e3
+};
+var MAX_SEGMENTS = 35;
+var chooseSegmentUnit = (spanMs) => SEGMENT_UNIT_ORDER.find(
+  (unit) => spanMs / APPROX_UNIT_MS[unit] <= MAX_SEGMENTS
+) ?? "year";
+var WEEKDAY_LABELS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+var MONTH_LABELS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var advanceByUnit = (date, unit) => {
+  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 === "week") {
+    start2.setDate(start2.getDate() - (start2.getDay() + 6) % 7);
+  } else if (unit === "month") {
+    start2.setDate(1);
+  } else if (unit === "year") {
+    start2.setMonth(0, 1);
+  }
+  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()}`;
+  return { start: start2.getTime(), end: end.getTime(), label };
+};
+var formatInterval = (start2, end) => {
+  const startDate = new Date(start2);
+  const endDate = new Date(end);
+  const endLabel = isSameDay(startDate, endDate) ? formatTimeOfDay(endDate) : formatDateTime(endDate);
+  return `${formatDateTime(startDate)} \u2013 ${endLabel}`;
+};
+var SCOPES = ["week", "month", "year", "all"];
+var SCOPE_DURATION_MS = {
+  week: 7 * 24 * 60 * 60 * 1e3,
+  month: 30 * 24 * 60 * 60 * 1e3,
+  year: 365 * 24 * 60 * 60 * 1e3
+};
+var isScope = (value) => SCOPES.includes(value ?? "");
+var getPeriodRange = (scope, offset) => {
+  if (scope === "all") return null;
+  const durationMs = SCOPE_DURATION_MS[scope];
+  const end = Date.now() - offset * durationMs;
+  return { start: end - durationMs, end };
+};
+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";
+  }
+  const start2 = new Date(range.start);
+  const end = new Date(range.end);
+  return `${start2.getMonth() + 1}/${start2.getDate()} \u2013 ${end.getMonth() + 1}/${end.getDate()}`;
+};
+var scopeButtonLabel = (scope) => scope === "all" ? "All" : scope[0].toUpperCase() + scope.slice(1);
+var hashUnitInterval = (key) => {
+  let hash = 2166136261;
+  for (let index2 = 0; index2 < key.length; index2++) {
+    hash ^= key.charCodeAt(index2);
+    hash = Math.imul(hash, 16777619);
+  }
+  return (hash >>> 0) % 1e4 / 1e4;
+};
+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 DOT_EXIT_TOTAL_MS = DOT_APPEAR_SCATTER_MS + DOT_APPEAR_MS;
+var BAR_GROW_MS = 200;
+var BAR_GROW_SWEEP_MS = 560;
+var barGrowAnimation = (index2, firstIndex, lastIndex) => {
+  const span = lastIndex - firstIndex;
+  const delay = span > 0 ? (index2 - firstIndex) / span * BAR_GROW_SWEEP_MS : 0;
+  return `epiqScrubberGrow ${BAR_GROW_MS}ms ease-out ${delay.toFixed(
+    0
+  )}ms backwards`;
+};
+var FADE_IN_ANIMATION = "epiqScrubberFadeIn 320ms ease-out";
+var SCRUBBER_KEYFRAMES = `
+	/* Must animate the standalone 'scale' property, not 'transform': the dots
+	   carry a 'transform: translate(...)' to centre themselves, and animating
+	   'transform' would replace it and fling them off position. */
+	@keyframes epiqScrubberTwinkle {
+		from { scale: 0; }
+		to { scale: 1; }
+	}
+
+	/* Not the twinkle reversed \u2014 see dotExitAnimation for why. */
+	@keyframes epiqScrubberRetract {
+		from { scale: 1; }
+		to { scale: 0; }
+	}
+
+	@keyframes epiqScrubberGrow {
+		from { transform: scaleY(0); }
+		to { transform: scaleY(1); }
+	}
+
+	@keyframes epiqScrubberFadeIn {
+		/* Starts faint rather than transparent: from zero the whole chart reads
+		   as blinking on a mere data refresh. */
+		from { opacity: 0.2; }
+		to { opacity: 1; }
+	}
+`;
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+var usePrefersReducedMotion = () => {
+  const [reduced, setReduced] = (0, import_react12.useState)(
+    () => window.matchMedia(REDUCED_MOTION_QUERY).matches
+  );
+  (0, import_react12.useEffect)(() => {
+    const query = window.matchMedia(REDUCED_MOTION_QUERY);
+    const onChange = () => setReduced(query.matches);
+    query.addEventListener("change", onChange);
+    return () => query.removeEventListener("change", onChange);
+  }, []);
+  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);
+  duration.current = durationMs;
+  (0, import_react12.useEffect)(() => {
+    if (visible === wasVisible.current) return;
+    wasVisible.current = visible;
+    if (visible) {
+      setLeaving(false);
+      setMounted(true);
+      return;
+    }
+    if (duration.current === 0) {
+      setMounted(false);
+      return;
+    }
+    setLeaving(true);
+    const timeout = setTimeout(() => {
+      setLeaving(false);
+      setMounted(false);
+    }, duration.current);
+    return () => clearTimeout(timeout);
+  }, [visible]);
+  return { mounted, leaving };
+};
+var usePersistedFlag = (key, fallback) => {
+  const [value, setValue] = (0, import_react12.useState)(() => {
+    const stored = localStorage.getItem(key);
+    return stored === null ? fallback : stored === "true";
+  });
+  return [
+    value,
+    (next) => {
+      setValue(next);
+      localStorage.setItem(key, String(next));
+    }
+  ];
+};
+
+// source/gui/client/components/ScrubberParts.tsx
+var import_react13 = __toESM(require_react(), 1);
+
+// source/gui/client/components/Checkbox.tsx
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var Checkbox = ({
+  label,
+  checked,
+  onChange,
+  activeColor = GUI_THEME.accent,
+  disabled,
+  title
+}) => {
+  const color2 = checked ? activeColor : GUI_THEME.dim;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "label",
+    {
+      title,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 5,
+        fontSize: 10,
+        color: color2,
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.4 : 1
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          "span",
+          {
+            style: {
+              position: "relative",
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 12,
+              height: 12,
+              // Smaller than the buttons' 6px: at 12px square, 6 rounds to a circle.
+              borderRadius: 4,
+              border: `1px solid ${color2}`,
+              background: "transparent",
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked,
+                  disabled,
+                  onChange: (event) => onChange(event.target.checked),
+                  style: {
+                    position: "absolute",
+                    inset: 0,
+                    width: "100%",
+                    height: "100%",
+                    margin: 0,
+                    opacity: 0,
+                    cursor: "inherit"
+                  }
+                }
+              ),
+              checked && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                "span",
+                {
+                  style: {
+                    width: 6,
+                    height: 6,
+                    borderRadius: 1,
+                    background: activeColor
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        label
+      ]
+    }
+  );
+};
+
+// 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)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ (0, import_jsx_runtime27.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)(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.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 toggleButtonStyle = (active) => ({
+  background: "transparent",
+  border: `1px solid ${active ? GUI_THEME.accent : GUI_THEME.dim}`,
+  color: active ? GUI_THEME.accent : GUI_THEME.dim,
+  borderRadius: 6,
+  fontSize: 10,
+  padding: "2px 8px",
+  cursor: "pointer"
+});
+var navButtonStyle = {
+  background: "transparent",
+  border: `1px solid ${GUI_THEME.dim}`,
+  color: GUI_THEME.dim,
+  borderRadius: 6,
+  fontSize: 10,
+  padding: "2px 6px",
+  cursor: "pointer",
+  lineHeight: 1
+};
+var ScrubberControls = ({
+  scope,
+  offset,
+  periodRange,
+  layoutMode,
+  showIssues,
+  showCommits,
+  allBoards,
+  isScrubbing,
+  nowLabel,
+  onChangeScope,
+  onChangeOffset,
+  onChangeLayoutMode,
+  onChangeShowIssues,
+  onChangeShowCommits,
+  onChangeAllBoards,
+  onReturnToLive
+}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+    scope !== "all" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "button",
+        {
+          title: "Earlier",
+          onClick: () => onChangeOffset(offset + 1),
+          style: navButtonStyle,
+          children: "\u25C0"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "span",
+        {
+          style: {
+            fontSize: 10,
+            color: GUI_THEME.dim,
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            // Fixed, not min, so the changing label never shifts the
+            // buttons around it.
+            width: 88,
+            flexShrink: 0,
+            textAlign: "center"
+          },
+          children: formatPeriodLabel(scope, offset, periodRange)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "button",
+        {
+          title: "Later",
+          disabled: offset === 0,
+          onClick: () => onChangeOffset(Math.max(0, offset - 1)),
+          style: {
+            ...navButtonStyle,
+            opacity: offset === 0 ? 0.35 : 1,
+            cursor: offset === 0 ? "default" : "pointer"
+          },
+          children: "\u25B6"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style: { display: "flex", gap: 2 }, children: SCOPES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "button",
+      {
+        onClick: () => onChangeScope(option),
+        style: toggleButtonStyle(scope === option),
+        children: scopeButtonLabel(option)
+      },
+      option
+    )) })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", gap: 2 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "button",
+      {
+        title: "How much happened, per equal-width period \u2014 no empty gaps for quiet stretches",
+        onClick: () => onChangeLayoutMode("even"),
+        style: toggleButtonStyle(layoutMode === "even"),
+        children: "Volume"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "button",
+      {
+        title: "Individual events by exact moment \u2014 x is elapsed time, y is time of day",
+        onClick: () => onChangeLayoutMode("real"),
+        style: toggleButtonStyle(layoutMode === "real"),
+        children: "Events"
+      }
+    )
+  ] }),
+  /* @__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)(
+      Checkbox,
+      {
+        label: "Code",
+        checked: showCommits,
+        activeColor: GUI_THEME.green,
+        onChange: onChangeShowCommits
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      Checkbox,
+      {
+        label: "All boards",
+        checked: allBoards,
+        activeColor: GUI_THEME.accent,
+        onChange: onChangeAllBoards
+      }
+    )
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "flex-end",
+        alignItems: "center",
+        // Fixed, not min, so swapping between "Now" and "Return to live"
+        // never resizes the controls row.
+        width: 100,
+        flexShrink: 0
+      },
+      children: isScrubbing ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "button",
+        {
+          onClick: onReturnToLive,
+          style: {
+            background: "transparent",
+            border: `1px solid ${GUI_THEME.accent}`,
+            color: GUI_THEME.accent,
+            borderRadius: 6,
+            fontSize: 11,
+            padding: "2px 8px",
+            cursor: "pointer",
+            whiteSpace: "nowrap"
+          },
+          children: "Return to live"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "span",
+        {
+          style: {
+            fontSize: 11,
+            color: GUI_THEME.dim,
+            overflow: "hidden",
+            textAlign: "right",
+            whiteSpace: "nowrap"
+          },
+          children: nowLabel
+        }
+      )
+    }
+  )
+] });
+var ScrubberHeader = ({
+  collapsed,
+  onToggleCollapsed,
+  scrubbingAsOf
+}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  "div",
+  {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      fontSize: 11,
+      whiteSpace: "nowrap"
+    },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        "button",
+        {
+          onClick: onToggleCollapsed,
+          title: collapsed ? "Show time travel" : "Hide time travel",
+          style: {
+            background: "transparent",
+            border: "none",
+            color: GUI_THEME.dim,
+            fontSize: 11,
+            padding: 0,
+            cursor: "pointer",
+            display: "flex",
+            alignItems: "center",
+            gap: 4
+          },
+          children: [
+            "Time travel",
+            collapsed ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconChevronRight, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime29.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 })
+      ] })
+    ]
+  }
+);
+var SegmentHighlight = ({
+  segment,
+  fractionForTime
+}) => {
+  const left = fractionForTime(segment.start);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        left: `${left * 100}%`,
+        width: `${(fractionForTime(segment.end) - left) * 100}%`,
+        top: 0,
+        bottom: 0,
+        background: SEGMENT_HIGHLIGHT_COLOR,
+        pointerEvents: "none",
+        display: "flex",
+        justifyContent: "center",
+        paddingTop: 3,
+        // With top and bottom both pinned, content-box would add the padding
+        // on top of the resolved height and push the block past the wrapper
+        // it spans.
+        boxSizing: "border-box",
+        fontSize: 9,
+        color: GUI_THEME.dim2,
+        whiteSpace: "nowrap",
+        // The label is wider than its block at month and year scopes; only
+        // one segment is ever highlighted, so it has nothing to overlap.
+        overflow: "visible"
+      },
+      children: segment.label
+    }
+  );
+};
+var TrackBaseline = ({
+  color: color2,
+  anchor
+}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  "div",
+  {
+    style: {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      ...anchor === "bottom" ? { bottom: 0 } : {},
+      ...anchor === "top" ? { top: 0 } : {},
+      height: anchor === "top" ? 1 : 2,
+      borderRadius: 999,
+      background: color2,
+      opacity: 0.2
+    }
+  }
+);
+var HourAxisLabels = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.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)(
+  "span",
+  {
+    style: {
+      position: "absolute",
+      left: 2,
+      fontSize: 9,
+      color: GUI_THEME.dim,
+      pointerEvents: "none",
+      ...position3
+    },
+    children: label
+  },
+  label
+)) });
+var SeriesLayer = ({
+  animate,
+  children
+}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  "div",
+  {
+    style: {
+      position: "absolute",
+      inset: 0,
+      pointerEvents: "none",
+      animation: animate ? FADE_IN_ANIMATION : void 0
+    },
+    children
+  }
+);
+var VolumeBars = ({
+  bars,
+  bucketCount,
+  firstBar,
+  lastBar,
+  highlightedIndex,
+  color: color2,
+  direction,
+  animate
+}) => {
+  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)(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: `${highlightedIndex * widthPercent}%`,
+          top: 0,
+          bottom: 0,
+          width: `${widthPercent}%`,
+          // A bucket can be thinner than a pixel at wide spans.
+          minWidth: 2,
+          background: BUCKET_HIGHLIGHT_COLOR,
+          pointerEvents: "none"
+        }
+      }
+    ),
+    bars.map(({ index: index2, intensity }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: `${index2 * widthPercent}%`,
+          ...growsUp ? { bottom: 0 } : { top: 0 },
+          width: barWidth,
+          height: 3 + intensity * (TRACK_HEIGHT - 3),
+          borderRadius: growsUp ? "1px 1px 0 0" : "0 0 1px 1px",
+          background: color2,
+          opacity: 0.35 + intensity * 0.65,
+          transformOrigin: growsUp ? "bottom" : "top",
+          animation: animate ? barGrowAnimation(index2, firstBar, lastBar) : void 0,
+          pointerEvents: "none"
+        }
+      },
+      index2
+    ))
+  ] });
+};
+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 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)(
+      "div",
+      {
+        ...hover,
+        style: {
+          position: "absolute",
+          left: `${fraction * 100}%`,
+          top: 0,
+          bottom: 0,
+          // A hairline, no glow: the needle marks an exact instant, and a
+          // soft edge blooms over bars that can be ~2px wide.
+          width: 1,
+          background: NEEDLE_COLOR,
+          zIndex: 3,
+          transform: "translateX(-0.5px)",
+          pointerEvents: "auto",
+          cursor: "pointer"
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "div",
+      {
+        ...hover,
+        style: {
+          position: "absolute",
+          left: `${fraction * 100}%`,
+          top: hovered ? -9 : -7,
+          width: 0,
+          height: 0,
+          borderLeft: `${hovered ? 6 : 5}px solid transparent`,
+          borderRight: `${hovered ? 6 : 5}px solid transparent`,
+          borderTop: `${hovered ? 8 : 7}px solid ${NEEDLE_COLOR}`,
+          zIndex: 3,
+          transform: `translateX(${hovered ? -6 : -5}px)`,
+          pointerEvents: "auto",
+          cursor: "pointer"
+        }
+      }
+    )
+  ] });
+};
+var ScrubberHoverHint = ({
+  label,
+  rows,
+  segmentLabel,
+  stripeColor,
+  fraction,
+  trackWidthPx,
+  empty: empty3 = false
+}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  "div",
+  {
+    style: {
+      position: "absolute",
+      top: "100%",
+      marginTop: 6,
+      left: clamp(
+        fraction * trackWidthPx - HOVER_HINT_WIDTH / 2,
+        0,
+        Math.max(0, trackWidthPx - HOVER_HINT_WIDTH)
+      ),
+      width: HOVER_HINT_WIDTH,
+      // Border-box so `width` matches what the clamp math assumes; otherwise
+      // border and padding push the box past the track's edge.
+      boxSizing: "border-box",
+      display: "flex",
+      flexDirection: "column",
+      gap: 2,
+      textAlign: "left",
+      background: GUI_THEME.panel,
+      border: `1px solid ${GUI_THEME.line}`,
+      borderLeft: `3px solid ${empty3 ? GUI_THEME.dim : stripeColor}`,
+      // Smaller than the 6px used elsewhere: a rounder corner clips the 3px
+      // stripe into a visible wedge.
+      borderRadius: 3,
+      padding: "6px 10px",
+      pointerEvents: "none",
+      // Above the board content this overhangs.
+      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)(
+        "div",
+        {
+          style: {
+            fontSize: 11,
+            fontWeight: 600,
+            color: empty3 ? GUI_THEME.secondary : GUI_THEME.primary,
+            whiteSpace: "normal",
+            wordBreak: "break-word"
+          },
+          children: label
+        }
+      ),
+      rows.map((row, index2) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "div",
+        {
+          style: {
+            fontSize: 11,
+            color: empty3 ? GUI_THEME.dim : GUI_THEME.secondary,
+            whiteSpace: "normal",
+            wordBreak: "break-word"
+          },
+          children: row
+        },
+        index2
+      ))
+    ]
+  }
+);
+
+// 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 ScrubberLayout = ({
+  collapsed,
+  onToggleCollapsed,
+  scrubbingAsOf,
+  controls,
+  chart
+}) => {
+  const { axis, layoutMode, animate, windowKey, on } = chart;
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    Panel,
+    {
+      as: "div",
+      borderColor: GUI_THEME.line,
+      borderRadius: 0,
+      style: {
+        borderLeft: "none",
+        borderRight: "none",
+        borderTop: "none",
+        padding: "10px 30px",
+        // Panel clips children to keep its glow inside its rounded corners,
+        // which would lop off the overhanging hint. Safe to disable only
+        // because this panel is square.
+        overflow: "visible"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("style", { children: SCRUBBER_KEYFRAMES }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: collapsed ? 0 : 8
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    // Fixed whether or not the banner renders, so the track below
+                    // never shifts vertically.
+                    minHeight: 22
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      ScrubberHeader,
+                      {
+                        collapsed,
+                        onToggleCollapsed,
+                        scrubbingAsOf
+                      }
+                    ),
+                    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrubberControls, { ...controls })
+                  ]
+                }
+              ),
+              !collapsed && // Wraps both charts so the period highlight can be one tall block
+              // 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)(
+                "div",
+                {
+                  onPointerDown: on.onPointerDown,
+                  onPointerMove: on.onPointerMove,
+                  onPointerUp: on.onPointerEnd,
+                  onPointerCancel: on.onPointerEnd,
+                  onMouseMove: on.onTrackMouseMove,
+                  onMouseLeave: on.onTrackMouseLeave,
+                  style: {
+                    position: "relative",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 8,
+                    cursor: "pointer"
+                  },
+                  children: [
+                    chart.hoveredSegment && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      SegmentHighlight,
+                      {
+                        segment: chart.hoveredSegment,
+                        fractionForTime: axis.fractionForTime
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                      "div",
+                      {
+                        ref: chart.trackRef,
+                        style: {
+                          position: "relative",
+                          width: "100%",
+                          height: layoutMode === "real" ? EVENTS_SCATTER_HEIGHT : TRACK_HEIGHT,
+                          paddingTop: layoutMode === "real" ? EVENTS_MODE_VERTICAL_PADDING : 0,
+                          paddingBottom: layoutMode === "real" ? EVENTS_MODE_VERTICAL_PADDING : 0,
+                          boxSizing: "content-box",
+                          display: "flex",
+                          alignItems: "center"
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            TrackBaseline,
+                            {
+                              color: GUI_THEME.accent,
+                              anchor: layoutMode === "even" ? "bottom" : "centre"
+                            }
+                          ),
+                          layoutMode === "real" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HourAxisLabels, {}),
+                          chart.showIssues && layoutMode === "even" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SeriesLayer, { animate, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                            VolumeBars,
+                            {
+                              bars: chart.issueBars,
+                              bucketCount: axis.bucketCount,
+                              firstBar: chart.issueBarRange[0],
+                              lastBar: chart.issueBarRange[1],
+                              highlightedIndex: chart.hoveredBucketIndex,
+                              color: GUI_THEME.accent,
+                              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,
+                            {
+                              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}`
+                          )
+                        ]
+                      }
+                    ),
+                    chart.showCommits && layoutMode === "even" && chart.commits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                      "div",
+                      {
+                        onMouseEnter: on.onCommitTrackMouseEnter,
+                        onMouseMove: on.onCommitTrackMouseMove,
+                        onMouseLeave: on.onCommitTrackMouseLeave,
+                        style: {
+                          position: "relative",
+                          width: "100%",
+                          height: TRACK_HEIGHT,
+                          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)(
+                            VolumeBars,
+                            {
+                              bars: chart.commitBars,
+                              bucketCount: axis.bucketCount,
+                              firstBar: chart.commitBarRange[0],
+                              lastBar: chart.commitBarRange[1],
+                              highlightedIndex: chart.hoveredCommitBucketIndex,
+                              color: GUI_THEME.green,
+                              direction: "down",
+                              animate
+                            }
+                          )
+                        ]
+                      },
+                      `commits-${windowKey}`
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrubberNeedle, { fraction: chart.thumbFraction }),
+                    chart.boardHint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      ScrubberHoverHint,
+                      {
+                        ...chart.boardHint,
+                        segmentLabel: chart.hoveredSegment?.label,
+                        stripeColor: GUI_THEME.accent,
+                        trackWidthPx: chart.trackWidthPx
+                      }
+                    ),
+                    chart.commitHint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      ScrubberHoverHint,
+                      {
+                        ...chart.commitHint,
+                        segmentLabel: chart.hoveredSegment?.label,
+                        stripeColor: GUI_THEME.green,
+                        trackWidthPx: chart.trackWidthPx
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );
 };
 
+// source/gui/client/components/TimeScrubber.tsx
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
+var SCRUB_THROTTLE_MS = 120;
+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 readStoredScope = () => {
+  const stored = localStorage.getItem(SCOPE_STORAGE_KEY);
+  return isScope(stored) ? stored : "all";
+};
+var TimeScrubber = ({
+  timeline,
+  commits,
+  timeTravel,
+  onScrub,
+  onReturnToLive,
+  onRequestHistory,
+  boardId,
+  connected,
+  onInspectCommit
+}) => {
+  const animate = !usePrefersReducedMotion();
+  const trackRef = (0, import_react14.useRef)(null);
+  const lastDispatchRef = (0, import_react14.useRef)(0);
+  const [layoutMode, setLayoutMode] = (0, import_react14.useState)("even");
+  const [scope, setScope] = (0, import_react14.useState)(readStoredScope);
+  const [offset, setOffset] = (0, import_react14.useState)(0);
+  const [dragFraction, setDragFraction] = (0, import_react14.useState)(null);
+  const [collapsed, setCollapsed] = usePersistedFlag(
+    COLLAPSED_STORAGE_KEY,
+    false
+  );
+  const [showIssues, setShowIssues] = usePersistedFlag(
+    SHOW_ISSUES_STORAGE_KEY,
+    true
+  );
+  const [showCommits, setShowCommits] = usePersistedFlag(
+    SHOW_COMMITS_STORAGE_KEY,
+    true
+  );
+  const [allBoards, setAllBoards] = usePersistedFlag(
+    ALL_BOARDS_STORAGE_KEY,
+    false
+  );
+  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)(
+    null
+  );
+  const [hoveredCommitBucketIndex, setHoveredCommitBucketIndex] = (0, import_react14.useState)(null);
+  const periodRange = getPeriodRange(scope, offset);
+  (0, import_react14.useEffect)(() => {
+    if (!connected) return;
+    onRequestHistory(periodRange?.start, periodRange?.end, allBoards);
+  }, [scope, offset, boardId, allBoards, connected]);
+  const changeScope = (nextScope) => {
+    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 maxCommitCount = maxOf(
+    Array.from(commitStats.values(), (stats) => stats.count),
+    1
+  );
+  const issueBars = issueCounts.flatMap(
+    (count, index2) => count > 0 ? [{ index: index2, intensity: count / maxIssueBucketCount }] : []
+  );
+  const commitBars = Array.from(commitStats, ([index2, stats]) => ({
+    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 confirmedFraction = timeTravel.mode === "scrub" && timeTravel.asOfTime !== null ? axis.fractionForTime(timeTravel.asOfTime) : 1;
+  const fractionFromClientX = (clientX) => {
+    const track = trackRef.current;
+    if (!track) return 0;
+    const rect = track.getBoundingClientRect();
+    return clamp((clientX - rect.left) / Math.max(1, rect.width), 0, 1);
+  };
+  const dispatchScrub = (fraction, force) => {
+    const now = Date.now();
+    if (!force && now - lastDispatchRef.current < SCRUB_THROTTLE_MS) return;
+    lastDispatchRef.current = now;
+    onScrub(axis.fractionToTime(fraction));
+  };
+  const endDrag = () => {
+    if (dragFraction === null) return;
+    dispatchScrub(dragFraction, true);
+    setDragFraction(null);
+  };
+  const fractionFromEvent = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    return clamp((event.clientX - rect.left) / Math.max(1, rect.width), 0, 1);
+  };
+  const bucketIndexFromEvent = (event) => clamp(
+    Math.floor(fractionFromEvent(event) * axis.bucketCount),
+    0,
+    axis.bucketCount - 1
+  );
+  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 hoveredBucketTime = bucketTimeAt(hoveredBucketIndex);
+  const hoveredBucketCount = hoveredBucketIndex !== null ? issueCounts[hoveredBucketIndex] : void 0;
+  const boardHint = layoutMode === "even" ? hoveredBucketTime !== void 0 && hoveredBucketCount !== void 0 ? {
+    label: formatInterval(
+      hoveredBucketTime,
+      hoveredBucketTime + axis.bucketMs
+    ),
+    rows: [boardEventRow(hoveredBucketCount)],
+    fraction: centreFraction(hoveredBucketIndex),
+    empty: hoveredBucketCount === 0
+  } : null : hoveredEvent ? {
+    label: hoveredEvent.label,
+    rows: [boardEventRow(hoveredEvent.count)],
+    fraction: hoveredEvent.fraction
+  } : null;
+  const hoveredCommitStats = hoveredCommitBucketIndex !== null ? commitStats.get(hoveredCommitBucketIndex) : void 0;
+  const hoveredCommitBucketTime = bucketTimeAt(hoveredCommitBucketIndex);
+  const commitHint = layoutMode === "even" ? hoveredCommitStats && hoveredCommitBucketTime !== void 0 ? {
+    label: formatInterval(
+      hoveredCommitBucketTime,
+      hoveredCommitBucketTime + axis.bucketMs
+    ),
+    rows: [
+      `${hoveredCommitStats.count} commit${hoveredCommitStats.count === 1 ? "" : "s"}`,
+      `${hoveredCommitStats.linesChanged.toLocaleString()} lines changed`
+    ],
+    fraction: centreFraction(hoveredCommitBucketIndex)
+  } : null : hoveredCommit ? {
+    label: formatDateTime(new Date(hoveredCommit.commit.time)),
+    rows: [
+      hoveredCommit.commit.subject,
+      `${hoveredCommit.commit.author} \u2022 ${hoveredCommit.commit.linesChanged.toLocaleString()} lines`
+    ],
+    fraction: hoveredCommit.fraction
+  } : null;
+  const hoveredSegmentTime = (layoutMode === "even" ? hoveredBucketTime ?? bucketTimeAt(hoveredCommitBucketIndex) : (
+    // A hovered point wins over the raw pointer, so the highlight agrees
+    // with the tooltip's own moment.
+    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)(
+    ScrubberLayout,
+    {
+      collapsed,
+      onToggleCollapsed: () => setCollapsed(!collapsed),
+      scrubbingAsOf: timeTravel.mode === "scrub" ? timeTravel.asOfTime ? formatDateTime(new Date(timeTravel.asOfTime)) : "" : null,
+      controls: {
+        scope,
+        offset,
+        periodRange,
+        layoutMode,
+        showIssues,
+        showCommits,
+        allBoards,
+        isScrubbing: timeTravel.mode === "scrub",
+        nowLabel: scope === "all" || offset === 0 ? "Now" : formatDateTime(new Date(axis.latest)),
+        onChangeScope: changeScope,
+        onChangeOffset: setOffset,
+        onChangeLayoutMode: setLayoutMode,
+        onChangeShowIssues: setShowIssues,
+        onChangeShowCommits: setShowCommits,
+        onChangeAllBoards: setAllBoards,
+        onReturnToLive
+      },
+      chart: {
+        trackRef,
+        axis,
+        layoutMode,
+        animate,
+        windowKey: `${layoutMode}-${animationGeneration}`,
+        showIssues,
+        showCommits,
+        issueScatter,
+        commitScatter,
+        issueBars,
+        issueBarRange: populatedRange(issueBars),
+        commitBars,
+        commitBarRange: populatedRange(commitBars),
+        eventBuckets,
+        maxEventCount,
+        commits,
+        hoveredCommitSha: hoveredCommit?.commit.sha ?? null,
+        hoveredBucketIndex,
+        hoveredCommitBucketIndex,
+        hoveredSegment: hoveredSegmentTime !== null ? segmentAt(hoveredSegmentTime, segmentUnit) : null,
+        thumbFraction: dragFraction ?? confirmedFraction,
+        trackWidthPx: trackRef.current?.clientWidth ?? 0,
+        boardHint,
+        commitHint,
+        on: {
+          onPointerDown: (event) => {
+            event.currentTarget.setPointerCapture(event.pointerId);
+            const fraction = fractionFromClientX(event.clientX);
+            setDragFraction(fraction);
+            dispatchScrub(fraction, true);
+          },
+          onPointerMove: (event) => {
+            if (dragFraction === null) return;
+            const fraction = fractionFromClientX(event.clientX);
+            setDragFraction(fraction);
+            dispatchScrub(fraction, false);
+          },
+          onPointerEnd: endDrag,
+          onTrackMouseMove: (event) => {
+            if (layoutMode === "even") {
+              setHoveredBucketIndex(bucketIndexFromEvent(event));
+              return;
+            }
+            setPointerFraction(fractionFromEvent(event));
+          },
+          onTrackMouseLeave: () => {
+            setHoveredBucketIndex(null);
+            setPointerFraction(null);
+          },
+          onCommitTrackMouseEnter: () => setHoveredBucketIndex(null),
+          onCommitTrackMouseMove: (event) => {
+            event.stopPropagation();
+            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),
+          onInspectCommit
+        }
+      }
+    }
+  );
+};
+
+// 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" };
@@ -39655,16 +41500,14 @@ var moveIssue = (setState, socketRef) => (issueId, parentId, targetIndex) => {
     };
   });
   if (!position3) return;
-  socketRef.current?.send(
-    JSON.stringify({
-      type: "issues:move",
-      payload: {
-        issueId,
-        parentId,
-        position: position3
-      }
-    })
-  );
+  sendSocketJson(socketRef.current, {
+    type: "issues:move",
+    payload: {
+      issueId,
+      parentId,
+      position: position3
+    }
+  });
 };
 
 // source/lib/utils/node-ref.ts
@@ -39709,6 +41552,30 @@ var updateIssueInGuiState = (state, issueId, updateIssue) => ({
   }))
 });
 
+// source/gui/client/lib/history-buffer.ts
+var createHistoryBuffer = (publish) => {
+  let lastRequestId = 0;
+  let pending2 = {};
+  return {
+    /** Starts a new window, abandoning whatever the previous one buffered. */
+    open() {
+      lastRequestId += 1;
+      pending2 = { requestId: lastRequestId };
+      return lastRequestId;
+    },
+    /** Files one half, ignoring replies to any request but the open one. */
+    accept(requestId, half) {
+      if (requestId === void 0) return;
+      if (requestId !== pending2.requestId) return;
+      pending2 = { ...pending2, ...half };
+      const { timeline, commits } = pending2;
+      if (!timeline || !commits) return;
+      pending2 = {};
+      publish({ timeline, commits });
+    }
+  };
+};
+
 // source/gui/client/lib/compress-image.ts
 var MAX_LONG_EDGE = 1600;
 var DEFAULT_MAX_KB = 500;
@@ -39774,8 +41641,8 @@ var blobToBase64 = (blob) => new Promise((resolve, reject) => {
 });
 
 // source/gui/client/App.tsx
-var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
-var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
+var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "div",
   {
     style: {
@@ -39790,26 +41657,36 @@ var DropIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
 var App = () => {
   const { boardId, issueId } = useParams();
   const [searchParams, setSearchParams] = useSearchParams();
-  const [connected, setConnected] = (0, import_react11.useState)(false);
-  const [syncStatus, setSyncStatus] = (0, import_react11.useState)({
+  const [connected, setConnected] = (0, import_react15.useState)(false);
+  const [syncStatus, setSyncStatus] = (0, import_react15.useState)({
     status: "synced",
     msg: "idle"
   });
-  const [state, setState] = (0, import_react11.useState)(null);
-  const [dragOverSwimlaneId, setDragOverSwimlaneId] = (0, import_react11.useState)(
+  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)(
+    null
+  );
+  const [removeError, setRemoveError] = (0, import_react15.useState)(null);
+  const [dragOverSwimlaneId, setDragOverSwimlaneId] = (0, import_react15.useState)(
     null
   );
-  const [dropTarget, setDropTarget] = (0, import_react11.useState)(null);
-  const [boardMenuOpen, setBoardMenuOpen] = (0, import_react11.useState)(false);
-  const [createIssueModal, setCreateIssueModal] = (0, import_react11.useState)(null);
-  const boardMenuRef = (0, import_react11.useRef)(null);
-  const socketRef = (0, import_react11.useRef)(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 selectedTab = searchParams.get("tab") === "comments" ? "comments" : "overview";
   const navigate = useNavigate();
   const selectedBoard = (state && boardId ? findBoard(state, boardId) : null) ?? state?.boards[0] ?? null;
+  const selectedBoardId = selectedBoard?.id ?? null;
+  const selectedBoardIdRef = (0, import_react15.useRef)(selectedBoardId);
+  selectedBoardIdRef.current = selectedBoardId;
   const boardSlug = selectedBoard?.ref ?? boardId;
   const selectedIssue = state && issueId ? findIssue(state, issueId) : null;
-  (0, import_react11.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const onPaste = (event) => {
       if (!selectedIssue || selectedIssue.readonly) return;
       const target = event.target;
@@ -39830,18 +41707,18 @@ var App = () => {
   };
   const commentsByIssueId = state?.commentsByIssueId ?? {};
   const attachmentsByIssueId = state?.attachmentsByIssueId ?? {};
-  const [attachmentUploadStatus, setAttachmentUploadStatus] = (0, import_react11.useState)({ state: "idle" });
+  const [attachmentUploadStatus, setAttachmentUploadStatus] = (0, import_react15.useState)({ state: "idle" });
   const requestState = () => {
-    socketRef.current?.send(JSON.stringify({ type: "state:get" }));
+    sendSocketJson(socketRef.current, { type: "state:get" });
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const socket = new WebSocket(
       `ws://${window.location.host}/ws${boardId ? `?boardId=${boardId}` : ""}`
     );
     socketRef.current = socket;
     socket.addEventListener("open", () => {
       setConnected(true);
-      socket.send(JSON.stringify({ type: "state:get" }));
+      sendSocketJson(socket, { type: "state:get" });
     });
     socket.addEventListener("close", () => {
       setConnected(false);
@@ -39867,6 +41744,40 @@ var App = () => {
         console.log("Failed", message);
         requestState();
       }
+      if (message.type === "timeline") {
+        const nextTimeline = getResultValue(message.payload);
+        if (nextTimeline) {
+          historyBuffer.accept(message.requestId, { timeline: nextTimeline });
+        }
+      }
+      if (message.type === "contributor:remove:result" || message.type === "issue:assignee:add:result") {
+        sendSocketJson(socketRef.current, {
+          type: "contributors:get",
+          payload: { boardId: selectedBoardIdRef.current }
+        });
+      }
+      if (message.type === "contributor:remove:result" && message.payload?.status === "fail") {
+        setRemoveError(
+          `Couldn't remove a contributor: ${message.payload.message}`
+        );
+      }
+      if (message.type === "contributors") {
+        const next = getResultValue(message.payload);
+        if (next) setContributors(next);
+      }
+      if (message.type === "commits") {
+        const nextCommits = getResultValue(message.payload);
+        if (nextCommits) {
+          historyBuffer.accept(message.requestId, { commits: nextCommits });
+        }
+      }
+      if (message.type === "commit:inspect:result" && message.payload?.status === "fail") {
+        setCommitInspectError(message.payload.message);
+      }
+      if (message.type === "time-travel:result" && message.payload?.status === "fail") {
+        console.log("Time travel failed", message);
+        requestState();
+      }
       if (message.type === "sync-status") {
         setSyncStatus(message.payload);
       }
@@ -39878,12 +41789,12 @@ var App = () => {
       socket.close();
     };
   }, [boardId, navigate]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!boardId && state?.boards[0]) {
       void navigate(`/board/${state.boards[0].ref}`, { replace: true });
     }
   }, [boardId, state, navigate]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const close = (event) => {
       if (boardMenuRef.current && !boardMenuRef.current.contains(event.target)) {
         setBoardMenuOpen(false);
@@ -39897,7 +41808,7 @@ var App = () => {
     setDropTarget(null);
   };
   const send = (type, payload) => {
-    socketRef.current?.send(JSON.stringify({ type, payload }));
+    sendSocketJson(socketRef.current, { type, payload });
   };
   const selectIssue = (nextIssueId) => {
     if (!boardSlug) return;
@@ -39971,7 +41882,22 @@ var App = () => {
     });
     send("issue:tag:remove", { issueId: issueId2, tagId });
   };
-  const addIssueAssignee = (issueId2, assigneeName) => {
+  const addIssueAssignee = (issueId2, assigneeId) => {
+    const picked = contributors.find((c) => c.id === assigneeId);
+    setState((prev) => {
+      if (!prev || !picked) return prev;
+      return updateIssueInGuiState(
+        prev,
+        issueId2,
+        (issue) => issue.assignees.some((assignee) => assignee.id === assigneeId) ? issue : { ...issue, assignees: [...issue.assignees, picked] }
+      );
+    });
+    send("issue:assignee:add", { issueId: issueId2, assigneeId });
+  };
+  const removeContributor = (contributorId) => {
+    send("contributor:remove", { contributorId });
+  };
+  const addExternalIssueAssignee = (issueId2, assigneeName) => {
     setState((prev) => {
       if (!prev) return prev;
       return updateIssueInGuiState(prev, issueId2, (issue) => {
@@ -39991,7 +41917,7 @@ var App = () => {
         };
       });
     });
-    send("issue:assignee:add", { issueId: issueId2, assigneeName });
+    send("issue:assignee:add", { issueId: issueId2, assigneeName, createUnlinked: true });
   };
   const removeIssueAssignee = (issueId2, assigneeId) => {
     setState((prev) => {
@@ -40025,6 +41951,53 @@ var App = () => {
     });
     send("issue:reopen", { issueId: issueId2 });
   };
+  const scrubToTime = (targetTime) => {
+    send("time-travel:scrub", { targetTime });
+  };
+  const returnToLive = () => {
+    send("time-travel:live", {});
+  };
+  const requestBoardHistory = (0, import_react15.useCallback)(
+    (start2, end, allBoards) => {
+      const window2 = start2 !== void 0 ? { start: start2, end } : void 0;
+      const requestId = historyBuffer.open();
+      sendSocketJson(socketRef.current, {
+        type: "timeline:get",
+        payload: {
+          ...window2,
+          boardId: allBoards ? void 0 : selectedBoardId,
+          requestId
+        }
+      });
+      sendSocketJson(socketRef.current, {
+        type: "commits:get",
+        payload: { ...window2, requestId }
+      });
+    },
+    [selectedBoardId]
+  );
+  const requestContributors = (0, import_react15.useCallback)(() => {
+    sendSocketJson(socketRef.current, {
+      type: "contributors:get",
+      payload: { boardId: selectedBoardIdRef.current }
+    });
+  }, []);
+  (0, import_react15.useEffect)(() => {
+    setContributors([]);
+  }, [selectedBoardId]);
+  const inspectCommit = (0, import_react15.useCallback)((sha) => {
+    sendSocketJson(socketRef.current, { type: "commit:inspect", payload: { sha } });
+  }, []);
+  (0, import_react15.useEffect)(() => {
+    if (!commitInspectError) return;
+    const timeout = setTimeout(() => setCommitInspectError(null), 8e3);
+    return () => clearTimeout(timeout);
+  }, [commitInspectError]);
+  (0, import_react15.useEffect)(() => {
+    if (!removeError) return;
+    const timeout = setTimeout(() => setRemoveError(null), 8e3);
+    return () => clearTimeout(timeout);
+  }, [removeError]);
   const selectBoard = (nextBoardId) => {
     setBoardMenuOpen(false);
     clearDragState();
@@ -40147,7 +42120,7 @@ var App = () => {
     });
     send("issue:comment:delete", { commentId });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       style: {
@@ -40159,8 +42132,37 @@ var App = () => {
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Header, { state, connected, syncStatus }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GlobalScrollbarStyles, {}),
+        commitInspectError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          ErrorToast,
+          {
+            message: `Couldn't open commit diff: ${commitInspectError}`,
+            onDismiss: () => setCommitInspectError(null)
+          }
+        ),
+        removeError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          ErrorToast,
+          {
+            message: removeError,
+            onDismiss: () => setRemoveError(null)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Header, { state, connected, syncStatus }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          TimeScrubber,
+          {
+            timeline: history.timeline,
+            commits: history.commits,
+            boardId: selectedBoardId,
+            connected,
+            onRequestHistory: requestBoardHistory,
+            onInspectCommit: inspectCommit,
+            timeTravel: state?.timeTravel ?? { mode: "live", asOfTime: null },
+            onScrub: scrubToTime,
+            onReturnToLive: returnToLive
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
           "div",
           {
             style: {
@@ -40169,47 +42171,76 @@ var App = () => {
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("main", { style: { padding: "0 30px 30px 30px", overflow: "auto", flex: 1 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { padding: "20px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                  Dropdown,
-                  {
-                    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_runtime21.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
-                  selectedBoard?.swimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                    SwimlaneColumn,
-                    {
-                      swimlane,
-                      selected: false,
-                      selectedIssueId: selectedIssue?.id ?? null,
-                      commentsByIssueId,
-                      dragOver: dragOverSwimlaneId === swimlane.id,
-                      dropIndex: dropTarget?.swimlaneId === swimlane.id ? dropTarget.index : null,
-                      onSelectIssue: selectIssue,
-                      onSelectIssueComments: selectIssueComments,
-                      onCreateIssue: openCreateIssueModal,
-                      onDropIssue: moveIssue(setState, socketRef),
-                      onDragOver: setDragOverSwimlaneId,
-                      onDragOverIssue: (swimlaneId, index2) => setDropTarget({ swimlaneId, index: index2 }),
-                      onDragLeave: clearDragState
-                    },
-                    swimlane.id
-                  )),
-                  !(selectedIssue && state?.user) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { width: ASIDE_WIDTH, flexShrink: 0 } })
-                ] })
-              ] }),
-              selectedIssue && state?.user && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                "main",
+                {
+                  style: {
+                    // No bottom padding: the board row is the horizontal scroll
+                    // container, and a gap below it would strand its scrollbar.
+                    padding: "0 30px 0 30px",
+                    flex: 1,
+                    minHeight: 0,
+                    display: "flex",
+                    flexDirection: "column",
+                    overflow: "hidden"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: { padding: "20px 10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.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)(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          gap: 8,
+                          flex: 1,
+                          minHeight: 0,
+                          overflowX: "auto",
+                          overflowY: "hidden"
+                        },
+                        children: [
+                          selectedBoard?.swimlanes.map((swimlane) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                            SwimlaneColumn,
+                            {
+                              swimlane,
+                              selected: false,
+                              selectedIssueId: selectedIssue?.id ?? null,
+                              commentsByIssueId,
+                              dragOver: dragOverSwimlaneId === swimlane.id,
+                              dropIndex: dropTarget?.swimlaneId === swimlane.id ? dropTarget.index : null,
+                              onSelectIssue: selectIssue,
+                              onSelectIssueComments: selectIssueComments,
+                              onCreateIssue: openCreateIssueModal,
+                              onDropIssue: moveIssue(setState, socketRef),
+                              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_runtime32.jsx)(
                 IssueDetails,
                 {
                   whoAmI: state.user,
@@ -40223,6 +42254,8 @@ var App = () => {
                   onAddTag: addIssueTag,
                   onRemoveTag: removeIssueTag,
                   onAddAssignee: addIssueAssignee,
+                  onAddExternalAssignee: addExternalIssueAssignee,
+                  onRemoveContributor: removeContributor,
                   onRemoveAssignee: removeIssueAssignee,
                   onAddComment: addIssueComment,
                   onDeleteComment: deleteIssueComment,
@@ -40233,13 +42266,14 @@ var App = () => {
                   onReopenIssue: reopenIssue,
                   onCloseIssue: closeIssue,
                   knownTags: state.tags ?? [],
-                  knownAssignees: state.contributors ?? []
+                  knownAssignees: contributors,
+                  onOpenAssigneePicker: requestContributors
                 }
               )
             ]
           }
         ),
-        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        createIssueModal && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           CreateIssueModal,
           {
             title: createIssueModal.title,
@@ -40254,14 +42288,14 @@ var App = () => {
 };
 
 // source/gui/client/main.tsx
-var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
 (0, import_client.createRoot)(document.getElementById("root")).render(
-  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Routes, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Route, { path: "/board/:boardId", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Route, { path: "/board/:boardId/issue/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Route, { path: "/board/:boardId/:issueId", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(App, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Navigate, { to: "/", replace: true }) })
+  /* @__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 }) })
   ] }) })
 );
 /*! Bundled license information: