未確認ノードのバナーをコントロールパネルに移動

- バナーをワークフローエディター内からコントロールパネルに移動
- ComfyUI/WebUIボタンの上に表示されるように変更
- WebUI切り替え時にバナーをクリア

Author: claude

css/comfyui-workflow-editor.css

@@ -253,25 +253,25 @@
  .comfui-node-title-normal {
   background: var(--background-color-B);
  }
- .comfui-unverified-banner {
-  width: 100%;
-  background-color: rgba(255, 255, 130, 0.3);
-  border: 1px solid rgba(255, 200, 0, 0.5);
-  border-radius: 6px;
-  padding: 10px 12px;
-  margin-bottom: 12px;
- }
- .comfui-unverified-banner-title {
-  font-weight: 600;
-  font-size: 13px;
-  color: #d4a000;
-  margin-bottom: 6px;
- }
- .comfui-unverified-banner-desc {
-  font-size: 11px;
-  color: #888;
-  line-height: 1.5;
- }
+.unverified-banner {
+width: 100%;
+background-color: rgba(255, 255, 130, 0.3);
+border: 1px solid rgba(255, 200, 0, 0.5);
+border-radius: 4px;
+padding: 6px 8px;
+margin-bottom: 6px;
+}
+.unverified-banner-title {
+font-weight: 600;
+font-size: 11px;
+color: #d4a000;
+margin-bottom: 4px;
+}
+.unverified-banner-desc {
+font-size: 10px;
+color: #888;
+line-height: 1.4;
+}
  .comfui-unverified-label {
   font-size: 11px;
   color: #d4a000;

index.html

@@ -1769,6 +1769,7 @@
                     <div class="area-header" data-i18n="esApiControls" onclick='changeHiddenById("esApi-controls-mini", "esApiControls", "esApiControlsByClose")'>
                     </div>
                     <div id="esApi-controls-mini" class="controls-mini">
+                        <div id="unverified-nodes-banner"></div>
                         <div class="input-group" data-group="externalApiGroup">
                             <button id="comfyUIButton" data-value="comfyUIButton" onclick="changeExternalAPI(this)" class="selected">
                                 ComfyUI

js/ai/comfyui/v2/comfyui-workflow-editor-tab.js

@@ -400,11 +400,13 @@ class_type
 .sort((a,b)=>b.inputCount-a.inputCount);
 
 const hasUnverifiedNodes=nodes.some(({class_type})=>notExistsWorkflowNodeVsComfyUI(class_type));
+const bannerContainer=document.getElementById("unverified-nodes-banner");
+if(bannerContainer){
 if(hasUnverifiedNodes){
-const bannerElement=document.createElement("div");
-bannerElement.className="comfui-unverified-banner";
-bannerElement.innerHTML=`<div class="comfui-unverified-banner-title">⚠ ${getText('missingNode')||'ノード情報が確認できないノードがあります'}</div><div class="comfui-unverified-banner-desc">${getText('missingDescription')||''}</div>`;
-container.appendChild(bannerElement);
+bannerContainer.innerHTML=`<div class="unverified-banner"><div class="unverified-banner-title">⚠ ${getText('missingNode')||'ノード情報が確認できないノードがあります'}</div><div class="unverified-banner-desc">${getText('missingDescription')||''}</div></div>`;
+}else{
+bannerContainer.innerHTML="";
+}
 }
 
 nodes.forEach(({id,node,apiNode,class_type})=>{

js/ai/ui/ai-ui-util.js

@@ -4,10 +4,12 @@ changeSelected(button);
 const selectedValue=getSelectedValueByGroup("externalApiGroup");
 
 var help=getText("help_api_connect_settings");
+var bannerEl=$('unverified-nodes-banner');
 if (selectedValue==="sdWebUIButton") {
 apiMode=apis.A1111;
 createToast("API CHANGE!","WebUI(A1111/Forge)",2000);
 $('apiSettingsUrlHelpe').innerHTML=`<a href="html/API_Help/sd-api-guide.html" target="_blank">${help}</a>`;
+if(bannerEl)bannerEl.innerHTML="";
 } else if (selectedValue==="comfyUIButton") {
 apiMode=apis.COMFYUI;
 createToast("API CHANGE!","COMFYUI",2000);