briefing 0.2.0__tar.gz → 0.2.1__tar.gz

{briefing-0.2.0 → briefing-0.2.1}/CHANGELOG.md

@@ -10,6 +10,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.1] - 2026-11-04
+
+### Changed
+
+- `lab.CalendarHeatmap` fits the width available to it, the report's or its `Group`
+  column's, instead of a fixed size: a year fills a full-width report, and in a column it
+  shrinks to fit instead of widening the column and overflowing the page. Cells stay
+  between 0.6× and 2× their natural 11 px (a short range stops at 2×; below 0.6× the
+  calendar scrolls inside its block); labels change size at half that rate and legend
+  swatches follow the cells. When printed it shrinks to fit the sheet instead of being cut
+  off (#106).
+
 ## [0.2.0] - 2026-11-04
 
 ### Added
@@ -199,7 +211,8 @@ First public release.
   inherits its base's renderer.
 - Ships inline type hints (`py.typed`). Python 3.11+.
 
-[Unreleased]: https://github.com/jeanmidevacc/briefing/compare/v0.2.0...HEAD
+[Unreleased]: https://github.com/jeanmidevacc/briefing/compare/v0.2.1...HEAD
+[0.2.1]: https://github.com/jeanmidevacc/briefing/compare/v0.2.0...v0.2.1
 [0.2.0]: https://github.com/jeanmidevacc/briefing/compare/v0.1.2...v0.2.0
 [0.1.2]: https://github.com/jeanmidevacc/briefing/compare/v0.1.1...v0.1.2
 [0.1.1]: https://github.com/jeanmidevacc/briefing/compare/v0.1.0...v0.1.1

{briefing-0.2.0 → briefing-0.2.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: briefing
-Version: 0.2.0
+Version: 0.2.1
 Summary: Build beautiful self-contained HTML reports from Python analysis
 Project-URL: Homepage, https://github.com/jeanmidevacc/briefing
 Project-URL: Documentation, https://briefing.readthedocs.io

{briefing-0.2.0 → briefing-0.2.1}/src/briefing/__init__.py

@@ -134,7 +134,7 @@ def stringify(
     return render_report(wrapped, name=name, formatting=formatting, now=now)
 
 
-__version__ = "0.2.0"
+__version__ = "0.2.1"
 
 __all__: list[str] = [
     # error

{briefing-0.2.0 → briefing-0.2.1}/src/briefing/lab/_blocks.py

@@ -161,6 +161,8 @@ class CalendarHeatmap(Block):
     Counts the rows per day, or aggregates a value column, and colours each day.
     Days without data look different from days with a zero; the grid runs
     continuously across a year boundary, with month labels and a year marker.
+    The calendar fits the width available (the report or a ``Group`` column),
+    between 0.6x and 2x its natural size; below that it scrolls sideways.
 
     Args:
         df: The data, as any dataframe briefing accepts (pandas, polars, pyarrow…).

{briefing-0.2.0 → briefing-0.2.1}/src/briefing/lab/_render_calendar.py

@@ -32,6 +32,16 @@ _WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
 _MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
 
 
+def _svg_open(cls: str, width: int, height: int, label: str) -> str:
+    """Open a calendar SVG that scales with its block (#106).
+
+    ``width``/``height`` are the natural size. The CSS stretches the SVG to the block's
+    width, between its natural width (``--bf-cal-w``) and twice that.
+    """
+    return (f'<svg class="{cls}" xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" '
+            f'viewBox="0 0 {width} {height}" style="--bf-cal-w: {width}px" role="img" aria-label="{label}">')
+
+
 @dataclass(frozen=True)
 class _Event:
     start: dt.date
@@ -215,8 +225,7 @@ def _days_svg(
     grid_h = 7 * _STEP
     width = _LEFT + weeks * _STEP
     height = _TOP + grid_h + (len(lanes) * _LANE + 6 if lanes else 0)
-    parts = [f'<svg class="bf-cal__days" xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" '
-             f'viewBox="0 0 {width} {height}" role="img" aria-label="Calendar heatmap">']
+    parts = [_svg_open("bf-cal__days", width, height, "Calendar heatmap")]
 
     for row in (0, 2, 4):  # Mon, Wed, Fri
         name = _WEEKDAYS[(row - shift) % 7]
@@ -352,8 +361,7 @@ _HOUR_STEP = 16
 def _hours_svg(block: CalendarHeatmap, data: dict[t.Any, float], colour: Callable[[float], tuple[str, str]]) -> str:
     shift = 0 if block.week_start == "monday" else 1
     width, height = _LEFT + 24 * _HOUR_STEP, 18 + 7 * _HOUR_STEP
-    parts = [f'<svg class="bf-cal__hours" xmlns="http://www.w3.org/2000/svg" width="{width}" height="{height}" '
-             f'viewBox="0 0 {width} {height}" role="img" aria-label="Activity by weekday and hour">']
+    parts = [_svg_open("bf-cal__hours", width, height, "Activity by weekday and hour")]
     for hour in range(0, 24, 3):
         parts.append(f'<text class="bf-cal__month" x="{_LEFT + hour * _HOUR_STEP}" y="12">{hour:02d}</text>')
     what = _what(block)

{briefing-0.2.0 → briefing-0.2.1}/src/briefing/lab/static/calendar.js

@@ -1,7 +1,32 @@
-/* briefing lab: CalendarHeatmap on_click="rows" — click a day or an hour to list its rows. Vanilla JS. */
+/* briefing lab: CalendarHeatmap — sizing, and on_click="rows" (click a day or an hour to list its rows). Vanilla JS. */
 (function () {
   'use strict';
 
+  // The SVGs fit the width of their block (CSS, #106). Publish the scale k on the view: legend
+  // swatches follow the cells (--bf-cal-k), and labels change size at half the cells' rate, so
+  // they stay readable when the calendar grows or shrinks (--bf-cal-text, in the SVG's units).
+  function measure(view) {
+    var svg = view.querySelector('svg.bf-cal__days, svg.bf-cal__hours');
+    var natural = svg ? parseFloat(svg.getAttribute('width')) : 0;
+    var shown = svg ? svg.getBoundingClientRect().width : 0;
+    if (!(natural > 0 && shown > 0)) return;  // a hidden tab: measured once it is shown
+    var k = shown / natural;
+    view.style.setProperty('--bf-cal-k', String(k));
+    view.style.setProperty('--bf-cal-text', String((1 + k) / (2 * k)));
+  }
+  document.querySelectorAll('.bf-calendar').forEach(function (figure) {
+    var views = figure.querySelectorAll('.bf-cal__views > .bf-select__panel');
+    views = views.length ? Array.prototype.slice.call(views) : [figure];
+    views.forEach(function (view) {
+      measure(view);
+      if (window.ResizeObserver) {
+        new ResizeObserver(function () { measure(view); }).observe(view);
+      } else {
+        window.addEventListener('resize', function () { measure(view); });
+      }
+    });
+  });
+
   document.querySelectorAll('.bf-calendar').forEach(function (figure) {
     var dataEl = figure.querySelector('script.bf-cal__rows');
     if (!dataEl) return;

{briefing-0.2.0 → briefing-0.2.1}/src/briefing/static/report.css

@@ -706,13 +706,18 @@ body {
 }
 
 /* ── lab.CalendarHeatmap ─────────────────────────────────────────────────── */
-.bf-calendar { margin: 0; }
+.bf-calendar { margin: 0; min-width: 0; }  /* may shrink inside a Group column (#106) */
 .bf-cal__calendar + .bf-cal__calendar { margin-top: 1rem; }
 .bf-cal__group { font-weight: 600; font-size: 0.9rem; margin-bottom: 0.25rem; }
 .bf-cal__scroll { overflow-x: auto; }
-.bf-cal__days, .bf-cal__hours { display: block; max-width: none; font-family: var(--bf-font); }
-.bf-cal__days text, .bf-cal__hours text { fill: var(--bf-muted); font-size: 9px; }
-.bf-cal__days .bf-cal__year { fill: var(--bf-text); font-weight: 700; font-size: 10px; }
+.bf-cal__days, .bf-cal__hours { display: block; font-family: var(--bf-font);
+  /* Fit the width available (report or Group column) from 0.6x to 2x the natural size (#106);
+     below 0.6x the calendar scrolls inside its block. */
+  width: 100%; height: auto; min-width: calc(0.6 * var(--bf-cal-w)); max-width: calc(2 * var(--bf-cal-w)); }
+/* calendar.js sets --bf-cal-text so labels change size at half the cells' rate; without it,
+   labels scale with the SVG. */
+.bf-cal__days text, .bf-cal__hours text { fill: var(--bf-muted); font-size: calc(9px * var(--bf-cal-text, 1)); }
+.bf-cal__days .bf-cal__year { fill: var(--bf-text); font-weight: 700; font-size: calc(10px * var(--bf-cal-text, 1)); }
 .bf-cal__year-line { stroke: var(--bf-muted); stroke-dasharray: 2 2; }
 .bf-cal__day--zero, .bf-cal__hour--zero { fill: var(--bf-border); }
 .bf-cal__day--empty, .bf-cal__hour--empty { fill: none; stroke: var(--bf-border); stroke-width: 1; stroke-dasharray: 2 1.5; }
@@ -720,11 +725,13 @@ body {
 .bf-cal__day--below { stroke: #dc2626; stroke-width: 1.5; stroke-dasharray: none; }
 .bf-cal__event rect { fill: color-mix(in oklab, var(--bf-accent) 25%, transparent); stroke: var(--bf-accent); }
 .bf-cal__event circle { fill: var(--bf-accent); }
-.bf-cal__event text { fill: var(--bf-text); font-size: 9px; }
+.bf-cal__event text { fill: var(--bf-text); font-size: calc(9px * var(--bf-cal-text, 1)); }
 .bf-cal__legend { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; align-items: center;
   margin-top: 0.5rem; font-size: 0.75rem; color: var(--bf-muted); }
 .bf-cal__legend-item { display: inline-flex; align-items: center; gap: 3px; }
-.bf-cal__swatch { display: inline-block; width: 11px; height: 11px; border-radius: 2px; }
+.bf-cal__swatch { display: inline-block; width: max(8px, 11px * var(--bf-cal-k, 1));
+  height: max(8px, 11px * var(--bf-cal-k, 1));
+  border-radius: 2px; }
 .bf-cal__swatch--zero { background: var(--bf-border); }
 .bf-cal__swatch--empty { border: 1px dashed var(--bf-border); }
 .bf-cal__swatch--below { border: 1.5px solid #dc2626; }
@@ -777,4 +784,7 @@ html.bf-printing .bf-print-label {
   .bf-blocks > .bf-select:only-child > .bf-select__panel + .bf-print-label { break-before: page; }
   .bf-plot, .bf-alert, .bf-bignumber, .bf-formula, .bf-code, .bf-profile__card,
   .bf-group:has(> .bf-bignumber) { break-inside: avoid; }
+  /* A calendar may shrink to fit the sheet instead of being clipped (#106). */
+  .bf-cal__days, .bf-cal__hours { min-width: 0; --bf-cal-text: 1; }
+  .bf-cal__swatch { width: 11px; height: 11px; }
 }

briefing-0.2.1/tests/test_browser/test_calendar.py

@@ -0,0 +1,147 @@
+"""lab.CalendarHeatmap as a reader sees it (#19)."""
+from __future__ import annotations
+
+import pandas as pd
+import pytest
+from playwright.sync_api import Page
+
+import briefing as bf
+from tests.test_browser.conftest import Viewer
+
+
+@pytest.mark.parametrize("theme", ["default", "dark"])
+def test_zero_no_data_and_below_target_are_visibly_different(viewer: Viewer, df_pipeline_log: pd.DataFrame,
+                                                             theme: str) -> None:
+    formatting = bf.Formatting.dark() if theme == "dark" else bf.Formatting()
+    block = bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", value="rows", expected=500)
+    page = viewer.open(bf.Briefing(block), formatting=formatting)
+
+    def look(day: str) -> dict[str, str]:
+        style: dict[str, str] = page.locator(f'rect[data-date="{day}"]').evaluate(
+            "e => { const s = getComputedStyle(e); return {fill: s.fill, stroke: s.stroke, dash: s.strokeDasharray}; }")
+        return style
+
+    background = page.evaluate("() => getComputedStyle(document.body).backgroundColor")
+    zero, empty, ok = look("2025-12-04"), look("2026-01-17"), look("2025-11-18")
+    assert zero["fill"] not in ("none", background)  # a zero is a filled grey cell
+    assert empty["fill"] == "none"  # no data is an outline only
+    assert look("2026-01-03")["stroke"] == "rgb(220, 38, 38)"  # a failed run is flagged red
+    assert ok["stroke"] in ("none", "")  # a normal day has no outline
+
+
+def _year() -> pd.DataFrame:
+    """One run a day through 2025: 53 week columns, a calendar 774 px wide at its natural size."""
+    days = pd.date_range("2025-01-01", "2025-12-31", freq="D")
+    return pd.DataFrame({"run_at": days, "rows": range(len(days))})
+
+
+def _width(page: Page, selector: str) -> float:
+    box = page.locator(selector).first.bounding_box()
+    assert box is not None
+    return float(box["width"])
+
+
+def test_a_year_fills_the_width_of_its_block(viewer: Viewer) -> None:
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(_year(), date="run_at")))
+    assert _width(page, "svg.bf-cal__days") == pytest.approx(_width(page, ".bf-cal__scroll"), abs=1)
+    assert _width(page, 'rect[data-date="2025-06-02"]') > 14  # cells grew from their natural 11 px
+
+
+def test_a_short_range_grows_to_twice_its_natural_size(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", views=("days", "hours"))))
+    natural = float(page.locator("svg.bf-cal__days").get_attribute("width") or 0)
+    assert _width(page, "svg.bf-cal__days") == pytest.approx(2 * natural, abs=1)
+    assert _width(page, 'rect[data-date="2026-01-05"]') == pytest.approx(22, abs=0.5)
+    page.get_by_role("tab", name="Hours").click()  # a hidden view is measured once it is shown
+    natural = float(page.locator("svg.bf-cal__hours").get_attribute("width") or 0)
+    assert _width(page, "svg.bf-cal__hours") == pytest.approx(2 * natural, abs=1)
+
+
+def test_labels_grow_at_half_the_rate_and_swatches_match_cells(viewer: Viewer,
+                                                                 df_pipeline_log: pd.DataFrame) -> None:
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at")))
+    label = page.locator("svg.bf-cal__days text.bf-cal__weekday").first.bounding_box()
+    assert label is not None and label["height"] < 20  # 9 px text at 2x would be about 24 px tall
+    cell = _width(page, 'rect[data-date="2026-01-05"]')
+    assert _width(page, ".bf-cal__swatch:not(.bf-cal__swatch--event-day)") == pytest.approx(cell, abs=0.5)
+
+
+def test_a_calendar_in_a_group_fits_its_column(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
+    year = bf.lab.CalendarHeatmap(_year(), date="run_at")
+    page = viewer.open(bf.Briefing(bf.Group(year, bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at"), columns=2)))
+    columns = page.locator(".bf-group > .bf-calendar")
+    first, second = columns.nth(0).bounding_box(), columns.nth(1).bounding_box()
+    assert first is not None and second is not None
+    assert first["width"] == pytest.approx(second["width"], abs=1)  # the year no longer widens its column
+    assert _width(page, "svg.bf-cal__days") == pytest.approx(first["width"], abs=1)
+    assert _width(page, 'rect[data-date="2025-06-02"]') < 11  # shrunk to fit
+    assert page.evaluate("() => document.documentElement.scrollWidth <= window.innerWidth")
+
+
+def test_a_narrow_screen_shrinks_then_scrolls(viewer: Viewer) -> None:
+    viewer.page.set_viewport_size({"width": 375, "height": 800})
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(_year(), date="run_at")))
+    assert _width(page, 'rect[data-date="2025-06-02"]') == pytest.approx(0.6 * 11, abs=0.3)  # the floor
+    overflow = page.locator(".bf-cal__scroll").evaluate("e => e.scrollWidth > e.clientWidth")
+    assert overflow
+    assert page.evaluate("() => document.documentElement.scrollWidth <= window.innerWidth")  # inside the block
+    label = page.locator("svg.bf-cal__days text.bf-cal__weekday").first.bounding_box()
+    assert label is not None and label["height"] > 6  # labels shrink at half the rate
+
+
+def test_a_year_prints_without_clipping(viewer: Viewer) -> None:
+    viewer.page.set_viewport_size({"width": 794, "height": 1123})  # A4 at 96 dpi
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(_year(), date="run_at")))
+    page.emulate_media(media="print")
+    page.evaluate("window.dispatchEvent(new Event('beforeprint'))")
+    scroll = page.locator(".bf-cal__scroll").bounding_box()
+    last = page.locator('rect[data-date="2025-12-31"]').bounding_box()
+    assert scroll is not None and last is not None
+    assert last["x"] + last["width"] <= scroll["x"] + scroll["width"] + 0.5
+
+
+def test_a_tab_switches_between_the_day_and_hour_views(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", views=("days", "hours"))))
+    days, hours = page.locator("svg.bf-cal__days"), page.locator("svg.bf-cal__hours")
+    assert days.is_visible() and not hours.is_visible()
+    page.get_by_role("tab", name="Hours").click()
+    assert hours.is_visible() and not days.is_visible()
+    assert page.locator("rect.bf-cal__hour").count() == 7 * 24
+
+
+def test_hour_view_labels_are_small(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", views=("hours",))))
+    box = page.locator("svg.bf-cal__hours text").first.bounding_box()
+    assert box is not None and box["height"] < 20  # not scaled up with the 2x grid
+
+
+def test_clicking_a_day_lists_its_rows(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", on_click="rows")))
+    panel = page.locator(".bf-cal__panel")
+    assert not panel.is_visible()
+    page.locator('rect[data-date="2025-12-07"]').click()
+    assert panel.is_visible()
+    assert "2025-12-07" in panel.locator(".bf-cal__panel-title").inner_text()
+    assert panel.locator("tbody tr").count() == 2
+    assert panel.locator("thead th").all_inner_texts() == ["run_at", "team", "rows"]
+    panel.get_by_role("button", name="Close").click()
+    assert not panel.is_visible()
+
+
+def test_keyboard_opens_the_rows_of_an_hour(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
+    block = bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", views=("hours",), on_click="rows")
+    page = viewer.open(bf.Briefing(block))
+    page.locator('rect[data-hour="0-6"]').focus()
+    page.keyboard.press("Enter")
+    assert "Mon 06:00" in page.locator(".bf-cal__panel-title").inner_text()
+
+
+def test_capped_cells_say_so_and_values_stay_text(viewer: Viewer) -> None:
+    df = pd.DataFrame({"run_at": [pd.Timestamp("2026-01-05 09:00")] * 120,
+                       "note": ["<img src=x onerror=window.__hit=1>"] * 120})
+    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df, date="run_at", on_click="rows")))
+    page.locator('rect[data-date="2026-01-05"]').click()
+    panel = page.locator(".bf-cal__panel")
+    assert panel.locator("tbody tr").count() == 50
+    assert "first 50 of 120 rows" in panel.inner_text()
+    assert panel.locator("img").count() == 0 and page.evaluate("() => window.__hit") is None

briefing-0.2.0/tests/test_browser/test_calendar.py

@@ -1,81 +0,0 @@
-"""lab.CalendarHeatmap as a reader sees it (#19)."""
-from __future__ import annotations
-
-import pandas as pd
-import pytest
-
-import briefing as bf
-from tests.test_browser.conftest import Viewer
-
-
-@pytest.mark.parametrize("theme", ["default", "dark"])
-def test_zero_no_data_and_below_target_are_visibly_different(viewer: Viewer, df_pipeline_log: pd.DataFrame,
-                                                             theme: str) -> None:
-    formatting = bf.Formatting.dark() if theme == "dark" else bf.Formatting()
-    block = bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", value="rows", expected=500)
-    page = viewer.open(bf.Briefing(block), formatting=formatting)
-
-    def look(day: str) -> dict[str, str]:
-        style: dict[str, str] = page.locator(f'rect[data-date="{day}"]').evaluate(
-            "e => { const s = getComputedStyle(e); return {fill: s.fill, stroke: s.stroke, dash: s.strokeDasharray}; }")
-        return style
-
-    background = page.evaluate("() => getComputedStyle(document.body).backgroundColor")
-    zero, empty, ok = look("2025-12-04"), look("2026-01-17"), look("2025-11-18")
-    assert zero["fill"] not in ("none", background)  # a zero is a filled grey cell
-    assert empty["fill"] == "none"  # no data is an outline only
-    assert look("2026-01-03")["stroke"] == "rgb(220, 38, 38)"  # a failed run is flagged red
-    assert ok["stroke"] in ("none", "")  # a normal day has no outline
-
-
-def test_the_calendar_fits_its_cells(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
-    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at")))
-    box = page.locator('rect[data-date="2026-01-05"]').bounding_box()
-    assert box is not None and box["width"] == pytest.approx(11, abs=0.5)
-
-
-def test_a_tab_switches_between_the_day_and_hour_views(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
-    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", views=("days", "hours"))))
-    days, hours = page.locator("svg.bf-cal__days"), page.locator("svg.bf-cal__hours")
-    assert days.is_visible() and not hours.is_visible()
-    page.get_by_role("tab", name="Hours").click()
-    assert hours.is_visible() and not days.is_visible()
-    assert page.locator("rect.bf-cal__hour").count() == 7 * 24
-
-
-def test_hour_view_labels_are_small(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
-    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", views=("hours",))))
-    size = page.locator("svg.bf-cal__hours text").first.evaluate("e => getComputedStyle(e).fontSize")
-    assert size == "9px"
-
-
-def test_clicking_a_day_lists_its_rows(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
-    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", on_click="rows")))
-    panel = page.locator(".bf-cal__panel")
-    assert not panel.is_visible()
-    page.locator('rect[data-date="2025-12-07"]').click()
-    assert panel.is_visible()
-    assert "2025-12-07" in panel.locator(".bf-cal__panel-title").inner_text()
-    assert panel.locator("tbody tr").count() == 2
-    assert panel.locator("thead th").all_inner_texts() == ["run_at", "team", "rows"]
-    panel.get_by_role("button", name="Close").click()
-    assert not panel.is_visible()
-
-
-def test_keyboard_opens_the_rows_of_an_hour(viewer: Viewer, df_pipeline_log: pd.DataFrame) -> None:
-    block = bf.lab.CalendarHeatmap(df_pipeline_log, date="run_at", views=("hours",), on_click="rows")
-    page = viewer.open(bf.Briefing(block))
-    page.locator('rect[data-hour="0-6"]').focus()
-    page.keyboard.press("Enter")
-    assert "Mon 06:00" in page.locator(".bf-cal__panel-title").inner_text()
-
-
-def test_capped_cells_say_so_and_values_stay_text(viewer: Viewer) -> None:
-    df = pd.DataFrame({"run_at": [pd.Timestamp("2026-01-05 09:00")] * 120,
-                       "note": ["<img src=x onerror=window.__hit=1>"] * 120})
-    page = viewer.open(bf.Briefing(bf.lab.CalendarHeatmap(df, date="run_at", on_click="rows")))
-    page.locator('rect[data-date="2026-01-05"]').click()
-    panel = page.locator(".bf-cal__panel")
-    assert panel.locator("tbody tr").count() == 50
-    assert "first 50 of 120 rows" in panel.inner_text()
-    assert panel.locator("img").count() == 0 and page.evaluate("() => window.__hit") is None