Software Updates

Add template edit page + move chat from floating bubble to header

• Replace 'Coming Soon' placeholder with full template editor
• Visual email builder with drag-and-drop
• HTML code editor and preview tabs
• Save and delete functionality with confirmations
• Fetches existing template data on load
• New HeaderChat component using Popover instead of floating bubble
• Appears in both desktop and mobile admin headers
• Click message icon to open chat dropdown
• Expand button opens full-screen chat modal
• Keyboard shortcut (⌘M) still works
• Removed ChatBubble from admin-shell

Fix React #185 infinite loop by removing onChange callbacks entirely

• Remove onChange prop from EmailBuilder and EmailBuilderAdapter
• Use ref-based state tracking in adapter instead of setState callbacks
• Sync state only on explicit onSave, not on every render
• Remove onChange from easy-campaign-wizard and templates pages
• Eliminates circular dependency: child onChange → parent setState → new onChange → effect runs again

Fix infinite loop in EmailBuilder and update templates page

• Fix React error #185 (maximum update depth exceeded) by calculating HTML inside useEffect instead of using it as dependency
• Update templates/new page to use EmailBuilderAdapter instead of old VisualEmailEditor
• This enables drag-and-drop email building on the templates page too

Fix test email by keeping htmlContent state in sync

• Add onChange callback to EmailBuilder that fires when blocks change
• Update EmailBuilderAdapter to track changes using ref for stable state
• Pass onChange to wizard to keep htmlContent updated during editing
• This ensures test emails have content even without explicit save

Fix email builder issues:

• 1. Remove NYC location from footer
• no location displayed 2. Header now uses actual logo with white background by default 3. Full preview is truly fullscreen 4. Fixed 404
• redirect /marketing/campaigns/[id] to /marketing/email/campaigns/[id] 5. Replaced emojis in palette with Lucide icons 6. Logo adapts automatically for light/dark header backgrounds 7. Cleaned up showAddress option that was referencing NYC

Major email builder improvements

• 1. Wider layout
• increased sidebar to 320px, canvas uses full available width 2. Better email preview
• simulates inbox view with sender info, subject, preview text 3. Full Preview dialog
• shows email as it would appear to recipients 4. Fixed drag-and-drop visibility
• dragged items now show proper preview 5. Product images fixed
• now correctly reads images[] array from API 6. Font family controls
• added serif/sans/mono options for text blocks 7. Better header preview
• shows KATURA text logo instead of missing image 8. Improved block controls
• better positioned edit/delete/move buttons 9. Selection indicators
• shows 'Editing' badge and highlight on selected blocks 10. Better empty state
• clearer drop zone instructions

Fix email builder drag-and-drop and improve layout

• Fixed drag-and-drop logic to correctly identify palette items vs canvas items
• Made layout wider and more desktop-focused (min-height 800px)
• Increased sidebar width from 256px to 288px for better block palette display
• Fixed canvas to 600px width (standard email width)
• Better visual feedback when dragging blocks

Replace Unlayer with custom EmailBuilder in campaign wizard

• Created EmailBuilderAdapter to match the VisualEmailEditor interface
• Updated EasyCampaignWizard to use the new drag-and-drop EmailBuilder
• This fixes the blank visual editor issue at /admin/marketing/email/campaigns/new

Fix product insert dialog to use images array from API

add visual email builder with drag-and-drop

• Created comprehensive email builder component system:
• EmailBuilder.tsx - Main builder with toolbar, preview, HTML export
• BlockPalette.tsx - Draggable block palette with 10 block types
• EmailCanvas.tsx - Drop zone with sortable blocks
• BlockEditor.tsx - Edit panels for all block types
• BlockPreview.tsx - Visual preview renderers
• useEmailBuilder.ts - State management with reducer
• generateEmailHtml.ts - Email-safe HTML generation
• types.ts - TypeScript definitions for all blocks
• templates.ts - Pre-built email templates (new product, sale, collection, simple)
• index.ts - Clean exports
• Block types: header, hero, text, product, product-grid, collection, button, divider, social, footer
• Features: desktop/mobile preview, HTML export, product/collection search
• Email HTML optimized for all email clients (Outlook, Gmail, Apple Mail)
• Branded with Katura colors and typography
• Added demo page at /admin/marketing/email/builder
• Added email marketing tips section
• Created comprehensive plan document

Change tasks page defaults: list view and my tasks selected

Add web push notifications system

• Install web-push package
• Add pushSubscription field to User model (JSON)
• Create push-subscription API endpoint (save/delete subscriptions)
• Create push API endpoint (send notifications with VAPID)
• Add VAPID keys to environment variables
• Export Prisma namespace from prisma lib for JsonNull handling

Remove compare feature, add push notifications, add project management to tasks

• Remove compare feature: deleted compare-products.ts, compare components, compare context, compare page
• Clean up compare imports from layout.tsx and shop-products.tsx
• Add web push notifications: push.ts utilities, service worker, NotificationToggle component
• Integrate push notifications into ChatBubble for messenger
• Add project sidebar and project creation dialog to tasks page

Fix build errors, add task attachments, fix messenger SQL

Add floating ChatBubble and keyboard shortcuts

• ChatBubble component for minimized messenger with notifications
• Integrated ChatBubble into admin shell (replaces fixed messenger button)
• Updated Messenger to support embedded mode
• Added keyboard shortcuts to tasks page:
• N: New task
• /: Focus search
• R: Refresh tasks
• 1-5: Switch views
• Esc: Close dialogs
• Cmd+M: Toggle messages
• Added keyboard shortcuts help tooltip

Add drag-and-drop Kanban board and @username system

• KanbanBoard component with @dnd-kit for smooth drag-and-drop
• Employee @username field for mentions (@Lee, @Rosser, etc.)
• Updated employees page with username column and edit dialog
• API routes updated to handle username CRUD with validation
• Fixed mini-css-extract-plugin build error
• Documentation and progress tracking updated

obfuscate public emails, add EMAIL_SPAM_PREVENTION.md, update pages to use obfuscated email component

Fix /creations page: show products with category-style filter layout

• Rewrote creations page to match category pages (rings, necklaces, etc.)
• Added horizontal filter bar at top with Type/Metal/Price dropdowns
• Created AllProductsFilterBar component with all jewelry types
• Fixed product fetching to properly show all ACTIVE products
• Added search support and proper sorting options

update Stripe API version to 2025-12-15.clover with type assertion

• Update all Stripe apiVersion references to use '2025-12-15.clover'
• Add 'as Stripe.LatestApiVersion' type assertion to handle SDK version differences
• Fixes build error on Vercel where Stripe SDK expects different API version

Fix email template loading in campaign wizard

• Pass template HTML content to visual editor when template is selected
• Auto-switch to HTML tab when template has HTML but no design JSON
• Add helpful alert message explaining template is loaded and editable
• Update help text to guide users on editing HTML templates
• Visual editor tab still available for building from scratch
• Templates now properly load with full HTML content visible
• Users can edit templates directly or switch to visual builder

Add full HTML templates for all email campaign types

• Replace placeholder designJson with actual HTML for all 8 templates
• Use consistent Katura branding with real logo (https://katura1999.com/brand/logo.png)
• Match system email format and styling
• Update all URLs to katura1999.com
• Update contact email to jewelryadvisor@katura1999.com
• Remove all emojis from templates for professional appearance
• Templates include: 1. Welcome Email - new subscriber greeting 2. New Collection - collection announcements 3. Sale Promotion - discount and sale campaigns 4. Christmas/Holiday - holiday greetings 5. Valentine's Day - romantic gift promotion 6. We Miss You - re-engagement campaign 7. Thank You - post-purchase appreciation 8. VIP Early Access - exclusive preview for VIPs
• All templates use Playfair Display font and Katura color scheme
• Responsive design with proper email client compatibility

Fix media analytics to use actual ProductView data and correct conversion tracking

• Replace fake/estimated view data with real ProductView tracking
• Fix mislabeled 'conversions' (was showing clicks)
• Add proper conversion tracking (actual purchases from orderItems)
• Add 'Add to Cart' clicks tracking from ProductView.clickedBuy
• Calculate real trends based on previous period data
• Show 4 metrics: Views, Clicks (add to cart), Conversions (purchases), Conversion Rate
• Fix product cards to show all 4 metrics instead of mislabeling clicks as conversions
• Remove random number generation for analytics
• Exclude bot traffic from analytics

Add System Emails button to marketing overview

• Added Shield icon import
• Added 'System Emails' button below email campaign buttons
• Fixed bg-gradient-to-r → bg-linear-to-r