Upload 16 files

App.tsx

@@ -1,3 +1,4 @@
+
 import React, { useState, useRef, useEffect, Suspense } from 'react';
 import { Header } from './components/Header';
 import { ImageUploader } from './components/ImageUploader';
@@ -41,9 +42,9 @@ const Toast = ({ msg, onClose }: { msg: string, onClose: () => void }) => (
 const App: React.FC = () => {
   // --- ZUSTAND STORES ---
   const { 
-    currentUser, allUsers, leads, feedback,
+    currentUser, allUsers, leads, feedback, logs,
     login, register, logout, updateUser, resetPassword, addPoints, 
-    addLead, updateLeadStatus, deleteLead, addFeedback
+    addLead, updateLeadStatus, deleteLead, addFeedback, addLog
   } = useUserStore();
 
   const { 
@@ -218,7 +219,7 @@ const App: React.FC = () => {
     updateUser(currentUser.id, { styleStats: stats });
     
     // Log generation event
-    useUserStore.getState().addLog && useUserStore.getState().addLog({
+    addLog({
        styleId,
        styleName: (TRANSLATIONS[language].styles as any)[styleId] || styleId,
        userId: currentUser.id,
@@ -617,6 +618,7 @@ const App: React.FC = () => {
             onUpdateUser={updateUser}
             showToast={showToast}
             onAdminLoginSuccess={handleAdminLoginSuccess} 
+            logs={logs}
           />
       </Suspense>
 
@@ -1059,4 +1061,4 @@ const App: React.FC = () => {
   );
 };
 
-export default App;
+export default App;

index.html

@@ -15,17 +15,17 @@
   <script type="importmap">
 {
   "imports": {
-    "react/": "https://aistudiocdn.com/react@^19.2.1/",
     "react": "https://aistudiocdn.com/react@^19.2.1",
-    "zustand/": "https://aistudiocdn.com/zustand@^5.0.9/",
-    "zustand": "https://aistudiocdn.com/zustand@^5.0.9",
-    "vite": "https://aistudiocdn.com/vite@^7.2.6",
-    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.31.0",
-    "@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.1",
     "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.1/",
+    "react/": "https://aistudiocdn.com/react@^19.2.1/",
+    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.31.0",
     "lucide-react": "https://aistudiocdn.com/lucide-react@^0.556.0",
+    "jszip": "https://aistudiocdn.com/jszip@^3.10.1",
     "canvas-confetti": "https://aistudiocdn.com/canvas-confetti@^1.9.4",
-    "jszip": "https://aistudiocdn.com/jszip@^3.10.1"
+    "zustand": "https://aistudiocdn.com/zustand@^5.0.9",
+    "zustand/": "https://aistudiocdn.com/zustand@^5.0.9/",
+    "vite": "https://aistudiocdn.com/vite@^7.2.6",
+    "@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.1"
   }
 }
 </script>

store.ts

@@ -1,8 +1,7 @@
 
-
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
-import { UserAccount, LeadData, AdminConfig, WeddingStyle, GeneratedResult, CompositionMode, Resolution, SubjectType, GenerationStatus, Language, PointHistory, FeedbackItem } from './types';
+import { UserAccount, LeadData, AdminConfig, WeddingStyle, GeneratedResult, CompositionMode, Resolution, SubjectType, GenerationStatus, Language, PointHistory, FeedbackItem, GenerationLog } from './types';
 import { TRANSLATIONS } from './constants/translations';
 
 // --- Default Configuration ---
@@ -36,6 +35,7 @@ interface UserState {
     leads: LeadData[];
     feedback: FeedbackItem[]; 
     guestFavorites: string[]; // NEW: Favorites for non-logged in users
+    logs: GenerationLog[]; // NEW: Analytics Logs
     
     // Actions
     login: (phone: string, password?: string) => { success: boolean; msg: string };
@@ -44,7 +44,7 @@ interface UserState {
     updateUser: (id: string, updates: Partial<UserAccount>) => void;
     resetPassword: (phone: string, newPass: string) => boolean;
     addPoints: (amount: number, reason: string) => void;
-    toggleFavorite: (styleId: string) => void; // NEW: Toggle favorite
+    toggleFavorite: (styleId: string) => void; 
     
     // Admin Actions
     addLead: (lead: LeadData) => void;
@@ -54,6 +54,9 @@ interface UserState {
     
     // Feedback Actions
     addFeedback: (item: FeedbackItem) => void;
+    
+    // Analytics Actions
+    addLog: (log: GenerationLog) => void;
 }
 
 export const useUserStore = create<UserState>()(
@@ -64,6 +67,7 @@ export const useUserStore = create<UserState>()(
             leads: [],
             feedback: [],
             guestFavorites: [],
+            logs: [],
 
             login: (phone, password) => {
                 const { allUsers } = get();
@@ -171,7 +175,10 @@ export const useUserStore = create<UserState>()(
             setLeads: (leads) => set({ leads }),
             
             // Feedback Actions
-            addFeedback: (item) => set(state => ({ feedback: [item, ...state.feedback] }))
+            addFeedback: (item) => set(state => ({ feedback: [item, ...state.feedback] })),
+            
+            // Analytics
+            addLog: (log) => set(state => ({ logs: [log, ...state.logs].slice(0, 2000) })), // Keep last 2000 logs
         }),
         {
             name: 'rl_user_storage',
@@ -180,7 +187,8 @@ export const useUserStore = create<UserState>()(
                 leads: state.leads, 
                 currentUser: state.currentUser, 
                 feedback: state.feedback,
-                guestFavorites: state.guestFavorites // Persist guest favorites
+                guestFavorites: state.guestFavorites,
+                logs: state.logs 
             }),
         }
     )
@@ -289,7 +297,7 @@ interface GenerationState {
     
     setStatus: (status: GenerationStatus) => void;
     setProgress: (progress: GenerationState['progress']) => void;
-    setErrorMsg: (msg: string | null) => void;
+    setErrorMsg: (msg) => set({ errorMsg: msg }),
     addResult: (result: GeneratedResult) => void;
     setResults: (results: Record<string, GeneratedResult>) => void;
     
@@ -355,4 +363,4 @@ export const useGenerationStore = create<GenerationState>((set) => ({
     setScanStep: (step) => set({ scanStep: step }),
     setAnalysisData: (recs, result) => set({ recommendedStyleIds: recs, analysisResult: result }),
     stopScanning: () => set({ isScanning: false })
-}));
+}));

types.ts

@@ -1,5 +1,4 @@
 
-
 // Import React to support React.ReactNode type usage
 import React from 'react';
 
@@ -64,6 +63,16 @@ export interface LeadData {
   crmId?: string; // External ID
 }
 
+export interface GenerationLog {
+  styleId: string;
+  styleName: string;
+  userId: string;
+  timestamp: number;
+  ip: string;
+  location: string;
+  device: string;
+}
+
 export interface AdminConfig {
   promoText: string;
   promoEnds: string; // ISO Date string
@@ -148,4 +157,4 @@ export interface FeedbackItem {
   content: string;
   timestamp: number;
   contact?: string;
-}
+}