epiq 1.7.0 → 1.7.2

package/dist/gui/main.js

@@ -52557,7 +52557,7 @@ var User = ({
 );
 
 // source/version.ts
-var EPIQ_VERSION = "1.7.0";
+var EPIQ_VERSION = "1.7.2";
 
 // source/gui/client/components/Header.tsx
 var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
@@ -52906,7 +52906,12 @@ var ManageContributorsModal = ({
                               alignItems: "center",
                               gap: 6,
                               color: armed ? GUI_THEME.red : GUI_THEME.dim,
-                              borderColor: armed ? GUI_THEME.red : void 0
+                              // The whole shorthand, and only when armed: Button sets
+                              // `border` itself, and React warns that an element given
+                              // both it and `borderColor` can drop whichever loses the
+                              // race. Spreading `border: undefined` is not the other
+                              // branch — that reads as "remove this style".
+                              ...armed ? { border: `1px solid ${GUI_THEME.red}` } : {}
                             },
                             children: [
                               armed && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { style: { fontSize: 10 }, children: "confirm" }),
@@ -53017,7 +53022,12 @@ var ManageTagsModal = ({ tags, onDelete, onClose }) => {
                               alignItems: "center",
                               gap: 6,
                               color: armed ? GUI_THEME.red : GUI_THEME.dim,
-                              borderColor: armed ? GUI_THEME.red : void 0
+                              // The whole shorthand, and only when armed: Button sets
+                              // `border` itself, and React warns that an element given
+                              // both it and `borderColor` can drop whichever loses the
+                              // race. Spreading `border: undefined` is not the other
+                              // branch — that reads as "remove this style".
+                              ...armed ? { border: `1px solid ${GUI_THEME.red}` } : {}
                             },
                             children: [
                               armed && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { style: { fontSize: 10 }, children: "confirm" }),
@@ -66837,6 +66847,7 @@ var HOVER_HINT_WIDTH = 220;
 var SEGMENT_HIGHLIGHT_COLOR = "rgba(122, 157, 214, 0.14)";
 var BUCKET_HIGHLIGHT_COLOR = "rgba(255, 255, 255, 0.06)";
 var NEEDLE_COLOR = "rgba(255, 255, 255, 0.62)";
+var SCOPED_OUTLINE_COLOR = "rgba(118, 212, 255, 0.45)";
 var RANGE_SELECTION_COLOR = "rgba(122, 157, 214, 0.22)";
 var RANGE_SELECTION_EDGE = "rgba(160, 195, 250, 0.75)";
 var NEEDLE_GRIP_WIDTH = 11;
@@ -67112,6 +67123,7 @@ var SCOPE_RECENT_LABELS = {
   year: "Last 365 days"
 };
 var isScope = (value) => SCOPES.includes(value ?? "");
+var isPeriodWindow = (scope, zoomed) => scope !== "all" || zoomed;
 var getPeriodRange = (scope, offset) => {
   if (scope === "all") return null;
   const durationMs = SCOPE_DURATION_MS[scope];
@@ -67249,6 +67261,15 @@ var buildBoardFilter = (view, only) => {
   if (axis === null || only === null) return null;
   return { axis, visibleIds: new Set(only) };
 };
+var windowNamesIssues = (timeline) => timeline === null || timeline.events.length > 0 || timeline.buckets.length === 0;
+var windowIssueIds = (timeline) => {
+  if (timeline === null || !windowNamesIssues(timeline)) return null;
+  const ids = /* @__PURE__ */ new Set();
+  for (const entry of timeline.events) {
+    if (entry.issue !== null) ids.add(entry.issue);
+  }
+  return ids;
+};
 var issuePassesBoardFilter = (issue, commentAuthorIds, filter) => {
   if (!filter) return true;
   const ids = filter.axis === "tag" ? issue.tags.map((tag) => tag.id) : filter.axis === "assignee" ? issue.assignees.map((assignee) => assignee.id) : commentAuthorIds;
@@ -68930,7 +68951,8 @@ var DEFAULT_SELECTION = {
   zoom: null,
   layout: "even",
   view: "all",
-  only: null
+  only: null,
+  windowOnly: false
 };
 var PARAM_KEYS = [
   "scope",
@@ -68939,7 +68961,8 @@ var PARAM_KEYS = [
   "to",
   "layout",
   "view",
-  "only"
+  "only",
+  "window"
 ];
 var STORAGE_KEY = "epiq.board.selection";
 var unique = (ids) => [...new Set(ids)];
@@ -68954,7 +68977,7 @@ var normalize3 = (selection) => {
     only: selection.only === null ? null : unique(selection.only)
   };
 };
-var isDefaultSelection = (selection) => selection.scope === DEFAULT_SELECTION.scope && selection.offset === DEFAULT_SELECTION.offset && selection.zoom === null && selection.layout === DEFAULT_SELECTION.layout && selection.view === DEFAULT_SELECTION.view && selection.only === null;
+var isDefaultSelection = (selection) => selection.scope === DEFAULT_SELECTION.scope && selection.offset === DEFAULT_SELECTION.offset && selection.zoom === null && selection.layout === DEFAULT_SELECTION.layout && selection.view === DEFAULT_SELECTION.view && selection.only === null && selection.windowOnly === DEFAULT_SELECTION.windowOnly;
 var applySelectionPatch = (current, patch2) => {
   const scopeChanged = patch2.scope !== void 0 && patch2.scope !== current.scope;
   const viewChanged = patch2.view !== void 0 && patch2.view !== current.view;
@@ -68982,7 +69005,8 @@ var readSelectionParams = (params) => {
     zoom: from === null || to === null ? null : { start: Number(from), end: Number(to) },
     layout: isLayoutMode(layout) ? layout : DEFAULT_SELECTION.layout,
     view: isBoardView(view) ? view : DEFAULT_SELECTION.view,
-    only: only === null ? null : only.split(",").filter(Boolean)
+    only: only === null ? null : only.split(",").filter(Boolean),
+    windowOnly: params.get("window") === "1"
   });
 };
 var writeSelectionParams = (params, selection) => {
@@ -69001,6 +69025,7 @@ var writeSelectionParams = (params, selection) => {
   put("layout", next.layout === DEFAULT_SELECTION.layout ? null : next.layout);
   put("view", next.view === DEFAULT_SELECTION.view ? null : next.view);
   put("only", next.only === null ? null : next.only.join(","));
+  put("window", next.windowOnly ? "1" : null);
 };
 var readStoredSelection = () => {
   try {
@@ -69015,7 +69040,8 @@ var readStoredSelection = () => {
       zoom: null,
       layout: isLayoutMode(String(layout)) ? layout : DEFAULT_SELECTION.layout,
       view: isBoardView(view) ? view : DEFAULT_SELECTION.view,
-      only: Array.isArray(only) ? only.map(String) : null
+      only: Array.isArray(only) ? only.map(String) : null,
+      windowOnly: DEFAULT_SELECTION.windowOnly
     });
   } catch {
     return DEFAULT_SELECTION;
@@ -69081,7 +69107,10 @@ var Checkbox = ({
         fontSize: 10,
         color: color2,
         cursor: disabled ? "not-allowed" : "pointer",
-        opacity: disabled ? 0.4 : 1
+        opacity: disabled ? 0.4 : 1,
+        // A label that wraps takes the row's height with it.
+        whiteSpace: "nowrap",
+        flexShrink: 0
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
@@ -69185,6 +69214,7 @@ var IconScatter = ({ size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime64.js
 
 // source/gui/client/components/ScrubberParts.tsx
 var import_jsx_runtime65 = __toESM(require_jsx_runtime(), 1);
+var SCOPE_ONLY_LABEL = "Scope only";
 var toggleButtonStyle = (active) => ({
   background: "transparent",
   border: `1px solid ${active ? GUI_THEME.accent : GUI_THEME.dim}`,
@@ -69554,6 +69584,8 @@ var ScrubberControls = ({
   periodRange,
   zoomed,
   atLatest,
+  windowOnly,
+  windowFilterable,
   layoutMode,
   showIssues,
   showCommits,
@@ -69568,6 +69600,7 @@ var ScrubberControls = ({
   onReturnToLive,
   onChangeScope,
   onChangeOffset,
+  onChangeWindowOnly,
   onChangeLayoutMode,
   onChangeShowIssues,
   onChangeShowCommits,
@@ -69577,182 +69610,195 @@ var ScrubberControls = ({
   onOnlyIdentity,
   onToggleCategoriesExpanded,
   onSetIdentitiesExpanded
-}) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-  "div",
-  {
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end",
-      gap: 12
-    },
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-        (scope !== "all" || zoomed) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 2 }, children: [
+}) => {
+  const everythingInScope = !isPeriodWindow(scope, zoomed);
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        gap: 12
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          (scope !== "all" || zoomed) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 2 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "button",
+              {
+                title: "Earlier",
+                disabled: !connected,
+                onClick: () => onChangeOffset(offset + 1),
+                style: { ...navButtonStyle, ...connected ? {} : mutedStyle },
+                children: "\u25C0"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime65.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, zoomed)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "button",
+              {
+                title: "Later",
+                disabled: atLatest || !connected,
+                onClick: () => onChangeOffset(offset - 1),
+                style: {
+                  ...navButtonStyle,
+                  opacity: atLatest ? 0.35 : 1,
+                  cursor: atLatest ? "default" : "pointer"
+                },
+                children: "\u25B6"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", gap: 2 }, children: [
+            SCOPES.map((option2) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "button",
+              {
+                "aria-pressed": !zoomed && scope === option2,
+                disabled: !connected,
+                onClick: () => onChangeScope(option2),
+                style: {
+                  ...scopeButtonStyle(!zoomed && scope === option2),
+                  ...connected ? {} : mutedStyle
+                },
+                children: scopeButtonLabel(option2)
+              },
+              option2
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "button",
+              {
+                title: zoomed ? "A window dragged out on the chart \u2014 pick a period to leave it" : "Drag across the chart to zoom the window to a stretch of it",
+                "aria-pressed": zoomed,
+                disabled: true,
+                style: {
+                  ...scopeButtonStyle(zoomed),
+                  opacity: zoomed ? 1 : 0.35,
+                  cursor: "default"
+                },
+                children: "Zoom"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", gap: 2 }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "button",
             {
-              title: "Earlier",
+              title: "Volume \u2014 how much happened, per equal-width period, with no empty gaps for quiet stretches",
+              "aria-label": "Volume",
+              "aria-pressed": layoutMode === "even",
               disabled: !connected,
-              onClick: () => onChangeOffset(offset + 1),
-              style: { ...navButtonStyle, ...connected ? {} : mutedStyle },
-              children: "\u25C0"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-            "span",
-            {
+              onClick: () => onChangeLayoutMode("even"),
               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"
+                ...iconToggleButtonStyle(layoutMode === "even"),
+                ...connected ? {} : mutedStyle
               },
-              children: formatPeriodLabel(scope, offset, periodRange, zoomed)
+              children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IconBars, { size: 13 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "button",
             {
-              title: "Later",
-              disabled: atLatest || !connected,
-              onClick: () => onChangeOffset(offset - 1),
+              title: "Events \u2014 individual events by exact moment, x is elapsed time and y is time of day",
+              "aria-label": "Events",
+              "aria-pressed": layoutMode === "real",
+              disabled: !connected,
+              onClick: () => onChangeLayoutMode("real"),
               style: {
-                ...navButtonStyle,
-                opacity: atLatest ? 0.35 : 1,
-                cursor: atLatest ? "default" : "pointer"
+                ...iconToggleButtonStyle(layoutMode === "real"),
+                ...connected ? {} : mutedStyle
               },
-              children: "\u25B6"
+              children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IconScatter, { size: 13 })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", gap: 2 }, children: [
-          SCOPES.map((option2) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-            "button",
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            Checkbox,
             {
-              "aria-pressed": !zoomed && scope === option2,
+              label: "Code",
+              checked: showCommits,
+              activeColor: GUI_THEME.green,
               disabled: !connected,
-              onClick: () => onChangeScope(option2),
-              style: {
-                ...scopeButtonStyle(!zoomed && scope === option2),
-                ...connected ? {} : mutedStyle
-              },
-              children: scopeButtonLabel(option2)
-            },
-            option2
-          )),
+              onChange: onChangeShowCommits
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-            "button",
+            BoardSeriesGroup,
             {
-              title: zoomed ? "A window dragged out on the chart \u2014 pick a period to leave it" : "Drag across the chart to zoom the window to a stretch of it",
-              "aria-pressed": zoomed,
-              disabled: true,
-              style: {
-                ...scopeButtonStyle(zoomed),
-                opacity: zoomed ? 1 : 0.35,
-                cursor: "default"
-              },
-              children: "Zoom"
+              connected,
+              showIssues,
+              view: boardView,
+              identities,
+              hiddenIds: hiddenIdentityIds,
+              expanded: categoriesExpanded,
+              identitiesExpanded,
+              filtered: categoriesFiltered,
+              onChangeShowIssues,
+              onChangeView: onChangeBoardView,
+              onToggleIdentity,
+              onOnlyIdentity,
+              onToggleExpanded: onToggleCategoriesExpanded,
+              onSetIdentitiesExpanded
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            Checkbox,
+            {
+              label: SCOPE_ONLY_LABEL,
+              title: everythingInScope ? "Every event is in scope \u2014 pick a period to narrow the board" : !windowFilterable ? "Too many events in this window to tell which tickets they belong to" : "Show only tickets with activity in the selected window",
+              checked: windowOnly,
+              disabled: everythingInScope || !windowFilterable || !connected && !windowOnly,
+              onChange: onChangeWindowOnly
             }
           )
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", gap: 2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-          "button",
-          {
-            title: "Volume \u2014 how much happened, per equal-width period, with no empty gaps for quiet stretches",
-            "aria-label": "Volume",
-            "aria-pressed": layoutMode === "even",
-            disabled: !connected,
-            onClick: () => onChangeLayoutMode("even"),
-            style: {
-              ...iconToggleButtonStyle(layoutMode === "even"),
-              ...connected ? {} : mutedStyle
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IconBars, { size: 13 })
-          }
-        ),
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "button",
           {
-            title: "Events \u2014 individual events by exact moment, x is elapsed time and y is time of day",
-            "aria-label": "Events",
-            "aria-pressed": layoutMode === "real",
-            disabled: !connected,
-            onClick: () => onChangeLayoutMode("real"),
+            onClick: onReturnToLive,
+            disabled: !isScrubbing,
+            title: isScrubbing ? "Leave history and follow the board again" : void 0,
             style: {
-              ...iconToggleButtonStyle(layoutMode === "real"),
-              ...connected ? {} : mutedStyle
+              background: "transparent",
+              border: `1px solid ${isScrubbing ? GUI_THEME.accent : GUI_THEME.transparent}`,
+              color: isScrubbing ? GUI_THEME.accent : GUI_THEME.dim,
+              borderRadius: 6,
+              fontFamily: "inherit",
+              width: 60,
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: isScrubbing ? "center" : "flex-end",
+              fontSize: 10,
+              padding: "2px 8px",
+              cursor: isScrubbing ? "pointer" : "default",
+              whiteSpace: "nowrap",
+              flexShrink: 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IconScatter, { size: 13 })
+            children: isScrubbing ? "Resume" : atLatest ? "Now" : ""
           }
         )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-          Checkbox,
-          {
-            label: "Code",
-            checked: showCommits,
-            activeColor: GUI_THEME.green,
-            disabled: !connected,
-            onChange: onChangeShowCommits
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-          BoardSeriesGroup,
-          {
-            connected,
-            showIssues,
-            view: boardView,
-            identities,
-            hiddenIds: hiddenIdentityIds,
-            expanded: categoriesExpanded,
-            identitiesExpanded,
-            filtered: categoriesFiltered,
-            onChangeShowIssues,
-            onChangeView: onChangeBoardView,
-            onToggleIdentity,
-            onOnlyIdentity,
-            onToggleExpanded: onToggleCategoriesExpanded,
-            onSetIdentitiesExpanded
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        "button",
-        {
-          onClick: onReturnToLive,
-          disabled: !isScrubbing,
-          title: isScrubbing ? "Leave history and follow the board again" : void 0,
-          style: {
-            background: "transparent",
-            border: `1px solid ${isScrubbing ? GUI_THEME.accent : GUI_THEME.transparent}`,
-            color: isScrubbing ? GUI_THEME.accent : GUI_THEME.dim,
-            borderRadius: 6,
-            fontFamily: "inherit",
-            width: 60,
-            display: "inline-flex",
-            alignItems: "center",
-            justifyContent: isScrubbing ? "center" : "flex-end",
-            fontSize: 10,
-            padding: "2px 8px",
-            cursor: isScrubbing ? "pointer" : "default",
-            whiteSpace: "nowrap",
-            flexShrink: 0
-          },
-          children: isScrubbing ? "Resume" : atLatest ? "Now" : ""
-        }
-      )
-    ]
-  }
-);
+      ]
+    }
+  );
+};
 var ScrubberHeader = ({
   collapsed,
   onToggleCollapsed
@@ -70334,7 +70380,21 @@ var ScrubberLayout = ({
                         onToggleCollapsed
                       }
                     ),
-                    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ScrubberControls, { ...controls })
+                    collapsed ? (
+                      // The narrowing outlives the chart it belongs to — a link can
+                      // arrive with the scrubber shut, and collapsing it is remembered
+                      // — so its box comes up here rather than leaving the board
+                      // hiding tickets behind a control nobody can see.
+                      controls.windowOnly && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                        Checkbox,
+                        {
+                          label: SCOPE_ONLY_LABEL,
+                          title: "Show every ticket again",
+                          checked: true,
+                          onChange: controls.onChangeWindowOnly
+                        }
+                      )
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ScrubberControls, { ...controls })
                   ]
                 }
               ),
@@ -70360,6 +70420,12 @@ var ScrubberLayout = ({
                     // Crosshair, not a hand: a press picks a moment but a drag picks
                     // out a range, and the pointer has to say the second is on offer.
                     cursor: chart.connected ? "crosshair" : "default",
+                    // Outline rather than a border: it takes up no space, so
+                    // narrowing the board cannot reflow the charts under the
+                    // pointer that just clicked.
+                    outline: chart.scoped ? `1px solid ${SCOPED_OUTLINE_COLOR}` : void 0,
+                    outlineOffset: 5,
+                    borderRadius: 4,
                     // A drag must never turn into a native text selection or a drag
                     // of the axis labels underneath the pointer.
                     userSelect: "none",
@@ -70530,7 +70596,8 @@ var TimeScrubber = ({
   onInspectCommit,
   selection,
   onChangeSelection,
-  knownIdentities
+  knownIdentities,
+  refreshOn
 }) => {
   const {
     scope,
@@ -70538,7 +70605,8 @@ var TimeScrubber = ({
     zoom,
     layout: layoutMode,
     view: boardView,
-    only
+    only,
+    windowOnly
   } = selection;
   const animate = !usePrefersReducedMotion();
   const trackRef = (0, import_react36.useRef)(null);
@@ -70598,7 +70666,8 @@ var TimeScrubber = ({
     boardId,
     allBoards,
     connected,
-    socketEpoch
+    socketEpoch,
+    refreshOn
   ]);
   const changeLayoutMode = (next) => onChangeSelection({ layout: next });
   const changeScope = (nextScope) => {
@@ -70901,12 +70970,15 @@ var TimeScrubber = ({
         periodRange,
         zoomed: zoom !== null,
         atLatest,
+        windowOnly,
+        windowFilterable: windowNamesIssues(timeline),
         layoutMode,
         showIssues,
         showCommits,
         allBoards,
         onChangeScope: changeScope,
         onChangeOffset: changeOffset,
+        onChangeWindowOnly: (next) => onChangeSelection({ windowOnly: next }),
         onChangeLayoutMode: changeLayoutMode,
         onChangeShowIssues: setShowIssues,
         onChangeShowCommits: setShowCommits,
@@ -70926,6 +70998,10 @@ var TimeScrubber = ({
         onSetIdentitiesExpanded: setIdentitiesExpanded
       },
       chart: {
+        // Only where it is actually hiding something: ticked over a window
+        // that narrows nothing draws no outline, the way the box itself goes
+        // flat there.
+        scoped: windowOnly && isPeriodWindow(scope, zoom !== null) && windowNamesIssues(timeline),
         trackRef,
         axis,
         layoutMode,
@@ -71175,10 +71251,12 @@ var import_react38 = __toESM(require_react(), 1);
 var useBoardSelection = () => {
   const [searchParams, setSearchParams] = useSearchParams();
   const fromUrl = hasSelectionParams(searchParams);
-  const selection = (0, import_react38.useMemo)(
-    () => readSelectionParams(searchParams) ?? readStoredSelection(),
-    [searchParams]
-  );
+  const windowOnly = (0, import_react38.useRef)(false);
+  const selection = (0, import_react38.useMemo)(() => {
+    const fromParams = readSelectionParams(searchParams);
+    return fromParams ?? { ...readStoredSelection(), windowOnly: windowOnly.current };
+  }, [searchParams]);
+  windowOnly.current = selection.windowOnly;
   (0, import_react38.useEffect)(() => {
     if (fromUrl) {
       storeSelection(selection);
@@ -71483,6 +71561,11 @@ var App = () => {
     () => buildBoardFilter(selection.view, selection.only),
     [selection.view, selection.only]
   );
+  const zoomed = selection.zoom !== null;
+  const windowIds = (0, import_react39.useMemo)(
+    () => selection.windowOnly && isPeriodWindow(selection.scope, zoomed) ? windowIssueIds(history.timeline) : null,
+    [selection.windowOnly, selection.scope, zoomed, history.timeline]
+  );
   const isolatedTagId = selection.view === "tagging" && selection.only?.length === 1 ? selection.only[0] ?? null : null;
   const filterByTag = (tagId) => changeSelection(
     isolatedTagId === tagId ? { only: null } : { view: "tagging", only: [tagId] }
@@ -71498,7 +71581,7 @@ var App = () => {
   const { visibleSwimlanes, hiddenIssueCount } = (0, import_react39.useMemo)(() => {
     const swimlanes = selectedBoard?.swimlanes ?? [];
     const query = textFilter.trim();
-    if (!boardFilter && !query)
+    if (!boardFilter && !query && windowIds === null)
       return { visibleSwimlanes: swimlanes, hiddenIssueCount: 0 };
     let hidden = 0;
     const visible = swimlanes.map((swimlane) => {
@@ -71509,13 +71592,13 @@ var App = () => {
             (comment2) => comment2.author.id
           ),
           boardFilter
-        ) && issueMatchesText(issue, query)
+        ) && issueMatchesText(issue, query) && (windowIds === null || windowIds.has(issue.id))
       );
       hidden += swimlane.issues.length - issues.length;
       return { ...swimlane, issues };
     });
     return { visibleSwimlanes: visible, hiddenIssueCount: hidden };
-  }, [selectedBoard, boardFilter, textFilter, commentsByIssueId]);
+  }, [selectedBoard, boardFilter, textFilter, commentsByIssueId, windowIds]);
   const attachmentsByIssueId = state?.attachmentsByIssueId ?? {};
   const [attachmentUploadStatus, setAttachmentUploadStatus] = (0, import_react39.useState)({ state: "idle" });
   (0, import_react39.useEffect)(() => {
@@ -72337,7 +72420,8 @@ var App = () => {
             onReturnToLive: returnToLive,
             selection,
             onChangeSelection: changeSelection,
-            knownIdentities
+            knownIdentities,
+            refreshOn: selection.windowOnly ? state : null
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(