phase 16: fix TS strict mode errors, node 24, update steering docs

This commit is contained in:
Celes Renata
2026-04-11 16:35:50 -07:00
parent faccb0b8db
commit 1fcb79503e
8 changed files with 86 additions and 66 deletions
+10 -10
View File
@@ -45,11 +45,11 @@ export function OpsIngestionPage() {
{/* Summary stats */}
<div className="grid grid-cols-2 gap-3 sm:grid-cols-5">
<StatCard label="Total Runs" value={s.total_runs} />
<StatCard label="Completed" value={s.completed} color="text-green-400" />
<StatCard label="Failed" value={s.failed} color="text-red-400" />
<StatCard label="Items Fetched" value={s.total_items_fetched} />
<StatCard label="New Items" value={s.total_items_new} />
<StatCard label="Total Runs" value={String(s.total_runs ?? '—')} />
<StatCard label="Completed" value={String(s.completed ?? '—')} color="text-green-400" />
<StatCard label="Failed" value={String(s.failed ?? '—')} color="text-red-400" />
<StatCard label="Items Fetched" value={String(s.total_items_fetched ?? '—')} />
<StatCard label="New Items" value={String(s.total_items_new ?? '—')} />
</div>
{/* Throughput chart */}
@@ -68,7 +68,7 @@ export function OpsIngestionPage() {
</Card>
{/* By source type */}
{s.by_source_type && (
{s.by_source_type ? (
<Card>
<h2 className="mb-3 text-sm font-medium text-gray-400">By Source Type</h2>
<div className="overflow-x-auto">
@@ -85,7 +85,7 @@ export function OpsIngestionPage() {
<tbody>
{(s.by_source_type as Array<Record<string, unknown>>).map((row, i) => (
<tr key={i} className="border-b border-surface-700/50">
<td className="px-3 py-2 text-gray-300">{row.source_type as string}</td>
<td className="px-3 py-2 text-gray-300">{String(row.source_type)}</td>
<td className="px-3 py-2 text-gray-300">{String(row.runs)}</td>
<td className="px-3 py-2 text-green-400">{String(row.completed)}</td>
<td className="px-3 py-2 text-red-400">{String(row.failed)}</td>
@@ -96,15 +96,15 @@ export function OpsIngestionPage() {
</table>
</div>
</Card>
)}
) : null}
</div>
);
}
function StatCard({ label, value, color = 'text-gray-100' }: { label: string; value: unknown; color?: string }) {
function StatCard({ label, value, color = 'text-gray-100' }: { label: string; value: string; color?: string }) {
return (
<Card className="text-center">
<div className={`text-xl font-bold ${color}`}>{value != null ? String(value) : '—'}</div>
<div className={`text-xl font-bold ${color}`}>{value}</div>
<div className="text-xs text-gray-500">{label}</div>
</Card>
);