Repeat Rule

The component is self-contained: one file, zero dependencies, its own palette in local variables --vibeui-calendar-026-*. Client-side: the frequency, the interval and the weekdays live in useState. The rule string is assembled by the pure function ruleOf, so onChange always receives the current value rather than the previous render's state. The upcoming dates are computed in a useMemo along three branches: for daily and monthly by shifting the date, for weekly by walking the days with a check of the week index from the start, so "every 2 weeks" really does skip a week. The worded phrase is built separately and declined through pluralize. The day names are taken from Intl.DateTimeFormat, and the day buttons are shown only for weekly. The theme comes from the surrounding color-scheme through light-dark(): the component has no surface of its own by default, it sits directly on the page background and darkens along with it, while the background prop brings the panel back. The field captions, the unit list items and the phrase templates arrive in props — the Russian values sit in the defaults, and {count}, {unit}, {head}, {days} and {day} are substituted when the phrase is assembled.