bonuses: templates full-width list, drag-create modal, auto-evaluate, outstanding/completed states

frontend/src/routes/[fam]/[username]/bonuses/+page.server.ts

@@ -95,24 +95,20 @@ export const actions = {
 		if (!event.locals.session) throw redirect(303, '/login');
 		const famId = event.locals.session.famId;
 		const fd = await event.request.formData();
-		const templateId = fd.get('templateId') as string;
+		const data: Record<string, unknown> = {
+			name: fd.get('name'),
+			description: fd.get('description') || '',
+			target: fd.get('target'),
+			type: fd.get('type'),
+			occurrence: fd.get('occurrence'),
+			rewardType: fd.get('rewardType'),
+			rewardValue: fd.get('rewardValue'),
+			criteriaValue: parseInt(fd.get('criteriaValue') as string, 10) || 0,
+			period: fd.get('period') || '',
+			memberId: fd.get('memberId') || '',
+			phase: 'active',
+		};
 		try {
-			const templates = await hono.admin.bonusConfigs(event, famId);
-			const tmpl = (Array.isArray(templates) ? templates : []).find((c: any) => c.id === templateId);
-			if (!tmpl) return fail(400, { error: 'Template not found' });
-			const data: Record<string, unknown> = {
-				name: tmpl.name,
-				description: tmpl.description || '',
-				target: tmpl.target,
-				type: tmpl.type,
-				occurrence: tmpl.occurrence,
-				rewardType: tmpl.rewardType,
-				rewardValue: tmpl.rewardValue,
-				criteriaValue: tmpl.criteriaValue || 0,
-				period: tmpl.period || '',
-				memberId: tmpl.memberId || '',
-				phase: 'ready',
-			};
 			const record = await hono.admin.create(event, 'bonus-configs', famId, data);
 			return { record };
 		} catch (e) {

frontend/src/routes/[fam]/[username]/bonuses/progress.json/+server.ts

@@ -0,0 +1,12 @@
+import { hono } from '$lib/server/hono';
+import { json } from '@sveltejs/kit';
+
+export async function GET(event) {
+	const famId = event.params.fam;
+	try {
+		const progress = await hono.admin.bonusConfigProgress(event, famId);
+		return json(progress);
+	} catch {
+		return json([]);
+	}
+}

frontend/src/routes/[fam]/[username]/chores/+page.svelte

@@ -134,15 +134,12 @@
 	}
 
 	function enhanceCreate() {
-		return async ({ result, formData }: any) => {
+		return async ({ result }: any) => {
 			if (result.type === 'success') {
 				showCreateModal = false
 				const rec = result.data?.record
 				if (rec) {
 					templates = [rec as ChoreTemplate, ...templates]
-					if (famStore.fam?.featureFlags?.optimisticUpdates) {
-						famStore.applyRecord('chore_templates', rec, 'create')
-					}
 				}
 			}
 		}
@@ -161,9 +158,6 @@
 						customName: editCustomName || undefined,
 						seasonIds: editSeasonIds.length > 0 ? editSeasonIds : [],
 					} as AssignedChore
-					if (famStore.fam?.featureFlags?.optimisticUpdates) {
-						famStore.applyRecord('assigned_chores', assigned[idx], 'update')
-					}
 				}				
 			}
 			closeEdit()
@@ -175,27 +169,24 @@
 			if (result.type === 'success' && editingTemplate) {
 				const tid = editingTemplate!.id
 				const idx = templates.findIndex((t: any) => t.id === tid)
-				if (idx !== -1) {
-					templates[idx] = {
-						...templates[idx],
-						name: editTplName,
-						defaultFrequency: editTplFreq,
-						defaultType: editTplType,
-						defaultValue: editTplValue,
-					} as ChoreTemplate
-				}
+			if (idx !== -1) {
+				templates[idx] = {
+					...templates[idx],
+					name: editTplName,
+					defaultFrequency: editTplFreq,
+					defaultType: editTplType,
+					defaultValue: editTplValue,
+				} as ChoreTemplate
 				assigned = assigned.map((a: any) =>
 					a.templateId === tid
 						? { ...a, frequency: editTplFreq, type: editTplType, value: editTplValue }
 						: a
 				) as AssignedChore[]
-				if (famStore.fam?.featureFlags?.optimisticUpdates) {
-					famStore.applyRecord('chore_templates', templates[idx], 'update')
-				}
 				closeEditTemplate()
 			}
 		}
 	}
+}
 
 </script>
 
@@ -239,7 +230,7 @@
 				</div>
 				<div class="card-actions">
 					<button onclick={() => openEditTemplate(t)} class="edit-btn" title="Edit template">✎</button>
-					<form method="POST" action="?/deleteTemplate" use:enhance={() => { return async ({ result, formData }) => { if (result.type === 'success') { const id = formData.get('id'); templates = templates.filter((t) => t.id !== id) as ChoreTemplate[]; if (famStore.fam?.featureFlags?.optimisticUpdates) { const rec = result.data.record; if (rec) famStore.applyRecord('chore_templates', { ...rec, id }, 'delete'); } } }; }}>
+					<form method="POST" action="?/deleteTemplate" use:enhance={() => { return async ({ result, formData }) => { if (result.type === 'success') { const id = formData.get('id'); templates = templates.filter((t) => t.id !== id) as ChoreTemplate[]; } }; }}>
 						<input type="hidden" name="id" value={t.id} />
 						<button type="submit" class="del-btn" title="Delete template">×</button>
 					</form>

frontend/src/routes/[fam]/[username]/rewards/+page.svelte

@@ -98,7 +98,7 @@
 							</td>
 							<td>
 								{#if outstanding}
-									<form method="POST" action="?/claim" use:enhance={() => { return async (args: any) => { const d = args.result.data || {}; if (d.error) showToast(d.error); else if (args.result.type === 'success') { if (d.record && famStore.fam?.featureFlags?.optimisticUpdates) famStore.applyRecord('rewards', d.record, 'update'); fire(); } }; }}>
+									<form method="POST" action="?/claim" use:enhance={() => { return async (args: any) => { const d = args.result.data || {}; if (d.error) showToast(d.error); else if (args.result.type === 'success') { fire(); } }; }}>
 										<input name="id" type="hidden" value={r.id} />
 										<Button type="submit" size="sm">Claim</Button>
 									</form>

frontend/src/routes/[fam]/[username]/settings/+page.svelte

@@ -167,16 +167,11 @@ import { onDestroy } from 'svelte';
 			<div class="modal" onclick={(e) => e.stopPropagation()} role="dialog">
 				<h3>Delete "{deletingSeason.name}"?</h3>
 				<p class="warning">All chores assigned to this season will also be removed. This cannot be undone.</p>
-				<form method="POST" action="?/deleteSeason" use:enhance={() => { return async ({ result }) => {
-					if (result.type === 'success') {
-						const r = result.data;
-						if (r?.deletedChoreIds) {
-							r.deletedChoreIds.forEach((id: string) => famStore.applyRecord('assigned_chores', { id }, 'delete'));
-						}
-						famStore.applyRecord('seasons', { id: deletingSeason.id }, 'delete');
-						deletingSeason = null;
-					}
-				}}}>
+			<form method="POST" action="?/deleteSeason" use:enhance={() => { return async ({ result }) => {
+				if (result.type === 'success') {
+					deletingSeason = null;
+				}
+			}}}>
 					<input type="hidden" name="id" value={deletingSeason.id} />
 					<div class="modal-actions">
 						<button type="button" onclick={() => deletingSeason = null}>Cancel</button>