CALENDAR: Fantastical/BusyCal-grade grid — floating event cards with gaps, remove the extra column after the time column, centre times in the gutter #321

New issue

Closed

opened 2026-09-28 09:04:41 +00:00 by kayg · 35 comments

kayg commented 2026-09-28 09:04:41 +00:00

Owner

Copy link

Owner (2026-09-28, screenshots of the Day view and the now pill):

• 'the events should not touch each other or the borders as much and be padded. they should basically look like floating cards. even when next to each other, there should be a tiny amount of visible space (of course make sure the corner radius is consistent)'
• 'what i don't understand is why is there an additional column after the time column'
• 'the time should also be centered in that column!' (the hour labels and the now pill '2:32p' sit off-centre in the time gutter)
• 'we need to refine our calendar aesthetics more so they match Fantastical/BusyCal'

Do this in two parts (one job):
A. Research first (web search, short): study Fantastical (Mac/iOS) and BusyCal day/week grids from their docs, marketing screenshots and reviews: event card insets from the column edges, the gap between stacked and side-by-side events, corner radius, padding inside the card, title/time typography, the time gutter width and label alignment, the now line/pill, the hour/half-hour gridline weight, the all-day row, and how short (15-min) events render. Write the findings as a table in docs/research/calendar-grid.md with the proposed calternal token values.
B. Build (TimeGrid.svelte / GridColumn.svelte / MonthGrid as needed, via tokens only):

1. Floating cards: every event block is inset from its column's edges (e.g. 3–4 px each side) and from the neighbouring blocks (a 2–3 px gap both vertically, when one event ends as the next starts, and horizontally, for overlapping columns). The corner radius is one token used for every event card (also in Month and Agenda), and the padding inside the card is a token. Back-to-back events (11:00 end, 11:00 start) show a visible gap without shifting their times: shrink the rendered height, never the data.
2. The extra column after the time column: identify what it is (a spacer, the all-day gutter, the 'actual' log lane, a leftover from #247/#245 glass?) and remove it, or merge it into the gutter. Report what it was.
3. Centre in the gutter: hour labels and the now pill are horizontally centred in the time gutter (the gutter width fits the widest label '12 PM'/'00:00' plus equal padding), and vertically centred on their gridline (cap-height, #253 rules). The now line starts at the gutter edge.
4. Keep the tag-colour tints (#238), the clear glass headers (#247) and the now pill without AM/PM (#287).
5. Performance: layout only via CSS (no per-event measurement); virtualisation and drag/resize keep working (drag/resize handles still reachable with the insets).
   Evidence: 2× crops of Day, Week (overlapping events, back-to-back events, a 15-min event) and Month, light and dark, next to Fantastical reference screenshots from the research. Coordinate with #298 (e2e-green edits TimeGrid for the live update) by keeping changes mostly in styles and tokens.

Owner (2026-09-28, screenshots of the Day view and the now pill): - 'the events should not touch each other or the borders as much and be padded. they should basically look like floating cards. even when next to each other, there should be a tiny amount of visible space (of course make sure the corner radius is consistent)' - 'what i don't understand is why is there an additional column after the time column' - 'the time should also be centered in that column!' (the hour labels and the now pill '2:32p' sit off-centre in the time gutter) - 'we need to refine our calendar aesthetics more so they match Fantastical/BusyCal' Do this in two parts (one job): **A. Research first (web search, short):** study Fantastical (Mac/iOS) and BusyCal day/week grids from their docs, marketing screenshots and reviews: event card insets from the column edges, the gap between stacked and side-by-side events, corner radius, padding inside the card, title/time typography, the time gutter width and label alignment, the now line/pill, the hour/half-hour gridline weight, the all-day row, and how short (15-min) events render. Write the findings as a table in docs/research/calendar-grid.md with the proposed calternal token values. **B. Build (TimeGrid.svelte / GridColumn.svelte / MonthGrid as needed, via tokens only):** 1. **Floating cards:** every event block is inset from its column's edges (e.g. 3–4 px each side) and from the neighbouring blocks (a 2–3 px gap both vertically, when one event ends as the next starts, and horizontally, for overlapping columns). The corner radius is one token used for every event card (also in Month and Agenda), and the padding inside the card is a token. Back-to-back events (11:00 end, 11:00 start) show a visible gap without shifting their times: shrink the rendered height, never the data. 2. **The extra column after the time column:** identify what it is (a spacer, the all-day gutter, the 'actual' log lane, a leftover from #247/#245 glass?) and remove it, or merge it into the gutter. Report what it was. 3. **Centre in the gutter:** hour labels and the now pill are horizontally centred in the time gutter (the gutter width fits the widest label '12 PM'/'00:00' plus equal padding), and vertically centred on their gridline (cap-height, #253 rules). The now line starts at the gutter edge. 4. Keep the tag-colour tints (#238), the clear glass headers (#247) and the now pill without AM/PM (#287). 5. Performance: layout only via CSS (no per-event measurement); virtualisation and drag/resize keep working (drag/resize handles still reachable with the insets). Evidence: 2× crops of Day, Week (overlapping events, back-to-back events, a 15-min event) and Month, light and dark, next to Fantastical reference screenshots from the research. Coordinate with #298 (e2e-green edits TimeGrid for the live update) by keeping changes mostly in styles and tokens.

calendar-day-dark-desktop-2x.png

901 KiB

calendar-day-dark-phone-2x.png

459 KiB

calendar-day-light-desktop-2x.png

1.1 MiB

calendar-day-light-phone-2x.png

582 KiB

calendar-month-dark-desktop-2x.png

1.3 MiB

calendar-month-dark-phone-2x.png

645 KiB

calendar-month-light-desktop-2x.png

1.7 MiB

calendar-month-light-phone-2x.png

821 KiB

calendar-week-dark-desktop-2x.png

1.3 MiB

calendar-week-dark-phone-2x.png

644 KiB

calendar-week-light-desktop-2x.png

1.8 MiB

calendar-week-light-phone-2x.png

823 KiB

event-tint-day-paper-820.png

1.3 MiB

event-tint-day-midnight-390.png

739 KiB

event-tint-day-midnight-820.png

1.2 MiB

event-tint-day-paper-1440.png

2 MiB

event-tint-day-paper-390.png

832 KiB

event-tint-month-midnight-1440.png

2.2 MiB

event-tint-month-midnight-390.png

919 KiB

event-tint-month-midnight-820.png

1.4 MiB

event-tint-month-paper-1440.png

2.5 MiB

event-tint-month-paper-390.png

1 MiB

event-tint-month-paper-820.png

1.5 MiB

event-tint-week-midnight-1440.png

2.1 MiB

event-tint-week-midnight-390.png

869 KiB

event-tint-week-midnight-820.png

1.3 MiB

event-tint-week-paper-1440.png

2.4 MiB

event-tint-week-paper-820.png

1.4 MiB

event-tint-day-midnight-1440.png

1.8 MiB

event-tint-day-midnight-1440.png

1.7 MiB

event-tint-day-midnight-390.png

698 KiB

event-tint-day-midnight-820.png

1.2 MiB

event-tint-day-paper-1440.png

2 MiB

event-tint-day-paper-390.png

794 KiB

event-tint-day-paper-820.png

1.2 MiB

event-tint-month-midnight-1440.png

2.2 MiB

event-tint-month-midnight-390.png

919 KiB

event-tint-month-midnight-820.png

1.4 MiB

event-tint-month-paper-1440.png

2.5 MiB

event-tint-month-paper-390.png

1 MiB

event-tint-month-paper-820.png

1.5 MiB

event-tint-week-midnight-1440.png

2 MiB

event-tint-week-midnight-390.png

830 KiB

event-tint-week-midnight-820.png

1.3 MiB

event-tint-week-overlap-midnight-1440.png

2 MiB

event-tint-week-overlap-paper-1440.png

2.3 MiB

event-tint-week-paper-1440.png

2.3 MiB

event-tint-week-paper-390.png

933 KiB

event-tint-week-paper-820.png

1.4 MiB

event-tint-week-paper-390.png

971 KiB

event-tint-day-midnight-1440.png

1.7 MiB

event-tint-day-midnight-390.png

704 KiB

event-tint-day-midnight-820.png

1.2 MiB

event-tint-day-paper-1440.png

2 MiB

event-tint-day-paper-390.png

802 KiB

event-tint-day-paper-820.png

1.2 MiB

event-tint-month-midnight-1440.png

2.2 MiB

event-tint-month-midnight-390.png

919 KiB

event-tint-month-midnight-820.png

1.4 MiB

event-tint-month-paper-1440.png

2.5 MiB

event-tint-month-paper-390.png

1 MiB

event-tint-month-paper-820.png

1.5 MiB

event-tint-week-midnight-1440.png

2 MiB

event-tint-week-midnight-390.png

833 KiB

event-tint-week-midnight-820.png

1.3 MiB

event-tint-week-overlap-midnight-1440.png

2 MiB

event-tint-week-overlap-paper-1440.png

2.3 MiB

event-tint-week-paper-1440.png

2.3 MiB

event-tint-week-paper-390.png

934 KiB

event-tint-week-paper-820.png

1.4 MiB

event-tint-day-midnight-1440.png

1.7 MiB

event-tint-day-midnight-390.png

703 KiB

event-tint-day-midnight-820.png

1.2 MiB

event-tint-day-paper-1440.png

2 MiB

event-tint-day-paper-390.png

801 KiB

event-tint-day-paper-820.png

1.2 MiB

event-tint-month-midnight-1440.png

2.2 MiB

event-tint-month-midnight-390.png

919 KiB

event-tint-month-midnight-820.png

1.4 MiB

event-tint-month-paper-1440.png

2.5 MiB

event-tint-month-paper-390.png

1 MiB

event-tint-month-paper-820.png

1.5 MiB

event-tint-week-midnight-1440.png

2 MiB

event-tint-week-midnight-390.png

829 KiB

event-tint-week-midnight-820.png

1.3 MiB

event-tint-week-overlap-midnight-1440.png

2 MiB

event-tint-week-overlap-paper-1440.png

2.3 MiB

event-tint-week-paper-1440.png

2.3 MiB

event-tint-week-paper-390.png

930 KiB

event-tint-week-paper-820.png

1.4 MiB

kayg commented 2026-09-28 09:05:26 +00:00

Author

Owner

Copy link

Starting #321 on job/cal-grid, based on dev at 7bbaf5133c. I am reviewing the calendar grid, shared tokens, and reference research before implementation.

Starting #321 on job/cal-grid, based on dev at 7bbaf5133c00506deb0f421ef7a75f5f3c72b859. I am reviewing the calendar grid, shared tokens, and reference research before implementation.

kayg commented 2026-09-28 09:16:42 +00:00

Author

Owner

Copy link

Code finding: TimeGrid.svelte defines one leading gutter track followed by the day tracks. GridColumn does not add another grid column for actual Log entries; layoutPlanActual only puts Events and Log entries side by side when their times overlap. The extra reserved strip is the per-day standalone thumbnail rail (--lanes-right), enabled when a day has files, photos, or Notes. I will remove that permanent reservation and keep thumbnail piles anchored in the day column at their saved times, in line with DESIGN §39.

Code finding: TimeGrid.svelte defines one leading gutter track followed by the day tracks. GridColumn does not add another grid column for actual Log entries; layoutPlanActual only puts Events and Log entries side by side when their times overlap. The extra reserved strip is the per-day standalone thumbnail rail (`--lanes-right`), enabled when a day has files, photos, or Notes. I will remove that permanent reservation and keep thumbnail piles anchored in the day column at their saved times, in line with DESIGN §39.

kayg commented 2026-09-28 09:24:02 +00:00

Author

Owner

Copy link

Implementation commit bd6225a7 adds shared calendar inset, lane-gap, stack-gap, radius, padding, and gutter tokens. The time ruler and now pill are centred. Back-to-back blocks keep their starts and lose only rendered height at the end. The thumbnail pile remains in its saved day and time; the reserved side rail is gone. Month, all-day, and Agenda Event surfaces share the radius token. Focused check: TMPDIR=... bun run test -- src/lib/calendar/TimeGrid.svelte.test.ts — 1 test file passed, 1 test passed.

Implementation commit bd6225a7 adds shared calendar inset, lane-gap, stack-gap, radius, padding, and gutter tokens. The time ruler and now pill are centred. Back-to-back blocks keep their starts and lose only rendered height at the end. The thumbnail pile remains in its saved day and time; the reserved side rail is gone. Month, all-day, and Agenda Event surfaces share the radius token. Focused check: `TMPDIR=... bun run test -- src/lib/calendar/TimeGrid.svelte.test.ts` — 1 test file passed, 1 test passed.

kayg commented 2026-09-28 09:41:22 +00:00

Author

Owner

Copy link

Finding: GridColumn.svelte had a max-width: 767px rule that replaced Event padding with raw 2px 3px 2px 5px values. This bypassed the shared Day/Week token and made the phone layout inconsistent. The rule now uses --calendar-event-padding-block and --calendar-event-padding-inline; I am running the focused web check before committing this correction.

Finding: `GridColumn.svelte` had a `max-width: 767px` rule that replaced Event padding with raw `2px 3px 2px 5px` values. This bypassed the shared Day/Week token and made the phone layout inconsistent. The rule now uses `--calendar-event-padding-block` and `--calendar-event-padding-inline`; I am running the focused web check before committing this correction.

kayg commented 2026-09-28 10:59:38 +00:00

Author

Owner

Copy link

Completed Forgejo #321 on job/cal-grid.

Built

• Added production research on Fantastical and BusyCal calendar grids and proposed shared Calendar tokens.
• Floated timed Events across the full Day and Week track with a shared edge inset and gaps. Removed the extra thumbnail rail that narrowed the timed Event track.
• Shared the Event radius and padding tokens across Day, Week, Month, Agenda, and all-day chips. Centred hour labels and the no-AM/PM now pill in the time gutter. Kept existing drag and resize handlers.
• Corrected the phone media rule to use the shared Event padding tokens.

Files

• docs/research/calendar-grid.md
• packages/ui/src/tokens.css
• packages/ui/src/components/calendar/TimeGrid.svelte
• packages/ui/src/components/calendar/GridColumn.svelte
• packages/ui/src/components/calendar/MonthGrid.svelte
• packages/ui/src/components/calendar/AgendaList.svelte

Production screenshots and references

All 12 attached captures are 2× production screenshots. They use real Events created through the local Calendar API and CalDAV test provider. Reference screenshots are linked beside each view.

View	References	Calternal captures
Day	Fantastical iOS Day; BusyCal iOS Day	Light desktop; dark desktop; light phone; dark phone
Week	Fantastical iOS Week; BusyCal iOS Week	Light desktop; dark desktop; light phone; dark phone
Month	Fantastical iOS Month	Light desktop; dark desktop; light phone; dark phone

Decisions not specified in DESIGN.md

Used a 60px base time gutter multiplied by --ui-scale, 3px Event edge inset, 2px overlapping-lane gap, 2.5px end gap, 8px radius, and 6px × 3px Event padding. These values are shared role tokens; the vendors do not publish pixel measurements.

Known gaps

• In the narrow phone Week view, the two 09:00 overlapping Events appear in the existing +2 pile because the day columns are 37 CSS px wide. The phone Day and desktop Week captures show the overlap as separate timed blocks. The screenshots are attached for the orchestrator’s visual review.
• No API behavior changed, so no server adversarial round was needed.
• The production build printed existing MODULE_LEVEL_DIRECTIVE warnings from analytics/vendor/bklit. Vitest printed jsdom stylesheet and scrollTo() notices; all tests passed.

Commits and branch

Head: 078797f6294b19f9aeee607bf8982665bffffa1b (fix(calendar): keep Event padding tokens on phone). The branch was pushed to origin/job/cal-grid.

Gates

Command output excerpts below are verbatim. Each command exited 0.

cargo fmt --check:

(no stdout or stderr)

cargo clippy --all-targets -- -D warnings:

    Finished `dev` profile [unoptimized + debuginfo] target(s) in 38m 09s

cargo test:

    Finished `test` profile [unoptimized + debuginfo] target(s) in 13m 01s

test result: ok. 48 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 5.23s
test result: ok. 65 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 12.11s

bun run check:

svelte-check found 0 errors and 0 warnings

bun run test:

 Test Files  110 passed (110)
      Tests  709 passed (709)
   Start at  12:54:16
   Duration  136.27s (transform 60%, environment 17%, import 11%, tests 8%, setup 3%)

Cleanup: cargo clean reported Removed 15884 files, 13.4GiB total; apps/web/build was deleted. Screenshots remain attached to this issue and are not committed.

Completed Forgejo #321 on `job/cal-grid`. ## Built - Added production research on Fantastical and BusyCal calendar grids and proposed shared Calendar tokens. - Floated timed Events across the full Day and Week track with a shared edge inset and gaps. Removed the extra thumbnail rail that narrowed the timed Event track. - Shared the Event radius and padding tokens across Day, Week, Month, Agenda, and all-day chips. Centred hour labels and the no-AM/PM now pill in the time gutter. Kept existing drag and resize handlers. - Corrected the phone media rule to use the shared Event padding tokens. ## Files - `docs/research/calendar-grid.md` - `packages/ui/src/tokens.css` - `packages/ui/src/components/calendar/TimeGrid.svelte` - `packages/ui/src/components/calendar/GridColumn.svelte` - `packages/ui/src/components/calendar/MonthGrid.svelte` - `packages/ui/src/components/calendar/AgendaList.svelte` ## Production screenshots and references All 12 attached captures are 2× production screenshots. They use real Events created through the local Calendar API and CalDAV test provider. Reference screenshots are linked beside each view. | View | References | Calternal captures | |---|---|---| | Day | [Fantastical iOS Day](https://flexibits.com/img/help/fantastical-ios/en/f3-ios-full-day.png); [BusyCal iOS Day](https://downloads.busymac.com/resources/img/busycal-ios/day_view_portrait.png) | [Light desktop](https://git.kayg.org/attachments/9032c4ea-f48c-4606-8e72-c2d160f88622); [dark desktop](https://git.kayg.org/attachments/20fcce33-17f3-4b0f-a32e-d169f47c0232); [light phone](https://git.kayg.org/attachments/85ebcf7d-60f3-4e8c-b1b8-5c32fd0d10b3); [dark phone](https://git.kayg.org/attachments/531f264e-dbec-414b-93bf-ae5f73e5248e) | | Week | [Fantastical iOS Week](https://flexibits.com/img/help/fantastical-ios/en/f3-ios-full-week.png); [BusyCal iOS Week](https://downloads.busymac.com/resources/img/busycal-ios/bcl-month-week-land.png) | [Light desktop](https://git.kayg.org/attachments/bffd6ed7-30ec-4337-8f28-8ce0d1da53d5); [dark desktop](https://git.kayg.org/attachments/d550621d-91d3-42fe-9565-c4cf730c41fe); [light phone](https://git.kayg.org/attachments/dd096f3b-9f0f-47be-8213-e0cb3e19bca3); [dark phone](https://git.kayg.org/attachments/df4022bc-d6fa-4af5-980e-442c93320c34) | | Month | [Fantastical iOS Month](https://flexibits.com/img/help/fantastical-ios/en/f3-ios-full-month.png) | [Light desktop](https://git.kayg.org/attachments/ae5a4e22-8568-4e9f-8f95-db42869c4e2f); [dark desktop](https://git.kayg.org/attachments/2fceb550-68c4-4802-aee1-396ca26c42d7); [light phone](https://git.kayg.org/attachments/2acd33c0-4959-4169-add7-2ed0ef970e7a); [dark phone](https://git.kayg.org/attachments/c4c936cf-fda6-461b-a9d0-5e7d99caf93c) | ## Decisions not specified in DESIGN.md Used a 60px base time gutter multiplied by `--ui-scale`, 3px Event edge inset, 2px overlapping-lane gap, 2.5px end gap, 8px radius, and 6px × 3px Event padding. These values are shared role tokens; the vendors do not publish pixel measurements. ## Known gaps - In the narrow phone Week view, the two 09:00 overlapping Events appear in the existing `+2` pile because the day columns are 37 CSS px wide. The phone Day and desktop Week captures show the overlap as separate timed blocks. The screenshots are attached for the orchestrator’s visual review. - No API behavior changed, so no server adversarial round was needed. - The production build printed existing `MODULE_LEVEL_DIRECTIVE` warnings from `analytics/vendor/bklit`. Vitest printed jsdom stylesheet and `scrollTo()` notices; all tests passed. ## Commits and branch Head: `078797f6294b19f9aeee607bf8982665bffffa1b` (`fix(calendar): keep Event padding tokens on phone`). The branch was pushed to `origin/job/cal-grid`. ## Gates Command output excerpts below are verbatim. Each command exited 0. `cargo fmt --check`: ```text (no stdout or stderr) ``` `cargo clippy --all-targets -- -D warnings`: ```text Finished `dev` profile [unoptimized + debuginfo] target(s) in 38m 09s ``` `cargo test`: ```text Finished `test` profile [unoptimized + debuginfo] target(s) in 13m 01s test result: ok. 48 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 5.23s test result: ok. 65 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 12.11s ``` `bun run check`: ```text svelte-check found 0 errors and 0 warnings ``` `bun run test`: ```text Test Files 110 passed (110) Tests 709 passed (709) Start at 12:54:16 Duration 136.27s (transform 60%, environment 17%, import 11%, tests 8%, setup 3%) ``` Cleanup: `cargo clean` reported `Removed 15884 files, 13.4GiB total`; `apps/web/build` was deleted. Screenshots remain attached to this issue and are not committed.

kayg commented 2026-09-28 11:02:13 +00:00

Author

Owner

Copy link

Orchestrator review of 078797f6 (desktop 1440 + phone 390, dark): not accepted yet. Good: back-to-back events show a gap, side-by-side events are separated, the radius is consistent, hour labels are horizontally centred in the gutter, and the extra column is gone.
Still to fix:

1. Right edge: events run flush into the column's right edge (Design review, Customer follow-up, Project handoff); only the left side is inset. Cards must be inset on both sides (the same token), so each one floats.
2. Vertical label centring: hour labels sit ≈4 CSS px above their gridline. Centre each label's cap height on its gridline (#253 cap rules); the now pill likewise.
3. Tag colours: the fixture events have no tags, so the tint (#238) cannot be judged. Use tagged events (≥3 different tags) in the evidence.
4. Tablet width missing: attach 820 px crops as well (the rule: 390 / 820 / 1440, light and dark), for Day, Week and Month.
   Then re-attach the full set.

Orchestrator review of 078797f6 (desktop 1440 + phone 390, dark): **not accepted yet.** Good: back-to-back events show a gap, side-by-side events are separated, the radius is consistent, hour labels are horizontally centred in the gutter, and the extra column is gone. Still to fix: 1. **Right edge:** events run flush into the column's right edge (Design review, Customer follow-up, Project handoff); only the left side is inset. Cards must be inset on **both** sides (the same token), so each one floats. 2. **Vertical label centring:** hour labels sit ≈4 CSS px above their gridline. Centre each label's cap height on its gridline (#253 cap rules); the now pill likewise. 3. **Tag colours:** the fixture events have no tags, so the tint (#238) cannot be judged. Use tagged events (≥3 different tags) in the evidence. 4. **Tablet width missing:** attach 820 px crops as well (the rule: 390 / 820 / 1440, light and dark), for Day, Week and Month. Then re-attach the full set.

kayg commented 2026-09-28 11:05:52 +00:00

Author

Owner

Copy link

Continuing the #321 review corrections on job/cal-grid. Current head: 078797f6294b19f9aeee607bf8982665bffffa1b; branch base shared with dev: ebc5d5f10ba475d4df75077471c1694eb0dee8c3; current dev: f4b5466054ce6c855827f974852e12ac0904037d.

I have the latest review: add a visible right inset, centre hour and now labels on their gridlines, use tagged Event fixtures, and attach Day/Week/Month evidence at 390, 820 and 1440 px in light and dark. I’m reproducing those positions in the production build before changing CSS.

Continuing the #321 review corrections on `job/cal-grid`. Current head: `078797f6294b19f9aeee607bf8982665bffffa1b`; branch base shared with `dev`: `ebc5d5f10ba475d4df75077471c1694eb0dee8c3`; current `dev`: `f4b5466054ce6c855827f974852e12ac0904037d`. I have the latest review: add a visible right inset, centre hour and now labels on their gridlines, use tagged Event fixtures, and attach Day/Week/Month evidence at 390, 820 and 1440 px in light and dark. I’m reproducing those positions in the production build before changing CSS.

kayg commented 2026-09-28 11:30:04 +00:00

Author

Owner

Copy link

Production reproduction on the reviewed build (TZ=Europe/Berlin, 1440 CSS px, device scale 2, --ui-scale: 1.07) measured the hour label cap centre 4.25 px above the hour line. The now label cap centre was within 0.41 px. A single-lane Event measured 4.20 px from the column's left edge and 3.22 px from its right edge: .col has a 1 px left rule, while .lanes starts inside that rule. The existing 3 px token leaves a small, asymmetric outer gap. I am stretching the Event track across the column rule and increasing the shared edge token to 4 px. The focused geometry assertion failed at the hour-centre check as expected.

Production reproduction on the reviewed build (`TZ=Europe/Berlin`, 1440 CSS px, device scale 2, `--ui-scale: 1.07`) measured the hour label cap centre 4.25 px above the hour line. The now label cap centre was within 0.41 px. A single-lane Event measured 4.20 px from the column's left edge and 3.22 px from its right edge: `.col` has a 1 px left rule, while `.lanes` starts inside that rule. The existing 3 px token leaves a small, asymmetric outer gap. I am stretching the Event track across the column rule and increasing the shared edge token to 4 px. The focused geometry assertion failed at the hour-centre check as expected.

kayg commented 2026-09-28 12:57:02 +00:00

Author

Owner

Copy link

Completed on job/cal-grid at head ba313830fb2505c3465afaad91dc55cc956c29b6 and pushed to origin.

What changed

• Extended Event lanes over the column rule so a single Event has equal 4 px outer insets.
• Centered hour label cap height on each gridline while retaining the shared optical-caps helper.
• Added tagged CalDAV fixture geometry checks for overlap lanes, adjacent Events, a true 15-minute Event, hour and now labels, and the 390/820/1440 Day, Week, and Month evidence matrix in light and dark.

Decisions

• The design doc does not set an Event edge inset, so I set the shared token to 4 px. This matches the measured gap on both sides of a column.
• At 390 px and 820 px, overlapping Week Events use the existing +N control. The responsive evidence captures that real state.

Production screenshots

Day

Viewport	Paper (light)	Midnight (dark)
390 px
820 px
1440 px

Week

Viewport	Paper (light)	Midnight (dark)
390 px
820 px
1440 px

Month

Viewport	Paper (light)	Midnight (dark)
390 px
820 px
1440 px

Gates

$ cargo fmt --check
(exit 0; no output)
$ cargo clippy --all-targets -- -D warnings
Finished `dev` profile [unoptimized + debuginfo] target(s) in 16m 35s
$ cargo test
Finished `test` profile [unoptimized + debuginfo] target(s) in 14m 43s
$ bun run check
svelte-check found 0 errors and 0 warnings
$ bun run test
 Test Files  110 passed (110)
      Tests  710 passed (710)
   Start at  14:51:24
   Duration  195.47s (transform 60%, environment 17%, import 12%, tests 8%, setup 3%)

Production E2E output:

event tint e2e: 29 themes, state contrast passed on 6 Event surfaces; 18 production screenshots (390/820/1440, light/dark, Day/Week/Month) saved to target/event-tint-shots

Merge and known gap

Merged dev once before the gates at merge commit 3905d45270ca96cc70905edc94d06afb69b418c0 (dev was f4b5466054ce6c855827f974852e12ac0904037d at that point). During the gate run, dev advanced to 5431fd67c13a504b6aed0afb573de8675ef55692 with the tabbar merge. I did not merge again because the job rule says to merge once. The checks cover the merged snapshot; the orchestrator can decide whether the later dev commit needs integration.

Changed files: packages/ui/src/tokens.css, packages/ui/src/components/calendar/GridColumn.svelte, packages/ui/src/components/calendar/TimeGrid.svelte, apps/web/e2e/event-tint.mjs, docs/research/calendar-grid.md.

Completed on `job/cal-grid` at head `ba313830fb2505c3465afaad91dc55cc956c29b6` and pushed to origin. ### What changed - Extended Event lanes over the column rule so a single Event has equal 4 px outer insets. - Centered hour label cap height on each gridline while retaining the shared optical-caps helper. - Added tagged CalDAV fixture geometry checks for overlap lanes, adjacent Events, a true 15-minute Event, hour and now labels, and the 390/820/1440 Day, Week, and Month evidence matrix in light and dark. ### Decisions - The design doc does not set an Event edge inset, so I set the shared token to 4 px. This matches the measured gap on both sides of a column. - At 390 px and 820 px, overlapping Week Events use the existing `+N` control. The responsive evidence captures that real state. ### Production screenshots #### Day | Viewport | Paper (light) | Midnight (dark) | |---:|---|---| | 390 px |  |  | | 820 px |  |  | | 1440 px |  |  | #### Week | Viewport | Paper (light) | Midnight (dark) | |---:|---|---| | 390 px |  |  | | 820 px |  |  | | 1440 px |  |  | #### Month | Viewport | Paper (light) | Midnight (dark) | |---:|---|---| | 390 px |  |  | | 820 px |  |  | | 1440 px |  |  | ### Gates ```text $ cargo fmt --check (exit 0; no output) $ cargo clippy --all-targets -- -D warnings Finished `dev` profile [unoptimized + debuginfo] target(s) in 16m 35s $ cargo test Finished `test` profile [unoptimized + debuginfo] target(s) in 14m 43s $ bun run check svelte-check found 0 errors and 0 warnings $ bun run test Test Files 110 passed (110) Tests 710 passed (710) Start at 14:51:24 Duration 195.47s (transform 60%, environment 17%, import 12%, tests 8%, setup 3%) ``` Production E2E output: ```text event tint e2e: 29 themes, state contrast passed on 6 Event surfaces; 18 production screenshots (390/820/1440, light/dark, Day/Week/Month) saved to target/event-tint-shots ``` ### Merge and known gap Merged `dev` once before the gates at merge commit `3905d45270ca96cc70905edc94d06afb69b418c0` (dev was `f4b5466054ce6c855827f974852e12ac0904037d` at that point). During the gate run, `dev` advanced to `5431fd67c13a504b6aed0afb573de8675ef55692` with the tabbar merge. I did not merge again because the job rule says to merge once. The checks cover the merged snapshot; the orchestrator can decide whether the later `dev` commit needs integration. Changed files: `packages/ui/src/tokens.css`, `packages/ui/src/components/calendar/GridColumn.svelte`, `packages/ui/src/components/calendar/TimeGrid.svelte`, `apps/web/e2e/event-tint.mjs`, `docs/research/calendar-grid.md`.

kayg commented 2026-09-28 13:02:45 +00:00

Author

Owner

Copy link

Orchestrator review, round 2 (Day 1440 dark, Day 390 dark, Week 820 light): not accepted.

1. Right inset still missing: at 1440 and 390, the event cards ('Later review', 'Weekly review (provider)', 'Night flight') end exactly at the column's right edge (1440 px crop: card right ≈ grid right). Both sides need the same inset token. Measure it in a test: card.right ≤ column.right − inset.
2. All-day row overlaps the grid: in Day view the first timed event 'Short check-in' is cut off under the sticky all-day row, and a stray hour label ('10') shows half-hidden above 'all-day'. The sticky all-day row must sit above the scrollable grid without covering the first visible hour, or the grid must scroll under it cleanly (with the header glass), never clipping an event's title at rest.
3. Week 820 header is broken: event titles overlap the day numbers in the header cells ('29 To…', '30 Fr…' over the dates); the all-day chips shrink to icon-only; the '10' label overlaps 'all-day'. Header cells show only the weekday + date; all-day items live in the all-day row, and at narrow widths they show a count chip ('+2') rather than overlapping text. Is this a regression from this branch? Compare with dev and fix either way.
4. Tag tints are visible only faintly on 'Later review' (purple); others look untinted grey. Check the fixture events really carry tags and that #238 tints apply.
   Attach the same 18-crop set again, plus a Week 1440 crop with overlapping events.

Orchestrator review, round 2 (Day 1440 dark, Day 390 dark, Week 820 light): **not accepted.** 1. **Right inset still missing:** at 1440 and 390, the event cards ('Later review', 'Weekly review (provider)', 'Night flight') end exactly at the column's right edge (1440 px crop: card right ≈ grid right). Both sides need the same inset token. Measure it in a test: card.right ≤ column.right − inset. 2. **All-day row overlaps the grid:** in Day view the first timed event 'Short check-in' is cut off under the sticky all-day row, and a stray hour label ('10') shows half-hidden above 'all-day'. The sticky all-day row must sit above the scrollable grid without covering the first visible hour, or the grid must scroll under it cleanly (with the header glass), never clipping an event's title at rest. 3. **Week 820 header is broken:** event titles overlap the day numbers in the header cells ('29 To…', '30 Fr…' over the dates); the all-day chips shrink to icon-only; the '10' label overlaps 'all-day'. Header cells show only the weekday + date; all-day items live in the all-day row, and at narrow widths they show a count chip ('+2') rather than overlapping text. Is this a regression from this branch? Compare with dev and fix either way. 4. Tag tints are visible only faintly on 'Later review' (purple); others look untinted grey. Check the fixture events really carry tags and that #238 tints apply. Attach the same 18-crop set again, plus a Week 1440 crop with overlapping events.

kayg commented 2026-09-28 13:04:03 +00:00

Author

Owner

Copy link

Continuing review round 2 on job/cal-grid. Starting head ba313830fb; current dev is 145054431f (merge-base cde2cb8133). I will reproduce the remaining right inset, all-day/grid overlap, Week 820 header, and tag tint findings; compare Week 820 against dev; add the inset geometry test; then merge dev once before final gates and attach the full 390/820/1440 light/dark crop set plus overlapping Week 1440.

Continuing review round 2 on job/cal-grid. Starting head ba313830fb2505c3465afaad91dc55cc956c29b6; current dev is 145054431f7915362518f6ecb828ef4d6b44c15c (merge-base cde2cb813367a8ec616e2d25d3a9b9fd097038d8). I will reproduce the remaining right inset, all-day/grid overlap, Week 820 header, and tag tint findings; compare Week 820 against dev; add the inset geometry test; then merge dev once before final gates and attach the full 390/820/1440 light/dark crop set plus overlapping Week 1440.

kayg commented 2026-09-28 13:50:59 +00:00

Author

Owner

Copy link

Finding from the first round-2 production probe: the existing CSS token is , so parseFloat does not resolve it. The overlapping 'Work planning' Event is the first of two lanes and correctly leaves about 501 px after its right edge; it must still satisfy the column bound. I am changing the test to resolve the shared inset token through a hidden test probe, then assert both outer bounds for every card and the reviewed single-lane Events.

Finding from the first round-2 production probe: the existing CSS token is , so parseFloat does not resolve it. The overlapping 'Work planning' Event is the first of two lanes and correctly leaves about 501 px after its right edge; it must still satisfy the column bound. I am changing the test to resolve the shared inset token through a hidden test probe, then assert both outer bounds for every card and the reviewed single-lane Events.

kayg commented 2026-09-28 13:51:13 +00:00

Author

Owner

Copy link

Finding from the first round-2 production probe: the shared edge inset is a CSS calc token, so parseFloat does not resolve it. The overlapping Work planning Event is the first of two lanes and correctly leaves about 501 px after its right edge; it must still satisfy the column bound. I am changing the test to resolve the shared inset token through a hidden test probe, then assert both outer bounds for every card and the reviewed single-lane Events.

Finding from the first round-2 production probe: the shared edge inset is a CSS calc token, so parseFloat does not resolve it. The overlapping Work planning Event is the first of two lanes and correctly leaves about 501 px after its right edge; it must still satisfy the column bound. I am changing the test to resolve the shared inset token through a hidden test probe, then assert both outer bounds for every card and the reviewed single-lane Events.

kayg commented 2026-09-28 13:53:34 +00:00

Author

Owner

Copy link

The real-server tint pass now confirms the increased swatch is visible, and it found one accessibility regression: in dark Gruvbox the hovered work Event title reached 4.18:1. I am moving the Event text farther toward the theme contrast color, then I will rerun the full theme and state matrix before taking the screenshots.

The real-server tint pass now confirms the increased swatch is visible, and it found one accessibility regression: in dark Gruvbox the hovered work Event title reached 4.18:1. I am moving the Event text farther toward the theme contrast color, then I will rerun the full theme and state matrix before taking the screenshots.

kayg commented 2026-09-28 13:59:29 +00:00

Author

Owner

Copy link

The second contrast pass improved dark Gruvbox hover from 4.18:1 to 4.44:1, still below the 4.5:1 requirement. I am reducing the extra hover/selected color mix on top of the stronger base tint so the cards remain visibly tagged without weakening text contrast.

The second contrast pass improved dark Gruvbox hover from 4.18:1 to 4.44:1, still below the 4.5:1 requirement. I am reducing the extra hover/selected color mix on top of the stronger base tint so the cards remain visibly tagged without weakening text contrast.

kayg commented 2026-09-28 14:05:58 +00:00

Author

Owner

Copy link

Production contrast matrix finding: after reducing the selected-state fill, the Nord Week capture reached the selected tagged Event but measured its title at 4.38:1, below the 4.5:1 requirement. I am moving the title mix closer to the theme contrast color and reducing hover/selected fills while preserving the stronger base tint; the production matrix will verify the fix across themes and surfaces.

Production contrast matrix finding: after reducing the selected-state fill, the Nord Week capture reached the selected tagged Event but measured its title at 4.38:1, below the 4.5:1 requirement. I am moving the title mix closer to the theme contrast color and reducing hover/selected fills while preserving the stronger base tint; the production matrix will verify the fix across themes and surfaces.

kayg commented 2026-09-28 14:11:31 +00:00

Author

Owner

Copy link

Comparison with dev: item 3 is not a regression from this job branch. The pre-fix job branch and dev both used the same compact Week threshold (100 px), the same 84 px narrow threshold, and the same first-item-plus-count all-day row in TimeGrid.svelte; the header layout rules were unchanged between them. The 820 px overlap therefore existed in both. This patch aligns the header breakpoints at 110 px, stacks weekday/date labels, and replaces the narrow all-day chip title/icon with an accessible count.

Comparison with dev: item 3 is not a regression from this job branch. The pre-fix job branch and dev both used the same compact Week threshold (100 px), the same 84 px `narrow` threshold, and the same first-item-plus-count all-day row in `TimeGrid.svelte`; the header layout rules were unchanged between them. The 820 px overlap therefore existed in both. This patch aligns the header breakpoints at 110 px, stacks weekday/date labels, and replaces the narrow all-day chip title/icon with an accessible count.

kayg commented 2026-09-28 14:17:38 +00:00

Author

Owner

Copy link

Production capture finding: the Day 1440 screenshot shows the 15-minute Short check-in Event title clipped by its duration-sized block (the measured block stays under 24 px). I am adjusting the short-block content layout and adding an assertion that the title remains readable while the Event keeps its real 15-minute time span.

Production capture finding: the Day 1440 screenshot shows the 15-minute `Short check-in` Event title clipped by its duration-sized block (the measured block stays under 24 px). I am adjusting the short-block content layout and adding an assertion that the title remains readable while the Event keeps its real 15-minute time span.

kayg commented 2026-09-28 14:33:28 +00:00

Author

Owner

Copy link

Production verification: the full Event tint probe passes at 29 themes across six Calendar surfaces, including hover, past, selected and moving states. The inset probe passes for every timed Event, including Later review, Weekly review and Night flight. The browser probe also verifies the first visible hour label and 15-minute Event sit below the sticky all-day row; Week at 820 has separate weekday/date rows and an accessible +2 count. The production build regenerated all 20 requested screenshots (390/820/1440, light/dark, Day/Week/Month plus overlapping Week 1440). I am committing these fixes and will run final workspace gates after the one required dev merge.

Production verification: the full Event tint probe passes at 29 themes across six Calendar surfaces, including hover, past, selected and moving states. The inset probe passes for every timed Event, including Later review, Weekly review and Night flight. The browser probe also verifies the first visible hour label and 15-minute Event sit below the sticky all-day row; Week at 820 has separate weekday/date rows and an accessible `+2` count. The production build regenerated all 20 requested screenshots (390/820/1440, light/dark, Day/Week/Month plus overlapping Week 1440). I am committing these fixes and will run final workspace gates after the one required `dev` merge.

kayg commented 2026-09-28 14:37:03 +00:00

Author

Owner

Copy link

Merged dev once into job/cal-grid at 2e7a1fdba38f7cbdce3c51802ae138a0b3b4b0ef. The only conflict was in TimeGrid.svelte; resolution keeps dev's now-label collision mask and this branch's cap-centered hour labels and faded-near-now behavior. I am rebuilding the merged production app and refreshing the full crop set before the final gates.

Merged `dev` once into `job/cal-grid` at `2e7a1fdba38f7cbdce3c51802ae138a0b3b4b0ef`. The only conflict was in `TimeGrid.svelte`; resolution keeps dev's now-label collision mask and this branch's cap-centered hour labels and faded-near-now behavior. I am rebuilding the merged production app and refreshing the full crop set before the final gates.

kayg commented 2026-09-28 14:40:02 +00:00

Author

Owner

Copy link

Post-merge build check found AppPasswordsGroup.svelte importing qr, while the local dependency store lacked it. apps/web/package.json and bun.lock both pin qr@0.7.0; bun install --frozen-lockfile installed the missing locked package without changing tracked dependency files. I am rebuilding the merged app now.

Post-merge build check found `AppPasswordsGroup.svelte` importing `qr`, while the local dependency store lacked it. `apps/web/package.json` and `bun.lock` both pin `qr@0.7.0`; `bun install --frozen-lockfile` installed the missing locked package without changing tracked dependency files. I am rebuilding the merged app now.

kayg commented 2026-09-28 14:50:30 +00:00

Author

Owner

Copy link

Merged production probe found a fixture-order assumption: the all-day row selects Focus day before Untinted day in the day returned by the real API, so the second Event is correctly collapsed to +1 and the untagged contrast sample is not visible. I renamed only the tagged test fixture to Z Focus day so the untagged target stays first; the Untinted day contrast assertion and the two-item count remain unchanged.

Merged production probe found a fixture-order assumption: the all-day row selects `Focus day` before `Untinted day` in the day returned by the real API, so the second Event is correctly collapsed to `+1` and the untagged contrast sample is not visible. I renamed only the tagged test fixture to `Z Focus day` so the untagged target stays first; the `Untinted day` contrast assertion and the two-item count remain unchanged.

kayg commented 2026-09-28 14:56:45 +00:00

Author

Owner

Copy link

The merged screenshots still show the 15-minute Event title clipped inside its true-duration block. I am adding a compact one-line treatment when the block can contain it, and hiding the line only when the block is physically too short; the Event keeps its real time range and full accessible name. The browser probe will assert that the visible title box fits inside the 15-minute block.

The merged screenshots still show the 15-minute Event title clipped inside its true-duration block. I am adding a compact one-line treatment when the block can contain it, and hiding the line only when the block is physically too short; the Event keeps its real time range and full accessible name. The browser probe will assert that the visible title box fits inside the 15-minute block.

kayg commented 2026-09-28 15:04:09 +00:00

Author

Owner

Copy link

Merged production crop set

Captured from the production build after the single dev merge. The real-server probe passed 29 themes across six Event surfaces and the inset, sticky-row, 820 px Week header, and short-Event title geometry checks.

Crop	Full-size attachment
event-tint-day-midnight-1440.png	open PNG
event-tint-day-midnight-390.png	open PNG
event-tint-day-midnight-820.png	open PNG
event-tint-day-paper-1440.png	open PNG
event-tint-day-paper-390.png	open PNG
event-tint-day-paper-820.png	open PNG
event-tint-month-midnight-1440.png	open PNG
event-tint-month-midnight-390.png	open PNG
event-tint-month-midnight-820.png	open PNG
event-tint-month-paper-1440.png	open PNG
event-tint-month-paper-390.png	open PNG
event-tint-month-paper-820.png	open PNG
event-tint-week-midnight-1440.png	open PNG
event-tint-week-midnight-390.png	open PNG
event-tint-week-midnight-820.png	open PNG
event-tint-week-overlap-midnight-1440.png	open PNG
event-tint-week-overlap-paper-1440.png	open PNG
event-tint-week-paper-1440.png	open PNG
event-tint-week-paper-390.png	open PNG
event-tint-week-paper-820.png	open PNG

## Merged production crop set Captured from the production build after the single `dev` merge. The real-server probe passed 29 themes across six Event surfaces and the inset, sticky-row, 820 px Week header, and short-Event title geometry checks. | Crop | Full-size attachment | | --- | --- | | event-tint-day-midnight-1440.png | [open PNG](https://git.kayg.org/attachments/be02e2b6-85da-48f2-940f-22be9f7d48a1) | | event-tint-day-midnight-390.png | [open PNG](https://git.kayg.org/attachments/92d59aed-2ce2-4178-b548-8775bf661ba7) | | event-tint-day-midnight-820.png | [open PNG](https://git.kayg.org/attachments/3f29222e-53fc-4fae-b396-137a29da4148) | | event-tint-day-paper-1440.png | [open PNG](https://git.kayg.org/attachments/f46b3fa3-5a1b-4560-a930-684107eea821) | | event-tint-day-paper-390.png | [open PNG](https://git.kayg.org/attachments/06143577-db42-4595-94b5-181b4924429c) | | event-tint-day-paper-820.png | [open PNG](https://git.kayg.org/attachments/79d0672a-17aa-4ae2-bbd4-8f2960667d38) | | event-tint-month-midnight-1440.png | [open PNG](https://git.kayg.org/attachments/666caca3-3e71-4d87-9aa5-9a6cc1367e9f) | | event-tint-month-midnight-390.png | [open PNG](https://git.kayg.org/attachments/0291b65f-e60f-4a68-a8fb-0d25f4fd8a06) | | event-tint-month-midnight-820.png | [open PNG](https://git.kayg.org/attachments/f08f02bc-60d0-4c7f-83ae-a7cec8f36f93) | | event-tint-month-paper-1440.png | [open PNG](https://git.kayg.org/attachments/4b755302-14ec-42fa-9221-1315ee1c050f) | | event-tint-month-paper-390.png | [open PNG](https://git.kayg.org/attachments/fd327d10-6bef-43d5-a225-82159f05764d) | | event-tint-month-paper-820.png | [open PNG](https://git.kayg.org/attachments/841e9cc3-ec56-475c-bf13-1d8121ac4a7f) | | event-tint-week-midnight-1440.png | [open PNG](https://git.kayg.org/attachments/73886916-1174-4a11-a6f4-d3976596357a) | | event-tint-week-midnight-390.png | [open PNG](https://git.kayg.org/attachments/0c643905-d4f0-4aac-9c83-6bf29321a5dd) | | event-tint-week-midnight-820.png | [open PNG](https://git.kayg.org/attachments/0c793241-4233-4565-bc78-3be76b595bcc) | | event-tint-week-overlap-midnight-1440.png | [open PNG](https://git.kayg.org/attachments/4a451963-4f92-4b20-9254-838beae4ad90) | | event-tint-week-overlap-paper-1440.png | [open PNG](https://git.kayg.org/attachments/5f9b205a-697f-4747-8e46-aaa71515bcca) | | event-tint-week-paper-1440.png | [open PNG](https://git.kayg.org/attachments/0d5ed9c6-7973-4a31-a2a4-92764b25ac94) | | event-tint-week-paper-390.png | [open PNG](https://git.kayg.org/attachments/e8789a61-0540-4a0e-a7cf-99418c4bef74) | | event-tint-week-paper-820.png | [open PNG](https://git.kayg.org/attachments/f6c1acb9-7815-4d0f-80d1-5798304cbc5b) |

kayg commented 2026-09-28 15:36:33 +00:00

Author

Owner

Copy link

Forgejo #321 — final report

Branch: job/cal-grid
Head: 97b86f1d5e1ce904ef85abb4499392e0e267b98d
Pushed: git push origin job/cal-grid → Everything up-to-date (the timer had already pushed this head).

Merged dev once in commit 2e7a1fdb. The TimeGrid.svelte conflict keeps dev's current-time collision mask and this branch's cap-centered hour labels and near-now styling.

Built

• Event cards now honor the left and right column insets. The responsive layout test checks the rendered right edge against the inset token for several timed cards.
• The sticky weekday and time headers use an opaque chrome surface. Scrolling starts above the first visible hour label so it does not sit under the sticky header.
• All-day items stay inside their row. Narrow cells show an accessible +N count when items collapse.
• Tag tints are stronger while selected and hover surfaces keep readable text contrast.
• Short 15-minute events keep their time geometry and show a compact title where it fits; their accessible label retains the complete title.
• The production review set contains 20 screenshots: Day, Week, and Month at 390, 820, and 1440 px in light and dark, plus overlapping Week views at 1440 px. All crops are attached in the preceding issue comment.

Dev comparison

The 820 px Week header overlap was already present on dev; this is not a regression from this branch. Before the fix, dev and the job branch shared the same compact-width threshold and all-day first-item-plus-count behavior. The patch separates weekday/date at 110 px and uses +N in narrow all-day cells.

Files

• packages/ui/src/components/calendar/GridColumn.svelte
• packages/ui/src/components/calendar/TimeGrid.svelte
• packages/ui/src/tags.ts
• packages/ui/src/tokens.css
• apps/web/e2e/event-tint.mjs

Gates

cargo fmt --check exited 0 with no output.

cargo clippy --all-targets -- -D warnings exited 0. Final output line:

Finished `dev` profile [unoptimized + debuginfo] target(s) in 5m 47s

cargo test exited 0: 73 test-result summaries, 1,380 passed, 0 failed, 12 ignored. The summary lines below are verbatim output from the run.

test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.01s
test result: ok. 52 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 66.83s
test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s
test result: ok. 15 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.30s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.18s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 14.88s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 174.73s
test result: ok. 11 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 7.28s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.02s
test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.08s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 11.46s
test result: ok. 2 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.60s
test result: ok. 3 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 44.62s
test result: ok. 15 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.14s
test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 66.37s
test result: ok. 11 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.09s
test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 5.66s
test result: ok. 9 passed; 0 failed; 1 ignored; 0 measured; 0 filtered out; finished in 0.59s
test result: ok. 17 passed; 0 failed; 4 ignored; 0 measured; 0 filtered out; finished in 0.30s
test result: ok. 37 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 12.31s
test result: ok. 40 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 9.25s
test result: ok. 489 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 1.22s
test result: ok. 13 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 13.27s
test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.16s
test result: ok. 7 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.36s
test result: ok. 11 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s
test result: ok. 6 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.01s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.08s
test result: ok. 21 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.85s
test result: ok. 12 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.68s
test result: ok. 29 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 16.14s
test result: ok. 48 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 5.16s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.58s
test result: ok. 3 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 1.26s
test result: ok. 120 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 133.54s
test result: ok. 103 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 81.21s
test result: ok. 17 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.92s
test result: ok. 42 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 10.64s
test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.16s
test result: ok. 30 passed; 0 failed; 1 ignored; 0 measured; 0 filtered out; finished in 2.41s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 4.24s
test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.16s
test result: ok. 17 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 16.80s
test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.15s
test result: ok. 2 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.10s
test result: ok. 1 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 6.02s
test result: ok. 4 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.02s
test result: ok. 66 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 14.25s
test result: ok. 54 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.19s
test result: ok. 2 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.05s
test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 12.88s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.49s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.05s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s
test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s

bun run check output:

$ svelte-kit sync && svelte-check --tsconfig ./tsconfig.json
Loading Svelte diagnostics...
svelte-check found 0 errors and 0 warnings

bun run test passed. Its output includes jsdom notices (Not implemented: Window's scrollTo() method, Could not parse CSS stylesheet) and a Vitest environment startup-time advisory. Final summary:

 Test Files  112 passed (112)
      Tests  727 passed (727)
   Duration  262.20s (transform 57%, environment 17%, import 14%, tests 9%, setup 3%)

The post-merge production E2E also passed: 29 themes, contrast on 6 Event surfaces, and 20 production screenshots at the widths and modes above.

Known gaps

No known blocking gaps. Vitest reported the jsdom notices and startup-time advisory above while all 727 tests passed.

Decisions not specified in DESIGN.md

• Use 110 px as the width where the Week weekday and date stack, and show +N for collapsed narrow all-day items.
• Keep 15-minute event geometry. Use a compact 9 px title when the block can fit it; hide visual text below 8 px while retaining the full accessible label.
• Raise the event tag tint boost to 18%, mix tag foreground 40% toward the contrast token, and keep hover/selected surface mixes at 2%/4% to preserve text contrast.

# Forgejo #321 — final report Branch: `job/cal-grid` Head: `97b86f1d5e1ce904ef85abb4499392e0e267b98d` Pushed: `git push origin job/cal-grid` → `Everything up-to-date` (the timer had already pushed this head). Merged `dev` once in commit `2e7a1fdb`. The `TimeGrid.svelte` conflict keeps dev's current-time collision mask and this branch's cap-centered hour labels and near-now styling. ## Built - Event cards now honor the left and right column insets. The responsive layout test checks the rendered right edge against the inset token for several timed cards. - The sticky weekday and time headers use an opaque chrome surface. Scrolling starts above the first visible hour label so it does not sit under the sticky header. - All-day items stay inside their row. Narrow cells show an accessible `+N` count when items collapse. - Tag tints are stronger while selected and hover surfaces keep readable text contrast. - Short 15-minute events keep their time geometry and show a compact title where it fits; their accessible label retains the complete title. - The production review set contains 20 screenshots: Day, Week, and Month at 390, 820, and 1440 px in light and dark, plus overlapping Week views at 1440 px. All crops are attached in the preceding issue comment. ## Dev comparison The 820 px Week header overlap was already present on `dev`; this is not a regression from this branch. Before the fix, `dev` and the job branch shared the same compact-width threshold and all-day first-item-plus-count behavior. The patch separates weekday/date at 110 px and uses `+N` in narrow all-day cells. ## Files - `packages/ui/src/components/calendar/GridColumn.svelte` - `packages/ui/src/components/calendar/TimeGrid.svelte` - `packages/ui/src/tags.ts` - `packages/ui/src/tokens.css` - `apps/web/e2e/event-tint.mjs` ## Gates `cargo fmt --check` exited 0 with no output. `cargo clippy --all-targets -- -D warnings` exited 0. Final output line: ```text Finished `dev` profile [unoptimized + debuginfo] target(s) in 5m 47s ``` `cargo test` exited 0: 73 test-result summaries, 1,380 passed, 0 failed, 12 ignored. The summary lines below are verbatim output from the run. test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.01s test result: ok. 52 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 66.83s test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s test result: ok. 15 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.30s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.18s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 14.88s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 174.73s test result: ok. 11 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 7.28s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.02s test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.08s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 11.46s test result: ok. 2 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.60s test result: ok. 3 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 44.62s test result: ok. 15 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.14s test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 66.37s test result: ok. 11 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.09s test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 5.66s test result: ok. 9 passed; 0 failed; 1 ignored; 0 measured; 0 filtered out; finished in 0.59s test result: ok. 17 passed; 0 failed; 4 ignored; 0 measured; 0 filtered out; finished in 0.30s test result: ok. 37 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 12.31s test result: ok. 40 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 9.25s test result: ok. 489 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 1.22s test result: ok. 13 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 13.27s test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.16s test result: ok. 7 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.36s test result: ok. 11 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s test result: ok. 6 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.01s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.08s test result: ok. 21 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 3.85s test result: ok. 12 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.68s test result: ok. 29 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 16.14s test result: ok. 48 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 5.16s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.58s test result: ok. 3 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 1.26s test result: ok. 120 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 133.54s test result: ok. 103 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 81.21s test result: ok. 17 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.92s test result: ok. 42 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 10.64s test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.16s test result: ok. 30 passed; 0 failed; 1 ignored; 0 measured; 0 filtered out; finished in 2.41s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 4.24s test result: ok. 1 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.16s test result: ok. 17 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 16.80s test result: ok. 5 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.15s test result: ok. 2 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.10s test result: ok. 1 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 6.02s test result: ok. 4 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.02s test result: ok. 66 passed; 0 failed; 2 ignored; 0 measured; 0 filtered out; finished in 14.25s test result: ok. 54 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 2.19s test result: ok. 2 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.05s test result: ok. 10 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 12.88s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.49s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.05s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.00s test result: ok. 0 passed; 0 failed; 0 ignored; 0 measured; 0 filtered out; finished in 0.04s `bun run check` output: ```text $ svelte-kit sync && svelte-check --tsconfig ./tsconfig.json Loading Svelte diagnostics... svelte-check found 0 errors and 0 warnings ``` `bun run test` passed. Its output includes jsdom notices (`Not implemented: Window's scrollTo() method`, `Could not parse CSS stylesheet`) and a Vitest environment startup-time advisory. Final summary: ```text Test Files 112 passed (112) Tests 727 passed (727) Duration 262.20s (transform 57%, environment 17%, import 14%, tests 9%, setup 3%) ``` The post-merge production E2E also passed: 29 themes, contrast on 6 Event surfaces, and 20 production screenshots at the widths and modes above. ## Known gaps No known blocking gaps. Vitest reported the jsdom notices and startup-time advisory above while all 727 tests passed. ## Decisions not specified in DESIGN.md - Use 110 px as the width where the Week weekday and date stack, and show `+N` for collapsed narrow all-day items. - Keep 15-minute event geometry. Use a compact 9 px title when the block can fit it; hide visual text below 8 px while retaining the full accessible label. - Raise the event tag tint boost to 18%, mix tag foreground 40% toward the contrast token, and keep hover/selected surface mixes at 2%/4% to preserve text contrast.

kayg commented 2026-09-28 15:40:16 +00:00

Author

Owner

Copy link

Review of job/cal-grid 97b86f1d (Claude): NOT ACCEPTED

From the attached production screenshots:

1. Sticky header is transparent to scrolled content. Week 1440 light: events scrolled above the viewport ("Life walk", "Tomorrow life 09:00–10:00", "First tag dot") draw through the day-header row and collide with "Mon 28", "Tue 29", "Wed 30". The hour labels "08:30" and "10" also draw over the header and the all-day label. Same at 820 dark ("28", "29…", "30" sit on top of event cards). The header row and the all-day row must fully occlude the scrolling grid: an opaque glass surface from the role tokens (not a hard-coded colour), with the scroll content clipped below the header (put the header outside the scroller, or clip the scroller at the header's bottom edge). No black wash (owner rule from #354).
2. All-day row overlaps the timed grid. "Short check-in" is cut in half under the all-day row at 390 Day and 1440 Week. The first timed row must start below the all-day row.
3. Right inset not fixed at 390 Day. "Weekly review (provider)", "Later review" and "Night flight" run to the right edge of the column with no inset. Left and right insets must be equal.
4. 820 Week all-day chips show only an icon. Show at least a truncated title, or use the +N summary; an icon on its own is not information.
5. Night flight 23:00–24:00 time text is blurred by the bottom progressive blur while it sits on top of the mode tray area. When the grid ends, the last row must be able to scroll above the tray (bottom padding = tray height token).

Re-shoot the same 20 screenshots, scrolled to 08:00 so events exist above the fold, and attach them. Also add an e2e assertion: at a scroll position with events above the viewport, no event box intersects the header row's rectangle.

## Review of job/cal-grid 97b86f1d (Claude): NOT ACCEPTED From the attached production screenshots: 1. **Sticky header is transparent to scrolled content.** Week 1440 light: events scrolled above the viewport ("Life walk", "Tomorrow life 09:00–10:00", "First tag dot") draw through the day-header row and collide with "Mon 28", "Tue 29", "Wed 30". The hour labels "08:30" and "10" also draw over the header and the all-day label. Same at 820 dark ("28", "29…", "30" sit on top of event cards). The header row and the all-day row must fully occlude the scrolling grid: an opaque glass surface from the role tokens (not a hard-coded colour), with the scroll content clipped below the header (put the header outside the scroller, or clip the scroller at the header's bottom edge). No black wash (owner rule from #354). 2. **All-day row overlaps the timed grid.** "Short check-in" is cut in half under the all-day row at 390 Day and 1440 Week. The first timed row must start below the all-day row. 3. **Right inset not fixed at 390 Day.** "Weekly review (provider)", "Later review" and "Night flight" run to the right edge of the column with no inset. Left and right insets must be equal. 4. **820 Week all-day chips show only an icon.** Show at least a truncated title, or use the `+N` summary; an icon on its own is not information. 5. **Night flight 23:00–24:00 time text is blurred** by the bottom progressive blur while it sits on top of the mode tray area. When the grid ends, the last row must be able to scroll above the tray (bottom padding = tray height token). Re-shoot the same 20 screenshots, **scrolled to 08:00 so events exist above the fold**, and attach them. Also add an e2e assertion: at a scroll position with events above the viewport, no event box intersects the header row's rectangle.

kayg commented 2026-09-28 15:42:20 +00:00

Author

Owner

Copy link

Starting the #321 follow-up on job/cal-grid at 97b86f1d5e1ce904ef85abb4499392e0e267b98d. Current dev is fcba3cb1092eaae0c5c3162b8b9b0a532b40f43a (merge-base 58ca340050ce0230096752d8bec937322bf98619). I will trace and fix the five rejected findings, add the scrolled-header intersection check, regenerate the 20 production screenshots in the retained folder, then merge dev once before final gates and push this branch as requested.

Starting the #321 follow-up on `job/cal-grid` at `97b86f1d5e1ce904ef85abb4499392e0e267b98d`. Current `dev` is `fcba3cb1092eaae0c5c3162b8b9b0a532b40f43a` (merge-base `58ca340050ce0230096752d8bec937322bf98619`). I will trace and fix the five rejected findings, add the scrolled-header intersection check, regenerate the 20 production screenshots in the retained folder, then merge `dev` once before final gates and push this branch as requested.

kayg commented 2026-09-28 16:17:18 +00:00

Author

Owner

Copy link

Reproduced the sticky-header finding on the production SPA and real local server. The new E2E opacity assertion fails on Day at 1440 px with the actual Calendar header computed as color(srgb 1 1 1 / 0.94) and --glass-tint: color-mix(in srgb, #fff 94%, transparent). Scrolled Event cards can therefore show through the sticky header. I am switching that header to the opaque --surface role token while retaining the shared glass chrome treatment.

Reproduced the sticky-header finding on the production SPA and real local server. The new E2E opacity assertion fails on Day at 1440 px with the actual Calendar header computed as `color(srgb 1 1 1 / 0.94)` and `--glass-tint: color-mix(in srgb, #fff 94%, transparent)`. Scrolled Event cards can therefore show through the sticky header. I am switching that header to the opaque `--surface` role token while retaining the shared glass chrome treatment.

kayg commented 2026-09-28 16:42:15 +00:00

Author

Owner

Copy link

The production E2E now reproduces the bottom-padding contract mismatch. At 1440 px, .grid computes to 96px while the shared --bottom-chrome-clearance resolves to 94px; the 23:00 Event reaches the final scroll position and ends at y=793.125, with the tray at y=838. The current margin happens to clear the tray in this viewport, but the fixed value does not follow tray height or safe-area changes. I am replacing it with the shared clearance plus the safe-area inset.

The production E2E now reproduces the bottom-padding contract mismatch. At 1440 px, `.grid` computes to `96px` while the shared `--bottom-chrome-clearance` resolves to `94px`; the 23:00 Event reaches the final scroll position and ends at y=793.125, with the tray at y=838. The current margin happens to clear the tray in this viewport, but the fixed value does not follow tray height or safe-area changes. I am replacing it with the shared clearance plus the safe-area inset.

kayg commented 2026-09-28 16:46:54 +00:00

Author

Owner

Copy link

The new 390 px Day production probe measures Weekly review (provider) at leftInset=4.265625 and rightInset=4.265625 (the shared token at UI scale 1.07). The existing edge calculations are symmetric, but this 4 px base leaves the cards visually flush with the column edge. The new minimum-inset assertion fails at the old token value; I am raising the shared base to 8 px and retaining the right-edge geometry assertion against that token.

The new 390 px Day production probe measures `Weekly review (provider)` at `leftInset=4.265625` and `rightInset=4.265625` (the shared token at UI scale 1.07). The existing edge calculations are symmetric, but this 4 px base leaves the cards visually flush with the column edge. The new minimum-inset assertion fails at the old token value; I am raising the shared base to 8 px and retaining the right-edge geometry assertion against that token.

kayg referenced this issue 2026-09-28 17:35:11 +00:00

PERF ROUND: benchmark + optimise average and worst-case CPU/memory (after current merges) #367

kayg commented 2026-09-28 18:00:13 +00:00

Author

Owner

Copy link

Cargo test infrastructure finding: the first merged-workspace attempt failed before tests started. sccache reported Failed to create temp dir under another worktree (/home/kayg/Developer/calternal-wt/search-d/target/tmp/sccache...) while compiling output into this worktree's cal-grid/target/debug. The other worktree's temporary directory disappeared during the shared build. I am rerunning cargo test with RUSTC_WRAPPER unset and this worktree's TMPDIR.

Cargo test infrastructure finding: the first merged-workspace attempt failed before tests started. `sccache` reported `Failed to create temp dir` under another worktree (`/home/kayg/Developer/calternal-wt/search-d/target/tmp/sccache...`) while compiling output into this worktree's `cal-grid/target/debug`. The other worktree's temporary directory disappeared during the shared build. I am rerunning `cargo test` with `RUSTC_WRAPPER` unset and this worktree's `TMPDIR`.

kayg commented 2026-09-28 18:25:13 +00:00

Author

Owner

Copy link

Resuming Forgejo #321 on job/cal-grid at 25df51bc45d8c54715fb00dfad7c222f54c0fb10 with a clean worktree. This branch already has its one dev merge at 25df51bc (merged parent cf919dd3bfb13e8bb09a923b61f359c861b20bd9). The current dev tip has advanced; I will not merge it a second time.

The five reviewed fixes and the scrolled-header box-intersection assertion are already in the branch. The screenshot loop still used hour * 8 - 24 (about 07:30); I changed it to the Calendar's 08:00 scroll position and added an assertion for that position. target/event-tint-shots was absent after the interrupted run; I recreated it for the new production captures and will preserve it.

Resuming Forgejo #321 on `job/cal-grid` at `25df51bc45d8c54715fb00dfad7c222f54c0fb10` with a clean worktree. This branch already has its one `dev` merge at `25df51bc` (merged parent `cf919dd3bfb13e8bb09a923b61f359c861b20bd9`). The current `dev` tip has advanced; I will not merge it a second time. The five reviewed fixes and the scrolled-header box-intersection assertion are already in the branch. The screenshot loop still used `hour * 8 - 24` (about 07:30); I changed it to the Calendar's 08:00 scroll position and added an assertion for that position. `target/event-tint-shots` was absent after the interrupted run; I recreated it for the new production captures and will preserve it.

kayg commented 2026-09-28 21:06:25 +00:00

Author

Owner

Copy link

Adversarial finding from the real local server probe tests/adversarial/appearance_auto_scheme.mjs: the 48 concurrent Appearance writes all returned HTTP 200, but the later precise-location flow failed. The probe's polling GET observed rounded coordinates { latitude: 28.6, longitude: 77.2 }; the immediately following GET returned auto_scheme.location: null and the existing assertion at line 169 failed. I kept the existing assertion unchanged. This probe covers the Appearance API added in the dev merge and is outside the cal-grid files I own, so I have filed the evidence here without changing that API behavior.

Adversarial finding from the real local server probe `tests/adversarial/appearance_auto_scheme.mjs`: the 48 concurrent Appearance writes all returned HTTP 200, but the later precise-location flow failed. The probe's polling GET observed rounded coordinates `{ latitude: 28.6, longitude: 77.2 }`; the immediately following GET returned `auto_scheme.location: null` and the existing assertion at line 169 failed. I kept the existing assertion unchanged. This probe covers the Appearance API added in the `dev` merge and is outside the cal-grid files I own, so I have filed the evidence here without changing that API behavior.

kayg commented 2026-09-28 22:18:47 +00:00

Author

Owner

Copy link

Final report — Forgejo #321

Implemented the five requested review fixes: an opaque role-token calendar header clipped outside timed scrolling; all-day events kept above the timed grid; equal Day event edge insets; visible +N overflow in compact Week all-day cells; and shared bottom clearance with safe-area padding. The E2E guard checks the header, row geometry, insets, compact overflow, and bottom clearance. Capture now aligns the grid to 08:00.

Files changed:

• apps/web/e2e/event-tint.mjs
• apps/web/src/lib/calendar/event-tint.test.ts
• docs/research/calendar-grid.md
• packages/ui/src/components/calendar/AgendaList.svelte
• packages/ui/src/components/calendar/GridColumn.svelte
• packages/ui/src/components/calendar/MonthGrid.svelte
• packages/ui/src/components/calendar/TimeGrid.svelte
• packages/ui/src/tags.ts
• packages/ui/src/tokens.css

Head: 62f9e2e8 (job/cal-grid). The 20 production screenshots are attached here:

• event-tint-day-midnight-1440.png
• event-tint-day-midnight-390.png
• event-tint-day-midnight-820.png
• event-tint-day-paper-1440.png
• event-tint-day-paper-390.png
• event-tint-day-paper-820.png
• event-tint-month-midnight-1440.png
• event-tint-month-midnight-390.png
• event-tint-month-midnight-820.png
• event-tint-month-paper-1440.png
• event-tint-month-paper-390.png
• event-tint-month-paper-820.png
• event-tint-week-midnight-1440.png
• event-tint-week-midnight-390.png
• event-tint-week-midnight-820.png
• event-tint-week-overlap-midnight-1440.png
• event-tint-week-overlap-paper-1440.png
• event-tint-week-paper-1440.png
• event-tint-week-paper-390.png
• event-tint-week-paper-820.png

Screenshot suite output:

event tint e2e: 29 themes, state contrast passed on 6 Event surfaces; 20 production screenshots (390/820/1440, light/dark, Day/Week/Month plus overlapping Week 1440) saved to /home/kayg/Developer/calternal-wt/cal-grid/target/event-tint-shots

Gate output:

$ cargo fmt --check
exit_code=0

$ cargo clippy --all-targets -- -D warnings
    Checking ownedbytes v0.9.0
    Checking core_detect v1.0.0
    Checking simdutf8 v0.1.5
    Checking tantivy-common v0.11.0
    Checking bitpacking v0.9.3
exit_code=255

$ cargo test
Not run: the four-hour job timebox was reached while the full clippy check was still compiling.

$ bun run check
Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/cal-grid/apps/web
Getting Svelte diagnostics...

svelte-check found 0 errors and 0 warnings
exit_code=0

$ bun run test
 Test Files  113 passed (113)
      Tests  745 passed (745)
   Start at  23:15:36
   Duration  147.99s (transform 58%, environment 17%, import 13%, tests 8%, setup 3%)
exit_code=0

One time-boxed adversarial probe against the API added in the dev merge found an inconsistency and is filed in the preceding comment: after polling observed rounded device coordinates, the next GET returned null. All 48 concurrent writes returned 200. I kept the existing assertion unchanged; the API change is outside the calendar files owned by this job.

Decisions: no product behavior was added beyond the review requests. The capture position follows the existing 08:00 grid scroll behavior. No open design decision was required.

Known gaps: the full workspace clippy gate was interrupted at the timebox, and cargo test did not run. The job build output was cleaned; all 20 PNGs remain in target/event-tint-shots.

## Final report — Forgejo #321 Implemented the five requested review fixes: an opaque role-token calendar header clipped outside timed scrolling; all-day events kept above the timed grid; equal Day event edge insets; visible +N overflow in compact Week all-day cells; and shared bottom clearance with safe-area padding. The E2E guard checks the header, row geometry, insets, compact overflow, and bottom clearance. Capture now aligns the grid to 08:00. Files changed: - apps/web/e2e/event-tint.mjs - apps/web/src/lib/calendar/event-tint.test.ts - docs/research/calendar-grid.md - packages/ui/src/components/calendar/AgendaList.svelte - packages/ui/src/components/calendar/GridColumn.svelte - packages/ui/src/components/calendar/MonthGrid.svelte - packages/ui/src/components/calendar/TimeGrid.svelte - packages/ui/src/tags.ts - packages/ui/src/tokens.css Head: 62f9e2e8 (job/cal-grid). The 20 production screenshots are attached here: - [event-tint-day-midnight-1440.png](https://git.kayg.org/attachments/18e53cb5-abee-4f06-8e07-dbf728cb6c16) - [event-tint-day-midnight-390.png](https://git.kayg.org/attachments/f10c5610-7d1a-47ff-9047-b9da2cabe317) - [event-tint-day-midnight-820.png](https://git.kayg.org/attachments/32556071-314b-45de-a70b-7faf2925b151) - [event-tint-day-paper-1440.png](https://git.kayg.org/attachments/9e5a6745-21b2-40df-83b9-e1b532807ca5) - [event-tint-day-paper-390.png](https://git.kayg.org/attachments/ea1a03da-6fb8-4618-b226-d0b1e40c0b04) - [event-tint-day-paper-820.png](https://git.kayg.org/attachments/6defdb28-7ba4-4113-92b1-66ea386329ff) - [event-tint-month-midnight-1440.png](https://git.kayg.org/attachments/6bca2d51-47fe-469a-9fa3-70d0aa0b35a7) - [event-tint-month-midnight-390.png](https://git.kayg.org/attachments/3b6fc930-4e12-40b8-9157-f4de2d0d51a8) - [event-tint-month-midnight-820.png](https://git.kayg.org/attachments/050c79ff-1460-4ed2-800b-fd84bcf2266c) - [event-tint-month-paper-1440.png](https://git.kayg.org/attachments/7c5f5697-9d55-4400-ac24-d22a148368fc) - [event-tint-month-paper-390.png](https://git.kayg.org/attachments/7f0b9026-8bdc-4e5a-bbd2-af5bc81e976c) - [event-tint-month-paper-820.png](https://git.kayg.org/attachments/30bbbfe4-c5a0-4896-b991-375fd23cb4a5) - [event-tint-week-midnight-1440.png](https://git.kayg.org/attachments/6867ef93-8590-4097-8a77-cb0e8c3006da) - [event-tint-week-midnight-390.png](https://git.kayg.org/attachments/532fb318-700d-4ba3-8e36-e4a8ec68a59d) - [event-tint-week-midnight-820.png](https://git.kayg.org/attachments/d326f9f1-d929-420e-8eea-cd80ab4b1bc3) - [event-tint-week-overlap-midnight-1440.png](https://git.kayg.org/attachments/91c6876e-99e4-46f5-9cc3-d3ffc1298c08) - [event-tint-week-overlap-paper-1440.png](https://git.kayg.org/attachments/ca3ab915-5b7d-4f01-9401-b21b3c3427f2) - [event-tint-week-paper-1440.png](https://git.kayg.org/attachments/8a8740b7-fbd0-4bc4-bdb5-5f4414ca1686) - [event-tint-week-paper-390.png](https://git.kayg.org/attachments/343b56cf-6b43-45fa-b027-6f22ac4adb04) - [event-tint-week-paper-820.png](https://git.kayg.org/attachments/ed4c4d09-6ced-42e5-85cd-38715519d714) Screenshot suite output: ``` event tint e2e: 29 themes, state contrast passed on 6 Event surfaces; 20 production screenshots (390/820/1440, light/dark, Day/Week/Month plus overlapping Week 1440) saved to /home/kayg/Developer/calternal-wt/cal-grid/target/event-tint-shots ``` Gate output: ``` $ cargo fmt --check exit_code=0 $ cargo clippy --all-targets -- -D warnings Checking ownedbytes v0.9.0 Checking core_detect v1.0.0 Checking simdutf8 v0.1.5 Checking tantivy-common v0.11.0 Checking bitpacking v0.9.3 exit_code=255 $ cargo test Not run: the four-hour job timebox was reached while the full clippy check was still compiling. $ bun run check Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/cal-grid/apps/web Getting Svelte diagnostics... svelte-check found 0 errors and 0 warnings exit_code=0 $ bun run test Test Files 113 passed (113) Tests 745 passed (745) Start at 23:15:36 Duration 147.99s (transform 58%, environment 17%, import 13%, tests 8%, setup 3%) exit_code=0 ``` One time-boxed adversarial probe against the API added in the dev merge found an inconsistency and is filed in the preceding comment: after polling observed rounded device coordinates, the next GET returned null. All 48 concurrent writes returned 200. I kept the existing assertion unchanged; the API change is outside the calendar files owned by this job. Decisions: no product behavior was added beyond the review requests. The capture position follows the existing 08:00 grid scroll behavior. No open design decision was required. Known gaps: the full workspace clippy gate was interrupted at the timebox, and cargo test did not run. The job build output was cleaned; all 20 PNGs remain in target/event-tint-shots.

kayg referenced this issue from a commit 2026-09-28 22:26:24 +00:00

Merge job/cal-grid (#321: Fantastical-grade grid — opaque sticky header, inset cards, all-day row, tag tints)

kayg commented 2026-09-28 22:31:08 +00:00

Author

Owner

Copy link

Merged into dev by Claude after visual review (a9a16e90) and deployed to calternal.cloud. Closing.

Merged into dev by Claude after visual review (a9a16e90) and deployed to calternal.cloud. Closing.

kayg closed this issue 2026-09-28 22:31:09 +00:00

kayg referenced this issue 2026-09-28 22:31:16 +00:00

Follow-ups: narrow week event titles, distinct view icons, Disclosure chevron gap #376

Sign in to join this conversation.

No Branch/Tag specified

Branches Tags

dev

wip/restyle-notes

wip/previewcard-1098

wip/palette2-1123

wip/palette-1093

wip/onboard2-1141

wip/onboard-1141.aborted-early

wip/onboard-1141

wip/nlpchip-1127

wip/morph-1104

wip/merge-round-7c5

wip/merge-round-7c4

job/notifloop-1194

wip/merge-round-7c3

wip/merge-round-7c2

wip/merge-round-7c

wip/mchrome-1084

wip/mailghost2-1094

wip/mailghost-1094

wip/kbpreview2-1118

wip/kbpreview-1118

wip/kanban-1092

wip/importhang-1121

wip/hiderev-1153

wip/hide4-1153

wip/hide3-1153

wip/hide2-1153

wip/hide-1153

wip/editreg-1132

wip/editorrail3-1113

wip/editorrail2-1113

wip/editorrail-1113

wip/e2e-b2-1071

wip/e2e-b-1071

wip/draw4-1101

wip/draw3-1101

wip/draw2-1101

wip/draw-1101

wip/directory-1199-r

wip/directory-1199

wip/delete-1119

wip/collabrev-1197

wip/collabloss-1197

wip/cards2-1083

wip/cards-1083

wip/canvas-visual

wip/canvasvis2-976

wip/calhdr-1112

wip/calcards-1115

wip/browserfix

wip/blocks-1125

wip/allday-1107

wip/agenda-decks

wip/agenda-1086

wip/adv7c-1105

wip/txentry-1198

wip/trayicons2-1095

wip/trayicons-1095

job/onboard-1141

wip/sidebar3-1094

wip/rev2-webperf

wip/rev2-money-ident

job/collabloss-1197

job/hide-1153

job/perf-1124

job/perf2-1124

job/tocrail-1191

job/restyle-settings

wip/restyle-settings

job/segmented-1200

wip/notifloop-1194

job/tagperf-1186

wip/tagperf-1186

wip/segmented-1200

job/restyle-files

job/tagdnd-1187

job/merge30

job/cards-1179

wip/cards2-1179

wip/cards-1179

wip/tocrail-1191

wip/tagdnd-1187

wip/restyle-files

wip/perf-1124

wip/merge30j

job/restyle-notes

job/wizchoices-1140

job/adv-1202

wip/wizchoices-1140

wip/restyle-1190

job/moneyfmt-1180

job/txentry-1198

wip/moneyfmt2-1180

wip/moneyfmt-1180-r

wip/moneyfmt-1180

job/pillglass-1189

job/flags-1181

wip/flags-1181

job/restyle-1190

job/restyle-mailmoney

job/restyle-search

job/settingsreg-1195

job/wizard-1140

site/website

wip/wizardrev2-1140

wip/wizardrev-1140

wip/wizard5-1140

wip/wizard4-1140

wip/wizard3-1140

wip/wizard2-1140

wip/wizard-1140

wip/pillglass-1189

wip/settingsreg-1195

job/merge29

job/fu-1171

wip/merge29j

wip/fu-1171

job/fu-1166

job/directory-1199

job/proflog-1204

job/txresearch-1188

wip/fu-1166

job/merge28

job/search-1066

wip/search-1066

wip/merge28j

job/gateslot-1182

job/bulkimport-1157

job/mailnet-1160

wip/mailnetrev-1160

wip/mailnet-1160

wip/bulkrev-1157

wip/bulkimport-1157

job/startup-1161

wip/startup-1161

job/merge27

job/linkcards-1151

wip/linkcards3-1151

wip/linkcards2-1151

wip/linkcards-1151

job/traydate-1144

wip/traydate3-1144

wip/traydate2-1144

wip/traydate-1144

job/draw-1101

wip/merge27j

job/blockpill-1152

wip/blockpill3-1152

wip/blockpill2-1152

wip/blockpill-1152

job/minihover-1149

wip/minihover2-1149

wip/minihover-1149

job/merge25

wip/merge25-r

wip/merge25b

wip/merge25

job/inspector-1129

job/tags-1110

wip/inspector3-1129

wip/inspector2-1129

wip/inspector-1129

wip/tagsrev-1110

wip/tags2-1110

wip/tags-1110

job/dates-1148

wip/datesrev-1148

wip/dates2-1148

wip/dates-1148

job/licence-1145

wip/licence2-1145

wip/licence-1145

job/selfhost-1156

job/merge23

wip/merge23

job/tagfilter-1109

wip/tagfilter2-1109

wip/tagfilter-1109

job/kbd-1134

wip/kbd2-1134

wip/kbd-1134

job/palfoot-1137

wip/selfhost-1156

wip/palfoot2-1137

wip/palfoot-1137

job/toggle-1158

wip/toggle-1158

job/kbpreview-1118

job/docratchet-1155

job/perflint-1133

job/devtests-1159

wip/docratchet-1155

wip/devtests-1159

job/segv-1136

wip/toast-1142

wip/segv-1136

job/toast-1142

job/blockreload-1147

wip/blockreload-1147

job/font-1150

wip/font-1150

job/importui-1120

job/minimonth-1149

wip/importui-1120

wip/minimonth-1149

job/depcheck-1146

wip/perflint-1133

wip/depcheck-1146

job/calcards-1115

job/blocks-1125

job/plus-1128

job/shift-1138

wip/plus2-1128

wip/plus-1128

wip/shift-1138

job/moneyfid-1130

job/editorrail-1113

wip/moneyrev-1130

wip/moneyfid-1130

job/noext-851

wip/noext-851

wip/noext3-851

wip/noext2-851

job/week-1135

wip/week-1135

job/editreg-1132

job/smoke-1122

wip/smoke-1122

job/docs-1143

job/palette2-1123

job/calhdr-1112

job/nlpchip-1127

job/mailghost-1094

job/reconnect-1131

wip/reconnect-1131

job/trayicons-1095

job/delete-1119

job/importhang-1121

job/cards-1083

job/palette-1093

job/mchrome-1084

job/e2e-a-1071

job/canvas-visual

job/previewcard-1098

job/allday-1107

wip/e2e-a2-1071

wip/e2e-a-1071

job/e2e-b-1071

job/adv7c-1105

job/kanban-1092

job/agenda-1086

job/merge-round-7c

job/morph-1104

wip/surfaces-p2

job/merge-round-9

wip/merge-round-9

job/7cfix-small

wip/7cfix-small

job/mailui-1078

job/merge-round-8

wip/merge-round-8

wip/mailui-1078

job/mailround-1038

job/applemail-accept

wip/settitle-1068

wip/mailround2-1038

wip/mailround-1038

wip/e2e-7b

job/crash-1069

wip/crash-1069

job/searchlost-1066

wip/searchlost-1066

job/7b-reconcile

job/flake-1065

wip/flake-1065

wip/merge-round-7b7

wip/merge-round-7b6

wip/merge-round-7b5

wip/merge-round-7b4

wip/7b-reconcile

job/appupdate-1059

job/nfd-1044

wip/appupdate-1059

job/e2e-7b

job/loop-1062

wip/loop-1062

job/pdfprev-1045

job/invtoggle-1053

wip/pdfprev-1045

wip/nfd-1044

wip/invtoggle-1053

job/7bfix-e2e

job/mailstress-b

wip/7bfix-e2e

wip/mailstress-b

job/7bfix-adv

wip/7bfix-adv

job/mailstress-a

job/stack-1054

wip/stack-1054

wip/mailstress-a

job/mailstress-1038

wip/mailstress-1038

job/upload500-1051

wip/upload500-1051

job/share-1034

wip/share-1034

job/syncerr-1037

job/7bfix-photos

wip/7bfix-photos

job/paste-1036

job/setside-1039

wip/setside-1039

wip/paste-1036

job/lease-1042

wip/syncerr-1037

wip/lease-1042

job/7bfix-data

job/passkeybind-1043

wip/apprevoke-1041

job/invite-1035

wip/invite-1035

job/merge-round-7b2

wip/merge-round-7b2

job/mailproxy-486

job/apprevoke-1041

job/rebuild-1033

job/pillborder-1029

wip/pillborder-1029

wip/mailproxy-486

wip/applemail-486

job/headless-998

wip/headless-998

job/groups-1028

wip/groups-1028

job/rebuildwarn-1016

wip/rebuildwarn-1016

job/startup-1011

wip/startup-1011

job/monthpill-1009

job/bgthumb-1025

job/sharetitle-1012

wip/monthpill-1009

wip/bgthumb-1025

wip/sharetitle-1012

job/canvas-cards-977

wip/canvas-cards-977

job/canvas-pencil-978

job/canvas-sketch-990

wip/canvas-sketch-990

wip/canvas-pencil-978

job/canvas-files-989

wip/canvas-files-989

job/canvas-collab-991

wip/canvas-collab-991

job/weekscroll-1018

wip/weekscroll-1018

wip/canvas-core-976

job/canvas-core-976

job/round-drag

wip/round-drag

job/round-settings

job/browserfix

wip/oapi-974

job/oapi-974

job/hist2-integrate

job/mailhtml-726

wip/mailhtml-726

wip/hist2-integrate

job/moneyfu-984

job/drag-1015

wip/drag-1015

job/rename-1017

wip/rename-1017

job/hist2-api

wip/hist2-api

job/oneacct-1014

wip/oneacct-1014

wip/moneyfu-984

job/hist2-bench

job/hist2-restore

wip/hist2-bench

job/hist2-write

job/hotfix-724

wip/hotfix-724

wip/hist2-write

wip/hist2-restore

job/hist2-store

job/hist2-ui

wip/hist2-ui

wip/hist2-store

job/searchstarve-965

job/shutdown-963

wip/shutdown-963

wip/pubedit-981

job/pubedit-981

job/analytics-973

wip/searchstarve-965

job/authflash-850

job/weeklane-969

job/pvtitle-1004

job/hist-975

wip/authflash-850

job/voicepill-617

wip/pvtitle-1004

job/headring-1003

wip/weeklane-969

wip/voicepill-617

wip/headring-1003

wip/analytics-973

job/agentscope-980

wip/thumbsandbox-988

job/thumbsandbox-988

wip/hist-975

job/links-856

wip/links-856

job/davetag-966

wip/davetag-966

job/filesstorm-1000

job/hoverpad-725

wip/filesstorm-1000

job/ffmpegblas-993

job/merge-round-7a

wip/hoverpad-725

wip/ffmpegblas-993

job/nowdot-1002

wip/verify-7a

job/noteid-857

wip/nowdot-1002

wip/noteid-857

wip/merge-round-7a

wip/agentscope-980

job/imapedge

job/a11yfix2

wip/imapedge-941

wip/imapedge

wip/a11yfix2

job/notetask-986

job/logheading

wip/logheading-998

job/textthumb-652

job/photolive-987

wip/photolive-987

job/davactive-983

job/savefix-985

job/tabicons-607

wip/davactive-983

wip/tabicons-607

wip/notetask-986

wip/savefix-985

job/dirid-627

job/buildspeed-1007

wip/dirid-627

job/agenda-decks

job/perfguards-impl

job/undo-a11y

wip/undo-a11y

job/mailperf

job/wal-824

wip/settings-50

job/settings-50

job/notesfilter-606

wip/notesfilter-606

job/surfaces-p2

wip/wal-824

job/maillayouts

wip/mailperf

wip/maillayouts

job/taskmeta-659

job/money-ident

wip/money-ident

wip/taskmeta-659

job/errstates

wip/perfguards-impl

job/headings-881

wip/headings-881

wip/errstates

job/voice-619

job/gaps-827

job/notesperf

wip/notesperf

wip/voice-619

job/hddsql-549

job/perf-stream-668

wip/perf-stream-668

wip/deeplinks-fix

job/deeplinks-fix

job/authfix

job/docsfix-rust

wip/docsfix-rust

job/webperf

job/docsfix-web

job/datafix2

job/webdav-lock-476

job/copyfix

wip/copyfix

wip/webperf

job/focus-658

wip/protofix

job/mediafix

job/protofix

wip/mediafix

job/agentfix

job/hhmm-724

wip/agentfix

job/undo-722

job/reuse

wip/webdav-lock-476

wip/reuse

job/scopefix

job/datafix

wip/hhmm-724

wip/undo-722

job/surfaces-p1

wip/hddsql-549

job/voicememos-618

wip/datafix2

wip/surfaces-p1

job/fix-940

wip/fix-940

job/blaze-surfaces

wip/datafix

wip/blaze-surfaces

job/taskday-655

job/linknav-639

wip/linknav-639

wip/gaps-827

job/isolation-707

job/audiophotos-720

wip/audiophotos-720

job/advfind-664

wip/voicememos-618

wip/taskday-655

wip/isolation-707

wip/advfind-664

wip/scopefix

wip/focus-658

job/testgaps

wip/testgaps

job/overscroll-718

wip/authfix

job/deps

wip/overscroll-718

job/rev2-agentfix

job/rev2-money-ident

job/rev2-mailperf

wip/deps

job/hardening-728

wip/hardening-728

job/searchgen-832

wip/searchgen-832

job/photopw-849

job/mailsql-825

wip/photopw-849

job/sharefix

wip/sharefix

job/rev2-mailhtml-726

job/rev2-perfguards

job/copyval-723

job/lightglass-r2

wip/lightglass-r2

wip/docsfix-web

job/copy-audit

job/macinterop-staging-r2

job/design-sync

job/rev2-taskmeta-659

job/rev2-webperf

job/docs-audit

job/rev2-advfind-664

job/rev2-mailproxy-486

job/states-audit

job/rev2-datafix

job/design-drift

job/test-gaps

job/rev2-voicememos-618

job/rev2-mediafix

job/rev2-deps

job/rev2-datafix2

job/licence-audit

job/issue-hygiene

job/rev2-protofix

job/rev2-voice-619

job/rev2-isolation-707

job/rev2-surfaces-p1

job/deeplink-audit2

job/rev2-audiophotos-720

wip/test-gaps

job/rev2-overscroll-718

job/rev2-undo-722

wip/states-audit

job/rev2-dropmd-719

job/rev2-linknav-639

job/merge-7b-plan

wip/merge-7b-plan

job/rev2-taskday-655

wip/mailsql-825

job/rev2-webdav-lock-476

job/rev2-browserfix

wip/design-drift

job/rev2-hddsql-549

wip/deeplink-audit2

job/rev2-scopefix

job/rev2-authfix

job/rev2-hardening-728

job/rev2-wal-824

job/rev2-sharefix

job/calsidebar-638

job/chrome-audit

job/ioperf

wip/ioperf

wip/chrome-audit

wip/calsidebar-638

job/dropmd-719

wip/dropmd-719

job/ocr-build

wip/ocr-build

job/blaze-settings

wip/copyval-723

job/toastring-721

wip/toastring-721

job/deployfix-732

wip/deployfix-732

wip/blaze-settings

job/money-import-recheck

job/rev-a11y

job/perf-arch-db

job/rev-7b-data

wip/textthumb-652

wip/perf-arch-db

job/sec-protocols

job/sidehdr-660

job/rev-7b-security

job/research-surfaces

job/rev-design-gaps

job/rev-mcp-api

wip/sidehdr-660

job/perf-arch-memory

wip/sec-protocols

job/perf-arch-bundle

job/snapedge-714

wip/rev-mcp-api

job/sec-supplychain

wip/research-surfaces

job/perf-arch-sync

job/rev-consistency

job/perf-arch-server

wip/perf-arch-server

wip/perf-arch-memory

job/perf-arch-io

job/perf-arch-client

job/sec-fs

job/sec-mcp-scopes

job/sec-sharing

job/perf-guards

job/sec-browser

job/sec-admin-deploy

job/sec-auth

wip/snapedge-714

job/bgpicker-717

wip/perf-arch-bundle

wip/money-import-recheck

job/advsetup-654

wip/bgpicker-717

wip/advsetup-654

job/burst-709

job/kbdcaps-710

job/app-pw-chooser

wip/burst-709

wip/app-pw-chooser

job/imaptest-625

wip/kbdcaps-710

job/fix-499

wip/fix-499

job/perf-mut-667

job/calimg-589

job/perf-snap-666

wip/calimg-589

wip/perf-snap-666

wip/perf-mut-667

job/perf-cache-665

wip/perf-cache-665

job/voicefiles-620

wip/voicefiles-620

job/admin-burst-705

wip/admin-burst-705

job/voicememos-review

wip/voicememos-review

wip/ryw-653

job/ryw-653

job/writeonopen-661

job/instant-663

wip/writeonopen-661

job/money-import-review

wip/money-import-review

wip/importjs-610

review/integrations-407-round6

wip/integrations-review

job/dragghost-612

wip/dragghost-612

job/integrations

wip/integrations

job/decider-656

job/merge-round-6

job/perf-rerun

wip/merge-round-6

job/integrations-review-round5

job/selalign-576

wip/selalign-576

job/mcp-events-491

job/files-631

job/cal-e2e-569

wip/cal-e2e-569

job/reload-423

wip/reload-423

wip/mcp-events-491

wip/files-631

job/notesbridge-644

wip/notesbridge-644

job/editor-series

job/calcard-series

wip/calcard-series

job/mcp-events-review-491

wip/mcp-events-review

wip/editor-series

job/quirks-546

job/integrations-recheck

job/tocrail-636

wip/tocrail-636

wip/quirks-546

wip/reminders-643

job/reminders-643

wip/davscale-573

job/davscale-573

job/integrations-review

wip/ocr-eval-584

job/ocr-eval-584

job/esc-537

wip/esc-537

job/toastname-586

wip/toastname-586

job/submenu-579

wip/submenu-579

job/tasks-mode

wip/tasks-mode

job/agentdocs-630

job/dupwrite-634

wip/agentdocs-630

wip/dupwrite-634

job/lightglass-588

wip/lightglass-588

job/tabswitch-549

job/ghosttask-623

wip/ghosttask-623

job/toaststack-616

job/weekstate-609

job/mailsync-613

wip/mailsync-613

wip/weekstate-609

job/maildup-626

wip/tabswitch-549

wip/maildup-626

wip/toaststack-616

job/motion-611

wip/motion-611

job/tlstest-601

wip/tlstest-601

job/perf-495

job/floating-sheet

wip/floating-sheet

job/remdup-585

wip/remdup-585

job/fix-502

wip/fix-502

job/attachplay-622

job/perf-batch

wip/perf-batch-563

wip/perf-495

hotfix/mail-sync-diag

job/mail-m3

wip/mail-m3

job/attach-poof-603

job/calhover-608

job/editorbar-604

job/mentions-605

job/merge-round-4

job/allday-514

wip/merge-round-4

wip/allday-514

job/merge-round-4a

wip/merge-round-4a

job/sharestack-580

job/fix-501

wip/sharestack-580

wip/fix-501

job/perf-batch-563

job/apw-cache-review

wip/apw-cache-review

job/probe-520

wip/probe-520

job/mac-393

wip/mac-393

job/header-571

job/flake-513

wip/flake-513

job/docs-thumb-547

wip/header-571

job/webcal-572

wip/webcal-572

wip/shortcuts-542

job/shortcuts-542

wip/docs-thumb-547

job/caldav-stress

wip/caldav-stress

wip/sweep-478

job/apw-cache-512

wip/apw-cache-512

job/money-empty-540

wip/restart-505

wip/money-empty-540

wip/fix-510

job/restart-505

job/fix-503

job/perf-496

wip/perf-496

job/fix-498

wip/fix-498

job/info-inspector-465

wip/info-inspector-465

job/fix-510

job/fix-507

wip/fix-507

wip/fix-503

job/fix-493

job/money-kinds

wip/money-kinds

job/hygiene-548

job/merge-round-3

wip/fix-493

job/drag-snap-536

wip/merge-round-3

wip/merge-round-0930

wip/drag-snap-536

job/align-538

wip/align-538

job/bg-flash

wip/bg-flash

job/money-import

job/search-count-544

wip/search-count-544

wip/money-import

job/settings-key-541

wip/settings-key-541

job/toast-539

job/preview-421

wip/preview-421

wip/toast-539

job/tasks-500-531

job/title-plain-526

wip/title-plain-526

wip/tasks-500-531

job/notes-bridge

wip/parity-484

job/parity-484

job/files-slow

job/crash-525

wip/notes-bridge

wip/files-slow

wip/crash-525

job/kbd-motion-527

wip/bg-422

job/analytics-504

wip/analytics-504

wip/kbd-motion-527

job/upload-pill-523

wip/upload-pill-523

wip/tray-order

job/tray-order

wip/overflow-mid

wip/merge-round-2

job/perf-494

wip/perf-494

wip/mcp-fast-492

wip/motion-477

wip/asr-ab-489

wip/theme-variants-506

wip/overflow-511

wip/week-header-508

wip/attach-427

job/dav-delete-471

job/iso-435

wip/iso-435

wip/files-sel-keys

wip/dav-delete-471

job/align-253

job/siwc-490

wip/siwc-490

job/money-kinds-review

wip/align-253

wip/money-kinds-review

job/small-bugs-3

wip/overlay-title-487

wip/multiget-500

wip/hidden-420

wip/webcal-ui

wip/webcal-431

job/perf-367

job/location

wip/small-bugs-3

wip/location

wip/perf-367

wip/admin-deny-483

job/tag-unicode-473

wip/tag-unicode-473

job/blur-436

wip/photos-470

wip/blur-436

wip/small-bugs-4

wip/hunt-20260930

wip/settings-hdr-482

wip/chips-416

job/dedup-375

wip/dedup-375

job/doc-stack

wip/doc-stack

job/tokens-literals

wip/tokens-literals

job/jobs-leftovers

wip/send-fast

wip/paste-467

wip/money-numbers

job/money-plugin

wip/money-plugin

job/break-dav

wip/merge-batch

wip/crossday-469

wip/mac-verify

wip/mail-m2

wip/break-dav

wip/money-review2

job/money-md

job/modes-424

wip/money-md

wip/jobs-leftovers

job/agenda-413

wip/agenda-413

wip/modes-424

job/recog-417

wip/recog-417

wip/bounce-425

wip/ab-384-luna

job/webdav-perf

wip/webdav-perf

job/toast-ring

wip/toast-ring

job/money-review

wip/money-review

wip/micro-motion

wip/settings-card

wip/minical

job/notes-imap-428

job/least-priv

wip/ui-small-2

wip/flaky-426

wip/drag-end-418

job/jank

wip/jank

wip/least-priv

wip/docs-site

job/agenda

job/sec-batch

wip/sec-batch

wip/per-user-index

job/area-calendars

wip/area-calendars

job/parity

wip/parity

job/documents-research

wip/documents-research

job/test-infra

job/reminders-sync

wip/small-bugs-2

wip/reminders-sync

wip/gestures

job/google-oauth

wip/tags-merge

wip/tags

job/e2e-theme

wip/e2e-theme

job/icon-align

wip/test-infra

wip/select-align

wip/editor-385

job/voice

wip/webdav

job/webdav

job/app-pw-ui

job/editor-integrity

wip/editor-integrity

wip/voice

wip/quota

wip/cal-followups

wip/icon-align

job/composer-scale

wip/composer-scale

job/jobs-page

wip/jobs-page

job/hig-type

wip/hig-type

wip/app-pw-ui

job/motion-spring

job/mcp

wip/motion-spring

wip/mcp

job/small-bugs

wip/push-hosts

job/profile-sign

wip/touch-369

wip/profile-sign

job/mobile-focus

wip/mobile-focus

wip/ui-polish-354

wip/small-bugs

wip/dup-task

job/toast-polish

job/app-pw-scopes

wip/toast-polish

wip/app-pw-scopes

wip/cli-agent

wip/selection-pills

job/preview-attach

wip/preview-attach

job/dav-proppatch

wip/dav-proppatch

wip/cal-switcher

job/atomic-race

wip/atomic-race

job/photos-shared

wip/photos-shared

wip/cal-grid

wip/note-rewrite

wip/search-rebuild

job/mail-m1

job/paperless-import

wip/paperless-import

wip/mail-m1

wip/hidden-activity

wip/search-d

wip/pricing-research

wip/cursors

wip/auto-scheme

job/single-pills

wip/single-pills

wip/xuser-matrix

wip/money-format

wip/app-pw-setup

wip/purge-dos

wip/vault-health

wip/caldav-apple

wip/xuser-audit

wip/e2e-green

wip/tabbar

wip/adv-harness

wip/maple-mono

job/search-fix

wip/search-fix

wip/search-perf-c

job/adv-harness

wip/sidebar-headers

job/glass

wip/temp-index

job/polish

wip/polish

wip/file-protocols

wip/money-research

wip/glass

wip/voice-models

wip/collab-redo

job/voice-research

wip/hunt-20260928

wip/notes-actions-research

wip/search-pad

wip/search-perf

wip/search-sticky

wip/editor-undo

wip/chrome-rules

wip/motion

wip/appearance-research

wip/appearance

wip/audit-bugs

wip/cal-glass

wip/block-actions

wip/authz-order

wip/event-stripes

wip/chrome-sidebar

wip/auth-flaky

wip/robust-2

wip/gate-fix

wip/menu-blur

wip/import-calternaljs

wip/tray-fix

job/import-calternaljs

wip/index-order

wip/audit-fixes

wip/search-chevrons

research/mail

wip/phone-chrome

wip/dedup-break

wip/csp

wip/ui-audit

wip/select-toast

wip/perf

wip/flat-layout

wip/fonts

wip/event-tint

wip/sync-converge

wip/data-split

wip/glass-audit

wip/robustness

wip/sync-chaos

wip/search-thumbs

wip/fuzz

wip/menu-icons

wip/search-pill

wip/sync-changing

wip/heading-links

wip/date-formats

wip/a11y

wip/break-editor

wip/e2e-fix

wip/settings-sections

wip/sync-root-guard

wip/search-palette

wip/share-edit

job/toasts

wip/toasts

wip/cont-analytics

wip/authz-review

wip/popovers

wip/overlay-glass

wip/change-feed

wip/editor-modes

wip/composer-align

wip/cont-agenda

wip/agenda-merge

job/agent-conventions

wip/agent-conventions

wip/backend-misc

job/route-audit

wip/route-audit

wip/ui-batch

wip/heif-hardening

wip/grid-resize

wip/ask-page

wip/webmcp

job/deeplink-audit

wip/deeplinks

wip/shortcuts

wip/cont-tz-days

main

No results found.

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

kayg/calternal#321

No description provided.