Skip to content

Pre-style the first-run default board to showcase widgets#76

Merged
danielchalmers merged 1 commit into
mainfrom
richer-default-board
Jun 19, 2026
Merged

Pre-style the first-run default board to showcase widgets#76
danielchalmers merged 1 commit into
mainfrom
richer-default-board

Conversation

@danielchalmers

@danielchalmers danielchalmers commented Jun 19, 2026

Copy link
Copy Markdown
Owner

Summary

A brand-new tab used to show just two uncolored (slate) cards — a clock and a countdown — which undersold the board and felt unfinished. This seeds a calm, varied, pre-colored first-run board so the first open feels intentionally customized and reveals the range of widgets at a glance. Everything stays editable; these are just inviting starting points.

createDefaultWidgets() now returns six curated widgets across five kinds, with a harmonious palette (cool body + two warm accents):

# Widget Color Showcases
1 Clock — "Local time" sky live local time
2 Countdown — "Tomorrow morning" indigo natural-language countdown · repeats daily (stays evergreen)
3 Note — "Welcome" emerald a warm sticky note
4 Quote — "Today's reminder" violet daily-rotating quote
5 Habit — "Daily walk" amber streak tracker + 7-day dots
6 Countdown — "This year" rose progress-bar display (calendar-year elapsed)

Notes

  • The progress bar lives on the fixed year span (Jan 1 → next Jan 1), not the daily anchor. getCountdownProgress is fed the rolled target but the stored startAt, so a repeating progress countdown would degrade after its first day; the fixed span is always a meaningful fraction and never needs to roll.
  • Per-kind "Add widget" defaults stay slate (unchanged) — only the first-run seed is styled.
  • AGENTS.md: corrected a stale line that forbade per-item color, which is a shipped preset feature this board relies on.

Tests

  • storage unit test updated for the new default kinds/length.
  • e2e assertions updated for the six-widget board: exact title lists, drag-handle count, middle-item keyboard nav, body-drag starting past the new color dot, and the quote test scoped to its own card.
  • A few tests that add a widget or expand the archived section get a taller viewport, since appended widgets / the expanded archive now sit lower and the context menu dismisses on scroll by design.

Verification

  • tsc --noEmit · ✅ 109 unit tests · ✅ Chrome + Edge builds · ✅ 38 Playwright e2e

Screenshot

after-desktop

A brand-new tab previously showed just two uncolored (slate) cards — a
clock and a countdown — which undersold what the board can do and felt
unfinished. Seed a calm, varied, pre-colored board instead so the first
open feels intentionally customized and reveals the range of widgets at a
glance. Everything stays editable; these are just inviting starting points.

createDefaultWidgets() now returns six curated widgets across five kinds
with a harmonious palette (cool body plus two warm accents):
  - clock "Local time" (sky)
  - countdown "Tomorrow morning" (indigo), repeating daily so it stays
    evergreen instead of slipping into the past after day one
  - note "Welcome" (emerald) with a warm starter message
  - quote "Today's reminder" (violet), daily rotation
  - habit "Daily walk" (amber)
  - countdown "This year" (rose) shown as a progress bar over the calendar
    year, so the bar is always a meaningful fraction and never needs to roll

The progress bar intentionally lives on the fixed year span rather than the
daily anchor: getCountdownProgress is fed the rolled target but the stored
startAt, so a repeating progress countdown would degrade after its first
day; a fixed Jan 1 -> next Jan 1 span avoids that entirely.

Per-kind "Add widget" defaults stay slate (unchanged); only the first-run
seed is styled.

Tests: storage unit test updated for the new default kinds/length. e2e
assertions updated for the six-widget board (exact title lists, drag-handle
count, middle-item keyboard nav, body-drag starting past the new color dot,
quote scoped to its own card). A few tests that add a widget or expand the
archived section get a taller viewport because appended widgets / the
expanded archive now sit lower and the context menu dismisses on scroll.

AGENTS.md: corrected a stale line that forbade per-item color, which is a
shipped preset feature this board relies on.
@danielchalmers danielchalmers merged commit 4b5aa14 into main Jun 19, 2026
5 checks passed
@danielchalmers danielchalmers deleted the richer-default-board branch June 19, 2026 20:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant