Skip to content

v0.116.0 — Timeline redesign

Merged 2026-10-05 (7d83a057) — built on version/0.116.0; the tag is in the changelog. No module release.

Timeline redesign: the Timeline as a strip across the bottom of the map — ticks on a canvas, 30 to a round; effect bars and token art; infinite scroll and zoom by trackpad, touch and mouse; the current turn framed in gold, turns gliding by their step; End Turn below Mini-Me, and the Concentration banner off the desktop.

Roadmap

  • [x] Roadmap: Timeline redesign in flight as v0.116.0 — the drafted requirements read into a build (ticks as initiative counting down, 30 to a round; the strip full width with everything else stopping on it; a canvas for the axis and DOM for what you point at; which gesture is which; following now) and ten tasks; v0.115.0's notes leave the CHANGELOG for their own page

Timeline redesign

  • [x] TR.1 — The horizontal axis: timelineAxis.ts, pure — tick ↔ x at a zoom, the view and its clamps, ticks and labels in a visible range, effect bars with lanes, token positions with ties, the follow / Now rule, the wheel classifier
  • [x] TR.2 — The frame: the strip across the bottom, 60px, above the footer; a 4px rail collapsed; publishes --vtt-bottom-chrome, and the rail, sidebars and bottom bars stop on it; the right-edge slot goes
  • [x] TR.3 — Layer 1, the ticks: a canvas — tall at 0, 10, 20, tick 0 heavier, labels above the tall ones ("Round N" at 0); transparent, the blur rising from none to 3px top to bottom
  • [x] TR.4 — Layer 3, the tokens: art in the upper third at each entry's tick in every round on screen, the current turn ringed; click selects and focuses, shift-click impersonates; the GM drags to reorder
  • [x] TR.5 — Layer 2, the effects: bars from start to end, laned below the tokens, scrolling vertically when they overflow; hover card; click opens the edit modal (End now, Remove) or a read-only one
  • [x] TR.6 — Pointing: pan by trackpad, touch and right-drag; zoom by pinch and wheel about the pointer; vertical scroll; nothing reaches the map; Now above the midpoint when the current turn is off screen
  • [x] TR.7 — The + and picking a start: the + at the strip's right end; "Click the timeline…" picks a start by x
  • [x] TR.8 — End Turn directly below Mini-Me; the Concentration banner gone from the desktop (Mini-Me carries it)
  • [x] TR.9 — Docs: the Timeline help page rewritten for the strip
  • [x] Timeline cosmetics (owner's request): the strip 20% black over the map; a gold highlight (--vtt-timeline-highlight, overridable by a skin as --vtt-timeline-highlight-color) solid under the active token in initiative with a hard edge either side (the ramps reach only 67% gold), fading to transparent over 20vw either side — highlightGradient, following a tied token where it is fanned; drawn only while initiative runs
  • [x] Timeline, owner's follow-ups: a new turn glides the strip by exactly the turn's step (0.5s, ease-in-out), so the new turn lands where the last one was — the midpoint while following, wherever you left it otherwise (a turn mid-glide adds to the glide's target); the strip sits behind the rail and both sidebars, which run down to the footer over it again, with its chevron and + inset by the open right sidebar's width so they stay in view
  • [x] Timeline: tokens doubled to 36px (initials 14px), the effect bars starting 18px lower with them (TOKEN_ZONE_PX follows TOKEN_PX), so the two still never overlap; two lanes now fit in the 60px strip before the rest scroll
  • [x] Timeline: the minor ticks 16px (as tall as the 10 and 20 were), the 10 and 20 26px; the strip's blur a uniform 2px instead of rising from none to 3px
  • [x] Timeline: the current turn is a gold frame around its token (2px stroke, no fill, 10% larger than the token, standing a little proud of the strip's top) instead of the glow; the + is the strip's full height at its rightmost visible point (left of the right sidebar when open), the collapse button its mirror at the leftmost (right of the rail and the left sidebar), both fixed as the strip scrolls; Now floats just above the strip, centred between them
  • [x] Timeline: double-clicking a token impersonates it (a click still selects, centres and pings it; shift-click still impersonates too)
  • [x] TR.10 — Verified by the owner on next/ariadne, 2026-10-05, with the follow-ups above