rufio 0.63.0 → 0.65.0

data/lib/rufio/keybind_handler.rb

@@ -73,6 +73,9 @@ module Rufio
 
     def set_terminal_ui(terminal_ui)
       @terminal_ui = terminal_ui
+      # terminal_ui が設定されたら、bookmark_manager と zoxide_integration にも渡す
+      @bookmark_manager.set_terminal_ui(terminal_ui)
+      @zoxide_integration.set_terminal_ui(terminal_ui)
     end
 
     def selected_items
@@ -430,6 +433,54 @@ module Rufio
 
     private
 
+    # オーバーレイダイアログを表示してキー入力を待つヘルパーメソッド
+    # terminal_ui が利用可能な場合はオーバーレイを使用、そうでなければ従来の方法を使用
+    # @param title [String] ダイアログタイトル
+    # @param content_lines [Array<String>] コンテンツ行
+    # @param options [Hash] オプション
+    # @yield キー入力処理（ブロックが与えられた場合）
+    # @return [String] 入力されたキー
+    def show_overlay_dialog(title, content_lines, options = {}, &block)
+      # terminal_ui が利用可能で、screen と renderer が存在する場合のみオーバーレイを使用
+      use_overlay = @terminal_ui &&
+                    @terminal_ui.respond_to?(:screen) &&
+                    @terminal_ui.respond_to?(:renderer) &&
+                    @terminal_ui.screen &&
+                    @terminal_ui.renderer
+
+      if use_overlay
+        # オーバーレイを使用
+        @terminal_ui.show_overlay_dialog(title, content_lines, options, &block)
+      else
+        # フォールバック: 従来の方法
+        width = options[:width]
+        height = options[:height]
+
+        unless width && height
+          width, height = @dialog_renderer.calculate_dimensions(content_lines, {
+            title: title,
+            min_width: options[:min_width] || 40,
+            max_width: options[:max_width] || 80
+          })
+        end
+
+        x, y = @dialog_renderer.calculate_center(width, height)
+
+        @dialog_renderer.draw_floating_window(x, y, width, height, title, content_lines, {
+          border_color: options[:border_color] || "\e[37m",
+          title_color: options[:title_color] || "\e[1;33m",
+          content_color: options[:content_color] || "\e[37m"
+        })
+
+        key = block_given? ? yield : STDIN.getch
+
+        @dialog_renderer.clear_area(x, y, width, height)
+        @terminal_ui&.refresh_display
+
+        key
+      end
+    end
+
     # Enterキーの処理：ファイルならプレビューフォーカス、ディレクトリならナビゲート
     def handle_enter_key
       entry = current_entry
@@ -537,7 +588,8 @@ module Rufio
 
       if entry[:type] == 'file'
         @file_opener.open_file(entry[:path])
-        true
+        # ターミナルアプリ（vim等）を起動した後は画面リフレッシュが必要
+        :needs_refresh
       else
         false
       end
@@ -571,7 +623,8 @@ module Rufio
         @file_opener.open_file(full_path) if File.exist?(full_path)
       end
 
-      true
+      # fzfとvim等はターミナルを占有するので画面リフレッシュが必要
+      :needs_refresh
     end
 
     def fzf_available?
@@ -620,7 +673,8 @@ module Rufio
         @file_opener.open_file_with_line(full_path, line_number) if File.exist?(full_path)
       end
 
-      true
+      # fzfとvim等はターミナルを占有するので画面リフレッシュが必要
+      :needs_refresh
     end
 
     def rga_available?
@@ -804,32 +858,31 @@ module Rufio
       title = 'Confirm Delete'
       width = [50, current_name.length + 10].max
       height = content_lines.length + 4
-      x, y = @dialog_renderer.calculate_center(width, height)
 
-      @dialog_renderer.draw_floating_window(x, y, width, height, title, content_lines, {
+      # 確認を待つ
+      confirmed = false
+      show_overlay_dialog(title, content_lines, {
+        width: width,
+        height: height,
         border_color: "\e[31m",    # Red (warning)
         title_color: "\e[1;31m",   # Bold red
         content_color: "\e[37m"    # White
-      })
-
-      # 確認を待つ
-      confirmed = false
-      loop do
-        input = STDIN.getch.downcase
-
-        case input
-        when 'y'
-          confirmed = true
-          break
-        when 'n', "\e" # n or ESC
-          confirmed = false
-          break
+      }) do
+        loop do
+          input = STDIN.getch.downcase
+
+          case input
+          when 'y'
+            confirmed = true
+            break
+          when 'n', "\e" # n or ESC
+            confirmed = false
+            break
+          end
         end
+        nil
       end
 
-      @dialog_renderer.clear_area(x, y, width, height)
-      @terminal_ui&.refresh_display
-
       return false unless confirmed
 
       # FileOperationsを使用して削除
@@ -969,41 +1022,35 @@ module Rufio
       # タイトルあり: 上枠1 + タイトル1 + 区切り1 + コンテンツ + 下枠1
       dialog_height = DIALOG_BORDER_HEIGHT + content_lines.length
 
-      # ダイアログの位置を中央に設定
-      x, y = @dialog_renderer.calculate_center(dialog_width, dialog_height)
-
-      # ダイアログの描画
-      @dialog_renderer.draw_floating_window(x, y, dialog_width, dialog_height, title, content_lines, {
-                             border_color: "\e[31m", # 赤色（警告）
-                             title_color: "\e[1;31m",   # 太字赤色
-                             content_color: "\e[37m"    # 白色
-                           })
-
       # フラッシュしてユーザーの注意を引く
       print "\a" # ベル音
 
       # キー入力待機
-      loop do
-        input = STDIN.getch.downcase
-
-        case input
-        when 'y'
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return true
-        when 'n', "\e", "\x03" # n, ESC, Ctrl+C
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return false
-        when 'q' # qキーでもキャンセル
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display
-          return false
+      confirmed = false
+      show_overlay_dialog(title, content_lines, {
+        width: dialog_width,
+        height: dialog_height,
+        border_color: "\e[31m", # 赤色（警告）
+        title_color: "\e[1;31m",   # 太字赤色
+        content_color: "\e[37m"    # 白色
+      }) do
+        loop do
+          input = STDIN.getch.downcase
+
+          case input
+          when 'y'
+            confirmed = true
+            break
+          when 'n', "\e", "\x03", 'q' # n, ESC, Ctrl+C, q
+            confirmed = false
+            break
+          end
+          # 無効なキー入力の場合は再度ループ
         end
-        # 無効なキー入力の場合は再度ループ
+        nil
       end
+
+      confirmed
     end
 
     def show_floating_move_confirmation(count, source_path, dest_path)
@@ -1030,38 +1077,32 @@ module Rufio
       dialog_width = CONFIRMATION_DIALOG_WIDTH
       dialog_height = DIALOG_BORDER_HEIGHT + content_lines.length
 
-      # ダイアログの位置を中央に設定
-      x, y = @dialog_renderer.calculate_center(dialog_width, dialog_height)
-
-      # ダイアログの描画（移動は青色で表示）
-      @dialog_renderer.draw_floating_window(x, y, dialog_width, dialog_height, title, content_lines, {
-                             border_color: "\e[34m", # 青色（情報）
-                             title_color: "\e[1;34m",   # 太字青色
-                             content_color: "\e[37m"    # 白色
-                           })
-
       # キー入力待機
-      loop do
-        input = STDIN.getch.downcase
-
-        case input
-        when 'y'
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return true
-        when 'n', "\e", "\x03" # n, ESC, Ctrl+C
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return false
-        when 'q' # qキーでもキャンセル
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display
-          return false
+      confirmed = false
+      show_overlay_dialog(title, content_lines, {
+        width: dialog_width,
+        height: dialog_height,
+        border_color: "\e[34m", # 青色（情報）
+        title_color: "\e[1;34m",   # 太字青色
+        content_color: "\e[37m"    # 白色
+      }) do
+        loop do
+          input = STDIN.getch.downcase
+
+          case input
+          when 'y'
+            confirmed = true
+            break
+          when 'n', "\e", "\x03", 'q' # n, ESC, Ctrl+C, q
+            confirmed = false
+            break
+          end
+          # 無効なキー入力の場合は再度ループ
         end
-        # 無効なキー入力の場合は再度ループ
+        nil
       end
+
+      confirmed
     end
 
     def show_floating_copy_confirmation(count, source_path, dest_path)
@@ -1088,38 +1129,32 @@ module Rufio
       dialog_width = CONFIRMATION_DIALOG_WIDTH
       dialog_height = DIALOG_BORDER_HEIGHT + content_lines.length
 
-      # ダイアログの位置を中央に設定
-      x, y = @dialog_renderer.calculate_center(dialog_width, dialog_height)
-
-      # ダイアログの描画（コピーは緑色で表示）
-      @dialog_renderer.draw_floating_window(x, y, dialog_width, dialog_height, title, content_lines, {
-                             border_color: "\e[32m", # 緑色（安全な操作）
-                             title_color: "\e[1;32m",   # 太字緑色
-                             content_color: "\e[37m"    # 白色
-                           })
-
       # キー入力待機
-      loop do
-        input = STDIN.getch.downcase
-
-        case input
-        when 'y'
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return true
-        when 'n', "\e", "\x03" # n, ESC, Ctrl+C
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return false
-        when 'q' # qキーでもキャンセル
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display
-          return false
+      confirmed = false
+      show_overlay_dialog(title, content_lines, {
+        width: dialog_width,
+        height: dialog_height,
+        border_color: "\e[32m", # 緑色（安全な操作）
+        title_color: "\e[1;32m",   # 太字緑色
+        content_color: "\e[37m"    # 白色
+      }) do
+        loop do
+          input = STDIN.getch.downcase
+
+          case input
+          when 'y'
+            confirmed = true
+            break
+          when 'n', "\e", "\x03", 'q' # n, ESC, Ctrl+C, q
+            confirmed = false
+            break
+          end
+          # 無効なキー入力の場合は再度ループ
         end
-        # 無効なキー入力の場合は再度ループ
+        nil
       end
+
+      confirmed
     end
 
     def show_exit_confirmation
@@ -1139,34 +1174,32 @@ module Rufio
       dialog_width = CONFIRMATION_DIALOG_WIDTH
       dialog_height = DIALOG_BORDER_HEIGHT + content_lines.length
 
-      # ダイアログの位置を中央に設定
-      x, y = @dialog_renderer.calculate_center(dialog_width, dialog_height)
-
-      # ダイアログの描画（終了は黄色で表示）
-      @dialog_renderer.draw_floating_window(x, y, dialog_width, dialog_height, title, content_lines, {
-                             border_color: "\e[33m",    # 黄色（注意）
-                             title_color: "\e[1;33m",   # 太字黄色
-                             content_color: "\e[37m"    # 白色
-                           })
-
       # キー入力待機
-      loop do
-        input = STDIN.getch.downcase
-
-        case input
-        when 'y'
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return true
-        when 'n', "\e", "\x03" # n, ESC, Ctrl+C
-          # ダイアログをクリア
-          @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-          @terminal_ui&.refresh_display # 画面を再描画
-          return false
+      confirmed = false
+      show_overlay_dialog(title, content_lines, {
+        width: dialog_width,
+        height: dialog_height,
+        border_color: "\e[33m",    # 黄色（注意）
+        title_color: "\e[1;33m",   # 太字黄色
+        content_color: "\e[37m"    # 白色
+      }) do
+        loop do
+          input = STDIN.getch.downcase
+
+          case input
+          when 'y'
+            confirmed = true
+            break
+          when 'n', "\e", "\x03" # n, ESC, Ctrl+C
+            confirmed = false
+            break
+          end
+          # 無効なキー入力の場合は再度ループ
         end
-        # 無効なキー入力の場合は再度ループ
+        nil
       end
+
+      confirmed
     end
 
     # パスを指定した長さに短縮
@@ -1249,9 +1282,6 @@ module Rufio
       dialog_width = has_errors ? 50 : 35
       dialog_height = has_errors ? [8 + error_messages.length, 15].min : 6
 
-      # ダイアログの位置を中央に設定
-      x, y = @dialog_renderer.calculate_center(dialog_width, dialog_height)
-
       # 成功・失敗に応じた色設定
       if success_count == total_count && !has_errors
         border_color = "\e[32m"   # 緑色（成功）
@@ -1284,19 +1314,14 @@ module Rufio
       content_lines << ''
       content_lines << 'Press any key to continue...'
 
-      # ダイアログの描画
-      @dialog_renderer.draw_floating_window(x, y, dialog_width, dialog_height, title, content_lines, {
-                             border_color: border_color,
-                             title_color: title_color,
-                             content_color: "\e[37m"
-                           })
-
-      # キー入力待機
-      STDIN.getch
-
-      # ダイアログをクリア
-      @dialog_renderer.clear_area(x, y, dialog_width, dialog_height)
-      @terminal_ui&.refresh_display
+      # オーバーレイダイアログを表示
+      show_overlay_dialog(title, content_lines, {
+        width: dialog_width,
+        height: dialog_height,
+        border_color: border_color,
+        title_color: title_color,
+        content_color: "\e[37m"
+      })
     end
 
 
@@ -1378,17 +1403,16 @@ module Rufio
         title = 'Bookmark Exists'
         width = 50
         height = content_lines.length + 4
-        x, y = @dialog_renderer.calculate_center(width, height)
 
-        @dialog_renderer.draw_floating_window(x, y, width, height, title, content_lines, {
+        # オーバーレイダイアログを表示
+        show_overlay_dialog(title, content_lines, {
+          width: width,
+          height: height,
           border_color: "\e[33m",    # Yellow
           title_color: "\e[1;33m",   # Bold yellow
           content_color: "\e[37m"    # White
         })
 
-        STDIN.getch
-        @dialog_renderer.clear_area(x, y, width, height)
-        @terminal_ui&.refresh_display
         return false
       end
 
@@ -1429,17 +1453,16 @@ module Rufio
       title = 'Bookmark Menu'
       width = 45
       height = content_lines.length + 4
-      x, y = @dialog_renderer.calculate_center(width, height)
 
-      @dialog_renderer.draw_floating_window(x, y, width, height, title, content_lines, {
+      # オーバーレイダイアログを表示してキー入力を取得
+      key = show_overlay_dialog(title, content_lines, {
+        width: width,
+        height: height,
         border_color: "\e[36m",    # Cyan
         title_color: "\e[1;36m",   # Bold cyan
         content_color: "\e[37m"    # White
       })
 
-      key = STDIN.getch
-      @dialog_renderer.clear_area(x, y, width, height)
-
       case key
       when '1'
         add_bookmark
@@ -1503,6 +1526,8 @@ module Rufio
       end
 
       selected_index = 0
+      screen = @terminal_ui&.screen
+      renderer = @terminal_ui&.renderer
 
       loop do
         # メニューを描画
@@ -1516,16 +1541,33 @@ module Rufio
         title = 'Script Paths'
         width = 50
         height = content_lines.length + 4
-        x, y = @dialog_renderer.calculate_center(width, height)
-
-        @dialog_renderer.draw_floating_window(x, y, width, height, title, content_lines, {
-          border_color: "\e[35m",    # Magenta
-          title_color: "\e[1;35m",   # Bold magenta
-          content_color: "\e[37m"    # White
-        })
 
-        key = STDIN.getch
-        @dialog_renderer.clear_area(x, y, width, height)
+        if screen && renderer
+          # オーバーレイを使用
+          screen.enable_overlay
+          x, y = @dialog_renderer.calculate_center(width, height)
+          @dialog_renderer.draw_floating_window_to_overlay(screen, x, y, width, height, title, content_lines, {
+            border_color: "\e[35m",    # Magenta
+            title_color: "\e[1;35m",   # Bold magenta
+            content_color: "\e[37m"    # White
+          })
+          renderer.render(screen)
+
+          key = STDIN.getch
+          screen.disable_overlay
+          renderer.render(screen)
+        else
+          # フォールバック: 従来の方法
+          x, y = @dialog_renderer.calculate_center(width, height)
+          @dialog_renderer.draw_floating_window(x, y, width, height, title, content_lines, {
+            border_color: "\e[35m",    # Magenta
+            title_color: "\e[1;35m",   # Bold magenta
+            content_color: "\e[37m"    # White
+          })
+
+          key = STDIN.getch
+          @dialog_renderer.clear_area(x, y, width, height)
+        end
 
         case key
         when 'j'
@@ -1571,17 +1613,16 @@ module Rufio
       title = 'Confirm Delete'
       width = 50
       height = content_lines.length + 4
-      x, y = @dialog_renderer.calculate_center(width, height)
 
-      @dialog_renderer.draw_floating_window(x, y, width, height, title, content_lines, {
+      # オーバーレイダイアログを表示してキー入力を取得
+      key = show_overlay_dialog(title, content_lines, {
+        width: width,
+        height: height,
         border_color: "\e[31m",    # Red
         title_color: "\e[1;31m",   # Bold red
         content_color: "\e[37m"    # White
       })
 
-      key = STDIN.getch
-      @dialog_renderer.clear_area(x, y, width, height)
-
       key.downcase == 'y'
     end
 

data/lib/rufio/screen.rb

@@ -30,6 +30,7 @@ module Rufio
       @width = width
       @height = height
       @cells = Array.new(height) { Array.new(width) { default_cell } }
+      @overlay_cells = nil  # オーバーレイレイヤー（ダイアログ用）
       @dirty_rows = Set.new  # Phase1: Dirty row tracking
     end
 
@@ -116,12 +117,30 @@ module Rufio
       result = String.new(capacity: @width * 20)
       current_width = 0  # Phase1: Accumulate width from cells (no recalculation)
 
-      @cells[y].each do |cell|
-        # Skip marker cells for full-width characters
-        next if cell[:width] == 0
+      # オーバーレイがある場合はベース + オーバーレイを合成
+      if @overlay_cells
+        @width.times do |x|
+          overlay_cell = @overlay_cells[y][x]
+          base_cell = @cells[y][x]
 
-        result << format_cell(cell)
-        current_width += cell[:width]  # Phase1: Use pre-calculated width
+          # オーバーレイがあればオーバーレイを使用、なければベースを使用
+          cell = overlay_cell || base_cell
+
+          # マーカーセル（全角文字の2セル目）はスキップ
+          next if cell[:width] == 0
+
+          result << format_cell(cell)
+          current_width += cell[:width]
+        end
+      else
+        # オーバーレイなしの場合は従来の処理
+        @cells[y].each do |cell|
+          # Skip marker cells for full-width characters
+          next if cell[:width] == 0
+
+          result << format_cell(cell)
+          current_width += cell[:width]  # Phase1: Use pre-calculated width
+        end
       end
 
       # Pad the row to full width
@@ -154,6 +173,95 @@ module Rufio
       @dirty_rows.clear
     end
 
+    # ===========================================
+    # オーバーレイレイヤー（ダイアログ用）
+    # ===========================================
+
+    # オーバーレイレイヤーを有効化
+    def enable_overlay
+      return if @overlay_cells
+
+      @overlay_cells = Array.new(@height) { Array.new(@width) { nil } }
+    end
+
+    # オーバーレイレイヤーを無効化してクリア
+    def disable_overlay
+      return unless @overlay_cells
+
+      # オーバーレイが描画されていた行をdirtyにマーク
+      @height.times do |y|
+        if @overlay_cells[y].any? { |cell| cell }
+          @dirty_rows.add(y)
+        end
+      end
+
+      @overlay_cells = nil
+    end
+
+    # オーバーレイレイヤーをクリア
+    def clear_overlay
+      return unless @overlay_cells
+
+      @height.times do |y|
+        if @overlay_cells[y].any? { |cell| cell }
+          @dirty_rows.add(y)
+          @overlay_cells[y] = Array.new(@width) { nil }
+        end
+      end
+    end
+
+    # オーバーレイレイヤーが有効かどうか
+    def overlay_enabled?
+      !@overlay_cells.nil?
+    end
+
+    # オーバーレイレイヤーに描画
+    def put_overlay(x, y, char, fg: nil, bg: nil, width: nil)
+      return unless @overlay_cells
+      return if out_of_bounds?(x, y)
+
+      char_width = width || TextUtils.display_width(char)
+      @overlay_cells[y][x] = {
+        char: char,
+        fg: fg,
+        bg: bg,
+        width: char_width
+      }
+
+      @dirty_rows.add(y)
+
+      # 全角文字の場合、次のセルをマーク
+      if char_width >= 2 && x + 1 < @width
+        (char_width - 1).times do |offset|
+          next_x = x + 1 + offset
+          break if next_x >= @width
+          @overlay_cells[y][next_x] = {
+            char: '',
+            fg: nil,
+            bg: nil,
+            width: 0
+          }
+        end
+      end
+    end
+
+    # オーバーレイレイヤーに文字列を描画
+    def put_overlay_string(x, y, str, fg: nil, bg: nil)
+      return unless @overlay_cells
+      return if out_of_bounds?(x, y)
+
+      clean_str = str.include?("\e") ? ColorHelper.strip_ansi(str) : str
+
+      current_x = x
+      clean_str.each_char do |char|
+        break if current_x >= @width
+
+        char_width = TextUtils.display_width(char)
+        put_overlay(current_x, y, char, fg: fg, bg: bg, width: char_width)
+        current_x += char_width
+      end
+    end
+
     private
 
     def default_cell