upd

src/lib/components/Layout/ProgressBar.svelte

@@ -4,9 +4,12 @@
   import type { GameState } from '$lib/db/schema';
   
   let gameState: GameState | null = $state(null);
-  
+
   // Progress bar color based on rarity score
-  const progressColor = $derived(getProgressColor(gameState?.rarityScore || 0));
+  const progressColor = $derived.by(() => {
+    const score = gameState?.rarityScore ?? 0;
+    return getProgressColor(score);
+  });
 
   function getProgressColor(score: number): string {
     if (score < 100) return '#4caf50'; // green - beginner

src/lib/components/Pages/Pictuary.svelte

@@ -194,7 +194,7 @@
       <div class="piclet-grid">
         {#each filteredPiclets as piclet (piclet.id)}
           <div class="piclet-item" onclick={() => handlePicletClick(piclet)}>
-            <PicletCard instance={piclet} />
+            <PicletCard piclet={piclet} />
             {#if piclet.isCanonical}
               <div class="canonical-badge">✨</div>
             {/if}

src/lib/components/PicletGenerator/PicletGenerator.svelte

@@ -10,6 +10,7 @@
   import { PicletType, TYPE_DATA } from '$lib/types/picletTypes';
   import { EnhancedCaptionService } from '$lib/services/enhancedCaption';
   import { CanonicalService } from '$lib/services/canonicalService';
+  import { incrementDiscoveryCounter, addRarityScore, calculateRarityPoints } from '$lib/db/gameState';
   // import { withQwenTimeout } from '$lib/utils/qwenTimeout'; // Unused since qwen is disabled
   
   interface Props extends PicletGeneratorProps {}
@@ -650,6 +651,22 @@ Create a concise visual description (1-3 sentences, max 100 words). Focus only o
 
       const picletId = await savePicletInstance(picletInstance);
       console.log('Piclet auto-saved as caught with ID:', picletId);
+
+      // Update game state statistics
+      await incrementDiscoveryCounter('totalDiscoveries');
+
+      // Update canonical vs variation counters
+      if (picletInstance.isCanonical) {
+        await incrementDiscoveryCounter('uniqueDiscoveries');
+      } else {
+        await incrementDiscoveryCounter('variationsFound');
+      }
+
+      // Calculate and add rarity score
+      const rarityPoints = calculateRarityPoints(picletInstance.scanCount);
+      await addRarityScore(rarityPoints);
+
+      console.log('Game state updated: +1 discovery, +' + rarityPoints + ' rarity points');
     } catch (err) {
       console.error('Failed to auto-save piclet:', err);
       console.error('Piclet data that failed to save:', {