# NF Preview Selector ComfyUI用のフローティングダイアログベースの画像プレビューおよび選択システムです。 ## 機能 - **フローティングダイアログ**: 邪魔にならないダイアログウィンドウ - **ドラッグ＆ドロップによる位置調整**: プレビューウィンドウを画面上の任意の場所に移動 - **複数選択**: 画像をクリックして複数の画像を選択/選択解除 - **タイムアウト機能**: カウントダウン表示付きの設定可能なタイムアウト - **複数のモード**: レビューモード、パススルー、最初の画像/最後の画像 - **Latent画像対応**: Latent画像の入出力に対応 - **メモリー機能**: ダイアログの表示位置/サイズを記憶 ## 使い方 1. 「NF Preview Selector」ノードをワークフローに追加 2. 画像入力（必要な場合Latent入力）を接続 3. モードを選択： - **review_and_select**: フローティングダイアログを開き、手動で選択 - **pass_through**: すべての画像をレビューせずに通過させる - **take_first**: 最初の画像を自動的に選択 - **take_last**: 最後の画像を自動的に選択 4. タイムアウト時間を設定 (10-300秒) Main node ## ダイアログインターフェース review_and_selectモードを選んだ場合、フローティングダイアログが表示され、以下の情報が表示されます： - グリッド表示されたプレビュー画像 - 画像をクリックすることで選択／選択解除（数字の色が緑で選択中） - 選択枚数 - タイムアウトまでのカウントダウン - 確定(Confirm)/キャンセル(Cancel)ボタン Dialog Interface ## 設定 ComfyUIの設定メニューからアクセス： - **Dialog maximum width**: ダイアログの最大幅をピクセル単位で指定します。（最大 1800px） - **Remember window position**: ONで最後のダイアログ位置とサイズを記憶します。 Settings ## 出力 - **selected_images**: 選択された画像を出力 - **selected_latents**: 選択された画像のLatent画像を出力 (Latent画像を入力している場合のみ) - **selection_indices**: 選択した画像のインデックスの文字列 (e.g., "0,2,4") ## インストール 1. ComfyUI Manager からインストールできます。 もしくは“ComfyUI/custom_nodes/”ディレクトリ内で```git clone https://github.com/NyaFuP/ComfyUI_Preview_Selector.git```を実行してください。 2. ComfyUIを再起動してください 3. "image/review" カテゴリーの中に"NF Preview Selector"が表示されます。 - ~~Installation from ComfyUI Manager is not yet available~~ ## Technical Details - JavaScript ES6モジュールを使用して構築 - CSS スタイルのフローティングウィンドウシステム - ComfyUI バックエンドとのWebSocket通信 - 依存関係は最小限（ComfyUIの組み込みAPIを使用） ## Known Issues - このカスタムノードがユーザー入力を待っているとき、「キャンセル」を選択したり、タイムアウトしたりすると、プレビュー画像が保存されません。現在のところ、これを修正することは私の能力を超えているので、改善のヒントが得られるまでこのままにしておきます。 ## Please Note - このカスタムノードを作ったのは、私自身が使うために必要だったからです。私はコーディングの知識が浅いため、Claude Codeの助けを借りて開発しました。そのため、このカスタムノードに問題があったとしても、詳しいサポートを提供することができません。 ## Credits このカスタムノードは [cg-image-filter](https://github.com/chrisgoringe/cg-image-filter)から着想して実装されました。