fixed issues with blurr deblurr not triggering properly.

app.py

@@ -13,91 +13,66 @@ AI_FOLDER = "./AI"
 HUMAN_FOLDER = "./Human"
 CSV_FILE = "emotion_responses.csv"
 METADATA_FILE = "stimuli_metadata.csv"
-DEBLUR_DURATION_S = 10
+DEBLUR_DURATION_S = 5  # Seconds to go from Blur -> Clear
 
-# Query param used in URLs like: https://.../app?pid=12345
+# --- Advanced Features Config ---
 URL_PARAM_PARTICIPANT_ID = "pid"
-# Randomize emotion choice order per trial (can be overridden by URL param).
 RANDOMIZE_EMOTION_ORDER_DEFAULT = True
 RANDOMIZE_EMOTION_ORDER_PARAM = "randomize"
-
-# Label normalization defaults.
+CHOICE_PLACEHOLDER = "Select an emotion..."
+
+# --- CSS STYLES ---
+APP_CSS = f"""
+#emotion_choice, #emotion_choice .wrap {{ max-height: 260px; overflow-y: auto; }}
+#next_btn {{ margin: 8px 0 12px 0; }}
+
+@media (max-width: 640px) {{
+  #img_anim img, #img_static img {{ max-height: 280px; object-fit: contain; }}
+}}
+
+/* --- ANIMATED IMAGE (The Test) --- */
+/* 1. Start HEAVILY BLURRED by default */
+#img_anim img {{
+    filter: blur(50px); 
+    display: block;
+    transform: scale(1.0);
+}}
+
+/* 2. The JS adds this class to animate it to clear */
+.image-clear {{
+    transition: filter {DEBLUR_DURATION_S}s linear !important;
+    filter: blur(0px) !important;
+}}
+
+/* --- STATIC IMAGE (The Result) --- */
+/* No special CSS needed. It will just be a normal, clear image. 
+   We ensure it aligns perfectly with the animated one. */
+#img_static img {{
+    display: block;
+    filter: blur(0px);
+}}
+"""
+
+# --- Constants & Mappings ---
 UNKNOWN_LABEL = "unknown"
 UNKNOWN_CODE = 0
-
-# Filename parsing order from the RIGHT side. Extend if you encode more fields in filenames.
-# Example filename if you extend: "subject_happy_female_asian_front-left.png"
 FILENAME_FIELD_ORDER = ["emotion"]
 
-# Code mappings (edit here when your coding scheme changes).
-EMOTION_CODE_MAP = {
-    "happy": 1,
-    "sad": 2,
-    "angry": 3,
-    "surprised": 4,
-    "disgusted": 5,
-    "fearful": 6,
-    "neutral": 7,
-    "unknown": 0,
-}
-SEX_CODE_MAP = {
-    "male": 1,
-    "female": 2,
-    "other": 3,
-    "unknown": 0,
-}
-ETHNICITY_CODE_MAP = {
-    "caucasian": 1,
-    "black": 2,
-    "asian": 3,
-    "latino": 4,
-    "middle-eastern": 5,
-    "indigenous": 6,
-    "other": 7,
-    "unknown": 0,
-}
-ANGLE_CODE_MAP = {
-    "forward": 1,
-    "front-left": 2,
-    "front-right": 3,
-    "left": 4,
-    "right": 5,
-    "up": 6,
-    "down": 7,
-    "unknown": 0,
-}
-TYPE_CODE_MAP = {
-    "human": 1,
-    "ai": 2,
-    "unknown": 0,
-}
+EMOTION_CODE_MAP = {"happy": 1, "sad": 2, "angry": 3, "surprised": 4, "disgusted": 5, "fearful": 6, "neutral": 7, "unknown": 0}
+SEX_CODE_MAP = {"male": 1, "female": 2, "other": 3, "unknown": 0}
+ETHNICITY_CODE_MAP = {"caucasian": 1, "black": 2, "asian": 3, "latino": 4, "middle-eastern": 5, "indigenous": 6, "other": 7, "unknown": 0}
+ANGLE_CODE_MAP = {"forward": 1, "front-left": 2, "front-right": 3, "left": 4, "right": 5, "up": 6, "down": 7, "unknown": 0}
+TYPE_CODE_MAP = {"human": 1, "ai": 2, "unknown": 0}
 
 CSV_HEADERS = [
-    "participant_id",
-    "session_id",
-    "image_name",
-    "image_source",
-    "face_type",
-    "face_type_code",
-    "correct_emotion",
-    "correct_emotion_code",
-    "face_sex",
-    "face_sex_code",
-    "face_ethnicity",
-    "face_ethnicity_code",
-    "face_angle",
-    "face_angle_code",
-    "selected_emotion",
-    "selected_emotion_code",
-    "accuracy",
-    "response_time_ms",
-    "button_order",
-    "timestamp",
+    "participant_id", "session_id", "image_name", "image_source", "face_type", "face_type_code",
+    "correct_emotion", "correct_emotion_code", "face_sex", "face_sex_code", "face_ethnicity", "face_ethnicity_code",
+    "face_angle", "face_angle_code", "selected_emotion", "selected_emotion_code", "accuracy",
+    "response_time_ms", "button_order", "timestamp",
 ]
 
 # --- Data Structure ---
 class ImageData:
-    """A simple class to hold information about each image."""
     def __init__(self, path, source, emotion, sex=UNKNOWN_LABEL, ethnicity=UNKNOWN_LABEL, angle=UNKNOWN_LABEL, face_type=UNKNOWN_LABEL):
         self.path = path
         self.source = source
@@ -109,30 +84,21 @@ class ImageData:
         self.name = os.path.basename(path)
 
 # --- Helper Functions ---
-
 def normalize_label(value):
-    if value is None:
-        return ""
-    value = str(value).strip().lower()
-    value = value.replace(" ", "-")
-    return value
+    if value is None: return ""
+    return str(value).strip().lower().replace(" ", "-")
 
 def get_code(code_map, label):
-    label = normalize_label(label)
-    if not label:
-        return UNKNOWN_CODE
-    return code_map.get(label, UNKNOWN_CODE)
+    return code_map.get(normalize_label(label), UNKNOWN_CODE)
 
 def load_metadata(metadata_path):
-    if not os.path.exists(metadata_path):
-        return {}
+    if not os.path.exists(metadata_path): return {}
     metadata = {}
     with open(metadata_path, newline='') as f:
         reader = csv.DictReader(f)
         for row in reader:
             name = row.get("image_name") or row.get("filename") or row.get("image")
-            if not name:
-                continue
+            if not name: continue
             key = name.strip().lower()
             entry = {
                 "emotion": normalize_label(row.get("emotion")),
@@ -149,28 +115,21 @@ def load_metadata(metadata_path):
 def parse_filename_fields(image_path):
     base_name = os.path.splitext(os.path.basename(image_path))[0]
     parts = base_name.split('_')
-    if len(parts) < 2:
-        return {}
+    if len(parts) < 2: return {}
     fields = {}
     for field in FILENAME_FIELD_ORDER:
-        if not parts:
-            break
+        if not parts: break
         fields[field] = normalize_label(parts.pop())
     return fields
 
 def resolve_field(metadata, filename_fields, key, default=UNKNOWN_LABEL):
     value = ""
-    if metadata:
-        value = normalize_label(metadata.get(key))
-    if not value:
-        value = filename_fields.get(key, "")
+    if metadata: value = normalize_label(metadata.get(key))
+    if not value: value = filename_fields.get(key, "")
     return value or default
 
 def resolve_face_type(metadata, source):
-    if metadata:
-        face_type = metadata.get("face_type")
-        if face_type:
-            return normalize_label(face_type)
+    if metadata and metadata.get("face_type"): return normalize_label(metadata.get("face_type"))
     return normalize_label(source)
 
 def ensure_csv_file():
@@ -179,7 +138,7 @@ def ensure_csv_file():
             writer = csv.writer(f)
             writer.writerow(CSV_HEADERS)
         return CSV_FILE, ""
-
+    
     with open(CSV_FILE, newline='') as f:
         reader = csv.reader(f)
         existing_header = next(reader, None)
@@ -191,26 +150,12 @@ def ensure_csv_file():
             writer = csv.writer(f)
             writer.writerow(CSV_HEADERS)
         return new_file, f"Using new results file: {new_file}"
-
     return CSV_FILE, ""
 
-def parse_randomize_param(value):
-    if value is None:
-        return None
-    value = str(value).strip().lower()
-    if value in ("0", "false", "no", "off"):
-        return False
-    if value in ("1", "true", "yes", "on"):
-        return True
-    return None
-
 def get_participant_id(request):
-    if request is None:
-        return ""
-    participant_id = request.query_params.get(URL_PARAM_PARTICIPANT_ID)
-    if participant_id is None:
-        return ""
-    return str(participant_id).strip()
+    if request is None: return ""
+    pid = request.query_params.get(URL_PARAM_PARTICIPANT_ID)
+    return str(pid).strip() if pid else ""
 
 def scan_images():
     images = []
@@ -219,11 +164,9 @@ def scan_images():
     skipped = []
 
     for folder, source in [(AI_FOLDER, "AI"), (HUMAN_FOLDER, "Human")]:
-        if not os.path.exists(folder):
-            continue
+        if not os.path.exists(folder): continue
         for filename in os.listdir(folder):
-            if not filename.lower().endswith(('.jpg', '.jpeg', '.png')):
-                continue
+            if not filename.lower().endswith(('.jpg', '.jpeg', '.png')): continue
             path = os.path.join(folder, filename)
             meta_key = filename.lower()
             meta = metadata.get(meta_key) or metadata.get(os.path.splitext(meta_key)[0]) or {}
@@ -241,49 +184,29 @@ def scan_images():
 
             emotions.add(emotion)
             images.append(ImageData(path, source, emotion, sex=sex, ethnicity=ethnicity, angle=angle, face_type=face_type))
-
-    if skipped:
-        print(f"[DEBUG] Skipped {len(skipped)} images without an emotion label.")
-
+    
+    if skipped: print(f"[DEBUG] Skipped {len(skipped)} images without emotion label.")
     return images, emotions
 
-# --- Backend Functions ---
-
 def crop_face(image_path, target_size=512):
-    """
-    Crops the image to the largest detected face, then resizes and pads it 
-    to a fixed square size. Returns original if no face is found.
-    """
-    if not os.path.exists(image_path):
-        return None
+    if not os.path.exists(image_path): return None
     img = cv2.imread(image_path)
-    if img is None:
-        return None
+    if img is None: return None
     
     gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
-    
     cascade_path = cv2.data.haarcascades + 'haarcascade_frontalface_default.xml'
-    if not os.path.exists(cascade_path):
-        print(f"ERROR: Haar Cascade file not found at {cascade_path}")
-        # Still try to process the original image
-        cropped = img
-    else:
+    cropped = img
+    
+    if os.path.exists(cascade_path):
         face_cascade = cv2.CascadeClassifier(cascade_path)
         faces = face_cascade.detectMultiScale(gray, 1.3, 5)
-        
-        if len(faces) == 0:
-            # If no face is detected, use the whole image
-            cropped = img
-        else:
-            # Get the largest face and add padding
+        if len(faces) > 0:
             x, y, w, h = max(faces, key=lambda f: f[2] * f[3])
             padding = int(0.3 * w)
             x, y = max(0, x - padding), max(0, y - padding)
             w, h = min(img.shape[1] - x, w + 2 * padding), min(img.shape[0] - y, h + 2 * padding)
             cropped = img[y:y+h, x:x+w]
 
-    # --- NEW RESIZING AND PADDING LOGIC ---
-    # 1. Resize the image to fit within the target size while maintaining aspect ratio
     h, w, _ = cropped.shape
     if h > w:
         new_h = target_size
@@ -293,278 +216,207 @@ def crop_face(image_path, target_size=512):
         new_h = int(h * (target_size / w))
     
     resized_img = cv2.resize(cropped, (new_w, new_h), interpolation=cv2.INTER_AREA)
-
-    # 2. Create a black square canvas
     canvas = np.zeros((target_size, target_size, 3), dtype=np.uint8)
-
-    # 3. Paste the resized image onto the center of the canvas
     y_offset = (target_size - new_h) // 2
     x_offset = (target_size - new_w) // 2
     canvas[y_offset:y_offset+new_h, x_offset:x_offset+new_w] = resized_img
     
-    # 4. Convert to RGB for Gradio display
     return cv2.cvtColor(canvas, cv2.COLOR_BGR2RGB)
 
+# --- Backend Logic ---
+
 def initialize_experiment(request: gr.Request):
-    """Scans folders for images and prepares the experiment state."""
     os.makedirs(AI_FOLDER, exist_ok=True)
     os.makedirs(HUMAN_FOLDER, exist_ok=True)
-
     images, emotions = scan_images()
+    
     if not images:
-        return None, "Error: No images found. Please add images to 'AI' and 'Human' folders.", gr.update(interactive=False)
-
-    sorted_emotions = sorted(list(emotions))
-    if not sorted_emotions:
-        return None, "Error: No valid emotion labels found in image names or metadata.", gr.update(interactive=False)
+        return None, "Error: No images found.", gr.update(interactive=False)
 
     session_id = str(uuid.uuid4())
     participant_id = get_participant_id(request)
     if not participant_id:
         participant_id = f"anon-{session_id}"
-        participant_msg = f"Participant ID: {participant_id} (auto-generated; add ?{URL_PARAM_PARTICIPANT_ID}=... to URL)"
+        msg = f"Participant ID: {participant_id}"
     else:
-        participant_msg = f"Participant ID: {participant_id}"
-
-    randomize_emotions = RANDOMIZE_EMOTION_ORDER_DEFAULT
-    if request is not None:
-        override = parse_randomize_param(request.query_params.get(RANDOMIZE_EMOTION_ORDER_PARAM))
-        if override is not None:
-            randomize_emotions = override
+        msg = f"Participant ID: {participant_id}"
 
     csv_file, csv_status = ensure_csv_file()
-    status_lines = [participant_msg]
-    if csv_status:
-        status_lines.append(csv_status)
-
+    
     random.shuffle(images)
     initial_state = {
         "participant_id": participant_id,
         "session_id": session_id,
         "csv_file": csv_file,
         "all_images": images,
-        "emotions": sorted_emotions,
+        "emotions": sorted(list(emotions)),
         "current_index": -1,
         "current_choices": [],
-        "randomize_emotions": randomize_emotions,
+        "randomize_emotions": RANDOMIZE_EMOTION_ORDER_DEFAULT,
         "start_time": None,
     }
+    
+    if request:
+        val = request.query_params.get(RANDOMIZE_EMOTION_ORDER_PARAM)
+        if val and val.lower() in ['0','false','no']:
+            initial_state["randomize_emotions"] = False
 
-    return initial_state, "\n\n".join(status_lines), gr.update(interactive=True)
+    return initial_state, f"{msg}\n{csv_status}", gr.update(interactive=True)
 
 def start_interface(state):
-    """Hides instructions and shows the main experiment UI."""
-    if not state:
-        return (
-            gr.update(visible=True),  # instructions_section
-            gr.update(visible=True),  # start_btn
-            gr.update(visible=False), # main_section
-        )
-    return (
-        gr.update(visible=False), # instructions_section
-        gr.update(visible=False), # start_btn
-        gr.update(visible=True),  # main_section
-    )
+    if not state: 
+        return gr.update(visible=True), gr.update(visible=True), gr.update(visible=False)
+    return gr.update(visible=False), gr.update(visible=False), gr.update(visible=True)
 
 def show_next_image(state):
-    """Loads the next image and updates the state."""
-    if not state:
-        return (
-            state,
-            None,
-            "No experiment state available.",
-            gr.update(visible=False),
-            gr.update(visible=False),
-        )
+    # Returns: [state, img_anim, img_static, progress_text, anim_visible, static_visible, choices_update]
+    if not state: 
+        return state, None, None, "Error", gr.update(visible=False), gr.update(visible=False), gr.update(visible=False)
 
     state["current_index"] += 1
     index = state["current_index"]
 
     if index >= len(state["all_images"]):
-        return (
-            state, 
-            None, 
-            "Experiment complete! Thank you for participating.", 
-            gr.update(visible=False),  # next_image_btn
-            gr.update(visible=False),  # emotion_choice
-        )
+        return state, None, None, "Experiment complete!", gr.update(visible=False), gr.update(visible=False), gr.update(visible=False)
 
     image_data = state["all_images"][index]
     cropped_image = crop_face(image_data.path)
     
     if cropped_image is None:
-        return (
-            state, 
-            None, 
-            f"Error loading image: {image_data.name}", 
-            gr.update(visible=True),   # show Next so user can skip the broken one
-            gr.update(visible=False),  # emotion_choice
-        )
+        # Recursive skip if image fails to load
+        return show_next_image(state)
 
     state["start_time"] = time.monotonic()
-    print(f"[DEBUG] Showing image {index+1}/{len(state['all_images'])}: {image_data.name}")
-
+    
     choices = list(state["emotions"])
     if state.get("randomize_emotions"):
         choices = random.sample(choices, k=len(choices))
     state["current_choices"] = choices
+    choices_with_placeholder = [CHOICE_PLACEHOLDER] + choices
 
     return (
         state, 
-        cropped_image, 
+        cropped_image, # For Animated Component
+        cropped_image, # For Static Component
         f"Image {index + 1} of {len(state['all_images'])}", 
-        gr.update(visible=False), # hide Next until a choice is made
-        gr.update(choices=choices, value=None, visible=True, interactive=True),
+        gr.update(visible=True, interactive=False), # Show Animated
+        gr.update(visible=False),                   # Hide Static
+        gr.update(choices=choices_with_placeholder, value=CHOICE_PLACEHOLDER, visible=True, interactive=True),
     )
 
 def on_emotion_select(state, selected_emotion):
-    """Handles emotion selection and records data, then shows Next."""
-    if not state or not selected_emotion:
-        return gr.update(), gr.update()
-
-    selected_emotion = normalize_label(selected_emotion)
-    # Try to save; don't let errors block UI updates
+    # Returns: [anim_visible, static_visible, choices_interactive, next_btn_interactive]
+    if not state or not selected_emotion or normalize_label(selected_emotion) == normalize_label(CHOICE_PLACEHOLDER):
+        # Do nothing if placeholder selected
+        return gr.update(), gr.update(), gr.update(), gr.update()
+    
     try:
         start_time = state.get("start_time") or time.monotonic()
         response_time_ms = int(round((time.monotonic() - start_time) * 1000))
         image_data = state["all_images"][state["current_index"]]
-        accuracy = "correct" if selected_emotion == image_data.emotion else "incorrect"
+        normalized_sel = normalize_label(selected_emotion)
+        accuracy = "correct" if normalized_sel == image_data.emotion else "incorrect"
+        
         with open(state["csv_file"], 'a', newline='') as f:
             writer = csv.writer(f)
             writer.writerow([
-                state["participant_id"],
-                state["session_id"],
-                image_data.name,
-                image_data.source,
-                image_data.face_type,
-                get_code(TYPE_CODE_MAP, image_data.face_type),
-                image_data.emotion,
-                get_code(EMOTION_CODE_MAP, image_data.emotion),
-                image_data.sex,
-                get_code(SEX_CODE_MAP, image_data.sex),
-                image_data.ethnicity,
-                get_code(ETHNICITY_CODE_MAP, image_data.ethnicity),
-                image_data.angle,
-                get_code(ANGLE_CODE_MAP, image_data.angle),
-                selected_emotion,
-                get_code(EMOTION_CODE_MAP, selected_emotion),
-                accuracy,
-                response_time_ms,
-                "|".join(state.get("current_choices", [])),
+                state["participant_id"], state["session_id"], image_data.name, image_data.source,
+                image_data.face_type, get_code(TYPE_CODE_MAP, image_data.face_type),
+                image_data.emotion, get_code(EMOTION_CODE_MAP, image_data.emotion),
+                image_data.sex, get_code(SEX_CODE_MAP, image_data.sex),
+                image_data.ethnicity, get_code(ETHNICITY_CODE_MAP, image_data.ethnicity),
+                image_data.angle, get_code(ANGLE_CODE_MAP, image_data.angle),
+                normalized_sel, get_code(EMOTION_CODE_MAP, normalized_sel),
+                accuracy, response_time_ms, "|".join(state.get("current_choices", [])),
                 datetime.now().isoformat(),
             ])
-        print(f"[DEBUG] Selected '{selected_emotion}' for {image_data.name} in {response_time_ms}ms")
+        print(f"[DEBUG] Saved {normalized_sel} ({response_time_ms}ms)")
     except Exception as e:
-        print("-----------!! ERROR: Could not save data to CSV. !!-----------")
-        print(e)
-        print("----------------------------------------------------------------")
-
-    return (
-        gr.update(visible=False, interactive=False), # emotion_choice
-        gr.update(visible=True),  # next_image_btn
-    )
+        print(f"Error saving CSV: {e}")
+
+    # Hide Animated, Show Static (Snap), Disable Dropdown, Enable Next
+    return gr.update(visible=False), gr.update(visible=True), gr.update(interactive=False), gr.update(interactive=True)
+
+# --- JAVASCRIPT ---
+# Logic: Find the animated image element, reset its class to remove 'image-clear',
+# force a reflow, then add 'image-clear' to start the transition.
+js_functions = """
+() => {
+    window.triggerDeblur = function() {
+        const el = document.querySelector("#img_anim img");
+        if (el) {
+            // 1. Reset to start state (Blurred)
+            el.classList.remove('image-clear');
+            
+            // 2. Force Browser Reflow (Crucial for restarting CSS animations)
+            void el.offsetWidth; 
+            
+            // 3. Start Animation
+            setTimeout(() => {
+                el.classList.add('image-clear');
+            }, 100); 
+        }
+    };
+}
+"""
 
-# --- Gradio UI Layout ---
-with gr.Blocks(theme=gr.themes.Soft()) as app:
+# --- Gradio App ---
+with gr.Blocks(theme=gr.themes.Soft(), css=APP_CSS) as app:
     state = gr.State()
-
     gr.Markdown("# Face Emotion Recognition Study")
     
+    # 1. Landing Page
     with gr.Column(visible=True) as instructions_section:
-        gr.Markdown(
-            """
-            ## Instructions
-            1.  An image of a face will appear. It will start very blurry.
-            2.  The image will gradually become clear over 10 seconds.
-            3.  As soon as you recognize the emotion, select the corresponding option below.
-            4.  The image will become fully clear, and a "Next Image" button will appear.
-            5.  Click "Next Image" to continue the study.
-            
-            **Please respond as quickly and accurately as you can. Your response time is being measured.**
-            """
-        )
+        gr.Markdown(f"## Instructions\nIdentify the emotion as the image becomes clear ({DEBLUR_DURATION_S}s).")
         start_btn = gr.Button("START STUDY", variant="primary")
         status_text = gr.Markdown("")
 
+    # 2. Main Experiment Interface
     with gr.Column(visible=False) as main_section:
-        image_display = gr.Image(label="", elem_id="image_display", height=400, width=400, interactive=False)
+        # Image Stack: Two images occupy the same conceptual space
+        with gr.Group():
+            # Animated Image: Visible initially, performs blur->clear
+            image_anim = gr.Image(label="", elem_id="img_anim", height=400, width=400, interactive=False, show_label=False, visible=True)
+            # Static Image: Hidden initially, shows instantly when user selects answer
+            image_static = gr.Image(label="", elem_id="img_static", height=400, width=400, interactive=False, show_label=False, visible=False)
+        
         progress_text = gr.Markdown("")
-        emotion_choice = gr.Radio(choices=[], label="Select the emotion", visible=False, interactive=True)
+        
+        # Controls
+        emotion_choice = gr.Radio(choices=[], label="Select the emotion", visible=False, interactive=True, elem_id="emotion_choice")
+        next_image_btn = gr.Button("Next Image ▶", variant="secondary", visible=True, interactive=False, elem_id="next_btn")
 
-        next_image_btn = gr.Button("Next Image ▶", variant="secondary", visible=False)
+    # --- Event Wiring ---
 
-    # --- Event Handlers ---
-    app.load(
-        fn=initialize_experiment,
-        outputs=[state, status_text, start_btn]
-    ).then(
-        fn=None,
-        js=f"""() => {{
-            // define animation helpers once per session
-            window.animationFrameId = null;
-            window.deblurImage = function() {{
-                const img = document.querySelector("#image_display img");
-                if (!img) return;
-                const duration = {DEBLUR_DURATION_S * 1000};
-                const initialBlur = 20;
-                let startTime = null;
-                function animate(currentTime) {{
-                    if (!startTime) startTime = currentTime;
-                    const elapsedTime = currentTime - startTime;
-                    const progress = Math.min(elapsedTime / duration, 1);
-                    const currentBlur = initialBlur * (1 - progress);
-                    img.style.filter = 'blur(' + currentBlur + 'px)';
-                    if (progress < 1) {{
-                        window.animationFrameId = requestAnimationFrame(animate);
-                    }}
-                }}
-                cancelAnimationFrame(window.animationFrameId);
-                const img2 = document.querySelector("#image_display img");
-                if (img2) img2.style.filter = 'blur(' + initialBlur + 'px)';
-                window.animationFrameId = requestAnimationFrame(animate);
-            }};
-            window.unblurImmediately = function() {{
-                cancelAnimationFrame(window.animationFrameId);
-                const img = document.querySelector("#image_display img");
-                if (img) img.style.filter = 'blur(0px)';
-            }};
-        }}"""
-    )
+    # App Load
+    app.load(fn=initialize_experiment, outputs=[state, status_text, start_btn]).then(fn=None, js=js_functions)
 
+    # Start Button -> Show Interface -> Load First Image -> Trigger Animation
     start_btn.click(
-        fn=start_interface,
-        inputs=[state],
-        outputs=[instructions_section, start_btn, main_section]
+        fn=start_interface, inputs=[state], outputs=[instructions_section, start_btn, main_section]
     ).then(
-        fn=show_next_image,
-        inputs=[state],
-        outputs=[state, image_display, progress_text, next_image_btn, emotion_choice]
+        fn=show_next_image, 
+        inputs=[state], 
+        outputs=[state, image_anim, image_static, progress_text, image_anim, image_static, emotion_choice]
     ).then(
-        fn=None,
-        js="() => window.deblurImage()"
+        fn=None, js="() => window.triggerDeblur()"
     )
 
-    # IMPORTANT: bind JS + Python in the SAME change call (no .then)
+    # Emotion Selected -> Swap Images (Snap to Clear) -> Save Data
     emotion_choice.change(
-        fn=on_emotion_select,
-        inputs=[state, emotion_choice],
-        outputs=[emotion_choice, next_image_btn],
-        js="() => window.unblurImmediately()"
+        fn=on_emotion_select, 
+        inputs=[state, emotion_choice], 
+        outputs=[image_anim, image_static, emotion_choice, next_image_btn]
     )
 
+    # Next Button -> Load New Image -> Reset Layout -> Trigger Animation
     next_image_btn.click(
-        fn=show_next_image,
-        inputs=[state],
-        outputs=[state, image_display, progress_text, next_image_btn, emotion_choice]
+        fn=show_next_image, 
+        inputs=[state], 
+        outputs=[state, image_anim, image_static, progress_text, image_anim, image_static, emotion_choice]
     ).then(
-        fn=None,
-        js="() => window.deblurImage()"
+        fn=None, js="() => window.triggerDeblur()"
     )
 
 if __name__ == "__main__":
-    print("Starting Gradio app...")
-    print("Please create two folders: './AI' and './Human'")
-    print("Place images in them named like 'any_name_happy.jpg', 'some_face_sad.png', etc.")
-    print(f"Optional metadata file: '{METADATA_FILE}' with columns image_name, emotion, sex, ethnicity, angle, face_type.")
-    print(f"Participant ID via URL param '?{URL_PARAM_PARTICIPANT_ID}=...'")
-    app.launch()
+    app.launch()

emotion_responses.csv

@@ -1,22 +1,69 @@
-user_id,image_name,image_source,correct_emotion,selected_emotion,response_time_s,timestamp
-b77b35d7-98ed-4d65-bd7f-5600406b2d13,woman_surprised.png,Human,surprised,disgusted,4.0170,2025-10-08T19:02:10.348995
-b77b35d7-98ed-4d65-bd7f-5600406b2d13,man_angry.png,Human,angry,happy,2.5259,2025-10-08T19:02:14.334210
-b77b35d7-98ed-4d65-bd7f-5600406b2d13,woman2_happy.png,AI,happy,angry,1.1268,2025-10-08T19:02:16.489351
-b77b35d7-98ed-4d65-bd7f-5600406b2d13,woman_disgusted.png,Human,disgusted,disgusted,0.8650,2025-10-08T19:02:18.073450
-b77b35d7-98ed-4d65-bd7f-5600406b2d13,oldman_angry.png,AI,angry,disgusted,1.5342,2025-10-08T19:02:20.375208
-b77b35d7-98ed-4d65-bd7f-5600406b2d13,kid_surprised.png,AI,surprised,surprised,0.8176,2025-10-08T19:02:22.014076
-9b307667-0e5a-47a7-b590-e86eb19b8877,woman2_happy.png,AI,happy,disgusted,7730.2715,2025-10-15T12:52:36.645373
-9b307667-0e5a-47a7-b590-e86eb19b8877,oldman_angry.png,AI,angry,happy,1.2217,2025-10-15T12:52:39.146115
-9b307667-0e5a-47a7-b590-e86eb19b8877,woman_disgusted.png,Human,disgusted,surprised,8.0417,2025-10-15T12:52:48.261584
-8cef88bf-4fa4-4937-8ff1-a4de8690caab,man_angry.png,Human,angry,angry,10.0966,2025-10-16T10:09:00.573603
-8cef88bf-4fa4-4937-8ff1-a4de8690caab,kid_surprised.png,AI,surprised,happy,4.3949,2025-10-16T10:09:06.290271
-5beeb812-65bb-4d73-9e74-b5745e50d53c,oldman_angry.png,AI,angry,happy,30.9841,2025-10-16T10:27:33.040255
-5beeb812-65bb-4d73-9e74-b5745e50d53c,woman_surprised.png,Human,surprised,happy,2.9925,2025-10-16T10:27:36.935171
-5beeb812-65bb-4d73-9e74-b5745e50d53c,kid_surprised.png,AI,surprised,disgusted,1.0123,2025-10-16T10:27:42.854288
-5beeb812-65bb-4d73-9e74-b5745e50d53c,woman_disgusted.png,Human,disgusted,disgusted,0.4319,2025-10-16T10:27:45.272861
-5beeb812-65bb-4d73-9e74-b5745e50d53c,man_angry.png,Human,angry,disgusted,0.5874,2025-10-16T10:27:48.702015
-5beeb812-65bb-4d73-9e74-b5745e50d53c,woman2_happy.png,AI,happy,disgusted,0.6159,2025-10-16T10:27:53.459924
-cb09bc25-3d8c-400b-857b-8d208cd03a7a,oldman_angry.png,AI,angry,disgusted,4.7478,2025-10-23T11:03:26.899999
-cb09bc25-3d8c-400b-857b-8d208cd03a7a,kid_surprised.png,AI,surprised,happy,0.9752,2025-10-23T11:03:28.795161
-cb09bc25-3d8c-400b-857b-8d208cd03a7a,woman_surprised.png,Human,surprised,happy,23.7807,2025-10-23T11:03:53.726751
-cb09bc25-3d8c-400b-857b-8d208cd03a7a,woman_disgusted.png,Human,disgusted,happy,0.8153,2025-10-23T11:03:55.614613
+participant_id,session_id,image_name,image_source,face_type,face_type_code,correct_emotion,correct_emotion_code,face_sex,face_sex_code,face_ethnicity,face_ethnicity_code,face_angle,face_angle_code,selected_emotion,selected_emotion_code,accuracy,response_time_ms,button_order,timestamp
+anon-293b45d4-bb79-4821-916d-a1fb77799b2b,293b45d4-bb79-4821-916d-a1fb77799b2b,woman_surprised.png,Human,human,1,surprised,4,unknown,0,unknown,0,unknown,0,surprised,4,correct,7226,surprised|disgusted|happy|angry,2026-01-08T20:14:30.560025
+anon-293b45d4-bb79-4821-916d-a1fb77799b2b,293b45d4-bb79-4821-916d-a1fb77799b2b,man_angry.png,Human,human,1,angry,3,unknown,0,unknown,0,unknown,0,angry,3,correct,9197,happy|surprised|disgusted|angry,2026-01-08T20:14:40.821270
+anon-c4a3c916-e736-4de4-913c-b84e29660747,c4a3c916-e736-4de4-913c-b84e29660747,kid_surprised.png,AI,ai,2,surprised,4,unknown,0,unknown,0,unknown,0,disgusted,5,incorrect,8907,happy|angry|disgusted|surprised,2026-01-08T20:17:48.571466
+anon-c4a3c916-e736-4de4-913c-b84e29660747,c4a3c916-e736-4de4-913c-b84e29660747,woman_disgusted.png,Human,human,1,disgusted,5,unknown,0,unknown,0,unknown,0,disgusted,5,correct,4333,surprised|disgusted|happy|angry,2026-01-08T20:17:55.467188
+anon-c4a3c916-e736-4de4-913c-b84e29660747,c4a3c916-e736-4de4-913c-b84e29660747,man_angry.png,Human,human,1,angry,3,unknown,0,unknown,0,unknown,0,happy,1,incorrect,6839,happy|angry|surprised|disgusted,2026-01-08T20:18:10.221377
+anon-c4a3c916-e736-4de4-913c-b84e29660747,c4a3c916-e736-4de4-913c-b84e29660747,woman2_happy.png,AI,ai,2,happy,1,unknown,0,unknown,0,unknown,0,angry,3,incorrect,3415,happy|surprised|angry|disgusted,2026-01-08T20:18:15.074756
+anon-c4a3c916-e736-4de4-913c-b84e29660747,c4a3c916-e736-4de4-913c-b84e29660747,oldman_angry.png,AI,ai,2,angry,3,unknown,0,unknown,0,unknown,0,happy,1,incorrect,1693,surprised|happy|angry|disgusted,2026-01-08T20:18:17.922186
+anon-c4a3c916-e736-4de4-913c-b84e29660747,c4a3c916-e736-4de4-913c-b84e29660747,woman_surprised.png,Human,human,1,surprised,4,unknown,0,unknown,0,unknown,0,surprised,4,correct,936,angry|disgusted|happy|surprised,2026-01-08T20:18:19.603907
+anon-90019529-c56c-4dc3-83ed-744cd30d6d7e,90019529-c56c-4dc3-83ed-744cd30d6d7e,woman2_happy.png,AI,ai,2,happy,1,unknown,0,unknown,0,unknown,0,angry,3,incorrect,3358,happy|angry|disgusted|surprised,2026-01-08T20:24:34.229398
+anon-90019529-c56c-4dc3-83ed-744cd30d6d7e,90019529-c56c-4dc3-83ed-744cd30d6d7e,man_angry.png,Human,human,1,angry,3,unknown,0,unknown,0,unknown,0,disgusted,5,incorrect,1771,happy|surprised|disgusted|angry,2026-01-08T20:24:37.144745
+anon-0819290d-1006-43fc-8b44-c2d564710e3e,0819290d-1006-43fc-8b44-c2d564710e3e,kid_surprised.png,AI,ai,2,surprised,4,unknown,0,unknown,0,unknown,0,happy,1,incorrect,4620,surprised|angry|disgusted|happy,2026-01-08T20:24:57.620828
+anon-0819290d-1006-43fc-8b44-c2d564710e3e,0819290d-1006-43fc-8b44-c2d564710e3e,woman_surprised.png,Human,human,1,surprised,4,unknown,0,unknown,0,unknown,0,disgusted,5,incorrect,7994,angry|surprised|disgusted|happy,2026-01-08T20:25:06.930289
+anon-8c1f7011-2d88-420c-b67e-421c07f2a340,8c1f7011-2d88-420c-b67e-421c07f2a340,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,angry,3,correct,1731,angry|disgusted|surprised|happy,2026-01-08T20:28:40.158440
+anon-8c1f7011-2d88-420c-b67e-421c07f2a340,8c1f7011-2d88-420c-b67e-421c07f2a340,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,surprised,4,correct,1231,happy|surprised|angry|disgusted,2026-01-08T20:28:42.069297
+anon-8c1f7011-2d88-420c-b67e-421c07f2a340,8c1f7011-2d88-420c-b67e-421c07f2a340,woman2_happy.png,AI,ai,2,happy,1,female,2,black,2,forward,1,happy,1,correct,943,angry|disgusted|happy|surprised,2026-01-08T20:28:43.460471
+anon-8c1f7011-2d88-420c-b67e-421c07f2a340,8c1f7011-2d88-420c-b67e-421c07f2a340,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,angry,3,incorrect,937,disgusted|happy|surprised|angry,2026-01-08T20:28:45.133349
+anon-8c1f7011-2d88-420c-b67e-421c07f2a340,8c1f7011-2d88-420c-b67e-421c07f2a340,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,disgusted,5,incorrect,860,disgusted|angry|surprised|happy,2026-01-08T20:28:46.770888
+anon-8c1f7011-2d88-420c-b67e-421c07f2a340,8c1f7011-2d88-420c-b67e-421c07f2a340,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,happy,1,incorrect,1254,angry|surprised|happy|disgusted,2026-01-08T20:28:48.598528
+anon-4b299a41-fc84-4d91-ac64-63c7995a8e8c,4b299a41-fc84-4d91-ac64-63c7995a8e8c,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,disgusted,5,incorrect,1178,disgusted|angry|happy|surprised,2026-01-08T20:32:29.882922
+anon-4b299a41-fc84-4d91-ac64-63c7995a8e8c,4b299a41-fc84-4d91-ac64-63c7995a8e8c,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,happy,1,incorrect,847,angry|happy|surprised|disgusted,2026-01-08T20:32:32.561794
+anon-4b299a41-fc84-4d91-ac64-63c7995a8e8c,4b299a41-fc84-4d91-ac64-63c7995a8e8c,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,surprised,4,incorrect,613,angry|happy|surprised|disgusted,2026-01-08T20:32:33.831538
+anon-4b299a41-fc84-4d91-ac64-63c7995a8e8c,4b299a41-fc84-4d91-ac64-63c7995a8e8c,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,surprised,4,correct,494,angry|disgusted|happy|surprised,2026-01-08T20:32:34.849506
+anon-4b299a41-fc84-4d91-ac64-63c7995a8e8c,4b299a41-fc84-4d91-ac64-63c7995a8e8c,woman2_happy.png,AI,ai,2,happy,1,female,2,black,2,forward,1,happy,1,correct,805,disgusted|happy|surprised|angry,2026-01-08T20:32:36.389731
+anon-4b299a41-fc84-4d91-ac64-63c7995a8e8c,4b299a41-fc84-4d91-ac64-63c7995a8e8c,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,disgusted,5,incorrect,667,happy|surprised|disgusted|angry,2026-01-08T20:32:37.746231
+anon-800cad3a-e396-44e3-b225-68e2880ceadf,800cad3a-e396-44e3-b225-68e2880ceadf,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,disgusted,5,incorrect,1102,disgusted|angry|surprised|happy,2026-01-08T20:32:47.661429
+anon-800cad3a-e396-44e3-b225-68e2880ceadf,800cad3a-e396-44e3-b225-68e2880ceadf,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,angry,3,incorrect,2565,happy|disgusted|surprised|angry,2026-01-08T20:32:51.774891
+anon-800cad3a-e396-44e3-b225-68e2880ceadf,800cad3a-e396-44e3-b225-68e2880ceadf,woman2_happy.png,AI,ai,2,happy,1,female,2,black,2,forward,1,surprised,4,incorrect,828,disgusted|happy|surprised|angry,2026-01-08T20:32:53.701283
+anon-800cad3a-e396-44e3-b225-68e2880ceadf,800cad3a-e396-44e3-b225-68e2880ceadf,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,happy,1,incorrect,1475,happy|angry|surprised|disgusted,2026-01-08T20:32:56.217087
+anon-800cad3a-e396-44e3-b225-68e2880ceadf,800cad3a-e396-44e3-b225-68e2880ceadf,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,surprised,4,incorrect,5211,disgusted|surprised|happy|angry,2026-01-08T20:33:02.344766
+anon-800cad3a-e396-44e3-b225-68e2880ceadf,800cad3a-e396-44e3-b225-68e2880ceadf,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,happy,1,incorrect,1167,happy|angry|surprised|disgusted,2026-01-08T20:33:04.307786
+anon-6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,disgusted,5,incorrect,1240,surprised|disgusted|happy|angry,2026-01-08T20:33:17.946078
+anon-6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,surprised,4,incorrect,3260,angry|disgusted|surprised|happy,2026-01-08T20:33:22.407241
+anon-6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,surprised,4,correct,2028,surprised|disgusted|happy|angry,2026-01-08T20:33:24.976249
+anon-6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,happy,1,incorrect,1157,happy|angry|surprised|disgusted,2026-01-08T20:33:26.665156
+anon-6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,6bfd56f1-e24e-4bf8-8d4f-e1695c1a0acd,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,happy,1,incorrect,5349,disgusted|angry|happy|surprised,2026-01-08T20:33:33.734201
+anon-1478b947-bba0-4486-90a4-ce00c5cf2996,1478b947-bba0-4486-90a4-ce00c5cf2996,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,surprised,4,correct,3300,surprised|angry|happy|disgusted,2026-01-08T20:43:16.234329
+anon-1478b947-bba0-4486-90a4-ce00c5cf2996,1478b947-bba0-4486-90a4-ce00c5cf2996,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,disgusted,5,incorrect,12651,disgusted|surprised|happy|angry,2026-01-08T20:43:31.598273
+anon-1478b947-bba0-4486-90a4-ce00c5cf2996,1478b947-bba0-4486-90a4-ce00c5cf2996,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,happy,1,incorrect,931,angry|happy|disgusted|surprised,2026-01-08T20:43:33.111170
+anon-1478b947-bba0-4486-90a4-ce00c5cf2996,1478b947-bba0-4486-90a4-ce00c5cf2996,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,angry,3,correct,788,surprised|happy|angry|disgusted,2026-01-08T20:43:34.468996
+anon-1478b947-bba0-4486-90a4-ce00c5cf2996,1478b947-bba0-4486-90a4-ce00c5cf2996,woman2_happy.png,AI,ai,2,happy,1,female,2,black,2,forward,1,disgusted,5,incorrect,1301,angry|surprised|disgusted|happy,2026-01-08T20:43:36.342882
+anon-1478b947-bba0-4486-90a4-ce00c5cf2996,1478b947-bba0-4486-90a4-ce00c5cf2996,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,angry,3,incorrect,1047,disgusted|happy|surprised|angry,2026-01-08T20:43:37.940345
+anon-1c102c98-80df-4149-b598-8cb3d4feebeb,1c102c98-80df-4149-b598-8cb3d4feebeb,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,surprised,4,correct,2216,disgusted|surprised|happy|angry,2026-01-08T20:48:47.766427
+anon-1c102c98-80df-4149-b598-8cb3d4feebeb,1c102c98-80df-4149-b598-8cb3d4feebeb,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,surprised,4,incorrect,1078,happy|disgusted|surprised|angry,2026-01-08T20:48:49.587460
+anon-1c102c98-80df-4149-b598-8cb3d4feebeb,1c102c98-80df-4149-b598-8cb3d4feebeb,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,happy,1,incorrect,1144,angry|disgusted|surprised|happy,2026-01-08T20:48:51.954683
+anon-1c102c98-80df-4149-b598-8cb3d4feebeb,1c102c98-80df-4149-b598-8cb3d4feebeb,woman2_happy.png,AI,ai,2,happy,1,female,2,black,2,forward,1,surprised,4,incorrect,1460,happy|disgusted|surprised|angry,2026-01-08T20:48:54.523725
+anon-132bd0b1-0187-4191-901b-cfd4434b3cce,132bd0b1-0187-4191-901b-cfd4434b3cce,woman2_happy.png,AI,ai,2,happy,1,female,2,black,2,forward,1,angry,3,incorrect,5592,disgusted|surprised|angry|happy,2026-01-08T20:49:40.646632
+anon-132bd0b1-0187-4191-901b-cfd4434b3cce,132bd0b1-0187-4191-901b-cfd4434b3cce,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,disgusted,5,correct,5517,angry|disgusted|surprised|happy,2026-01-08T20:49:47.471801
+anon-132bd0b1-0187-4191-901b-cfd4434b3cce,132bd0b1-0187-4191-901b-cfd4434b3cce,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,happy,1,incorrect,1580,surprised|angry|happy|disgusted,2026-01-08T20:49:50.541265
+anon-e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,angry,3,correct,3377,disgusted|happy|angry|surprised,2026-01-08T20:51:44.169517
+anon-e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,angry,3,incorrect,1434,happy|angry|surprised|disgusted,2026-01-08T20:51:47.668494
+anon-e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,happy,1,incorrect,4397,disgusted|angry|surprised|happy,2026-01-08T20:51:55.385533
+anon-e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,e07c3aa4-8b6b-41ae-8efa-77c1542e18b4,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,happy,1,incorrect,4194,happy|disgusted|angry|surprised,2026-01-08T20:52:00.573445
+anon-5eba27cd-b6d1-4f1b-bc9a-0bef0ea6d251,5eba27cd-b6d1-4f1b-bc9a-0bef0ea6d251,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,happy,1,incorrect,4122,disgusted|surprised|happy|angry,2026-01-08T20:54:59.957487
+anon-82cbc393-d79d-484d-8e20-4f4ea4fb3485,82cbc393-d79d-484d-8e20-4f4ea4fb3485,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,happy,1,incorrect,3139,surprised|happy|angry|disgusted,2026-01-08T20:57:27.921219
+anon-ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,surprised,4,incorrect,3344,surprised|disgusted|happy|angry,2026-01-08T20:58:55.093129
+anon-ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,surprised,4,incorrect,3016,angry|happy|surprised|disgusted,2026-01-08T20:59:03.532575
+anon-ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,angry,3,incorrect,2947,disgusted|surprised|happy|angry,2026-01-08T20:59:08.803406
+anon-ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,happy,1,incorrect,1667,disgusted|surprised|happy|angry,2026-01-08T20:59:11.572648
+anon-ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,ebcf1d6a-7150-4960-a7dd-d8eb4bb55d2c,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,surprised,4,correct,4128,surprised|angry|disgusted|happy,2026-01-08T20:59:26.792283
+anon-1efc4fa8-b4f2-488b-b5f7-8a2c35ba1ded,1efc4fa8-b4f2-488b-b5f7-8a2c35ba1ded,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,happy,1,incorrect,3174,angry|happy|surprised|disgusted,2026-01-08T21:01:10.029903
+anon-1efc4fa8-b4f2-488b-b5f7-8a2c35ba1ded,1efc4fa8-b4f2-488b-b5f7-8a2c35ba1ded,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,disgusted,5,correct,2901,angry|surprised|disgusted|happy,2026-01-08T21:01:15.104556
+anon-25f74813-2c25-496c-a738-593891e58029,25f74813-2c25-496c-a738-593891e58029,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,angry,3,incorrect,4405,surprised|happy|angry|disgusted,2026-01-08T21:02:53.461864
+anon-5324ca1d-61b0-4c88-a3d9-65430ad19912,5324ca1d-61b0-4c88-a3d9-65430ad19912,woman2_happy.png,AI,ai,2,happy,1,female,2,black,2,forward,1,surprised,4,incorrect,3477,disgusted|surprised|happy|angry,2026-01-08T21:08:05.371495
+anon-5324ca1d-61b0-4c88-a3d9-65430ad19912,5324ca1d-61b0-4c88-a3d9-65430ad19912,woman_disgusted.png,Human,human,1,disgusted,5,female,2,caucasian,1,front-left,2,angry,3,incorrect,4564,disgusted|happy|surprised|angry,2026-01-08T21:08:11.967255
+anon-5324ca1d-61b0-4c88-a3d9-65430ad19912,5324ca1d-61b0-4c88-a3d9-65430ad19912,oldman_angry.png,AI,ai,2,angry,3,male,1,caucasian,1,forward,1,angry,3,correct,3396,angry|disgusted|happy|surprised,2026-01-08T21:08:17.105324
+anon-5324ca1d-61b0-4c88-a3d9-65430ad19912,5324ca1d-61b0-4c88-a3d9-65430ad19912,kid_surprised.png,AI,ai,2,surprised,4,female,2,caucasian,1,forward,1,surprised,4,correct,2010,happy|surprised|angry|disgusted,2026-01-08T21:08:19.970215
+anon-5324ca1d-61b0-4c88-a3d9-65430ad19912,5324ca1d-61b0-4c88-a3d9-65430ad19912,man_angry.png,Human,human,1,angry,3,male,1,black,2,forward,1,disgusted,5,incorrect,2108,angry|surprised|disgusted|happy,2026-01-08T21:08:23.183190
+anon-5324ca1d-61b0-4c88-a3d9-65430ad19912,5324ca1d-61b0-4c88-a3d9-65430ad19912,woman_surprised.png,Human,human,1,surprised,4,female,2,caucasian,1,front-right,3,angry,3,incorrect,1526,disgusted|surprised|happy|angry,2026-01-08T21:08:26.154828

stimuli_metadata.csv

@@ -0,0 +1,7 @@
+image_name,emotion,sex,ethnicity,angle,face_type
+man_angry.png,angry,male,black,forward,human
+woman_disgusted.jpg,disgusted,female,caucasian,front-left,human
+woman_surprised.png,surprised,female,caucasian,front-right,human
+kid_surprised.jpg,surprised,female,caucasian,forward,ai
+woman2_happy.jpg,happy,female,black,forward,ai
+oldman_angry.jpg,angry,male,caucasian,forward,ai