hotel-manage-stack/wages
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add rota backfill (60 days) — separate from the 25-month actuals backfill

Browse source 
runRollingSync only ever syncs wage_scheduled 14 days forward, so the AI
insight's 28-day rota-vs-actual comparison had no historical rota to compare
against for a freshly-scaffolded app. Adds a dedicated backfill action that
pulls past schedules via the same throttled weekly-batch pattern as the
existing actuals backfill.
This commit is contained in:
jtricerolph 2026-07-24 21:26:02 +00:00
parent 95da5ea237
commit cabaff8d35
4 changed files with 164 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/api.ts
View file

@ -47,7 +47,10 @@ export function triggerSync(): Promise<{ ok: boolean; actual_rows: number; sched
return request('/sync', { method: 'POST' })
}
export function getSyncStatus(): Promise<{ sync_last_at: string | null; backfill_last_at: string | null; backfill_running: boolean }> {
export function getSyncStatus(): Promise<{
sync_last_at: string | null; backfill_last_at: string | null; backfill_running: boolean
rota_backfill_last_at: string | null; rota_backfill_running: boolean
}> {
return request('/sync/status')
}
@ -55,6 +58,10 @@ export function cancelBackfill(): Promise<{ ok: boolean }> {
return request('/sync/backfill/cancel', { method: 'POST' })
}
export function cancelRotaBackfill(): Promise<{ ok: boolean }> {
return request('/sync/backfill/rota/cancel', { method: 'POST' })
}
export function getDepartments(): Promise<{ departments: { id: string; name: string }[] }> {
return request('/departments')
}

75
frontend/src/pages/Settings.tsx
View file

@ -1,6 +1,6 @@
import { useState, useEffect } from 'react'
import { RefreshCw, Download, X, CheckSquare, Square, Bot } from 'lucide-react'
import { getSettings, saveSettings, getDepartments, triggerSync, getSyncStatus, cancelBackfill, testAiInsightsConnection, generateInsight } from '../api'
import { getSettings, saveSettings, getDepartments, triggerSync, getSyncStatus, cancelBackfill, cancelRotaBackfill, testAiInsightsConnection, generateInsight } from '../api'
import type { AppSetting, Department } from '../types'
function fmtDate(iso: string | null): string {
@ -11,8 +11,12 @@ function fmtDate(iso: string | null): string {
export default function SettingsPage() {
const [settings, setSettings] = useState<Record<string, string>>({})
const [depts, setDepts] = useState<Department[]>([])
const [syncStatus, setSyncStatus] = useState<{ sync_last_at: string | null; backfill_last_at: string | null; backfill_running: boolean } | null>(null)
const [backfillProg, setBackfillProg] = useState<{ processed: number; total: number; current: string } | null>(null)
const [syncStatus, setSyncStatus] = useState<{
sync_last_at: string | null; backfill_last_at: string | null; backfill_running: boolean
rota_backfill_last_at: string | null; rota_backfill_running: boolean
} | null>(null)
const [backfillProg, setBackfillProg] = useState<{ processed: number; total: number; current: string } | null>(null)
const [rotaBackfillProg, setRotaBackfillProg] = useState<{ processed: number; total: number; current: string } | null>(null)
const [syncing, setSyncing] = useState(false)
const [loading, setLoading] = useState(true)
const [fetchingDepts, setFetchingDepts] = useState(false)
@ -142,6 +146,43 @@ export default function SettingsPage() {
setBackfillProg(null)
}
const handleRotaBackfill = async () => {
if (!confirm('Backfill rota history? This will fetch the last 60 days of Workforce schedules.')) return
setRotaBackfillProg({ processed: 0, total: 1, current: '…' })
setError(null)
const es = new EventSource('/wages/api/sync/backfill/rota', { withCredentials: true })
const doPost = () => {
fetch('/wages/api/sync/backfill/rota', {
method: 'POST',
credentials: 'include',
}).catch(() => {})
}
doPost()
es.onmessage = (e) => {
const data = JSON.parse(e.data)
if (data.done) {
es.close()
setRotaBackfillProg(null)
setSyncStatus(s => s ? { ...s, rota_backfill_last_at: new Date().toISOString() } : s)
} else if (data.error) {
es.close()
setError(data.error)
setRotaBackfillProg(null)
} else {
setRotaBackfillProg(data)
}
}
es.onerror = () => { es.close(); setRotaBackfillProg(null) }
}
const handleCancelRotaBackfill = async () => {
await cancelRotaBackfill()
setRotaBackfillProg(null)
}
const handleTestConnection = async () => {
setTestStatus('testing'); setTestMessage('')
try {
@ -374,7 +415,7 @@ export default function SettingsPage() {
<RefreshCw size={14} strokeWidth={1.75} />
{syncing ? 'Syncing…' : 'Sync Now (35 days)'}
</button>
<button className="btn btn-secondary" onClick={handleBackfill} disabled={syncing || backfillProg != null}>
<button className="btn btn-secondary" onClick={handleBackfill} disabled={syncing || backfillProg != null || rotaBackfillProg != null}>
<Download size={14} strokeWidth={1.75} />
Deep Backfill (25 months)
</button>
@ -383,6 +424,15 @@ export default function SettingsPage() {
<X size={14} strokeWidth={1.75} /> Cancel
</button>
)}
<button className="btn btn-secondary" onClick={handleRotaBackfill} disabled={syncing || backfillProg != null || rotaBackfillProg != null}>
<Download size={14} strokeWidth={1.75} />
Backfill Rota (60 days)
</button>
{rotaBackfillProg && (
<button className="btn btn-secondary" onClick={handleCancelRotaBackfill}>
<X size={14} strokeWidth={1.75} /> Cancel
</button>
)}
</div>
{backfillProg && (
@ -397,13 +447,28 @@ export default function SettingsPage() {
</div>
)}
{rotaBackfillProg && (
<div style={{ marginBottom: 12 }}>
<div style={{ display: 'flex', justifyContent: 'space-between', fontSize: 12, marginBottom: 4 }}>
<span>Fetching rota {rotaBackfillProg.current}…</span>
<span>{rotaBackfillProg.processed} / {rotaBackfillProg.total} days</span>
</div>
<div style={{ height: 6, background: 'var(--border)', borderRadius: 3 }}>
<div style={{ height: '100%', width: `${Math.min(100, (rotaBackfillProg.processed / rotaBackfillProg.total) * 100)}%`, background: 'var(--app-primary)', borderRadius: 3, transition: 'width 0.3s' }} />
</div>
</div>
)}
<div style={{ fontSize: 13, color: 'var(--text-muted)', display: 'grid', gap: 4 }}>
<div>Last sync: <strong>{fmtDate(syncStatus?.sync_last_at ?? null)}</strong></div>
<div>Last backfill: <strong>{fmtDate(syncStatus?.backfill_last_at ?? null)}</strong></div>
<div>Last rota backfill: <strong>{fmtDate(syncStatus?.rota_backfill_last_at ?? null)}</strong></div>
</div>
<p style={{ marginTop: 8, fontSize: 12, color: 'var(--text-muted)' }}>
Sync Now pulls the last 35 days of timesheets + next 14 days of schedules. Auto-sync runs every hour.
Deep Backfill fetches the full 13-month history at 250ms per week to avoid rate limits.
Deep Backfill fetches the full 25-month actuals history at 250ms per week to avoid rate limits.
Backfill Rota fetches the last 60 days of published/draft schedules — needed for the rota-vs-actual
comparison in AI Insights, since normal sync only ever looks 14 days ahead for rota.
</p>
</div>
</div>