Merge pull request #69 from new-sankaku/claude/fix-canvas-page-switching-gm4t3

Add cross-page generation task tracking and offscreen canvas processing

Author: new-sankaku

.gitignore

@@ -167,3 +167,4 @@ package-lock.json
 
 # Claude Code temp files
 tmpclaude-*
+test_offscreen.html

css/ui/bottom-bar.css

@@ -192,4 +192,22 @@ color:#00ffff;
   border-radius: 4px;
   font-size: 12px;
   z-index: 1;
+}
+
+@keyframes btm-pulse-glow {
+  0% {
+    box-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff;
+  }
+  50% {
+    box-shadow: 0 0 15px #00ffff, 0 0 25px #00ffff, 0 0 35px #00ffff;
+  }
+  100% {
+    box-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff;
+  }
+}
+
+.btm-generation-complete {
+  animation: btm-pulse-glow 0.5s ease-in-out 3;
+  border: 2px solid #00ffff;
+  border-radius: 4px;
 }

index.html

@@ -2077,6 +2077,7 @@ <h2 data-i18n="shortcutTitle">Keyboard Shortcuts</h2>
     <script src="js/ai/role/ai-roles.js?v=7.2" defer></script>
     <script src="js/ai/queue/spinner.js?v=7.2" defer></script>
     <script src="js/ai/queue/task-queue.js?v=7.2" defer></script>
+    <script src="js/ai/queue/generation-task-manager.js?v=7.2" defer></script>
     <script src="js/ai/sdwebui/sdwebui-settings.js?v=7.2" defer></script>
     <script src="js/ai/sdwebui/sdwebui-multi-call-api.js?v=7.2" defer></script>
     <script src="js/ai/sdwebui/sdwebui-single-call-api.js?v=7.2" defer></script>

js/ai/comfyui/comfyui-management.js

@@ -158,6 +158,27 @@ requestData["uploadFileName"]=uploadFilename;
 
 var workflow=comfyuiReplacePlaceholders(selectedWorkflow,requestData,Type);
 
+var taskId=generateTaskId();
+var layerType='unknown';
+var targetLayerGuid=null;
+if(isPanel(layer)){
+layerType='panel';
+targetLayerGuid=getGUID(layer);
+}else if(layer.clipPath){
+layerType='clipPath';
+targetLayerGuid=layer.relatedPoly?getGUID(layer.relatedPoly):getGUID(layer);
+}else{
+layerType='standalone';
+}
+var center=calculateCenter(layer);
+await registerGenerationTask(taskId,{
+layerGuid:getGUID(layer),
+layerType:layerType,
+centerX:center.centerX,
+centerY:center.centerY,
+targetLayerGuid:targetLayerGuid
+});
+
 return comfyuiQueue.add(async ()=>{
 const result=await comfyui_put_queue_v2(workflow);
 if (!result||result.error) return result;
@@ -173,7 +194,13 @@ if (result&&result.error) {
 createToastError("Generation Error",result.message);
 throw new Error(result.message);
 } else if (result) {
-
+if(isPageChanged(taskId)){
+var applied=await applyGeneratedImageToOriginalPage(taskId,result);
+if(applied){
+return;
+}
+}
+removeGenerationTask(taskId);
 if(isPanel(layer)){
 var center=calculateCenter(layer);
 putImageInFrame(result,center.centerX,center.centerY,false,false,true,layer);
@@ -193,6 +220,7 @@ throw new Error("Unexpected error: No result returned from comfyui_put_queue_v2"
 }
 })
 .catch((error)=>{
+removeGenerationTask(taskId);
 let help=getText("comfyUI_workflowErrorHelp");
 createToastError("Generation Error",[error.message,help],8000);
 comfyuiLogger.error("Error:",error);