From 7913e630d6a878fb0ebc1bfc979049f3f450bbf0 Mon Sep 17 00:00:00 2001
From: Ty Balascio <tybala@outlook.com>
Date: Fri, 25 Sep 2026 07:45:25 -0700
Subject: [PATCH] fix(fe): subscribe to capture-session store in components
 (was reading the store object)

`session.state` is a Svelte store; `$: state = session.state` bound the store
object (not its value), so state.capture was undefined and cap.k threw on
mount. Bind a local const to the store and use the $ prefix ($stateStore),
and use get() in App.onPhotosReady. Verified in Chromium: hero -> batch ->
sample uploads show thumbs.
---
 frontend/src/App.svelte                    | 4 ++--
 frontend/src/capture/PhotosReady.svelte    | 3 ++-
 frontend/src/capture/SessionCapture.svelte | 3 ++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 8257855..7983fbf 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onMount } from 'svelte';
-  import { writable } from 'svelte/store';
+  import { get, writable } from 'svelte/store';
   import { apiFetch } from './lib/api';
   import type { SlabDraft, Photo, Taxonomy } from './lib/types';
   import { draft } from './lib/types';
@@ -98,7 +98,7 @@
     const current = $slab;
     try {
       if (!current) {
-        const s = captureSession.state;
+        const s = get(captureSession.state);
         const results = s.capture.k === 'measure' ? s.capture.results : null;
         const d = results
           ? draft({
diff --git a/frontend/src/capture/PhotosReady.svelte b/frontend/src/capture/PhotosReady.svelte
index c6ee47c..dceab15 100644
--- a/frontend/src/capture/PhotosReady.svelte
+++ b/frontend/src/capture/PhotosReady.svelte
@@ -7,7 +7,8 @@
   export let session: CaptureSession;
   const dispatch = createEventDispatcher<{ continue: void }>();
 
-  $: state = session.state;
+  const stateStore = session.state;
+  $: state = $stateStore;
   $: items = session.lineup();
   $: measure = state.capture.k === 'measure' ? state.capture : null;
   $: results = measure?.results ?? null;
diff --git a/frontend/src/capture/SessionCapture.svelte b/frontend/src/capture/SessionCapture.svelte
index e39b031..35686da 100644
--- a/frontend/src/capture/SessionCapture.svelte
+++ b/frontend/src/capture/SessionCapture.svelte
@@ -6,7 +6,8 @@
   export let session: CaptureSession;
   const dispatch = createEventDispatcher<{ 'photos-ready': void }>();
 
-  $: state = session.state;
+  const stateStore = session.state;
+  $: state = $stateStore;
   $: cap = state.capture;
   $: kind = cap.k;