Update

resources/js/stores/MediaStore.js

@@ -30,12 +30,26 @@ const useMediaStore = create(
         },
 
         // Selection actions
-        selectMeme: (meme) => {
+        selectMeme: async (meme) => {
             set({ selectedMeme: meme });
+            try {
+                await axiosInstance.post(route('api.app.select.meme'), {
+                    meme_ids: meme.ids,
+                });
+            } catch (error) {
+                console.error('Error meme selection:', error);
+            }
         },
 
-        selectBackground: (background) => {
+        selectBackground: async (background) => {
             set({ selectedBackground: background });
+            try {
+                await axiosInstance.post(route('api.app.select.background'), {
+                    background_ids: background.ids,
+                });
+            } catch (error) {
+                console.error('Error background selection:', error);
+            }
         },
 
         // Update current caption when user edits text
@@ -52,6 +66,23 @@ const useMediaStore = create(
             set({ selectedBackground: null });
         },
 
+        // Save meme action
+        saveMeme: async (captionTexts, isPremiumExport = false) => {
+            try {
+                const { selectedMeme, selectedBackground } = get();
+                
+                await axiosInstance.post(route('api.app.save.meme'), {
+                    meme_media_ids: selectedMeme?.ids || null,
+                    background_media_ids: selectedBackground?.ids || null,
+                    caption_texts: captionTexts,
+                    is_premium_export: isPremiumExport,
+                });
+            } catch (error) {
+                console.error('Error saving meme:', error);
+                // Silently ignore save tracking errors
+            }
+        },
+
         // Fetch AI hints
         fetchAIHints: async () => {
             set({ isLoadingAIHints: true });