Add Images admin section for managing source image uses

New top-level nav section showing all source images in a list view
with checkboxes to edit the uses array (grid, bin) per image. Allows
correcting wrongly-tagged images without code changes.

Server PUT /api/source-images/:id was already in place; re-added the
frontend API wrapper that was prematurely removed.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

public/app.mjs

@@ -1921,6 +1921,73 @@ function confirm_delete(message, on_confirm) {
 	dlg.showModal();
 }
 
+// ---------------------------------------------------------------------------
+// Images (source image admin)
+// ---------------------------------------------------------------------------
+
+const KNOWN_USES = ['grid', 'bin'];
+
+function render_images_section() {
+	const main = document.getElementById('main');
+	main.replaceChildren(document.getElementById('t-section-images').content.cloneNode(true));
+	const list_el = document.getElementById('img-admin-list');
+
+	if (all_sources.length === 0) {
+		const el = clone('t-empty-block');
+		el.textContent = 'No source images yet.';
+		list_el.appendChild(el);
+		return;
+	}
+
+	for (const src of all_sources) {
+		const row = clone('t-img-admin-row');
+		const link = qs(row, '.img-admin-thumb-link');
+		link.href = `/img/${src.id}`;
+		qs(row, '.img-admin-thumb').src = `/img/${src.id}`;
+		qs(row, '.img-admin-name').textContent = src.original_name || src.id;
+		qs(row, '.img-admin-meta').textContent = src.width && src.height ? `${src.width}×${src.height}` : '';
+
+		const uses_el = qs(row, '.img-admin-uses');
+		for (const use of KNOWN_USES) {
+			const label = document.createElement('label');
+			label.className = 'img-admin-use-label';
+			const cb = document.createElement('input');
+			cb.type = 'checkbox';
+			cb.checked = src.uses?.includes(use) ?? false;
+			cb.addEventListener('change', async () => {
+				const new_uses = KNOWN_USES.filter(u => {
+					const el = uses_el.querySelector(`input[data-use="${u}"]`);
+					return el ? el.checked : src.uses?.includes(u);
+				});
+				try {
+					const result = await api.update_source_image_uses(src.id, new_uses);
+					src.uses = result.source.uses;
+					all_sources = all_sources.map(s => s.id === src.id ? { ...s, uses: src.uses } : s);
+				} catch (err) {
+					alert(err.message);
+					cb.checked = !cb.checked; // revert
+				}
+			});
+			cb.dataset.use = use;
+			label.appendChild(cb);
+			label.append(' ' + use);
+			uses_el.appendChild(label);
+		}
+
+		qs(row, '.img-admin-delete').addEventListener('click', async () => {
+			try {
+				await api.delete_source_image(src.id);
+				all_sources = all_sources.filter(s => s.id !== src.id);
+				row.remove();
+			} catch (err) {
+				alert(err.message);
+			}
+		});
+
+		list_el.appendChild(row);
+	}
+}
+
 // ---------------------------------------------------------------------------
 // Bins
 // ---------------------------------------------------------------------------
@@ -2087,6 +2154,8 @@ function parse_url() {
 		section = 'fields';
 	} else if (p0 === 'templates') {
 		section = 'templates';
+	} else if (p0 === 'images') {
+		section = 'images';
 	} else if (p0 === 'bins') {
 		section = 'bins';
 		bin_tab = p1 === 'sources' ? 'sources' : 'bins';
@@ -2171,6 +2240,7 @@ function render() {
 	else if (section === 'grids') render_grids();
 	else if (section === 'templates') render_templates();
 	else if (section === 'bins') render_bins();
+	else if (section === 'images') render_images_section();
 }
 
 // ---------------------------------------------------------------------------