Calendar mini month: selected and today circles overlap

kayg commented

2026-10-05 13:51:50 +00:00

Owner

Owner report (2026-10-05, production, desktop Calendar): "we need to scale these better, look at the overlap"

In the sidebar mini month, the selected day's outlined circle (4) and today's filled circle (5) overlap each other: the circles are larger than the day column pitch at the current sidebar width, so adjacent day markers collide (event dots above/below also crowd them).

Expected

Day markers never overlap or touch at any sidebar width (including the minimum resize width) and any text size: marker diameter = min(token size, column pitch − a gap token); the numeral scales with it within the type scale, centred.
Selected (outline), today (fill) and selected-today keep their distinct looks at every size; the event dots sit inside the row without crossing the marker.
When the sidebar is very narrow, prefer shrinking markers to one step down over truncating; never reflow to fewer than 7 columns.
Tokens only; no numeric literals.

Evidence

e2e: at sidebar min / default / max width and 100%/125% text size, assert no two adjacent day markers' rects intersect and each has ≥ 2 px gap. 4x crops of a week row containing selected + today + a day with events, light + dark.

## Owner report (2026-10-05, production, desktop Calendar): "we need to scale these better, look at the overlap" In the sidebar mini month, the selected day's outlined circle (4) and today's filled circle (5) overlap each other: the circles are larger than the day column pitch at the current sidebar width, so adjacent day markers collide (event dots above/below also crowd them). ## Expected - Day markers never overlap or touch at any sidebar width (including the minimum resize width) and any text size: marker diameter = min(token size, column pitch − a gap token); the numeral scales with it within the type scale, centred. - Selected (outline), today (fill) and selected-today keep their distinct looks at every size; the event dots sit inside the row without crossing the marker. - When the sidebar is very narrow, prefer shrinking markers to one step down over truncating; never reflow to fewer than 7 columns. - Tokens only; no numeric literals. ## Evidence e2e: at sidebar min / default / max width and 100%/125% text size, assert no two adjacent day markers' rects intersect and each has ≥ 2 px gap. 4x crops of a week row containing selected + today + a day with events, light + dark.

minimonth-1149-week-row-4x-dark.png

21 KiB

minimonth-1149-phone-light.png

110 KiB

minimonth-1149-phone-dark.png

81 KiB

minimonth-1149-tablet-light.png

462 KiB

minimonth-1149-tablet-dark.png

458 KiB

minimonth-1149-desktop-light.png

527 KiB

minimonth-1149-desktop-dark.png

409 KiB

minimonth-1149-week-row-4x-light.png

27 KiB

minimonth-1149-final-desktop-dark.png

411 KiB

minimonth-1149-final-desktop-light.png

527 KiB

minimonth-1149-final-focus-4x-dark.png

21 KiB

minimonth-1149-final-focus-4x-light.png

27 KiB

minimonth-1149-final-hover-4x-dark.png

21 KiB

minimonth-1149-final-hover-4x-light.png

27 KiB

minimonth-1149-final-phone-dark.png

81 KiB

minimonth-1149-final-phone-light.png

107 KiB

minimonth-1149-final-tablet-dark.png

457 KiB

minimonth-1149-final-tablet-light.png

461 KiB

minimonth-1149-final-week-row-4x-dark.png

21 KiB

minimonth-1149-final-week-row-4x-light.png

27 KiB

minimonth-1149-selected-4x-light.png

8 KiB

minimonth-1149-today-4x-dark.png

5.3 KiB

minimonth-1149-today-4x-light.png

5.6 KiB

minimonth-1149-selected-today-4x-dark.png

6.1 KiB

minimonth-1149-selected-today-4x-light.png

6.5 KiB

minimonth-1149-hover-4x-dark.png

6.1 KiB

minimonth-1149-hover-4x-light.png

7.1 KiB

minimonth-1149-focus-4x-dark.png

6.1 KiB

minimonth-1149-focus-4x-light.png

7.1 KiB

minimonth-1149-desktop-light.png

530 KiB

minimonth-1149-week-row-4x-dark.png

21 KiB

minimonth-1149-week-row-4x-light.png

28 KiB

minimonth-1149-selected-4x-dark.png

6.6 KiB

minimonth-1149-phone-dark.png

88 KiB

minimonth-1149-phone-light.png

112 KiB

minimonth-1149-tablet-dark.png

458 KiB

minimonth-1149-tablet-light.png

462 KiB

minimonth-1149-desktop-dark.png

415 KiB

kayg commented

2026-10-05 15:27:41 +00:00

Author

Owner

Starting #1149 on branch job/minimonth-1149. Initial base SHA: 04afb0043c559c59084e4ec12609bb9fe679cbf6; fast-forwarded to origin/dev at de654a42a before work.

Starting #1149 on branch `job/minimonth-1149`. Initial base SHA: `04afb0043c559c59084e4ec12609bb9fe679cbf6`; fast-forwarded to `origin/dev` at `de654a42a` before work.

kayg commented

2026-10-05 16:26:34 +00:00

Author

Owner

Completed #1149 on job/minimonth-1149.

Built: MiniMonth day markers now scale to their seven-column pitch with a token gap. Numerals shrink with the marker; selected, today, and selected-today retain their distinct styles. Event dots have a separate row slot. The grid stays at seven columns.

Files: packages/ui/src/tokens.css; packages/ui/src/components/calendar/MiniMonth.svelte; apps/web/e2e/calendar-minimonth-1149.mjs.

Commit: 9b2697831506feebdf47822fdba089bfba5fdace — Scale Calendar mini-month markers to column pitch.

UX gaps closed: The production e2e check covers minimum/default/maximum sidebar widths at 100%/125% UI scale, asserts six weeks and seven columns, checks at least 2 CSS px between adjacent markers, verifies selected/today/selected-today styling, and checks Event dots stay below markers and inside the row. It uses the keyboard-operable separator and a real CalDAV Event. The eight review screenshots use macOS platform emulation and cover phone/tablet/desktop in light/dark, plus 4× crops of a row containing selected, today, and an Event.

UX gaps left: No interaction or geometry gap found in the requested scope. The attached screenshots are ready for the orchestrator's visual review.

Decisions: DESIGN §34 does not specify a MiniMonth marker cap or numeral ratio. The marker uses the smaller of its size token and the seven-column pitch minus a gap token. The numeral uses a 0.7 marker-diameter ratio, capped by the caption type token. The Event dot occupies a dedicated lower row slot.

Verification:

cargo fmt --check: PASS (exit 0; no stdout/stderr). git diff --check: PASS (exit 0; no output).
bun run build: PASS. Final output: Compressed 885 static variants; saved 20897769 bytes.
Focused production e2e: PASS — PASS MiniMonth #1149: min/default/max sidebar widths × 100%/125% scale, plus phone/tablet/desktop screenshots in /home/kayg/Developer/calternal-wt/minimonth-1149/artifacts/minimonth-1149
bun run svelte-check --tsconfig ./tsconfig.json: PASS, 0 errors and 4 warnings in existing AttachmentDeck, AgendaList, and Notes files.
bun run check: FAIL at the existing perf exception ratchet. The perf exception ledger and ratchet were not changed by this commit. Output:

perf-lint: INVALID: exception ratchet: contract.blaze: 290 exceptions exceed the ratchet ceiling 289; fix the new violation instead; contract.blocked-network: 356 exceptions exceed the ratchet ceiling 355; contract.dom-bound: 290 exceptions exceed the ratchet ceiling 289; contract.model-bound: 290 exceptions exceed the ratchet ceiling 289; contract.snapshot: 356 exceptions exceed the ratchet ceiling 355; coverage.profile: 356 exceptions exceed the ratchet ceiling 355; coverage.readiness: 356 exceptions exceed the ratchet ceiling 355; io.unresolved-call: 16191 exceptions exceed the ratchet ceiling 16190; render.blaze-adapter: 290 exceptions exceed the ratchet ceiling 289; render.bound: 290 exceptions exceed the ratchet ceiling 289; render.model_byte_cap: 290 exceptions exceed the ratchet ceiling 289; render.model_row_cap: 290 exceptions exceed the ratchet ceiling 289; total: ledger has 21977 exceptions; ratchet total is 21964

No Rust source changed, so Rust clippy/test gates were not applicable. cargo clean passed: Removed 8633 files, 7.2GiB total. apps/web/build was removed after verification.

Screenshots attached:

Completed #1149 on `job/minimonth-1149`. **Built:** MiniMonth day markers now scale to their seven-column pitch with a token gap. Numerals shrink with the marker; selected, today, and selected-today retain their distinct styles. Event dots have a separate row slot. The grid stays at seven columns. **Files:** `packages/ui/src/tokens.css`; `packages/ui/src/components/calendar/MiniMonth.svelte`; `apps/web/e2e/calendar-minimonth-1149.mjs`. **Commit:** `9b2697831506feebdf47822fdba089bfba5fdace` — `Scale Calendar mini-month markers to column pitch`. **UX gaps closed:** The production e2e check covers minimum/default/maximum sidebar widths at 100%/125% UI scale, asserts six weeks and seven columns, checks at least 2 CSS px between adjacent markers, verifies selected/today/selected-today styling, and checks Event dots stay below markers and inside the row. It uses the keyboard-operable separator and a real CalDAV Event. The eight review screenshots use macOS platform emulation and cover phone/tablet/desktop in light/dark, plus 4× crops of a row containing selected, today, and an Event. **UX gaps left:** No interaction or geometry gap found in the requested scope. The attached screenshots are ready for the orchestrator's visual review. **Decisions:** DESIGN §34 does not specify a MiniMonth marker cap or numeral ratio. The marker uses the smaller of its size token and the seven-column pitch minus a gap token. The numeral uses a 0.7 marker-diameter ratio, capped by the caption type token. The Event dot occupies a dedicated lower row slot. **Verification:** - `cargo fmt --check`: PASS (exit 0; no stdout/stderr). `git diff --check`: PASS (exit 0; no output). - `bun run build`: PASS. Final output: `Compressed 885 static variants; saved 20897769 bytes.` - Focused production e2e: PASS — `PASS MiniMonth #1149: min/default/max sidebar widths × 100%/125% scale, plus phone/tablet/desktop screenshots in /home/kayg/Developer/calternal-wt/minimonth-1149/artifacts/minimonth-1149` - `bun run svelte-check --tsconfig ./tsconfig.json`: PASS, 0 errors and 4 warnings in existing AttachmentDeck, AgendaList, and Notes files. - `bun run check`: FAIL at the existing perf exception ratchet. The perf exception ledger and ratchet were not changed by this commit. Output: ```text perf-lint: INVALID: exception ratchet: contract.blaze: 290 exceptions exceed the ratchet ceiling 289; fix the new violation instead; contract.blocked-network: 356 exceptions exceed the ratchet ceiling 355; contract.dom-bound: 290 exceptions exceed the ratchet ceiling 289; contract.model-bound: 290 exceptions exceed the ratchet ceiling 289; contract.snapshot: 356 exceptions exceed the ratchet ceiling 355; coverage.profile: 356 exceptions exceed the ratchet ceiling 355; coverage.readiness: 356 exceptions exceed the ratchet ceiling 355; io.unresolved-call: 16191 exceptions exceed the ratchet ceiling 16190; render.blaze-adapter: 290 exceptions exceed the ratchet ceiling 289; render.bound: 290 exceptions exceed the ratchet ceiling 289; render.model_byte_cap: 290 exceptions exceed the ratchet ceiling 289; render.model_row_cap: 290 exceptions exceed the ratchet ceiling 289; total: ledger has 21977 exceptions; ratchet total is 21964 ``` No Rust source changed, so Rust clippy/test gates were not applicable. `cargo clean` passed: `Removed 8633 files, 7.2GiB total`. `apps/web/build` was removed after verification. **Screenshots attached:** - [4× week row, light](https://git.kayg.org/attachments/19063ac6-1b94-4490-92a3-c66ee135e6c8) · [4× week row, dark](https://git.kayg.org/attachments/9aa783e7-0354-4952-92c2-595ac23bb73a) - [Phone, light](https://git.kayg.org/attachments/4ee69dd6-3a79-4c18-a4ab-1c33570bef2a) · [Phone, dark](https://git.kayg.org/attachments/f4932f72-eb4c-465f-9109-81995b78d4c2) - [Tablet, light](https://git.kayg.org/attachments/54ccdaf5-2004-4df1-8817-e106d19daef5) · [Tablet, dark](https://git.kayg.org/attachments/77901f7c-f6ea-44fa-a64a-36d866ff383c) - [Desktop, light](https://git.kayg.org/attachments/06f3d409-ac1b-4e1d-bc5b-d8176424f7d3) · [Desktop, dark](https://git.kayg.org/attachments/3e3650af-a568-4f5f-89c2-5e1f1cd49f1d)

kayg commented

2026-10-05 16:29:02 +00:00

Author

Owner

Follow-up from the #1149 review (orchestrator): hovering a mini-month day draws a dark rounded SQUARE behind the day while the selected/today markers are circles (minimonth-1149-week-row-4x-dark.png: square behind the selected 6). Hover and keyboard focus use the same circle geometry as the markers (one shape per day), and a hovered selected day shows one combined circle, never a square plus a circle.

kayg commented

2026-10-05 22:04:50 +00:00

Author

Owner

Started the #1149 review follow-up on branch job/minihover-1149. Initial base SHA: 96f21d57792e84d1cff366a05e92c4c623f99d16.

Started the #1149 review follow-up on branch `job/minihover-1149`. Initial base SHA: `96f21d57792e84d1cff366a05e92c4c623f99d16`.

kayg commented

2026-10-05 22:11:37 +00:00

Author

Owner

Verification setup finding: the first bun run check could not resolve node_modules (node_modules not found, typescript missing, and svelte-kit/svelte-check unavailable). bun install --frozen-lockfile installed 911 packages; I am rerunning the gate now.

Verification setup finding: the first `bun run check` could not resolve `node_modules` (`node_modules not found`, `typescript` missing, and `svelte-kit`/`svelte-check` unavailable). `bun install --frozen-lockfile` installed 911 packages; I am rerunning the gate now.

kayg commented

2026-10-05 22:13:40 +00:00

Author

Owner

Code verification finding: after installing the frozen web dependencies, bun run check reached perf-lint and reported one moved exact source pin: render.bound in packages/ui/src/components/calendar/MiniMonth.svelte (#each:c300cd47736030bd:1, unused or changed exception). I am refreshing the live entry without changing its rule or ratchet.

Code verification finding: after installing the frozen web dependencies, `bun run check` reached perf-lint and reported one moved exact source pin: `render.bound` in `packages/ui/src/components/calendar/MiniMonth.svelte` (`#each:c300cd47736030bd:1`, unused or changed exception). I am refreshing the live entry without changing its rule or ratchet.

kayg commented

2026-10-06 00:08:19 +00:00

Author

Owner

#1149 final report

Built

MiniMonth hover and keyboard focus now paint the same circular marker shape as selected/today states. A hovered or focused selected day stays on one combined circle. The review test captures default week-row, hover and keyboard-focus states, then checks phone, tablet and desktop at 390/820/1440 px in light and dark with macOS emulation.

Files

packages/ui/src/components/calendar/MiniMonth.svelte
apps/web/e2e/calendar-minimonth-1149.mjs
contracts/perf/exceptions.json
contracts/perf/adoption-1058.json (refreshed exact MiniMonth source hashes only; thresholds and exception counts are unchanged)

Commits

f4642f049 Use circular MiniMonth hover and focus markers
15e6d0197 Wait for MiniMonth interaction paint in review test
Head: 15e6d01973db1206769ce94bfc859abec72185b2

Gates

bun run check — PASS. Output: perf-lint: PASS; 0 violations; 22104 scoped exceptions. Svelte check reported 0 errors and 4 pre-existing warnings.
bun run test --maxWorkers=2 — PASS: Python perf guards 136 tests; perf-source 7 tests; Vitest 266 files and 1,827 tests passed (788.71s).
bun run build — PASS. Output: Compressed 887 static variants; saved 20922186 bytes.
Production review E2E — PASS. Output: PASS MiniMonth #1149: min/default/max sidebar widths × 100%/125% scale, plus phone/tablet/desktop screenshots in /home/kayg/Developer/calternal-wt/minihover-1149/artifacts/minimonth-1149
git diff --check — PASS (no output).
No Rust source changed. The server binary was built for the production E2E run; workspace Rust gates were not needed.

UX gaps closed

Hover and keyboard focus use one circle per day, including when the selected day is hovered or focused. The focused test now waits for the animated interaction paint before checking it. Visual evidence covers the required device widths, both themes and macOS shortcut rendering.

UX gaps left

None found for this follow-up.

Decisions

DESIGN §34 does not prescribe this MiniMonth hover treatment. I used the existing day button as the single circular paint surface and retained the selected/today fill while hover/focus is active. The exact-source performance pins were refreshed to match the edited MiniMonth file; no rule or limit changed.

Screenshots

Week row, light · Week row, dark
Hover, light · Hover, dark
Keyboard focus, light · Keyboard focus, dark
Phone, light · Phone, dark
Tablet, light · Tablet, dark
Desktop, light · Desktop, dark

## #1149 final report ### Built MiniMonth hover and keyboard focus now paint the same circular marker shape as selected/today states. A hovered or focused selected day stays on one combined circle. The review test captures default week-row, hover and keyboard-focus states, then checks phone, tablet and desktop at 390/820/1440 px in light and dark with macOS emulation. ### Files - `packages/ui/src/components/calendar/MiniMonth.svelte` - `apps/web/e2e/calendar-minimonth-1149.mjs` - `contracts/perf/exceptions.json` - `contracts/perf/adoption-1058.json` (refreshed exact MiniMonth source hashes only; thresholds and exception counts are unchanged) ### Commits - `f4642f049` Use circular MiniMonth hover and focus markers - `15e6d0197` Wait for MiniMonth interaction paint in review test - Head: `15e6d01973db1206769ce94bfc859abec72185b2` ### Gates - `bun run check` — PASS. Output: `perf-lint: PASS; 0 violations; 22104 scoped exceptions`. Svelte check reported 0 errors and 4 pre-existing warnings. - `bun run test --maxWorkers=2` — PASS: Python perf guards 136 tests; perf-source 7 tests; Vitest 266 files and 1,827 tests passed (788.71s). - `bun run build` — PASS. Output: `Compressed 887 static variants; saved 20922186 bytes.` - Production review E2E — PASS. Output: `PASS MiniMonth #1149: min/default/max sidebar widths × 100%/125% scale, plus phone/tablet/desktop screenshots in /home/kayg/Developer/calternal-wt/minihover-1149/artifacts/minimonth-1149` - `git diff --check` — PASS (no output). - No Rust source changed. The server binary was built for the production E2E run; workspace Rust gates were not needed. ### UX gaps closed Hover and keyboard focus use one circle per day, including when the selected day is hovered or focused. The focused test now waits for the animated interaction paint before checking it. Visual evidence covers the required device widths, both themes and macOS shortcut rendering. ### UX gaps left None found for this follow-up. ### Decisions DESIGN §34 does not prescribe this MiniMonth hover treatment. I used the existing day button as the single circular paint surface and retained the selected/today fill while hover/focus is active. The exact-source performance pins were refreshed to match the edited MiniMonth file; no rule or limit changed. ### Screenshots - [Week row, light](https://git.kayg.org/attachments/c99b3b66-30ef-4e64-b5f1-56b5d0fe3aa6) · [Week row, dark](https://git.kayg.org/attachments/425b7c09-5300-4ea8-b7cb-976669230052) - [Hover, light](https://git.kayg.org/attachments/ce23659a-04f8-437d-9cff-25f498b11ebf) · [Hover, dark](https://git.kayg.org/attachments/379dfc53-8883-4c20-aec7-dd8072b7ae50) - [Keyboard focus, light](https://git.kayg.org/attachments/23b74633-0f6d-4517-a214-0be0a3066de9) · [Keyboard focus, dark](https://git.kayg.org/attachments/275cb282-e18d-4ab3-a781-c0b9b59591b4) - [Phone, light](https://git.kayg.org/attachments/96a42c2b-90da-47ac-bc3a-ad8f6607d92d) · [Phone, dark](https://git.kayg.org/attachments/321db7c7-ee51-45a6-ae8c-3ea2830c5d59) - [Tablet, light](https://git.kayg.org/attachments/eb1ae07b-ea45-424e-a8a5-d2e9f51dd651) · [Tablet, dark](https://git.kayg.org/attachments/ac6a1347-eb4a-4fc6-94a5-d2e9f51dd651) - [Desktop, light](https://git.kayg.org/attachments/19e04421-7672-4256-b0f1-761267552c23) · [Desktop, dark](https://git.kayg.org/attachments/a77850ad-1905-409b-9cbc-5332ba9ab04d)

kayg commented

2026-10-06 00:29:53 +00:00

Author

Owner

Starting the follow-up on branch job/minihover-1149, based on origin/dev at 41bf97fb2 (current job head 15e6d0197). The review found a rounded square behind the selected MiniMonth day; I am tracing its paint source and will add a focused browser assertion and refreshed production screenshots.

Starting the follow-up on branch `job/minihover-1149`, based on `origin/dev` at `41bf97fb2` (current job head `15e6d0197`). The review found a rounded square behind the selected MiniMonth day; I am tracing its paint source and will add a focused browser assertion and refreshed production screenshots.

kayg commented

2026-10-06 01:17:32 +00:00

Author

Owner

The first run of the existing calendar-minical-review.mjs stopped in openSidebar: it waits for the removed section[aria-labelledby="calendar-views"] sidebar section (30 s timeout). Calendar view choices now live in the header per DESIGN §34/#1112. I am updating that review script to use the current header radio control so its range-band assertions remain runnable. The focused #1149 production e2e already passes.

The first run of the existing `calendar-minical-review.mjs` stopped in `openSidebar`: it waits for the removed `section[aria-labelledby="calendar-views"]` sidebar section (30 s timeout). Calendar view choices now live in the header per DESIGN §34/#1112. I am updating that review script to use the current header radio control so its range-band assertions remain runnable. The focused #1149 production e2e already passes.

kayg commented

2026-10-06 02:01:21 +00:00

Author

Owner

#1149 complete

The square was the one-column .range-band cap: a one-day Day view set a one-cell width, and the pill-shaped band sat under the date marker. MiniMonth.svelte now leaves all band segments collapsed when the active range has one date. The date marker remains the only shape; multi-day week bands keep their existing transform behavior.

The production-browser e2e now checks computed backgrounds for every date button and week row. Any non-transparent day-cell background must belong to a marker circle. It also checks that a one-day range has no visible band. Captures use macOS platform emulation and cover phone, tablet, and desktop in light and dark themes.

Files

packages/ui/src/components/calendar/MiniMonth.svelte
apps/web/e2e/calendar-minimonth-1149.mjs
apps/web/e2e/calendar-minical-review.mjs
contracts/perf/adoption-1058.json
contracts/perf/exceptions.json

The two perf files refresh exact source pins after the MiniMonth change. contracts/perf/ratchet.json is unchanged.

Head

140e88b2fd3a4f5fb39a59ba9de58497eb3cc414

Verification

bun run check:

PASS production dependency licences: 759 locked package releases across apps/web, apps/docs and packages
perf-lint: PASS; 0 violations; 22104 scoped exceptions
svelte-check found 0 errors and 4 warnings in 3 files

bun run test:

 Test Files  266 passed (266)
      Tests  1830 passed (1830)
   Duration  765.79s (transform 31%, environment 26%, import 21%, tests 16%, setup 5%)

MiniMonth production e2e:

PASS MiniMonth #1149: min/default/max sidebar widths × 100%/125% scale, plus phone/tablet/desktop screenshots in /home/kayg/Developer/calternal-wt/minihover-1149/artifacts/minimonth-1149

The four check warnings are existing CSS warnings in AttachmentDeck.svelte, AgendaList.svelte, and the Notes page. No Rust source changed; the local server binary was built only to run the production-browser e2e.

UX gaps closed

Removed the rounded-square band cap behind a one-day date marker.
Added an assertion that ordinary date cells and week rows have transparent computed backgrounds.
Captured selected, today, selected+today, hover, and focus states in both themes, plus responsive screenshots at all required widths.

UX gaps left

None found for this issue.

Decision

For a one-day active range, draw no range band; the circular date marker represents that day. This follows #1149 where DESIGN §34 does not specify the single-day case. Multi-day ranges are unchanged.

4x state crops (dark / light)

State	Dark	Light
Selected
Today
Selected + today
Hover
Focus

Responsive screenshots

Phone: dark, light
Tablet: dark, light
Desktop: dark, light
Week band rows: dark, light

## #1149 complete The square was the one-column `.range-band` cap: a one-day Day view set a one-cell width, and the pill-shaped band sat under the date marker. `MiniMonth.svelte` now leaves all band segments collapsed when the active range has one date. The date marker remains the only shape; multi-day week bands keep their existing transform behavior. The production-browser e2e now checks computed backgrounds for every date button and week row. Any non-transparent day-cell background must belong to a marker circle. It also checks that a one-day range has no visible band. Captures use macOS platform emulation and cover phone, tablet, and desktop in light and dark themes. ### Files - `packages/ui/src/components/calendar/MiniMonth.svelte` - `apps/web/e2e/calendar-minimonth-1149.mjs` - `apps/web/e2e/calendar-minical-review.mjs` - `contracts/perf/adoption-1058.json` - `contracts/perf/exceptions.json` The two perf files refresh exact source pins after the MiniMonth change. `contracts/perf/ratchet.json` is unchanged. ### Head `140e88b2fd3a4f5fb39a59ba9de58497eb3cc414` ### Verification `bun run check`: ```text PASS production dependency licences: 759 locked package releases across apps/web, apps/docs and packages perf-lint: PASS; 0 violations; 22104 scoped exceptions svelte-check found 0 errors and 4 warnings in 3 files ``` `bun run test`: ```text Test Files 266 passed (266) Tests 1830 passed (1830) Duration 765.79s (transform 31%, environment 26%, import 21%, tests 16%, setup 5%) ``` MiniMonth production e2e: ```text PASS MiniMonth #1149: min/default/max sidebar widths × 100%/125% scale, plus phone/tablet/desktop screenshots in /home/kayg/Developer/calternal-wt/minihover-1149/artifacts/minimonth-1149 ``` The four check warnings are existing CSS warnings in `AttachmentDeck.svelte`, `AgendaList.svelte`, and the Notes page. No Rust source changed; the local server binary was built only to run the production-browser e2e. ### UX gaps closed - Removed the rounded-square band cap behind a one-day date marker. - Added an assertion that ordinary date cells and week rows have transparent computed backgrounds. - Captured selected, today, selected+today, hover, and focus states in both themes, plus responsive screenshots at all required widths. ### UX gaps left None found for this issue. ### Decision For a one-day active range, draw no range band; the circular date marker represents that day. This follows #1149 where DESIGN §34 does not specify the single-day case. Multi-day ranges are unchanged. ### 4x state crops (dark / light) | State | Dark | Light | | --- | --- | --- | | Selected | ![Selected, dark](https://git.kayg.org/attachments/193c391a-47bf-458b-82d1-a1dbc946c732) | ![Selected, light](https://git.kayg.org/attachments/c138e50a-25b6-4415-9dc1-898af5a25e92) | | Today | ![Today, dark](https://git.kayg.org/attachments/a2d8a8ac-e825-4696-8443-5cd45d5ba1c9) | ![Today, light](https://git.kayg.org/attachments/ba2d1fed-7bfe-4467-b9f8-09617888d43c) | | Selected + today | ![Selected and today, dark](https://git.kayg.org/attachments/30951130-7d80-469d-b44d-6fa3092e4b6c) | ![Selected and today, light](https://git.kayg.org/attachments/53dcb850-4060-46d0-867d-e63724e6ecb3) | | Hover | ![Hover, dark](https://git.kayg.org/attachments/26ee87f7-e2d8-4175-a985-a0d92f627a6d) | ![Hover, light](https://git.kayg.org/attachments/aa5b3c5d-1bd2-4f6e-84d9-86a8da86814d) | | Focus | ![Focus, dark](https://git.kayg.org/attachments/bb0bee0c-2b42-46ec-9f00-f49298909675) | ![Focus, light](https://git.kayg.org/attachments/9aeff78f-f51c-4bca-b2a2-531ede0c804f) | ### Responsive screenshots - Phone: [dark](https://git.kayg.org/attachments/2d191bb7-8a2c-494e-b7c9-d8f488fab7fd), [light](https://git.kayg.org/attachments/21a9f520-0d37-4447-8522-099c81062ceb) - Tablet: [dark](https://git.kayg.org/attachments/5db74fca-ff0f-46c8-aa2b-930032f6ddab), [light](https://git.kayg.org/attachments/b17a6e39-098f-438d-95ce-d99f43f26ae1) - Desktop: [dark](https://git.kayg.org/attachments/b3644252-ec17-42fe-9b26-6a55fbc8b7a9), [light](https://git.kayg.org/attachments/ff93dd31-d21c-47d6-acde-09e246dfb4c7) - Week band rows: [dark](https://git.kayg.org/attachments/0c7f186b-07bb-4077-bf1f-7a667c256ee0), [light](https://git.kayg.org/attachments/005844f8-d29d-4077-a47e-5224bef68138)

kayg referenced this issue

2026-10-06 08:59:23 +00:00

REGRESSION: Settings overlay lost its dim/blur scrim and its sidebar got wider #1195

Rows
Columns

Calendar mini month: selected and today circles overlap #1149

Owner report (2026-10-05, production, desktop Calendar): "we need to scale these better, look at the overlap"

Expected

Evidence

#1149 final report

Built

Files

Commits

Gates

UX gaps closed

UX gaps left

Decisions

Screenshots

#1149 complete

Files

Head

Verification

UX gaps closed

UX gaps left

Decision

4x state crops (dark / light)

Responsive screenshots