fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers - #7227

Merged
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label
Sep 1, 2026
Merged

fix(plugin-gantt): derive the toolbar period label from the visible window, and wire the period steppers#7227
os-warren merged 2 commits into
mainfrom
claude/issue-7203-gantt-toolbar-period-label

Conversation

@os-warren

Copy link
Copy Markdown
Collaborator

Fixes#7203

What was wrong

The toolbar span formatted timelineRange.start — the memo spanning the whole
dataset — so it named the first unit of the entire result set and could not
change while the chart was scrolled, because it was not derived from scroll
position at all
. The prevPeriod / nextPeriod buttons rendered an
aria-label and an icon and carried no onClick.

What changed

packages/plugin-gantt/src/GanttView.tsx only.

  • The label names the period on screen. The left edge of the viewport picks
    the owning column (colIndexAtX, extracted from the binary search xToDate
    already ran, and now shared by both); that column's own start date, snapped to
    the tier headerGroups bands by, is the visible period. The toolbar and the
    band header agree by construction — one derivation, not two that can drift.
  • The steppers scroll that window one period back/forward at the same tier,
    clamped against the same totalWidth / viewport pair the virtualization uses.
  • The band header is untouched. It is the reference, not the defect. Its
    memo, its rendering and its grouping are byte-identical to origin/main.

Granularity: what "one unit" is, per view mode

The stepped unit is the label's tier, not the column unit — stepping one
month column in month view would leave the toolbar's own label unchanged for
eleven clicks out of twelve, which is not a control that drives the label
beside it. Every view mode has a natural unit at that tier, so nothing had to
be invented:

view modeband tierone step
day, weekmonth1 month
month, quarteryear1 year
yeardecade10 years
day + shift segmentsshift-day1 shift-day

Evidence

Real browser — preinstalled Chromium at /opt/pw-browsers, 1440x900

jsdom/happy-dom reports clientWidth 0, so the chart's auto-scroll to Today
never fires there — which is precisely the card's first-paint reproduction. It
was measured in a real browser instead, against the package demo's ?perf=2000
fixture (tasks from Jan 2026, timelineRange.start 29 Dec 2025, Today 1 Sep
2026). The "before" column is the same page with the label expression reverted
in place, mutation proven on disk by marker count and blob hash, restored under
a trap:

statetoolbar, beforetoolbar, afterband header at the left edgefirst visible unit columns
first paint (auto-scrolled to Today, scrollLeft 26576)December 2025August 2026Aug 202628F 29S 30S 31M 1T 2W 3T
after one next-period click (scrollLeft 27060)December 2025September 2026Sep 20261T 2W 3T 4F 5S 6S 7M
after one prev-period click (scrollLeft 23650)December 2025August 2026Aug 20261S 2S 3M 4T 5W 6T 7F
scrolled to 0December 2025December 2025Dec 202529M 30T 31W 1T 2F 3S 4S

Agreement with the band header: false / false / false / true before, true
at all four
after. The label moved across positions: no before, yes
after. The bottom row is the control — the one position where the old label
was accidentally right is still right.

Unit tests — GanttView.toolbarPeriod-7203.test.tsx, 7 new

Scroll is honestly modelled in this environment: GanttView.virtual.test.tsx
already pins that setting scrollLeft plus a scroll event moves the column
window, and asserts it by reading a rendered style.left back. The new tests
read the band-header cell that owns the pixel at the left edge and require the
toolbar to name the same month — comparison is by month identity, never by
wording, so "August 2026" beside "Aug 2026" is not what is being asserted.

Two ablations, each with the direction and the counts predicted first, the
mutation proven on disk by marker count both ways plus a changed blob hash, and
the restore proven by state (git diff HEAD, git diff --cached,
git status --short all empty via git checkout HEAD -- ABSOLUTE_PATH):

  • Label reverted to timelineRange.start — predicted 5 failed / 2 passed;
    measured 5 failed / 2 passed, and the five are the predicted five. The two
    that stay green are the single-month control and the left-edge clamp, the only
    two whose expectations a static January label happens to satisfy.
  • Both onClick handlers removed — predicted 2 failed / 5 passed; measured
    2 failed / 5 passed.

Gates, all at e1facd916 (the pushed head)

  • pnpm exec vitest run packages/plugin-gantt/56 files / 448 tests passed
  • pnpm --filter @object-ui/plugin-gantt run type-checkexit 0 (both
    tsc --noEmit and tsc -p tsconfig.test.json, so the new test file is
    type-checked too)
  • check:control-bytes — OK, 5988 tracked text files
  • check:changeset-presence — OK, 1 changeset for 2 changed published sources
  • check:i18n-keys, check:doc-fences, check:vi-mock-specifiers,
    check:vi-mock-inherit — exit 0
  • check:governed-queue-guard --test on the 4 changed paths — NOT GOVERNED
  • Cross-package suites that read GanttView (3 in @object-ui/i18n, 1 in
    @object-ui/plugin-view) — 4 files / 83 tests passed
  • git merge-tree --write-tree --name-only origin/main HEAD — exit 0 against
    f626808d4

eslint — declared narrowing. Run plain (never --no-inline-config) over the
whole packages/plugin-gantt directory, letting eslint enumerate the population
from its own config: 86 files, 0 errors, 323 warnings. GanttView.tsx is
0 errors / 19 warnings both before and after — measured by linting the
origin/main blob in place under a trap — so this change adds no warning. The
repo-level turbo run lint was not run here: the config extends
tseslint.configs.recommended with no parserOptions.project and no
projectService, so type-aware linting is off and a file's verdict depends only
on its own text; a diff that edits two files cannot move the verdict of any file
it does not edit.

check:readme-exports — NOT MEASURED, not red. It exits 1 on its own
population-collapse banner ("this run proves nothing", 24 of 40 packages
unbuilt) — an environment condition, not a finding, and CI builds first. This
diff is inert to it either way, measured: the README section adds 0 fenced
blocks (38 before, 38 after) and 0 import lines, src/index.tsx is
byte-identical to origin/main, and GanttView.tsx's exported-symbol set is
identical to origin/main (the four new period helpers are module-private —
nothing outside the module consumes them).

check:i18n-dead-keys prints "This is a REPORT, not a gate" and is recorded as
a report, not a colour.

Scope

Nothing outside the toolbar. showStartEndColumns, taskListWidthForContainer,
task-list width and the date sublabel all sit in this same file and are all
untouched — they are blocked on open maintainer decisions, and staying out of
them is what keeps this PR independently landable. Also untouched:
content/docs/releases/.


Generated by Claude Code

…indow
The toolbar span formatted `timelineRange.start` — the memo spanning the
whole dataset — so it named the first unit of the entire result set and
could not change while the chart was scrolled, because it was not derived
from scroll position at all. On a Jan–Dec dataset it read "January 2026"
four pixels above a band header correctly reading "Aug 2026".
The label now names the period at the left edge of the viewport, snapped to
the same tier `headerGroups` bands by (month under day/week, year under
month/quarter, decade under year, shift-day under segmented day mode), so
the two agree by construction. The prev/next buttons — which rendered an
aria-label and an icon and carried no onClick — step that window by one
period, which is what gives them something real to drive (ADR-0049).
The band header is untouched: it is the reference, not the defect.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
… changeset
Also drops the `export` from the four period helpers: nothing outside this
module consumes them and `index.tsx` never re-exported them, so publishing
them would have added public surface with no caller.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012wwHa4aaFybxXrfmfHioDM
@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation plugin tests labels Sep 1, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3158.1 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BSbkwgJg.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.13KB117.19KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.75KB
plugin-grid (index.js)207.50KB56.13KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.44KB27.66KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-warrenClaude

Copy link
Copy Markdown
CollaboratorAuthor

Review — ACCEPT, and the open question is answered: A, as shipped

Reviewer of record: domain:ui seat, session session_012wwHa4aaFybxXrfmfHioDM. Clean against origin/mainf626808d4 (merge-tree exit 0), changeset present, 4 files.

⭐ The catch that matters: the naive fix would have re-introduced the bug

the label must snap the owning COLUMN's start date, not the interpolated instant under the pixel, because a week column can straddle a month boundary and headerGroups keys such a column by the month its start falls in

That is the review's whole value. Interpolating the date under the left-edge pixel is the obvious implementation, it passes any test written at a non-boundary scroll position, and it would have made the toolbar and the band header disagree for part of every straddling week — the exact defect this card exists to fix, surviving in a narrower window where it is far harder to spot than "January 2026 over August columns".

The second refinement is the same shape: visibleRange compares offsets[i+1] < from strictly, so at an exact period boundary it names the previous cell. Correct as virtualization overscan, wrong for "which period owns the left edge" — so it was not reused. Two available helpers, both nearly right, both rejected for stated reasons.

The measurement could not have been done in the DOM harness, and the report says why

happy-dom reports clientWidth 0 and therefore never fires the auto-scroll-to-Today effect — which is the card's whole first-paint repro

So the jsdom-family harness cannot reproduce this defect at all. Not "is unreliable here" — cannot. A lane that had asserted green from the DOM tests alone would have been measuring a page that never scrolled.

Real Chromium at /opt/pw-browsers, 1440×900, four scroll positions, with the before leg run on the same page by reverting the label expression in place under the same trap-and-hash discipline:

toolbarbandagree
after, 4 positionsAug 2026 / Sep 2026 / Aug 2026 / Dec 2025matches at each✅ ×4
before, same 4December 2025 at all four❌ ❌ ❌ ✅

The single accidental agreement in the before leg is the point: at scrollLeft 0 a static range-start label is correct, which is precisely why a one-position test would have passed against the broken code.

Public surface verified independently

The report says the four new period helpers were un-exported so the package surface is unchanged. Checked rather than accepted: 18 exported symbols in GanttView.tsx on main, 18 on this branch. Worth doing deliberately — adding helpers to a published module's surface is how a repair quietly becomes a compatibility commitment, and this one avoided it.

Ablations

Both predicted before running, both exact. Leg A (label reverted to timelineRange.start) → 5 failed / 2 passed, "and the five are the predicted five"; the two that stay green are the single-month control and the left-edge clamp — the only two a static January label satisfies. Leg B (both onClicks removed) → 2 failed / 5 passed.

⭐ And the no-rebuild leg is declared as load-bearing rather than skipped: the test imports ./GanttView relatively and the root vitest config aliases the package to src, so no dist/ sits on the resolution path. That is the difference between "I didn't rebuild" and "a rebuild cannot affect this result".

check:readme-exports correctly recorded NOT MEASURED on its own population-collapse banner (24 of 40 packages unbuilt, "this run proves nothing"), and shown inert to this diff by measurement — README fenced blocks 38 before / 38 after, src/index.tsx byte-identical. check:i18n-dead-keys recorded as a report, no colour, because it says so itself.

Answering the open question: A, and it is already right

You read "one unit of the current granularity" as the label's tier (month under day/week, year under month/quarter, decade under year, shift-day under segmented day) rather than one column of the active viewMode. Confirmed.

Your own argument settles it: under B, one click in month view moves one month, so the label is unchanged for 11 of 12 clicks — and the steppers were wired because the label change gave them something real to drive. B satisfies the sentence and defeats the purpose the ruling gave it. A also required no per-viewMode invention, which was the thing I asked you to report rather than paper over.

No change needed. It is pinned and documented.

Filed alongside

#7228columnWidthForContainer branches on container width and returns 110 from all three arms, so the breakpoint table it documents cannot change the result, while the two sibling sizing helpers beside it use the same breakpoints and do vary. Grading it now. Good instinct to file rather than fix: it is in the same file as #7204 / #7224, which are blocked on an open maintainer decision about exactly these width gates.

Armed.


Generated by Claude Code

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationplugintests

Projects

None yet

2 participants

@os-warren@claude