|
|
# CONTINUE — hand-off (2026-06-26 → next session)
|
|
|
|
|
|
Branch `active-uix`. This session's work is **committed + pushed**. Pick up the
|
|
|
**DateTimePicker refactor** next.
|
|
|
|
|
|
## Next task — shared "time-in-popover" for DatePicker + DateRangePicker
|
|
|
|
|
|
Full plan: `C:\Users\dev\.claude\plans\woolly-knitting-fairy.md` (approved).
|
|
|
Decisions locked with the user: composable `<DatePicker.Time />` part (not
|
|
|
auto-rendered) · DateRangePicker shows **start + end** (two time pickers).
|
|
|
|
|
|
Goal: lift the ad-hoc time editor out of the DatePicker **demo** into a
|
|
|
**shared, reusable mechanism**, then give DateRangePicker the same. DatePicker
|
|
|
becomes effectively a DateTimePicker (granularity reaching `hour|minute|second`
|
|
|
surfaces the time editor); the **hour cycle derives from `locale`** when
|
|
|
`hourCycle` is unset (en-US → 12h, es-ES → 24h), for input **and** time editor.
|
|
|
|
|
|
Both soma providers already plumb `granularity` + `hourCycle`; the missing piece
|
|
|
is the popover time editor (today hand-composed in the date-picker demo).
|
|
|
|
|
|
Execution order (see plan §1–6):
|
|
|
1. `picker-shell/picker-time.ts` (new) — pure helpers: `localeHourCycle`,
|
|
|
`granularityHasTime`, `timeOf`, `withTimeOn`, `withoutTime` (reuse `$libs/days`).
|
|
|
2. `picker-shell/picker-time-row.svelte` (new) — value-agnostic time row (knows
|
|
|
only `TimeValue`); self-hides when granularity has no time; composes the
|
|
|
`<TimePicker>` namespace; owns the relocated time-row CSS.
|
|
|
3. Both `*-picker.svelte` roots derive `hourCycle ?? localeHourCycle(locale)` →
|
|
|
pass to the soma Provider (input honours it); publish a bridge context
|
|
|
(value get/set + granularity/locale/resolved hourCycle).
|
|
|
4. `.Time` parts: `date-picker-time.svelte` (one row) + `date-range-picker-time.svelte`
|
|
|
(two rows, start/end); register in each `index.ts` + `types.ts`.
|
|
|
5. langs: `picker-shell.ts` keys `time` / `start` / `end`.
|
|
|
6. Demos: date-picker uses `<DatePicker.Time />` (drop the local bridge/CSS);
|
|
|
date-range-picker gains a granularity control + `<DateRangePicker.Time />`.
|
|
|
|
|
|
Verify: `npx svelte-check … --threshold error` (0 new; the only pre-existing
|
|
|
time-picker error is `time-picker-content.svelte` size/Popover) ·
|
|
|
`npx vitest run src/uix/soma/components/{date-picker,date-range-picker,time-picker}` ·
|
|
|
browser DOM checks (preview 5180; `:hover`/screenshot tooling is flaky).
|
|
|
|
|
|
## Done this session (in the commit)
|
|
|
|
|
|
- **Calendar-nav unification** — shared `CalendarNav` context so
|
|
|
Calendar/RangeCalendar/DateRangePicker reuse the refined month/year selects +
|
|
|
prev/next buttons (deleted the range pickers' bespoke selects). New
|
|
|
`calendar-nav-button`, `calendar-select.css`, `visual-context`, soma `calendar-nav`.
|
|
|
- **Popover** — fixed trigger re-click bounce.
|
|
|
- **TimePicker → datetime building blocks**: `DayPeriodToggle` now composes the
|
|
|
system `<ToggleGroup>` (was native radios; `type=single` `deselectable=false`
|
|
|
solid/primary, right-aligned); sliders self-hide per granularity; `ruler` →
|
|
|
`showScales`; slider labels follow the canonical label scale per size;
|
|
|
active-toggle hover fixed (no wash; `archetypes.css` hover rule now excludes
|
|
|
`data-state=on` so a pressed toggle keeps its accent instead of going
|
|
|
content-primary/black in light).
|
|
|
- **DatePicker demo** — locale-derived hour cycle + composed TimePicker time row
|
|
|
(this is what the next-task plan generalises to the component).
|
|
|
- **Perf (audit A31)** — lifted selection/checked sets across 9 providers.
|
|
|
- **langs** — picker-shell footer strings.
|
|
|
|
|
|
## Do NOT commit (active / separate tracks)
|
|
|
|
|
|
`soma/components/words/**`, `eidos/components/palabras/**` (firm rule), the
|
|
|
untracked `chronos/` component, `web/routes/demos/**`, and the loose untracked
|
|
|
docs (`README.md`, `SYSTEM-AUDIT-*`, `Disenando_*`, `COMPARATIVA_SIUM_*`).
|
|
|
`metrics.ts` langs rode along this commit only because `langs/index.ts` imports it.
|
