63ee6d12be
/schedules lists the controller's scheduled prompts as cards: name as the title, the agents it fires for, the message, its cadence and next fire. Edit turns a card into its own form; pause, resume and remove act in place, and + schedule opens an empty form. The form sends only what changed, so a rename never moves the fire times, and warns when the start or the repeat does. Filters reuse the shared card filter bar. Adds a TextAreaField to the ui kit, and an upcoming mode on RelativeTime so a next-fire time reads "in 5m". Needs the controller's /api/schedules routes.
33 lines
1.6 KiB
TypeScript
33 lines
1.6 KiB
TypeScript
// Small pure render helpers shared across swarm-ui pages. Not folded
|
|
// into `@hive/shared` — swarm-ui's formatting choices aren't a
|
|
// cross-package contract, and there's nothing here worth sharing.
|
|
|
|
// Relative age, coarsened to one unit ("5m ago"). Built on the native
|
|
// `Intl.RelativeTimeFormat` (no dependency needed — mara asked whether
|
|
// a lightweight package was warranted; the runtime already ships this)
|
|
// with `style: 'narrow'`, which produces the same "5s/5m/5h/5d ago"
|
|
// shape the dashboard package's hand-rolled equivalent does, verified
|
|
// against a real `Intl` call rather than assumed from the spec.
|
|
const RTF = new Intl.RelativeTimeFormat("en", {
|
|
numeric: "always",
|
|
style: "narrow",
|
|
});
|
|
|
|
// The same coarsening for an instant still ahead ("in 5m"). A separate
|
|
// function rather than a negative `fmtAgo`: that one clamps to zero so a
|
|
// clock a little ahead of the server never reads as "-3s ago".
|
|
export function fmtUntil(secondsAhead: number): string {
|
|
const ahead = Math.max(0, Math.floor(secondsAhead));
|
|
if (ahead < 60) return RTF.format(ahead, "second");
|
|
if (ahead < 3600) return RTF.format(Math.floor(ahead / 60), "minute");
|
|
if (ahead < 86400) return RTF.format(Math.floor(ahead / 3600), "hour");
|
|
return RTF.format(Math.floor(ahead / 86400), "day");
|
|
}
|
|
|
|
export function fmtAgo(ageSeconds: number): string {
|
|
const age = Math.max(0, Math.floor(ageSeconds));
|
|
if (age < 60) return RTF.format(-age, "second");
|
|
if (age < 3600) return RTF.format(-Math.floor(age / 60), "minute");
|
|
if (age < 86400) return RTF.format(-Math.floor(age / 3600), "hour");
|
|
return RTF.format(-Math.floor(age / 86400), "day");
|
|
}
|