diff --git a/CulinaryCommandApp/Migrations/20260414000001_AddRecipeImageAndMetadata.Designer.cs b/CulinaryCommandApp/Migrations/20260414000001_AddRecipeImageAndMetadata.Designer.cs
new file mode 100644
index 0000000..ff73ead
--- /dev/null
+++ b/CulinaryCommandApp/Migrations/20260414000001_AddRecipeImageAndMetadata.Designer.cs
@@ -0,0 +1,1518 @@
+// <auto-generated />
+using System;
+using CulinaryCommand.Data;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Metadata;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+
+#nullable disable
+
+namespace CulinaryCommand.Migrations
+{
+    [DbContext(typeof(AppDbContext))]
+    [Migration("20260414000001_AddRecipeImageAndMetadata")]
+    partial class AddRecipeImageAndMetadata
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "9.0.0")
+                .HasAnnotation("Relational:MaxIdentifierLength", 64);
+
+            MySqlModelBuilderExtensions.AutoIncrementColumns(modelBuilder);
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Company", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Address")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("City")
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<string>("CompanyCode")
+                        .IsRequired()
+                        .HasMaxLength(50)
+                        .HasColumnType("varchar(50)");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Description")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Email")
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<string>("LLCName")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Phone")
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<string>("State")
+                        .HasMaxLength(64)
+                        .HasColumnType("varchar(64)");
+
+                    b.Property<string>("TaxId")
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("ZipCode")
+                        .HasMaxLength(32)
+                        .HasColumnType("varchar(32)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Companies");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Feedback", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Device")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("FeedbackType")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Message")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Page")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("ScreenshotBase64")
+                        .HasColumnType("LONGTEXT");
+
+                    b.Property<DateTime>("SubmittedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("UserEmail")
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("UserId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("UserRole")
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("Feedbacks");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Location", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Address")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("City")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<int>("CompanyId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("MarginEdgeKey")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("State")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("ZipCode")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CompanyId");
+
+                    b.ToTable("Locations");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.ManagerLocation", b =>
+                {
+                    b.Property<int>("UserId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.HasKey("UserId", "LocationId");
+
+                    b.HasIndex("LocationId");
+
+                    b.ToTable("ManagerLocations");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskList", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int?>("CreatedByUserId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Description")
+                        .HasMaxLength(512)
+                        .HasColumnType("varchar(512)");
+
+                    b.Property<bool>("IsActive")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CreatedByUserId");
+
+                    b.HasIndex("LocationId");
+
+                    b.ToTable("TaskLists");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskListItem", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("SortOrder")
+                        .HasColumnType("int");
+
+                    b.Property<int>("TaskListId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("TaskTemplateId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("TaskTemplateId");
+
+                    b.HasIndex("TaskListId", "TaskTemplateId")
+                        .IsUnique();
+
+                    b.ToTable("TaskListItems");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskTemplate", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int?>("Count")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int?>("CreatedByUserId")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("DefaultEstimatedMinutes")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("IngredientId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("IsActive")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<int>("Kind")
+                        .HasColumnType("int");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Notes")
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("Par")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Priority")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("RecipeId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Station")
+                        .IsRequired()
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CreatedByUserId");
+
+                    b.HasIndex("IngredientId");
+
+                    b.HasIndex("LocationId");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("TaskTemplates");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Tasks", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Assigner")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("Count")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<DateTime>("Date")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<DateTime>("DueDate")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int?>("IngredientId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("Kind")
+                        .HasColumnType("int");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Notes")
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("Par")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Priority")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("RecipeId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Station")
+                        .IsRequired()
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<string>("Status")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int?>("UserId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("IngredientId");
+
+                    b.HasIndex("LocationId");
+
+                    b.HasIndex("RecipeId");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("Tasks");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.User", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int?>("CompanyId")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int?>("CreatedByUserId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<bool>("EmailConfirmed")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<string>("InviteToken")
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime?>("InviteTokenExpires")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<bool>("IsActive")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Password")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Phone")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Role")
+                        .IsRequired()
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<string>("StationsWorked")
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CompanyId");
+
+                    b.ToTable("Users");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.UserLocation", b =>
+                {
+                    b.Property<int>("UserId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Role")
+                        .HasMaxLength(32)
+                        .HasColumnType("varchar(32)");
+
+                    b.HasKey("UserId", "LocationId");
+
+                    b.HasIndex("LocationId");
+
+                    b.ToTable("UserLocations");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.PurchaseOrder.Entities.PurchaseOrder", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<DateTime?>("ExpectedDeliveryDate")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<bool>("IsLocationLocked")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Notes")
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("OrderDate")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("OrderNumber")
+                        .IsRequired()
+                        .HasMaxLength(50)
+                        .HasColumnType("varchar(50)");
+
+                    b.Property<int>("Status")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("VendorContact")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("VendorName")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("LocationId");
+
+                    b.HasIndex("OrderNumber")
+                        .IsUnique();
+
+                    b.ToTable("PurchaseOrders");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.PurchaseOrder.Entities.PurchaseOrderLine", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("IngredientId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("PurchaseOrderId")
+                        .HasColumnType("int");
+
+                    b.Property<decimal>("QuantityOrdered")
+                        .HasPrecision(18, 3)
+                        .HasColumnType("decimal(18,3)");
+
+                    b.Property<decimal>("QuantityReceived")
+                        .ValueGeneratedOnAdd()
+                        .HasPrecision(18, 3)
+                        .HasColumnType("decimal(18,3)")
+                        .HasDefaultValue(0m);
+
+                    b.Property<int>("UnitId")
+                        .HasColumnType("int");
+
+                    b.Property<decimal>("UnitPrice")
+                        .HasPrecision(18, 2)
+                        .HasColumnType("decimal(18,2)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("IngredientId");
+
+                    b.HasIndex("PurchaseOrderId");
+
+                    b.HasIndex("UnitId");
+
+                    b.ToTable("PurchaseOrderLines");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Vendor.Entities.LocationVendor", b =>
+                {
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("VendorId")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("AssignedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("LocationId", "VendorId");
+
+                    b.HasIndex("VendorId");
+
+                    b.ToTable("LocationVendors");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Vendor.Entities.Vendor", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("CompanyId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("ContactName")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Email")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<bool>("IsActive")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<string>("LogoUrl")
+                        .HasMaxLength(512)
+                        .HasColumnType("varchar(512)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Notes")
+                        .HasMaxLength(500)
+                        .HasColumnType("varchar(500)");
+
+                    b.Property<string>("Phone")
+                        .HasMaxLength(50)
+                        .HasColumnType("varchar(50)");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Website")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CompanyId");
+
+                    b.ToTable("Vendors");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.DTOs.InventoryItemDTO", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Category")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<decimal>("CurrentQuantity")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<bool>("IsLowStock")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<DateTime?>("LastOrderDate")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Notes")
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime?>("OutOfStockDate")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<decimal>("Price")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<decimal>("ReorderLevel")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<string>("SKU")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("StorageLocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("StorageLocationName")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Unit")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("UnitId")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("VendorId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("VendorLogoUrl")
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("VendorName")
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("StorageLocationId");
+
+                    b.ToTable("InventoryItemDTO");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.Ingredient", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int")
+                        .HasColumnName("IngredientId");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Category")
+                        .IsRequired()
+                        .HasMaxLength(100)
+                        .HasColumnType("varchar(100)");
+
+                    b.Property<DateTime?>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("varchar(200)");
+
+                    b.Property<string>("Notes")
+                        .HasColumnType("longtext");
+
+                    b.Property<decimal?>("Price")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<decimal>("ReorderLevel")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<string>("Sku")
+                        .HasColumnType("longtext");
+
+                    b.Property<decimal>("StockQuantity")
+                        .HasColumnType("decimal(18, 4)");
+
+                    b.Property<int?>("StorageLocationId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("UnitId")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime?>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int?>("VendorId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("LocationId");
+
+                    b.HasIndex("StorageLocationId");
+
+                    b.HasIndex("UnitId");
+
+                    b.HasIndex("VendorId");
+
+                    b.ToTable("Ingredients", (string)null);
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.InventoryTransaction", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTimeOffset>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int>("IngredientId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Reason")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<decimal>("StockChange")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<int>("UnitId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("IngredientId");
+
+                    b.HasIndex("UnitId");
+
+                    b.ToTable("InventoryTransactions");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.LocationUnit", b =>
+                {
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("UnitId")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("AssignedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("LocationId", "UnitId");
+
+                    b.HasIndex("UnitId");
+
+                    b.ToTable("LocationUnits");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.StorageLocation", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("StorageLocations");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.Unit", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Abbreviation")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<decimal>("ConversionFactor")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Units");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.Recipe", b =>
+                {
+                    b.Property<int>("RecipeId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("RecipeId"));
+
+                    b.Property<string>("Allergens")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Category")
+                        .IsRequired()
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<decimal?>("CostPerYield")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<DateTime?>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("ImageData")
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("IsSubRecipe")
+                        .HasColumnType("bit(1)");
+
+                    b.Property<int>("LocationId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("PortionSize")
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<string>("RecipeType")
+                        .IsRequired()
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<DateTime>("RowVersion")
+                        .IsConcurrencyToken()
+                        .ValueGeneratedOnAddOrUpdate()
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.Property<decimal?>("YieldAmount")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<string>("YieldUnit")
+                        .IsRequired()
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
+                    b.HasKey("RecipeId");
+
+                    b.HasIndex("LocationId");
+
+                    b.ToTable("Recipes");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.RecipeIngredient", b =>
+                {
+                    b.Property<int>("RecipeIngredientId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("RecipeIngredientId"));
+
+                    b.Property<int?>("IngredientId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("PrepNote")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<decimal>("Quantity")
+                        .HasColumnType("decimal(65,30)");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("SortOrder")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("SubRecipeId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("UnitId")
+                        .HasColumnType("int");
+
+                    b.HasKey("RecipeIngredientId");
+
+                    b.HasIndex("IngredientId");
+
+                    b.HasIndex("RecipeId");
+
+                    b.HasIndex("SubRecipeId");
+
+                    b.HasIndex("UnitId");
+
+                    b.ToTable("RecipeIngredients");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.RecipeStep", b =>
+                {
+                    b.Property<int>("StepId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("StepId"));
+
+                    b.Property<string>("Duration")
+                        .HasMaxLength(64)
+                        .HasColumnType("varchar(64)");
+
+                    b.Property<string>("Equipment")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
+                    b.Property<string>("Instructions")
+                        .IsRequired()
+                        .HasMaxLength(2048)
+                        .HasColumnType("varchar(2048)");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("StepNumber")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Temperature")
+                        .HasMaxLength(64)
+                        .HasColumnType("varchar(64)");
+
+                    b.HasKey("StepId");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("RecipeSteps");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.RecipeSubRecipe", b =>
+                {
+                    b.Property<int>("ParentRecipeId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("ChildRecipeId")
+                        .HasColumnType("int");
+
+                    b.HasKey("ParentRecipeId", "ChildRecipeId");
+
+                    b.HasIndex("ChildRecipeId");
+
+                    b.ToTable("RecipeSubRecipes");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Feedback", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.User", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId");
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Location", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Company", "Company")
+                        .WithMany("Locations")
+                        .HasForeignKey("CompanyId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Company");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.ManagerLocation", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany("ManagerLocations")
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommand.Data.Entities.User", "User")
+                        .WithMany("ManagerLocations")
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Location");
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskList", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.User", "CreatedByUser")
+                        .WithMany()
+                        .HasForeignKey("CreatedByUserId");
+
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany()
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("CreatedByUser");
+
+                    b.Navigation("Location");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskListItem", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.TaskList", "TaskList")
+                        .WithMany("Items")
+                        .HasForeignKey("TaskListId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommand.Data.Entities.TaskTemplate", "TaskTemplate")
+                        .WithMany("TaskListItems")
+                        .HasForeignKey("TaskTemplateId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("TaskList");
+
+                    b.Navigation("TaskTemplate");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskTemplate", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.User", "CreatedByUser")
+                        .WithMany()
+                        .HasForeignKey("CreatedByUserId");
+
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Ingredient", "Ingredient")
+                        .WithMany()
+                        .HasForeignKey("IngredientId");
+
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany()
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Recipe.Entities.Recipe", "Recipe")
+                        .WithMany()
+                        .HasForeignKey("RecipeId");
+
+                    b.Navigation("CreatedByUser");
+
+                    b.Navigation("Ingredient");
+
+                    b.Navigation("Location");
+
+                    b.Navigation("Recipe");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Tasks", b =>
+                {
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Ingredient", "Ingredient")
+                        .WithMany()
+                        .HasForeignKey("IngredientId");
+
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany()
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Recipe.Entities.Recipe", "Recipe")
+                        .WithMany()
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.SetNull);
+
+                    b.HasOne("CulinaryCommand.Data.Entities.User", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId");
+
+                    b.Navigation("Ingredient");
+
+                    b.Navigation("Location");
+
+                    b.Navigation("Recipe");
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.User", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Company", "Company")
+                        .WithMany("Employees")
+                        .HasForeignKey("CompanyId")
+                        .OnDelete(DeleteBehavior.Restrict);
+
+                    b.Navigation("Company");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.UserLocation", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany("UserLocations")
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommand.Data.Entities.User", "User")
+                        .WithMany("UserLocations")
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Location");
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.PurchaseOrder.Entities.PurchaseOrder", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany()
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Restrict)
+                        .IsRequired();
+
+                    b.Navigation("Location");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.PurchaseOrder.Entities.PurchaseOrderLine", b =>
+                {
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Ingredient", "Ingredient")
+                        .WithMany()
+                        .HasForeignKey("IngredientId")
+                        .OnDelete(DeleteBehavior.Restrict)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommand.PurchaseOrder.Entities.PurchaseOrder", "PurchaseOrder")
+                        .WithMany("Lines")
+                        .HasForeignKey("PurchaseOrderId")
+                        .OnDelete(DeleteBehavior.Restrict)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Unit", "Unit")
+                        .WithMany()
+                        .HasForeignKey("UnitId")
+                        .OnDelete(DeleteBehavior.Restrict)
+                        .IsRequired();
+
+                    b.Navigation("Ingredient");
+
+                    b.Navigation("PurchaseOrder");
+
+                    b.Navigation("Unit");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Vendor.Entities.LocationVendor", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany("LocationVendors")
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommand.Vendor.Entities.Vendor", "Vendor")
+                        .WithMany("LocationVendors")
+                        .HasForeignKey("VendorId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Location");
+
+                    b.Navigation("Vendor");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Vendor.Entities.Vendor", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Company", "Company")
+                        .WithMany("Vendors")
+                        .HasForeignKey("CompanyId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Company");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.DTOs.InventoryItemDTO", b =>
+                {
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.StorageLocation", null)
+                        .WithMany("InventoryItems")
+                        .HasForeignKey("StorageLocationId");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.Ingredient", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany()
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.StorageLocation", "StorageLocation")
+                        .WithMany()
+                        .HasForeignKey("StorageLocationId");
+
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Unit", "Unit")
+                        .WithMany("Ingredients")
+                        .HasForeignKey("UnitId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommand.Vendor.Entities.Vendor", "Vendor")
+                        .WithMany()
+                        .HasForeignKey("VendorId")
+                        .OnDelete(DeleteBehavior.SetNull);
+
+                    b.Navigation("Location");
+
+                    b.Navigation("StorageLocation");
+
+                    b.Navigation("Unit");
+
+                    b.Navigation("Vendor");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.InventoryTransaction", b =>
+                {
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Ingredient", "Ingredient")
+                        .WithMany()
+                        .HasForeignKey("IngredientId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Unit", "Unit")
+                        .WithMany("InventoryTransaction")
+                        .HasForeignKey("UnitId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Ingredient");
+
+                    b.Navigation("Unit");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.LocationUnit", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany("LocationUnits")
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Unit", "Unit")
+                        .WithMany("LocationUnits")
+                        .HasForeignKey("UnitId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Location");
+
+                    b.Navigation("Unit");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.Recipe", b =>
+                {
+                    b.HasOne("CulinaryCommand.Data.Entities.Location", "Location")
+                        .WithMany("Recipes")
+                        .HasForeignKey("LocationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Location");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.RecipeIngredient", b =>
+                {
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Ingredient", "Ingredient")
+                        .WithMany()
+                        .HasForeignKey("IngredientId")
+                        .OnDelete(DeleteBehavior.Restrict);
+
+                    b.HasOne("CulinaryCommandApp.Recipe.Entities.Recipe", "Recipe")
+                        .WithMany("RecipeIngredients")
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Recipe.Entities.Recipe", "SubRecipe")
+                        .WithMany()
+                        .HasForeignKey("SubRecipeId")
+                        .OnDelete(DeleteBehavior.Restrict);
+
+                    b.HasOne("CulinaryCommandApp.Inventory.Entities.Unit", "Unit")
+                        .WithMany()
+                        .HasForeignKey("UnitId")
+                        .OnDelete(DeleteBehavior.Restrict)
+                        .IsRequired();
+
+                    b.Navigation("Ingredient");
+
+                    b.Navigation("Recipe");
+
+                    b.Navigation("SubRecipe");
+
+                    b.Navigation("Unit");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.RecipeStep", b =>
+                {
+                    b.HasOne("CulinaryCommandApp.Recipe.Entities.Recipe", "Recipe")
+                        .WithMany("Steps")
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Recipe");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.RecipeSubRecipe", b =>
+                {
+                    b.HasOne("CulinaryCommandApp.Recipe.Entities.Recipe", "ChildRecipe")
+                        .WithMany("UsedInRecipes")
+                        .HasForeignKey("ChildRecipeId")
+                        .OnDelete(DeleteBehavior.Restrict)
+                        .IsRequired();
+
+                    b.HasOne("CulinaryCommandApp.Recipe.Entities.Recipe", "ParentRecipe")
+                        .WithMany("SubRecipeUsages")
+                        .HasForeignKey("ParentRecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("ChildRecipe");
+
+                    b.Navigation("ParentRecipe");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Company", b =>
+                {
+                    b.Navigation("Employees");
+
+                    b.Navigation("Locations");
+
+                    b.Navigation("Vendors");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.Location", b =>
+                {
+                    b.Navigation("LocationUnits");
+
+                    b.Navigation("LocationVendors");
+
+                    b.Navigation("ManagerLocations");
+
+                    b.Navigation("Recipes");
+
+                    b.Navigation("UserLocations");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskList", b =>
+                {
+                    b.Navigation("Items");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.TaskTemplate", b =>
+                {
+                    b.Navigation("TaskListItems");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Data.Entities.User", b =>
+                {
+                    b.Navigation("ManagerLocations");
+
+                    b.Navigation("UserLocations");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.PurchaseOrder.Entities.PurchaseOrder", b =>
+                {
+                    b.Navigation("Lines");
+                });
+
+            modelBuilder.Entity("CulinaryCommand.Vendor.Entities.Vendor", b =>
+                {
+                    b.Navigation("LocationVendors");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.StorageLocation", b =>
+                {
+                    b.Navigation("InventoryItems");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Inventory.Entities.Unit", b =>
+                {
+                    b.Navigation("Ingredients");
+
+                    b.Navigation("InventoryTransaction");
+
+                    b.Navigation("LocationUnits");
+                });
+
+            modelBuilder.Entity("CulinaryCommandApp.Recipe.Entities.Recipe", b =>
+                {
+                    b.Navigation("RecipeIngredients");
+
+                    b.Navigation("Steps");
+
+                    b.Navigation("SubRecipeUsages");
+
+                    b.Navigation("UsedInRecipes");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/CulinaryCommandApp/Migrations/20260414000001_AddRecipeImageAndMetadata.cs b/CulinaryCommandApp/Migrations/20260414000001_AddRecipeImageAndMetadata.cs
new file mode 100644
index 0000000..9670a27
--- /dev/null
+++ b/CulinaryCommandApp/Migrations/20260414000001_AddRecipeImageAndMetadata.cs
@@ -0,0 +1,52 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace CulinaryCommand.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddRecipeImageAndMetadata : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AddColumn<string>(
+                name: "Allergens",
+                table: "Recipes",
+                type: "varchar(256)",
+                maxLength: 256,
+                nullable: true);
+
+            migrationBuilder.AddColumn<string>(
+                name: "ImageData",
+                table: "Recipes",
+                type: "longtext",
+                nullable: true);
+
+            migrationBuilder.AddColumn<string>(
+                name: "PortionSize",
+                table: "Recipes",
+                type: "varchar(128)",
+                maxLength: 128,
+                nullable: true);
+
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropColumn(
+                name: "Allergens",
+                table: "Recipes");
+
+            migrationBuilder.DropColumn(
+                name: "ImageData",
+                table: "Recipes");
+
+            migrationBuilder.DropColumn(
+                name: "PortionSize",
+                table: "Recipes");
+
+        }
+    }
+}
diff --git a/CulinaryCommandApp/Migrations/AppDbContextModelSnapshot.cs b/CulinaryCommandApp/Migrations/AppDbContextModelSnapshot.cs
index f5d4b13..9748249 100644
--- a/CulinaryCommandApp/Migrations/AppDbContextModelSnapshot.cs
+++ b/CulinaryCommandApp/Migrations/AppDbContextModelSnapshot.cs
@@ -900,6 +900,10 @@ protected override void BuildModel(ModelBuilder modelBuilder)
 
                     MySqlPropertyBuilderExtensions.UseMySqlIdentityColumn(b.Property<int>("RecipeId"));
 
+                    b.Property<string>("Allergens")
+                        .HasMaxLength(256)
+                        .HasColumnType("varchar(256)");
+
                     b.Property<string>("Category")
                         .IsRequired()
                         .HasMaxLength(128)
@@ -911,12 +915,19 @@ protected override void BuildModel(ModelBuilder modelBuilder)
                     b.Property<DateTime?>("CreatedAt")
                         .HasColumnType("datetime(6)");
 
+                    b.Property<string>("ImageData")
+                        .HasColumnType("longtext");
+
                     b.Property<bool>("IsSubRecipe")
                         .HasColumnType("bit(1)");
 
                     b.Property<int>("LocationId")
                         .HasColumnType("int");
 
+                    b.Property<string>("PortionSize")
+                        .HasMaxLength(128)
+                        .HasColumnType("varchar(128)");
+
                     b.Property<string>("RecipeType")
                         .IsRequired()
                         .HasMaxLength(128)
diff --git a/CulinaryCommandApp/Program.cs b/CulinaryCommandApp/Program.cs
index 2c9c932..5d69361 100644
--- a/CulinaryCommandApp/Program.cs
+++ b/CulinaryCommandApp/Program.cs
@@ -103,6 +103,11 @@
 
       options.TokenValidationParameters.NameClaimType = "cognito:username";
       options.TokenValidationParameters.RoleClaimType = "cognito:groups";
+
+      // Allow correlation/nonce cookies over plain HTTP in development
+      options.CorrelationCookie.SecurePolicy = CookieSecurePolicy.SameAsRequest;
+      options.NonceCookie.SecurePolicy = CookieSecurePolicy.SameAsRequest;
+
       options.Events.OnRedirectToIdentityProvider = ctx =>
         {
             // Forces correct scheme/host behind nginx
@@ -119,7 +124,12 @@
 // =====================
 // AI Services
 // =====================
-builder.Services.AddSingleton<Client>(_ => new Client());
+builder.Services.AddSingleton<Client>(sp =>
+{
+    var apiKey = builder.Configuration["Google:ApiKey"]
+        ?? throw new InvalidOperationException("Google:ApiKey is not configured.");
+    return new Client(apiKey: apiKey);
+});
 builder.Services.AddScoped<AIReportingService>();
 
 //
diff --git a/CulinaryCommandApp/Recipe/Entities/Recipe.cs b/CulinaryCommandApp/Recipe/Entities/Recipe.cs
index b64b838..729a49b 100644
--- a/CulinaryCommandApp/Recipe/Entities/Recipe.cs
+++ b/CulinaryCommandApp/Recipe/Entities/Recipe.cs
@@ -29,6 +29,15 @@ public class Recipe
 
         public bool IsSubRecipe { get; set; } = false;
 
+        [MaxLength(128)]
+        public string? PortionSize { get; set; }
+
+        [MaxLength(256)]
+        public string? Allergens { get; set; }
+
+        // Base64-encoded image (no MaxLength → LONGTEXT in MySQL)
+        public string? ImageData { get; set; }
+
         public DateTime? CreatedAt { get; set; }
 
         // Optimistic concurrency token — backed by a MySQL timestamp(6) column
diff --git a/CulinaryCommandApp/Recipe/Pages/RecipeEdit.razor b/CulinaryCommandApp/Recipe/Pages/RecipeEdit.razor
index afc67be..2b0593a 100644
--- a/CulinaryCommandApp/Recipe/Pages/RecipeEdit.razor
+++ b/CulinaryCommandApp/Recipe/Pages/RecipeEdit.razor
@@ -39,14 +39,11 @@ else if (_notFound)
 else
 {
     <div class="container py-4" style="max-width: 860px;">
-        <nav aria-label="breadcrumb" class="mb-3">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item">
-                    <a href="/recipes">Recipes</a>
-                </li>
-                <li class="breadcrumb-item active" aria-current="page">Edit — @_model!.Title</li>
-            </ol>
-        </nav>
+        <div class="re-back-row">
+            <a href="/recipes/view/@Id" class="re-back-btn">
+                <i class="bi bi-arrow-left"></i> Back
+            </a>
+        </div>
 
         <RecipeForm Model="_model!"
                     FormTitle="Edit Recipe"
diff --git a/CulinaryCommandApp/Recipe/Pages/RecipeEdit.razor.css b/CulinaryCommandApp/Recipe/Pages/RecipeEdit.razor.css
new file mode 100644
index 0000000..7481d77
--- /dev/null
+++ b/CulinaryCommandApp/Recipe/Pages/RecipeEdit.razor.css
@@ -0,0 +1,27 @@
+.re-back-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+}
+
+.re-back-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    padding: 8px 16px;
+    border-radius: 10px;
+    font-weight: 600;
+    font-size: 0.88rem;
+    text-decoration: none;
+    background: #ffffff;
+    color: #1f2a37;
+    border: 1px solid #e5e7eb;
+    box-shadow: 0 1px 4px rgba(31, 42, 55, 0.06);
+    transition: all 0.18s ease;
+}
+
+.re-back-btn:hover {
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #1f2a37;
+}
diff --git a/CulinaryCommandApp/Recipe/Pages/RecipeForm.razor b/CulinaryCommandApp/Recipe/Pages/RecipeForm.razor
index b0d6d96..1088cf9 100644
--- a/CulinaryCommandApp/Recipe/Pages/RecipeForm.razor
+++ b/CulinaryCommandApp/Recipe/Pages/RecipeForm.razor
@@ -6,6 +6,7 @@
 @using CulinaryCommandApp.Inventory.Entities
 @using CulinaryCommandApp.Inventory.Services
 @using CulinaryCommandApp.Inventory.Services.Interfaces
+@using Microsoft.AspNetCore.Components.Forms
 @using Microsoft.EntityFrameworkCore
 @using System.Threading
 @inject IIngredientService IngredientService
@@ -162,6 +163,64 @@ else {
 
             <hr />
 
+            @* ---- Section: Recipe Image ---- *@
+            <h6 class="text-uppercase text-muted fw-semibold mb-3">Recipe Image</h6>
+
+            <div class="mb-4">
+                <div class="rf-image-card">
+                    @if (!string.IsNullOrWhiteSpace(Model.ImageData))
+                    {
+                        <div class="rf-image-preview">
+                            <img src="@Model.ImageData" alt="Recipe preview" class="rf-preview-img" />
+                            <button type="button" class="rf-remove-img" @onclick="RemoveImage" title="Remove image">
+                                <i class="bi bi-x-lg"></i>
+                            </button>
+                        </div>
+                    }
+                    else
+                    {
+                        <div class="rf-image-placeholder">
+                            <i class="bi bi-image"></i>
+                            <p>No image uploaded</p>
+                            <p class="rf-upload-hint">JPG, PNG or WEBP · max 5 MB</p>
+                        </div>
+                    }
+                </div>
+                <InputFile id="recipeImageInput"
+                           class="form-control mt-2"
+                           accept="image/*"
+                           OnChange="HandleImageUpload" />
+                @if (!string.IsNullOrWhiteSpace(_imageError))
+                {
+                    <div class="text-danger small mt-1">@_imageError</div>
+                }
+            </div>
+
+            <hr />
+
+            @* ---- Section: Serving Info ---- *@
+            <h6 class="text-uppercase text-muted fw-semibold mb-3">Serving &amp; Nutrition</h6>
+
+            <div class="row mb-3">
+                <div class="col-md-6">
+                    <label class="form-label fw-semibold">Portion Size</label>
+                    <input class="form-control"
+                           placeholder="e.g. 6 oz serving"
+                           @bind="Model.PortionSize" />
+                </div>
+            </div>
+
+            @* Allergens *@
+            <div class="mb-4">
+                <label class="form-label fw-semibold">Allergens</label>
+                <input class="form-control"
+                       placeholder="e.g. Fish, Gluten, Nuts"
+                       @bind="Model.Allergens" />
+                <div class="form-text">Comma-separate multiple allergens.</div>
+            </div>
+
+            <hr />
+
             @* ---- Section 2: Ingredient Lines ----*@
             <div class="d-flex align-items-center justify-content-between mb-3">
                 <h6 class="text-uppercase text-muted fw-semibold mb-0">Ingredients</h6>
@@ -401,6 +460,9 @@ else {
     private bool _dataLoading;
     private readonly SemaphoreSlim _loadSemaphore = new(1, 1);
 
+    // Image upload
+    private string? _imageError;
+
     // Reference data
     private List<string> _recipeTypes = new();
     private List<string> _recipeCategories = new();
@@ -766,6 +828,45 @@ else {
 
     private void Cancel() => Nav.NavigateTo("/recipes");
 
+    // *** Image upload ***
+
+    private async Task HandleImageUpload(InputFileChangeEventArgs e)
+    {
+        _imageError = null;
+        var file = e.File;
+
+        const long maxBytes = 5 * 1024 * 1024; // 5 MB
+        if (file.Size > maxBytes)
+        {
+            _imageError = "Image must be under 5 MB.";
+            return;
+        }
+
+        if (!file.ContentType.StartsWith("image/"))
+        {
+            _imageError = "Please select a valid image file.";
+            return;
+        }
+
+        try
+        {
+            using var ms = new System.IO.MemoryStream();
+            await using var stream = file.OpenReadStream(maxBytes);
+            await stream.CopyToAsync(ms);
+            var base64 = Convert.ToBase64String(ms.ToArray());
+            Model.ImageData = $"data:{file.ContentType};base64,{base64}";
+        }
+        catch
+        {
+            _imageError = "Failed to read the image. Please try again.";
+        }
+    }
+
+    private void RemoveImage()
+    {
+        Model.ImageData = null;
+    }
+
     // *** View model for ingredient lines ***
 
     private sealed class IngredientLineViewModel {
diff --git a/CulinaryCommandApp/Recipe/Pages/RecipeForm.razor.css b/CulinaryCommandApp/Recipe/Pages/RecipeForm.razor.css
new file mode 100644
index 0000000..ba9c796
--- /dev/null
+++ b/CulinaryCommandApp/Recipe/Pages/RecipeForm.razor.css
@@ -0,0 +1,108 @@
+/* ── Recipe image upload card ─────────────────────────────────────────────── */
+
+.rf-image-card {
+    width: 100%;
+    max-width: 280px;
+    border-radius: 12px;
+    border: 2px dashed #d1d5db;
+    overflow: hidden;
+    background: #f9fafb;
+    transition: border-color 0.2s;
+}
+
+.rf-image-card:hover {
+    border-color: #9ca3af;
+}
+
+.rf-image-placeholder {
+    padding: 28px 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 6px;
+    color: #9ca3af;
+    text-align: center;
+}
+
+.rf-image-placeholder i {
+    font-size: 2.2rem;
+}
+
+.rf-image-placeholder p {
+    margin: 0;
+    font-size: 0.88rem;
+    font-weight: 500;
+    color: #6b7280;
+}
+
+.rf-upload-hint {
+    font-size: 0.76rem !important;
+    color: #9ca3af !important;
+}
+
+.rf-image-preview {
+    position: relative;
+}
+
+.rf-preview-img {
+    width: 100%;
+    max-height: 240px;
+    object-fit: cover;
+    display: block;
+}
+
+.rf-remove-img {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background: rgba(17, 24, 39, 0.65);
+    color: #ffffff;
+    border: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.75rem;
+    cursor: pointer;
+    transition: background 0.15s;
+}
+
+.rf-remove-img:hover {
+    background: rgba(220, 38, 38, 0.85);
+}
+
+/* ── Dietary tag chip grid ───────────────────────────────────────────────── */
+
+.rf-tag-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.rf-tag-chip {
+    display: inline-flex;
+    align-items: center;
+    padding: 6px 14px;
+    border-radius: 999px;
+    border: 1.5px solid #d1d5db;
+    background: #ffffff;
+    color: #374151;
+    font-size: 0.84rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.15s;
+    user-select: none;
+}
+
+.rf-tag-chip:hover {
+    border-color: #0a8f3c;
+    color: #0a8f3c;
+}
+
+.rf-tag-chip.checked {
+    background: #dcfce7;
+    border-color: #0a8f3c;
+    color: #166534;
+}
diff --git a/CulinaryCommandApp/Recipe/Pages/RecipeView.razor b/CulinaryCommandApp/Recipe/Pages/RecipeView.razor
index edcddb7..cca1fbc 100644
--- a/CulinaryCommandApp/Recipe/Pages/RecipeView.razor
+++ b/CulinaryCommandApp/Recipe/Pages/RecipeView.razor
@@ -8,216 +8,266 @@
 @inject IUserContextService UserCtx
 @inject NavigationManager Nav
 
-<ProduceRecipeDialog @ref="_produceDialog"
-                     RecipeId="@Id"
-                     RecipeTitle="@(_model?.Title ?? string.Empty)" />
-
 <PageTitle>@(_model?.Title ?? "Recipe")</PageTitle>
 
-@if (!_ready)
-{
-    <div class="d-flex justify-content-center py-5">
-        <div class="spinner-border text-success" role="status">
-            <span class="visually-hidden">Loading…</span>
+<div class="rv-page">
+    @if (!_ready)
+    {
+        <div class="text-center mt-5">
+            <div class="rv-spinner" role="status">
+                <span class="visually-hidden">Loading…</span>
+            </div>
         </div>
-    </div>
-}
-else if (_notFound)
-{
-    <div class="container py-4" style="max-width: 860px;">
-        <div class="alert alert-danger">
+    }
+    else if (_notFound)
+    {
+        <div class="alert alert-danger mt-4">
             Recipe not found. It may have been deleted.
             <a href="/recipes" class="alert-link ms-2">Back to Recipes</a>
         </div>
-    </div>
-}
-else
-{
-    var recipe = _model!;
-
-    <div class="rv-container">
-
-        @* ── Header card ── *@
-        <div class="rv-header-card">
-            <div class="rv-header-main">
-                <div>
-                    <div class="rv-title-row">
-                        <h1 class="rv-title">@recipe.Title</h1>
-                        @if (recipe.IsSubRecipe)
-                        {
-                            <span class="rv-sub-badge">
-                                <i class="bi bi-diagram-3"></i> Sub-Recipe
-                            </span>
-                        }
-                    </div>
-                    <div class="rv-meta-row">
-                        @if (!string.IsNullOrWhiteSpace(recipe.Category))
-                        {
-                            <span class="rv-pill">@recipe.Category</span>
-                        }
-                        @if (!string.IsNullOrWhiteSpace(recipe.RecipeType))
-                        {
-                            <span class="rv-pill rv-pill-type">@recipe.RecipeType</span>
-                        }
-                        @if (recipe.CreatedAt.HasValue)
-                        {
-                            <span class="rv-meta-text">
-                                <i class="bi bi-calendar3 me-1"></i>
-                                @recipe.CreatedAt.Value.ToString("MMM d, yyyy")
-                            </span>
-                        }
+    }
+    else
+    {
+        var recipe = _model!;
+
+        @* ── Back button ── *@
+        <div class="rv-back-row">
+            <a href="/recipes" class="rv-btn rv-btn-outline">
+                <i class="bi bi-arrow-left"></i> Back
+            </a>
+        </div>
+
+        @* ── Two-column layout ── *@
+        <div class="rv-layout">
+
+            @* ════ LEFT PANEL ════ *@
+            <aside class="rv-left">
+
+                @* Edit button *@
+                @if (_priv)
+                {
+                    <div class="rv-edit-row">
+                        <a href="/recipes/edit/@recipe.RecipeId" class="rv-btn rv-btn-primary rv-btn-full">
+                            <i class="bi bi-pencil"></i> Edit Recipe
+                        </a>
                     </div>
+                }
+
+                @* Image card *@
+                <div class="rv-image-card">
+                    @if (!string.IsNullOrWhiteSpace(recipe.ImageData))
+                    {
+                        <img src="@recipe.ImageData" alt="@recipe.Title" class="rv-image" />
+                    }
+                    else
+                    {
+                        <div class="rv-image-placeholder">
+                            <i class="bi bi-image"></i>
+                            <span>@recipe.Title</span>
+                        </div>
+                    }
                 </div>
 
-                <div class="rv-stat-group">
+                @* Title *@
+                <h1 class="rv-title">@recipe.Title</h1>
+
+                @* Meta list *@
+                <ul class="rv-meta-list">
+                    @if (!string.IsNullOrWhiteSpace(recipe.Category))
+                    {
+                        <li>
+                            <i class="bi bi-tag"></i>
+                            <span class="rv-meta-label">Category</span>
+                            <span class="rv-meta-value">@recipe.Category</span>
+                        </li>
+                    }
+                    @if (!string.IsNullOrWhiteSpace(recipe.RecipeType))
+                    {
+                        <li>
+                            <i class="bi bi-clock"></i>
+                            <span class="rv-meta-label">Menu</span>
+                            <span class="rv-meta-value">@recipe.RecipeType</span>
+                        </li>
+                    }
                     @if (recipe.YieldAmount.HasValue)
                     {
-                        <div class="rv-stat">
-                            <span class="rv-stat-label">Yield</span>
-                            <span class="rv-stat-value">
+                        <li>
+                            <i class="bi bi-people"></i>
+                            <span class="rv-meta-label">Yield</span>
+                            <span class="rv-meta-value">
                                 @recipe.YieldAmount.Value.ToString("G29")
                                 @if (!string.IsNullOrWhiteSpace(recipe.YieldUnit))
                                 {
-                                    <span class="rv-stat-unit"> @recipe.YieldUnit</span>
+                                    <text> @recipe.YieldUnit</text>
                                 }
                             </span>
-                        </div>
+                        </li>
                     }
-                    @if (recipe.CostPerYield.HasValue)
+                    @if (!string.IsNullOrWhiteSpace(recipe.PortionSize))
                     {
-                        <div class="rv-stat">
-                            <span class="rv-stat-label">Cost / Yield</span>
-                            <span class="rv-stat-value rv-cost">@recipe.CostPerYield.Value.ToString("C2")</span>
-                        </div>
+                        <li>
+                            <i class="bi bi-cup-hot"></i>
+                            <span class="rv-meta-label">Portion</span>
+                            <span class="rv-meta-value">@recipe.PortionSize</span>
+                        </li>
                     }
-                </div>
-            </div>
+                </ul>
 
-            <div class="rv-actions">
-                <a href="/recipes" class="btn btn-outline-secondary btn-sm">
-                    <i class="bi bi-arrow-left me-1"></i> Back
-                </a>
-                @if (_priv)
+                @* Allergens *@
+                @if (!string.IsNullOrWhiteSpace(recipe.Allergens))
                 {
-                    <a href="/recipes/edit/@recipe.RecipeId" class="btn btn-success btn-sm">
-                        <i class="bi bi-pencil me-1"></i> Edit
-                    </a>
-                    <button class="btn btn-primary btn-sm"
-                            @onclick="() => _produceDialog!.OpenAsync()">
-                        <i class="bi bi-play-circle me-1"></i> Produce
-                    </button>
+                    <div class="rv-section-block">
+                        <h4 class="rv-section-label">Allergens</h4>
+                        <div class="rv-allergen-row">
+                            <i class="bi bi-exclamation-triangle-fill"></i>
+                            <span>Contains: @recipe.Allergens</span>
+                        </div>
+                    </div>
                 }
-            </div>
-        </div>
 
-        <div class="rv-body">
 
-            @* ── Ingredients ── *@
-            <div class="rv-card">
-                <div class="rv-card-header">
-                    <i class="bi bi-basket2 me-2"></i>Ingredients
-                    <span class="rv-count-badge">@recipe.RecipeIngredients.Count</span>
-                </div>
+            </aside>
 
-                @if (!recipe.RecipeIngredients.Any())
-                {
-                    <p class="rv-empty">No ingredients added.</p>
-                }
-                else
-                {
-                    <table class="rv-table">
-                        <thead>
-                            <tr>
-                                <th>#</th>
-                                <th>Ingredient / Sub-Recipe</th>
-                                <th>Quantity</th>
-                                <th>Unit</th>
-                                <th>Prep Note</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            @foreach (var line in recipe.RecipeIngredients.OrderBy(l => l.SortOrder))
-                            {
-                                <tr>
-                                    <td class="rv-sort-num">@line.SortOrder</td>
-                                    <td>
-                                        @if (line.SubRecipeId.HasValue)
-                                        {
-                                            <span class="rv-subrecipe-line">
-                                                <i class="bi bi-diagram-3 me-1"></i>
-                                                @(line.SubRecipe?.Title ?? $"Sub-Recipe #{line.SubRecipeId}")
-                                            </span>
-                                        }
-                                        else
-                                        {
-                                            @(line.Ingredient?.Name ?? "—")
-                                        }
-                                    </td>
-                                    <td>@line.Quantity.ToString("G29")</td>
-                                    <td>@(line.Unit?.Abbreviation ?? "—")</td>
-                                    <td class="rv-prepnote">@(line.PrepNote ?? "—")</td>
-                                </tr>
-                            }
-                        </tbody>
-                    </table>
-                }
-            </div>
-
-            @* ── Steps ── *@
-            <div class="rv-card">
-                <div class="rv-card-header">
-                    <i class="bi bi-list-ol me-2"></i>Preparation Steps
-                    <span class="rv-count-badge">@recipe.Steps.Count</span>
-                </div>
+            @* ════ RIGHT PANEL ════ *@
+            <main class="rv-right">
 
-                @if (!recipe.Steps.Any())
-                {
-                    <p class="rv-empty">No preparation steps added.</p>
-                }
-                else
-                {
-                    <ol class="rv-steps">
-                        @foreach (var step in recipe.Steps.OrderBy(s => s.StepNumber))
+                @* ── Ingredients ── *@
+                <div class="rv-card">
+                    <div class="rv-card-header">
+                        <span>Ingredients</span>
+                        @if (recipe.YieldAmount.HasValue && recipe.YieldAmount.Value > 0)
                         {
-                            <li class="rv-step">
-                                <div class="rv-step-body">
-                                    <p class="rv-step-instructions">@step.Instructions</p>
+                            <div class="rv-scale-wrap">
+                                <label class="rv-scale-label">Scale:</label>
+                                <select class="rv-scale-select" value="@_scaleServings"
+                                        @onchange="e => { if (decimal.TryParse(e.Value?.ToString(), out var v)) _scaleServings = v; }">
+                                    @foreach (var opt in GetScaleOptions(recipe.YieldAmount.Value, recipe.YieldUnit))
+                                    {
+                                        <option value="@opt.Value">@opt.Label</option>
+                                    }
+                                </select>
+                            </div>
+                        }
+                    </div>
 
-                                    @if (!string.IsNullOrWhiteSpace(step.Duration)
-                                      || !string.IsNullOrWhiteSpace(step.Temperature)
-                                      || !string.IsNullOrWhiteSpace(step.Equipment))
+                    @if (!recipe.RecipeIngredients.Any())
+                    {
+                        <p class="rv-card-empty">No ingredients added.</p>
+                    }
+                    else
+                    {
+                        <div class="rv-table-wrap">
+                            <table class="rv-ing-table">
+                                <thead>
+                                    <tr>
+                                        <th class="col-qty">Quantity</th>
+                                        <th>Ingredient</th>
+                                        <th>Prep Notes</th>
+                                        <th>Supplier</th>
+                                        <th class="col-inv">Inv</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @foreach (var line in recipe.RecipeIngredients.OrderBy(l => l.SortOrder))
                                     {
-                                        <div class="rv-step-meta">
-                                            @if (!string.IsNullOrWhiteSpace(step.Duration))
-                                            {
-                                                <span class="rv-step-tag">
-                                                    <i class="bi bi-clock me-1"></i>@step.Duration
-                                                </span>
-                                            }
-                                            @if (!string.IsNullOrWhiteSpace(step.Temperature))
-                                            {
-                                                <span class="rv-step-tag">
-                                                    <i class="bi bi-thermometer-half me-1"></i>@step.Temperature
-                                                </span>
-                                            }
-                                            @if (!string.IsNullOrWhiteSpace(step.Equipment))
-                                            {
-                                                <span class="rv-step-tag">
-                                                    <i class="bi bi-tools me-1"></i>@step.Equipment
-                                                </span>
-                                            }
-                                        </div>
+                                        <tr>
+                                            <td class="col-qty">
+                                                @ScaledQty(line.Quantity, recipe.YieldAmount)
+                                                @if (line.Unit is not null)
+                                                {
+                                                    <span class="rv-unit">@line.Unit.Abbreviation</span>
+                                                }
+                                            </td>
+                                            <td>
+                                                @if (line.SubRecipeId.HasValue)
+                                                {
+                                                    <span class="rv-subrecipe-pill">
+                                                        <i class="bi bi-diagram-3"></i>
+                                                        @(line.SubRecipe?.Title ?? $"Sub-Recipe #{line.SubRecipeId}")
+                                                    </span>
+                                                }
+                                                else
+                                                {
+                                                    <span class="rv-ing-name">@(line.Ingredient?.Name ?? "—")</span>
+                                                }
+                                            </td>
+                                            <td class="rv-prepnote">
+                                                @(string.IsNullOrWhiteSpace(line.PrepNote) ? "—" : line.PrepNote)
+                                            </td>
+                                            <td class="rv-supplier">
+                                                @(line.Ingredient?.Vendor?.Name ?? "—")
+                                            </td>
+                                            <td class="col-inv">
+                                                @if (line.IngredientId.HasValue)
+                                                {
+                                                    <a href="/inventory" class="rv-inv-link" title="View in inventory">
+                                                        <i class="bi bi-box-seam"></i>
+                                                    </a>
+                                                }
+                                            </td>
+                                        </tr>
                                     }
+                                </tbody>
+                            </table>
+                        </div>
+                    }
+                </div>
+
+                @* ── Steps ── *@
+                <div class="rv-card">
+                    <div class="rv-card-header">
+                        <span>Step-by-Step Instructions</span>
+                    </div>
+
+                    @if (!recipe.Steps.Any())
+                    {
+                        <p class="rv-card-empty">No preparation steps provided.</p>
+                    }
+                    else
+                    {
+                        <div class="rv-steps">
+                            @foreach (var step in recipe.Steps.OrderBy(s => s.StepNumber))
+                            {
+                                <div class="rv-step">
+                                    <span class="rv-step-num">@step.StepNumber</span>
+                                    <div class="rv-step-body">
+                                        <p class="rv-step-text">@step.Instructions</p>
+                                        @if (!string.IsNullOrWhiteSpace(step.Duration)
+                                          || !string.IsNullOrWhiteSpace(step.Temperature)
+                                          || !string.IsNullOrWhiteSpace(step.Equipment))
+                                        {
+                                            <div class="rv-step-meta">
+                                                @if (!string.IsNullOrWhiteSpace(step.Duration))
+                                                {
+                                                    <span class="rv-step-chip">
+                                                        <i class="bi bi-clock"></i> @step.Duration
+                                                    </span>
+                                                }
+                                                @if (!string.IsNullOrWhiteSpace(step.Temperature))
+                                                {
+                                                    <span class="rv-step-chip">
+                                                        <i class="bi bi-thermometer-half"></i> @step.Temperature
+                                                    </span>
+                                                }
+                                                @if (!string.IsNullOrWhiteSpace(step.Equipment))
+                                                {
+                                                    <span class="rv-step-chip">
+                                                        <i class="bi bi-tools"></i> @step.Equipment
+                                                    </span>
+                                                }
+                                            </div>
+                                        }
+                                    </div>
                                 </div>
-                            </li>
-                        }
-                    </ol>
-                }
-            </div>
+                            }
+                        </div>
+                    }
+                </div>
 
+            </main>
         </div>
-    </div>
-}
+    }
+</div>
 
 @code {
 
@@ -227,7 +277,8 @@ else
     private bool _ready;
     private bool _notFound;
     private bool _priv;
-    private ProduceRecipeDialog? _produceDialog;
+    private string? _sourceRestaurant;
+    private decimal _scaleServings = 1;
 
     protected override async Task OnInitializedAsync()
     {
@@ -252,6 +303,39 @@ else
         _model = await RecipeService.GetByIdAsync(Id, allowedLocationIds);
         _notFound = _model is null;
 
+        if (_model is not null)
+        {
+            _sourceRestaurant = ctx.AccessibleLocations
+                .FirstOrDefault(l => l.Id == _model.LocationId)?.Name;
+
+            // Default scale = original yield
+            _scaleServings = _model.YieldAmount ?? 1;
+        }
+
         _ready = true;
     }
+
+    // ── Scale helpers ─────────────────────────────────────────────────────────
+
+    private record ScaleOption(decimal Value, string Label);
+
+    private List<ScaleOption> GetScaleOptions(decimal baseYield, string? unit)
+    {
+        var opts = new List<ScaleOption>();
+        decimal[] multipliers = { 0.5m, 1m, 2m, 3m, 4m, 6m, 8m, 10m, 12m };
+        var suffix = string.IsNullOrWhiteSpace(unit) ? "servings" : unit;
+        foreach (var m in multipliers)
+        {
+            var servings = baseYield * m;
+            opts.Add(new ScaleOption(servings, $"{servings.ToString("G29")} {suffix}"));
+        }
+        return opts;
+    }
+
+    private string ScaledQty(decimal originalQty, decimal? baseYield)
+    {
+        if (!baseYield.HasValue || baseYield.Value == 0) return originalQty.ToString("G29");
+        var scaled = originalQty / baseYield.Value * _scaleServings;
+        return scaled.ToString("G29");
+    }
 }
diff --git a/CulinaryCommandApp/Recipe/Pages/RecipeView.razor.css b/CulinaryCommandApp/Recipe/Pages/RecipeView.razor.css
index 6837e9b..41c600a 100644
--- a/CulinaryCommandApp/Recipe/Pages/RecipeView.razor.css
+++ b/CulinaryCommandApp/Recipe/Pages/RecipeView.razor.css
@@ -1,311 +1,519 @@
-/* ── Layout ─────────────────────────────────────────────────────────────── */
+/* ── Page wrapper ────────────────────────────────────────────────────────── */
 
-.rv-container {
-    max-width: 900px;
+.rv-page {
+    max-width: 1200px;
     margin: 0 auto;
-    padding: 24px 24px 48px;
-    font-family: "Source Sans 3", "Segoe UI", sans-serif;
-    color: var(--cc-ink);
-    background: var(--cc-bg);
+    padding: 20px 20px 48px;
+    background: #f6f7f9;
     min-height: 100vh;
+    font-family: "Source Sans 3", "Segoe UI", sans-serif;
+    color: #1f2a37;
 }
 
-/* ── Header card ─────────────────────────────────────────────────────────── */
+/* ── Back button row ─────────────────────────────────────────────────────── */
 
-.rv-header-card {
-    background: var(--cc-card);
-    border-radius: 16px;
-    border: 1px solid var(--cc-border);
-    box-shadow: var(--cc-shadow);
-    padding: 24px 28px;
-    margin-bottom: 20px;
+.rv-back-row {
     display: flex;
-    flex-direction: column;
-    gap: 16px;
+    align-items: center;
+    margin-bottom: 16px;
 }
 
-.rv-header-main {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    gap: 16px;
-}
+/* ── Edit button row (inside left panel, above image) ────────────────────── */
 
-.rv-title-row {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    flex-wrap: wrap;
-    margin-bottom: 8px;
+.rv-edit-row {
+    margin-bottom: 10px;
 }
 
-.rv-title {
-    font-family: "Space Grotesk", "Source Sans 3", sans-serif;
-    font-size: 1.75rem;
-    font-weight: 700;
-    margin: 0;
-    color: var(--cc-ink);
+.rv-btn-full {
+    width: 100%;
+    justify-content: center;
 }
 
-.rv-sub-badge {
+.rv-btn {
     display: inline-flex;
     align-items: center;
-    gap: 5px;
-    padding: 4px 12px;
-    border-radius: 999px;
-    font-size: 0.78rem;
+    gap: 7px;
+    padding: 8px 16px;
+    border-radius: 10px;
     font-weight: 600;
-    background: #eff6ff;
-    color: #1d4ed8;
-    border: 1px solid #bfdbfe;
+    font-size: 0.88rem;
+    text-decoration: none;
+    cursor: pointer;
+    border: 1px solid transparent;
+    transition: all 0.18s ease;
+    font-family: inherit;
 }
 
-.rv-meta-row {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    flex-wrap: wrap;
+.rv-btn-outline {
+    background: #ffffff;
+    color: #1f2a37;
+    border-color: #e5e7eb;
+    box-shadow: 0 1px 4px rgba(31, 42, 55, 0.06);
 }
 
-.rv-pill {
-    display: inline-flex;
-    align-items: center;
-    padding: 4px 12px;
-    border-radius: 999px;
-    font-size: 0.78rem;
-    font-weight: 700;
-    background: #f0f2f5;
-    color: var(--cc-ink);
+.rv-btn-outline:hover {
+    background: #f3f4f6;
+    border-color: #d1d5db;
+    color: #1f2a37;
 }
 
-.rv-pill-type {
-    background: #e6f7ed;
-    color: #166534;
+.rv-btn-primary {
+    background: #0a8f3c;
+    color: #ffffff;
+    border: none;
+    box-shadow: 0 4px 12px rgba(10, 143, 60, 0.22);
 }
 
-.rv-meta-text {
-    font-size: 0.85rem;
-    color: var(--cc-muted);
+.rv-btn-primary:hover {
+    background: #087136;
+    transform: translateY(-1px);
+    color: #ffffff;
+}
+
+/* ── Two-column layout ───────────────────────────────────────────────────── */
+
+.rv-layout {
+    display: grid;
+    grid-template-columns: 280px 1fr;
+    gap: 18px;
+    align-items: start;
 }
 
-/* ── Stats ───────────────────────────────────────────────────────────────── */
+/* ── LEFT PANEL ─────────────────────────────────────────────────────────── */
 
-.rv-stat-group {
+.rv-left {
     display: flex;
-    gap: 24px;
-    flex-shrink: 0;
+    flex-direction: column;
+    gap: 0;
+    position: sticky;
+    top: 20px;
+}
+
+/* Image card */
+
+.rv-image-card {
+    background: #ffffff;
+    border-radius: 14px 14px 0 0;
+    border: 1px solid #d1d5db;
+    border-bottom: none;
+    overflow: hidden;
+    aspect-ratio: 1 / 1;
+    width: 100%;
 }
 
-.rv-stat {
+.rv-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+}
+
+.rv-image-placeholder {
+    width: 100%;
+    height: 100%;
+    background: #d1d5db;
     display: flex;
     flex-direction: column;
-    align-items: flex-end;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    color: #6b7280;
+    font-size: 0.85rem;
+    text-align: center;
+    padding: 16px;
 }
 
-.rv-stat-label {
-    font-size: 0.75rem;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-    color: var(--cc-muted);
+.rv-image-placeholder i {
+    font-size: 2rem;
+    color: #9ca3af;
 }
 
-.rv-stat-value {
+/* Title */
+
+.rv-title {
+    background: #ffffff;
+    border-left: 1px solid #d1d5db;
+    border-right: 1px solid #d1d5db;
+    padding: 14px 16px 10px;
+    margin: 0;
+    font-family: "Space Grotesk", "Source Sans 3", sans-serif;
     font-size: 1.15rem;
     font-weight: 700;
-    color: var(--cc-ink);
+    color: #1f2a37;
+    letter-spacing: -0.01em;
+    line-height: 1.3;
 }
 
-.rv-stat-unit {
-    font-size: 0.9rem;
-    font-weight: 500;
-    color: var(--cc-muted);
+/* Meta list */
+
+.rv-meta-list {
+    list-style: none;
+    margin: 0;
+    padding: 0 0 2px;
+    background: #ffffff;
+    border-left: 1px solid #d1d5db;
+    border-right: 1px solid #d1d5db;
+}
+
+.rv-meta-list li {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 7px 16px;
+    border-top: 1px solid #f3f4f6;
+    font-size: 0.88rem;
+}
+
+.rv-meta-list li i {
+    color: #0a8f3c;
+    font-size: 0.85rem;
+    flex-shrink: 0;
+    width: 14px;
+    text-align: center;
+}
+
+.rv-meta-label {
+    color: #6b7280;
+    flex-shrink: 0;
+    min-width: 56px;
+}
+
+.rv-meta-value {
+    font-weight: 600;
+    color: #1f2a37;
 }
 
-.rv-cost {
-    color: #166534;
+/* Section blocks (dietary, allergens) */
+
+.rv-section-block {
+    background: #ffffff;
+    border: 1px solid #d1d5db;
+    border-top: none;
+    padding: 12px 16px;
+}
+
+.rv-section-block:last-child {
+    border-radius: 0 0 14px 14px;
+}
+
+.rv-section-label {
+    font-size: 0.72rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: #6b7280;
+    margin: 0 0 8px;
 }
 
-/* ── Actions row ─────────────────────────────────────────────────────────── */
+/* Allergens */
 
-.rv-actions {
+.rv-allergen-row {
     display: flex;
-    gap: 10px;
     align-items: center;
+    gap: 7px;
+    font-size: 0.88rem;
+    font-weight: 600;
+    color: #92400e;
 }
 
-/* ── Body ────────────────────────────────────────────────────────────────── */
+.rv-allergen-row i {
+    color: #f59e0b;
+    font-size: 0.9rem;
+}
 
-.rv-body {
+/* ── RIGHT PANEL ─────────────────────────────────────────────────────────── */
+
+.rv-right {
     display: flex;
     flex-direction: column;
-    gap: 18px;
+    gap: 16px;
+    min-width: 0;
 }
 
-/* ── Shared card ─────────────────────────────────────────────────────────── */
+/* Cards */
 
 .rv-card {
-    background: var(--cc-card);
-    border-radius: 16px;
-    border: 1px solid var(--cc-border);
-    box-shadow: var(--cc-shadow);
+    background: #ffffff;
+    border-radius: 14px;
+    border: 2px solid #0a8f3c;
+    box-shadow: 0 4px 20px rgba(10, 143, 60, 0.08);
     overflow: hidden;
 }
 
 .rv-card-header {
     display: flex;
     align-items: center;
-    padding: 16px 20px;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 13px 20px;
+    background: #0a8f3c;
+    color: #ffffff;
     font-weight: 700;
-    font-size: 0.95rem;
+    font-size: 0.9rem;
     text-transform: uppercase;
     letter-spacing: 0.04em;
-    background: var(--cc-green);
-    color: var(--cc-ink);
-    border-bottom: 1px solid var(--cc-border);
-}
-
-.rv-count-badge {
-    margin-left: auto;
-    background: rgba(255,255,255,0.3);
-    padding: 2px 10px;
-    border-radius: 999px;
-    font-size: 0.78rem;
-    font-weight: 700;
 }
 
-.rv-empty {
-    padding: 24px 20px;
-    color: var(--cc-muted);
+.rv-card-empty {
+    padding: 20px;
+    color: #6b7280;
     font-style: italic;
     margin: 0;
 }
 
-/* ── Ingredient table ────────────────────────────────────────────────────── */
+/* Scale selector */
+
+.rv-scale-wrap {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.rv-scale-label {
+    font-size: 0.82rem;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.85);
+    text-transform: none;
+    letter-spacing: 0;
+}
+
+.rv-scale-select {
+    padding: 4px 8px;
+    border-radius: 8px;
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    background: rgba(255, 255, 255, 0.15);
+    color: #ffffff;
+    font-size: 0.82rem;
+    font-weight: 600;
+    font-family: inherit;
+    cursor: pointer;
+    outline: none;
+    transition: background 0.15s;
+}
+
+.rv-scale-select option {
+    background: #1f2a37;
+    color: #ffffff;
+}
+
+.rv-scale-select:hover {
+    background: rgba(255, 255, 255, 0.25);
+}
+
+/* Ingredients table */
+
+.rv-table-wrap {
+    overflow-x: auto;
+}
 
-.rv-table {
+.rv-ing-table {
     width: 100%;
     border-collapse: collapse;
-    font-size: 0.92rem;
+    font-size: 0.91rem;
 }
 
-.rv-table thead tr {
-    background: #f9fafb;
-    border-bottom: 1px solid var(--cc-border);
+.rv-ing-table thead tr {
+    border-bottom: 2px solid #e5e7eb;
 }
 
-.rv-table thead th {
-    padding: 10px 14px;
-    font-weight: 600;
-    font-size: 0.8rem;
+.rv-ing-table thead th {
+    padding: 11px 14px;
+    text-align: left;
+    font-size: 0.78rem;
+    font-weight: 700;
     text-transform: uppercase;
-    letter-spacing: 0.02em;
-    color: var(--cc-muted);
+    letter-spacing: 0.04em;
+    color: #6b7280;
+    white-space: nowrap;
+    background: #ffffff;
 }
 
-.rv-table tbody tr {
-    border-bottom: 1px solid var(--cc-border);
+.rv-ing-table tbody tr {
+    border-bottom: 1px solid #e5e7eb;
+    transition: background 0.12s;
 }
 
-.rv-table tbody tr:last-child {
+.rv-ing-table tbody tr:last-child {
     border-bottom: none;
 }
 
-.rv-table tbody td {
+.rv-ing-table tbody tr:hover {
+    background: #f9fafb;
+}
+
+.rv-ing-table tbody td {
     padding: 12px 14px;
     vertical-align: middle;
 }
 
-.rv-sort-num {
-    color: var(--cc-muted);
-    font-size: 0.82rem;
-    width: 36px;
+.col-qty {
+    width: 110px;
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+}
+
+.col-inv {
+    width: 44px;
     text-align: center;
 }
 
-.rv-subrecipe-line {
+.rv-unit {
+    margin-left: 4px;
+    color: #6b7280;
+    font-size: 0.82rem;
+}
+
+.rv-ing-name {
+    font-weight: 600;
+    color: #1f2a37;
+}
+
+.rv-subrecipe-pill {
     display: inline-flex;
     align-items: center;
+    gap: 5px;
     padding: 3px 10px;
     border-radius: 8px;
     background: #eff6ff;
     color: #1d4ed8;
-    font-size: 0.88rem;
+    font-size: 0.84rem;
     font-weight: 600;
 }
 
 .rv-prepnote {
-    color: var(--cc-muted);
+    color: #6b7280;
+    font-size: 0.86rem;
     font-style: italic;
+}
+
+.rv-supplier {
+    color: #1f2a37;
     font-size: 0.88rem;
 }
 
-/* ── Steps list ──────────────────────────────────────────────────────────── */
+.rv-inv-link {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: #6b7280;
+    font-size: 0.95rem;
+    transition: color 0.15s;
+}
+
+.rv-inv-link:hover {
+    color: #0a8f3c;
+}
+
+/* ── Step-by-step ────────────────────────────────────────────────────────── */
 
 .rv-steps {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    counter-reset: step-counter;
+    padding: 4px 0;
 }
 
 .rv-step {
     display: flex;
-    gap: 16px;
-    padding: 18px 20px;
-    border-bottom: 1px solid var(--cc-border);
-    counter-increment: step-counter;
+    gap: 14px;
+    padding: 16px 20px;
+    border-bottom: 1px solid #f3f4f6;
+    align-items: flex-start;
 }
 
 .rv-step:last-child {
     border-bottom: none;
 }
 
-.rv-step::before {
-    content: counter(step-counter);
-    display: flex;
+.rv-step-num {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background: #111827;
+    color: #ffffff;
+    font-weight: 800;
+    font-size: 0.84rem;
+    display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-width: 32px;
-    height: 32px;
-    border-radius: 999px;
-    background: var(--cc-green);
-    color: var(--cc-ink);
-    font-weight: 700;
-    font-size: 0.88rem;
     flex-shrink: 0;
-    margin-top: 2px;
+    margin-top: 1px;
 }
 
 .rv-step-body {
     flex: 1;
+    min-width: 0;
 }
 
-.rv-step-instructions {
-    margin: 0 0 10px;
-    font-size: 0.95rem;
-    line-height: 1.6;
-    color: var(--cc-ink);
-}
-
-.rv-step-instructions:only-child {
-    margin-bottom: 0;
+.rv-step-text {
+    margin: 0;
+    font-size: 0.93rem;
+    line-height: 1.65;
+    color: #1f2a37;
+    white-space: pre-line;
 }
 
 .rv-step-meta {
+    margin-top: 8px;
     display: flex;
     flex-wrap: wrap;
-    gap: 8px;
+    gap: 10px;
 }
 
-.rv-step-tag {
+.rv-step-chip {
     display: inline-flex;
     align-items: center;
-    padding: 3px 10px;
-    border-radius: 8px;
+    gap: 5px;
+    font-size: 0.77rem;
+    color: #6b7280;
+    padding: 3px 8px;
+    border-radius: 6px;
     background: #f3f4f6;
-    border: 1px solid var(--cc-border);
+    border: 1px solid #e5e7eb;
+}
+
+.rv-step-chip i {
     font-size: 0.8rem;
-    color: var(--cc-muted);
+}
+
+/* ── Loading spinner ─────────────────────────────────────────────────────── */
+
+.rv-spinner {
+    width: 3rem;
+    height: 3rem;
+    border-radius: 50%;
+    border: 0.3rem solid #0a8f3c;
+    border-right-color: transparent;
+    animation: rv-spin 0.8s linear infinite;
+    display: inline-block;
+}
+
+@keyframes rv-spin {
+    to { transform: rotate(360deg); }
+}
+
+/* ── Responsive ──────────────────────────────────────────────────────────── */
+
+@media (max-width: 860px) {
+    .rv-layout {
+        grid-template-columns: 1fr;
+    }
+
+    .rv-left {
+        position: static;
+    }
+
+    .rv-image-card {
+        aspect-ratio: 16 / 9;
+        max-height: 240px;
+    }
+}
+
+@media (max-width: 520px) {
+    .rv-page {
+        padding: 12px 12px 32px;
+    }
+
+    .rv-card-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 8px;
+    }
 }
diff --git a/CulinaryCommandApp/Recipe/Services/RecipeService.cs b/CulinaryCommandApp/Recipe/Services/RecipeService.cs
index 0e063bc..15a562a 100644
--- a/CulinaryCommandApp/Recipe/Services/RecipeService.cs
+++ b/CulinaryCommandApp/Recipe/Services/RecipeService.cs
@@ -34,6 +34,7 @@ public RecipeService(AppDbContext db)
             return _db.Recipes
                 .Include(r => r.RecipeIngredients)
                     .ThenInclude(ri => ri.Ingredient)
+                        .ThenInclude(i => i!.Vendor)
                 .Include(r => r.RecipeIngredients)
                     .ThenInclude(ri => ri.Unit)
                 .Include(r => r.RecipeIngredients)
@@ -47,6 +48,7 @@ public RecipeService(AppDbContext db)
             return _db.Recipes
                 .Include(r => r.RecipeIngredients)
                     .ThenInclude(ri => ri.Ingredient)
+                        .ThenInclude(i => i!.Vendor)
                 .Include(r => r.RecipeIngredients)
                     .ThenInclude(ri => ri.Unit)
                 .Include(r => r.RecipeIngredients)