Files
siftlode/frontend/src/components/HistoryRow.tsx
T
peter fad656988a fix(activity): runs keep their true outcome and spend, the page reaches every kept row, a closing dialog leaves the server log alone
Backend
- A run's outcome write sits outside the job's own try: a database blip after a run that
  succeeded no longer records it as failed (the row waits for the next start's sweep).
- An interrupted run keeps what it spent (the sweep sums its quota rows, as finish does).
- The Scheduler's ad-hoc row says running while any backfill runs, not only the newest.
- recent_runs reads each job's last runs off its index instead of ranking the whole table.
- An interval change is stored with its audit row in one transaction, then rescheduled.
- One API instance per database is the stated contract (.env.example, jobruns).
- Turning full history on for a channel already complete records no run.
- Migration 0109 round-trips interrupted and ad-hoc runs; the run words' DB CHECKs are
  test-held to the enums; the account filter is one helper for the four activity reads.
- An audit row says how many of its request's log lines are still kept.

Frontend
- An "All" period reaches every row still kept (runs and admin actions outlive 90 days).
- Back/Forward is followed in place by the server log: a closing dialog no longer turns
  Live off; a pivot still opens a fresh log.
- Runs moved over from the audit log read their one-liner in the reader's language.
- Filter choices or accounts that failed to load say so beside the filters, with a retry.
- An old server-log link keeps its account, text and range; a remembered retired page
  opens its tab.
- A request whose lines are gone says so instead of linking to an empty list.
- The log lines and the history rows share one row frame, and the server log one list
  frame with the other tabs; an empty list is announced; each day's quota is readable.
2026-10-18 15:38:32 +02:00

64 lines
1.9 KiB
TypeScript

import type { ReactNode } from "react";
import { navItemAttrs } from "../lib/listNav";
import { Pressable } from "./ui/Pressable";
// One dense row of a history list — a background run, an admin action, a log line (./LogLine draws
// its lines through this): its cells on one line, and the row opens in place to its details. One frame
// for all of them, so a row opens, announces itself and takes the keyboard the same on every tab.
// Inside a NavGrid the keyboard walks the rows (`j`/`k`) and Enter opens one.
export default function HistoryRow({
cells,
grid,
navIndex,
navText,
open,
onToggle,
title,
line = false,
children,
}: {
/** The row's cells, laid out by `grid`. */
cells: ReactNode;
/** The grid's column template classes (phone first, then wider screens). */
grid: string;
navIndex: number;
/** What the keyboard's type-ahead matches. */
navText: string;
open: boolean;
onToggle: () => void;
/** The row button's tooltip — the full date. */
title?: string;
/** A log line: tighter, its cells on one text baseline, its size the (monospace) list's own. */
line?: boolean;
/** The detail shown while the row is open. */
children: ReactNode;
}) {
return (
<div
className="border-b border-border/50 last:border-b-0"
{...navItemAttrs(navIndex, navText, { inset: true })}
>
<Pressable
selectable
layer={!open}
data-nav-open
aria-expanded={open}
onClick={onToggle}
title={title}
className={`grid w-full gap-x-2 px-3 text-left touch-target pointer-coarse:content-center ${
line ? "items-baseline py-1" : "items-center py-1.5 text-xs"
} ${grid} ${open ? "bg-accent/10" : ""}`}
>
{cells}
</Pressable>
{open && (
<div className={`bg-accent/5 px-3 py-2 text-muted ${line ? "" : "text-xs"}`}>
{children}
</div>
)}
</div>
);
}