diff --git a/Seasoned.Backend/Data/ApplicationDbContext.cs b/Seasoned.Backend/Data/ApplicationDbContext.cs
index b365067..1b7765e 100644
--- a/Seasoned.Backend/Data/ApplicationDbContext.cs
+++ b/Seasoned.Backend/Data/ApplicationDbContext.cs
@@ -16,11 +16,26 @@ public class ApplicationDbContext : IdentityDbContext<IdentityUser>
     {
         base.OnModelCreating(modelBuilder);
 
-        modelBuilder.HasPostgresExtension("vector");
+        if (Database.IsNpgsql())
+        {
+            modelBuilder.HasPostgresExtension("vector");
+        }
 
-        modelBuilder.Entity<Recipe>()
-            .HasOne<IdentityUser>()
-            .WithMany()
-            .HasForeignKey(r => r.UserId);
+        modelBuilder.Entity<Recipe>(entity =>
+        {
+            entity.HasOne<IdentityUser>()
+                .WithMany()
+                .HasForeignKey(r => r.UserId);
+
+            if (Database.ProviderName == "Microsoft.EntityFrameworkCore.InMemory")
+            {
+                entity.Ignore(r => r.Embedding);
+            }
+            else
+            {
+                entity.Property(r => r.Embedding)
+                    .HasColumnType("vector(1536)"); 
+            }
+        });
     }
 }
\ No newline at end of file
diff --git a/Seasoned.Frontend/app/pages/gallery.vue b/Seasoned.Frontend/app/pages/gallery.vue
index de02520..4091fed 100644
--- a/Seasoned.Frontend/app/pages/gallery.vue
+++ b/Seasoned.Frontend/app/pages/gallery.vue
@@ -233,7 +233,7 @@
 
 
 <script setup>
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, watch } from 'vue'
 import '@/assets/css/gallery.css'
 import '@/assets/css/app-theme.css'
 
diff --git a/Seasoned.Frontend/test/GalleryPage.spec.ts b/Seasoned.Frontend/test/GalleryPage.spec.ts
index 10d7880..967ea56 100644
--- a/Seasoned.Frontend/test/GalleryPage.spec.ts
+++ b/Seasoned.Frontend/test/GalleryPage.spec.ts
@@ -1,6 +1,8 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
+import { nextTick } from 'vue'
 import { createVuetify } from 'vuetify'
+import { flushPromises } from '@vue/test-utils'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 import GalleryPage from "@/pages/gallery.vue" 
@@ -37,6 +39,7 @@ vi.stubGlobal('navigateTo', mockNavigate)
 describe('GalleryPage.vue', () => {
   beforeEach(() => {
     vi.clearAllMocks()
+    mockFetch.mockResolvedValue([])
   })
 
   const mountOptions = {
@@ -58,6 +61,46 @@ describe('GalleryPage.vue', () => {
     })
   })
 
+  it('triggers semantic search when searchQuery changes', async () => {
+    vi.useFakeTimers()
+    mockFetch.mockResolvedValue([])
+
+    const wrapper = mount(GalleryPage, mountOptions)
+    
+    const vm = wrapper.vm as any
+    vm.searchQuery = 'spicy pasta'
+
+    await nextTick()
+    
+    vi.advanceTimersByTime(600)
+    
+    mockFetch.mockResolvedValueOnce([{ id: 2, title: 'Spicy Pasta' }])
+
+    await flushPromises()
+
+    expect(mockFetch).toHaveBeenCalledWith(
+        expect.stringContaining('api/recipe/search'),
+        expect.objectContaining({ 
+        params: expect.objectContaining({ query: 'spicy pasta' }) 
+        })
+    )
+
+    vi.useRealTimers()
+    })
+
+  it('redirects to login if API returns 401', async () => {
+    mockFetch.mockReset()
+    mockFetch.mockRejectedValue({ status: 401 })
+
+    mount(GalleryPage, mountOptions)
+
+    await flushPromises()
+
+    await vi.waitFor(() => {
+        expect(mockNavigate).toHaveBeenCalledWith('/login')
+    }, { timeout: 1000 })
+    })
+
   it('enters editing mode and formats arrays into strings', async () => {
     mockFetch.mockResolvedValueOnce([
       { 
diff --git a/Seasoned.Frontend/test/Uploader.spec.ts b/Seasoned.Frontend/test/Uploader.spec.ts
index 054de86..aed7bf8 100644
--- a/Seasoned.Frontend/test/Uploader.spec.ts
+++ b/Seasoned.Frontend/test/Uploader.spec.ts
@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 import { createVuetify } from 'vuetify'
+import { createRouter, createWebHistory } from 'vue-router'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 import Uploader from "@/pages/uploader.vue"
@@ -21,6 +22,11 @@ vi.stubGlobal('useRouter', () => mockRouter)
 const mockFetch = vi.fn()
 vi.stubGlobal('$fetch', mockFetch)
 
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [],
+})
+
 describe('Uploader.vue', () => {
   beforeEach(() => {
     vi.clearAllMocks()
@@ -28,7 +34,7 @@ describe('Uploader.vue', () => {
 
   const mountOptions = {
     global: { 
-      plugins: [vuetify],
+      plugins: [vuetify, router],
       stubs: { RecipeDisplay: true }, 
       provide: { 'router': mockRouter } 
     }
@@ -71,4 +77,5 @@ describe('Uploader.vue', () => {
     expect(vm.recipe.title).toBe('Restored Cake')
     expect(localStorage.getItem('pending_recipe')).toBeNull()
   })
+  
 })
\ No newline at end of file