未確認ノードバナーをワークフロー設定画面内に正しく配置

- バナーをノードリストの上に表示するよう修正
- コントロールパネルへの誤った配置を削除

Author: claude

css/comfyui-workflow-editor.css

@@ -253,24 +253,24 @@
  .comfui-node-title-normal {
   background: var(--background-color-B);
  }
-.unverified-banner {
+.comfui-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;
+border-radius: 6px;
+padding: 10px 12px;
+margin-bottom: 12px;
 }
-.unverified-banner-title {
+.comfui-unverified-banner-title {
 font-weight: 600;
-font-size: 11px;
+font-size: 13px;
 color: #d4a000;
-margin-bottom: 4px;
+margin-bottom: 6px;
 }
-.unverified-banner-desc {
-font-size: 10px;
+.comfui-unverified-banner-desc {
+font-size: 11px;
 color: #888;
-line-height: 1.4;
+line-height: 1.5;
 }
  .comfui-unverified-label {
   font-size: 11px;

index.html

@@ -1769,7 +1769,6 @@
                     <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

@@ -151,7 +151,7 @@ createContent() {
 const content=document.createElement("div");
 content.className="comfui-tab-content";
 content.dataset.tabId=this.id;
-content.innerHTML=`<div class="comfui-node-list" data-tab-id="${this.id}"></div>`;
+content.innerHTML=`<div class="comfui-unverified-banner-container"></div><div class="comfui-node-list" data-tab-id="${this.id}"></div>`;
 this.contentElement=content;
 return content;
 }
@@ -400,10 +400,10 @@ 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");
+const bannerContainer=this.contentElement.querySelector(".comfui-unverified-banner-container");
 if(bannerContainer){
 if(hasUnverifiedNodes){
-bannerContainer.innerHTML=`<div class="unverified-banner"><div class="unverified-banner-title">⚠ ${getText('missingNode')||'ノード情報が確認できないノードがあります'}</div><div class="unverified-banner-desc">${getText('missingDescription')||''}</div></div>`;
+bannerContainer.innerHTML=`<div class="comfui-unverified-banner"><div class="comfui-unverified-banner-title">⚠ ${getText('missingNode')||'ノード情報が確認できないノードがあります'}</div><div class="comfui-unverified-banner-desc">${getText('missingDescription')||''}</div></div>`;
 }else{
 bannerContainer.innerHTML="";
 }

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

@@ -4,12 +4,10 @@ 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);