a

frontend/src/pages/Writer/Images.tsx

@@ -280,9 +280,10 @@ export default function Images() {
         console.log('[Generate Images] Stage 2: Task started with ID:', result.task_id);
         addAiLog({
           timestamp: new Date().toISOString(),
-          type: 'success',
+          type: 'step',
           action: 'generate_images',
-          data: { task_id: result.task_id, message: 'Task queued successfully' }
+          stepName: 'Task Queued',
+          data: { task_id: result.task_id, message: 'Image generation task queued' }
         });
       } else {
         toast.error(result.error || 'Failed to start image generation');
@@ -386,21 +387,22 @@ export default function Images() {
         setCurrentPage(1);
       }}
     />
-    <ImageQueueModal
-      isOpen={isQueueModalOpen}
-      onClose={() => {
-        setIsQueueModalOpen(false);
-        setImageQueue([]);
-        setCurrentContentId(null);
-        setTaskId(null);
-        // Reload images after closing if generation completed
-        loadImages();
-      }}
-      queue={imageQueue}
-      totalImages={imageQueue.length}
-      taskId={taskId}
-      onUpdateQueue={setImageQueue}
-    />
+      <ImageQueueModal
+        isOpen={isQueueModalOpen}
+        onClose={() => {
+          setIsQueueModalOpen(false);
+          setImageQueue([]);
+          setCurrentContentId(null);
+          setTaskId(null);
+          // Reload images after closing if generation completed
+          loadImages();
+        }}
+        queue={imageQueue}
+        totalImages={imageQueue.length}
+        taskId={taskId}
+        onUpdateQueue={setImageQueue}
+        onLog={addAiLog}
+      />
 
       {/* AI Function Logs - Display below table (only when Resource Debug is enabled) */}
       {resourceDebugEnabled && aiLogs.length > 0 && (