openclacky 0.5.6 → 0.6.1

data/lib/clacky/ui2/components/message_component.rb

@@ -0,0 +1,80 @@
+# frozen_string_literal: true
+
+require_relative "base_component"
+
+module Clacky
+  module UI2
+    module Components
+      # MessageComponent renders user and assistant messages
+      class MessageComponent < BaseComponent
+        # Render a message
+        # @param data [Hash] Message data
+        #   - :role [String] "user" or "assistant"
+        #   - :content [String] Message content
+        #   - :timestamp [Time, nil] Optional timestamp
+        #   - :images [Array<String>] Optional image paths (for user messages)
+        #   - :prefix_newline [Boolean] Whether to add newline before message (for system messages)
+        # @return [String] Rendered message
+        def render(data)
+          role = data[:role]
+          content = data[:content]
+          timestamp = data[:timestamp]
+          images = data[:images] || []
+          prefix_newline = data.fetch(:prefix_newline, true)
+          
+          case role
+          when "user"
+            render_user_message(content, timestamp, images)
+          when "assistant"
+            render_assistant_message(content, timestamp)
+          else
+            render_system_message(content, timestamp, prefix_newline)
+          end
+        end
+
+        private
+
+        # Render user message
+        # @param content [String] Message content
+        # @param timestamp [Time, nil] Optional timestamp
+        # @param images [Array<String>] Optional image paths
+        # @return [String] Rendered message
+        def render_user_message(content, timestamp = nil, images = [])
+          symbol = format_symbol(:user)
+          text = format_text(content, :user)
+          time_str = timestamp ? @pastel.dim("[#{format_timestamp(timestamp)}]") : ""
+
+          "\n#{symbol} #{text} #{time_str}".rstrip
+        end
+
+        # Render assistant message
+        # @param content [String] Message content
+        # @param timestamp [Time, nil] Optional timestamp
+        # @return [String] Rendered message
+        def render_assistant_message(content, timestamp = nil)
+          return "" if content.nil? || content.empty?
+
+          symbol = format_symbol(:assistant)
+          text = format_text(content, :assistant)
+          time_str = timestamp ? @pastel.dim("[#{format_timestamp(timestamp)}]") : ""
+
+          "\n#{symbol} #{text} #{time_str}".rstrip
+        end
+
+        # Render system message
+        # @param content [String] Message content
+        # @param timestamp [Time, nil] Optional timestamp
+        # @param prefix_newline [Boolean] Whether to add newline before message
+        # @return [String] Rendered message
+        private def render_system_message(content, timestamp = nil, prefix_newline = true)
+          symbol = format_symbol(:info)
+          text = format_text(content, :info)
+          time_str = timestamp ? @pastel.dim("[#{format_timestamp(timestamp)}]") : ""
+
+          prefix = prefix_newline ? "\n" : ""
+          "#{prefix}#{symbol} #{text} #{time_str}".rstrip
+        end
+      end
+    end
+  end
+end

data/lib/clacky/ui2/components/output_area.rb

@@ -0,0 +1,112 @@
+# frozen_string_literal: true
+
+require "pastel"
+
+module Clacky
+  module UI2
+    module Components
+      # OutputArea writes content directly to terminal
+      # Terminal handles scrolling natively via scrollback buffer
+      class OutputArea
+        attr_accessor :height
+
+        def initialize(height:)
+          @height = height
+          @pastel = Pastel.new
+          @width = TTY::Screen.width
+          @last_line_row = nil  # Track last line position for updates
+        end
+
+        # Append single line content directly to terminal (no newline)
+        # Multi-line handling is done by LayoutManager
+        # @param content [String] Single line content to append
+        def append(content)
+          return if content.nil?
+
+          update_width
+          print wrap_line(content)
+          flush
+        end
+
+        # Initial render - no-op, output flows naturally
+        # @param start_row [Integer] Screen row (ignored)
+        def render(start_row:)
+          # No-op - output flows naturally from current position
+        end
+
+        # Update the last line (for progress indicator)
+        # Uses carriage return to overwrite current line
+        # @param content [String] New content for last line
+        def update_last_line(content)
+          print "\r"
+          clear_line
+          print truncate_line(content)
+          flush
+        end
+
+        # Remove the last line from output
+        def remove_last_line
+          print "\r"
+          clear_line
+          flush
+        end
+
+        # Clear - no-op for natural scroll mode
+        def clear
+          # No-op
+        end
+
+        # Legacy scroll methods (no-op, terminal handles scrolling)
+        def scroll_up(lines = 1); end
+        def scroll_down(lines = 1); end
+        def scroll_to_top; end
+        def scroll_to_bottom; end
+        def at_bottom?; true; end
+        def scroll_percentage; 0.0; end
+
+        def visible_range
+          { start: 1, end: @height, total: @height }
+        end
+
+        private
+
+        # Wrap line to fit screen width (auto line wrap)
+        def wrap_line(line)
+          return "" if line.nil?
+          # Let terminal handle line wrapping naturally
+          line
+        end
+
+        # Truncate line to fit screen width
+        def truncate_line(line)
+          return "" if line.nil?
+
+          visible_length = line.gsub(/\e\[[0-9;]*m/, "").length
+
+          if visible_length > @width
+            truncated = line[0...(@width - 3)]
+            truncated + @pastel.dim("...")
+          else
+            line
+          end
+        end
+
+        def update_width
+          @width = TTY::Screen.width
+        end
+
+        def move_cursor(row, col)
+          print "\e[#{row + 1};#{col + 1}H"
+        end
+
+        def clear_line
+          print "\e[2K"
+        end
+
+        def flush
+          $stdout.flush
+        end
+      end
+    end
+  end
+end

data/lib/clacky/ui2/components/todo_area.rb

@@ -0,0 +1,130 @@
+# frozen_string_literal: true
+
+require "pastel"
+
+module Clacky
+  module UI2
+    module Components
+      # TodoArea displays active todos above the separator line
+      class TodoArea
+        attr_accessor :height
+        attr_reader :todos
+
+        MAX_DISPLAY_TASKS = 3  # Show current + next 2 tasks
+
+        def initialize
+          @todos = []
+          @pastel = Pastel.new
+          @width = TTY::Screen.width
+          @height = 0  # Dynamic height based on todos
+        end
+
+        # Update todos list
+        # @param todos [Array<Hash>] Array of todo items
+        def update(todos)
+          @todos = todos || []
+          @pending_todos = @todos.select { |t| t[:status] == "pending" }
+          @completed_count = @todos.count { |t| t[:status] == "completed" }
+          @total_count = @todos.size
+
+          # Calculate height: 0 if no pending, otherwise 1 line per task (up to MAX_DISPLAY_TASKS)
+          if @pending_todos.empty?
+            @height = 0
+          else
+            @height = [@pending_todos.size, MAX_DISPLAY_TASKS].min
+          end
+        end
+
+        # Check if there are todos to display
+        def visible?
+          @height > 0
+        end
+
+        # Render todos area
+        # @param start_row [Integer] Screen row to start rendering
+        def render(start_row:)
+          return unless visible?
+
+          update_width
+
+          # Render each task on separate line
+          tasks_to_show = @pending_todos.take(MAX_DISPLAY_TASKS)
+          
+          tasks_to_show.each_with_index do |task, index|
+            move_cursor(start_row + index, 0)
+            
+            # Build the line content
+            line_content = if index == 0
+              # First line: Task [2/4]: #3 - Current task description
+              progress = "#{@completed_count}/#{@total_count}"
+              prefix = "Task [#{progress}]: "
+              task_text = "##{task[:id]} - #{task[:task]}"
+              available_width = @width - prefix.length - 2
+              truncated_task = truncate_text(task_text, available_width)
+              
+              "#{@pastel.cyan(prefix)}#{truncated_task}"
+            else
+              # Subsequent lines: -> Next: #4 - Next task description
+              label = index == 1 ? "Next" : "After"
+              prefix = "-> #{label}: "
+              task_text = "##{task[:id]} - #{task[:task]}"
+              available_width = @width - prefix.length - 2
+              truncated_task = truncate_text(task_text, available_width)
+              
+              "#{@pastel.dim(prefix)}#{@pastel.dim(truncated_task)}"
+            end
+
+            # Use carriage return and print content directly (overwrite existing content)
+            print "\r#{line_content}"
+            # Clear any remaining characters from previous render if line is shorter
+            clear_to_end_of_line
+          end
+
+          flush
+        end
+
+        # Clear the area
+        def clear
+          @todos = []
+          @pending_todos = []
+          @completed_count = 0
+          @total_count = 0
+          @height = 0
+        end
+
+        private
+
+        # Truncate text to fit width
+        def truncate_text(text, max_width)
+          return "" if text.nil?
+
+          if text.length > max_width
+            text[0...(max_width - 3)] + "..."
+          else
+            text
+          end
+        end
+
+        # Update width on resize
+        def update_width
+          @width = TTY::Screen.width
+        end
+
+        # Move cursor to position
+        def move_cursor(row, col)
+          print "\e[#{row + 1};#{col + 1}H"
+        end
+
+        # Clear from cursor to end of line
+        def clear_to_end_of_line
+          print "\e[0K"
+        end
+
+        # Flush output
+        def flush
+          $stdout.flush
+        end
+      end
+    end
+  end
+end

data/lib/clacky/ui2/components/tool_component.rb

@@ -0,0 +1,106 @@
+# frozen_string_literal: true
+
+require_relative "base_component"
+
+module Clacky
+  module UI2
+    module Components
+      # ToolComponent renders tool calls and results
+      class ToolComponent < BaseComponent
+        # Render a tool event
+        # @param data [Hash] Tool event data
+        #   - :type [Symbol] :call, :result, :error, :denied, :planned
+        #   - :tool_name [String] Name of the tool
+        #   - :formatted_call [String] Formatted tool call description
+        #   - :result [String] Tool result (for :result type)
+        #   - :error [String] Error message (for :error type)
+        # @return [String] Rendered tool event
+        def render(data)
+          type = data[:type]
+          
+          case type
+          when :call
+            render_tool_call(data)
+          when :result
+            render_tool_result(data)
+          when :error
+            render_tool_error(data)
+          when :denied
+            render_tool_denied(data)
+          when :planned
+            render_tool_planned(data)
+          else
+            render_unknown_tool_event(data)
+          end
+        end
+
+        private
+
+        # Render tool call
+        # @param data [Hash] Tool call data
+        # @return [String] Rendered tool call
+        def render_tool_call(data)
+          symbol = format_symbol(:tool_call)
+          formatted_call = data[:formatted_call] || "#{data[:tool_name]}(...)"
+          text = format_text(formatted_call, :tool_call)
+
+          "\n#{symbol} #{text}"
+        end
+
+        # Render tool result
+        # @param data [Hash] Tool result data
+        # @return [String] Rendered tool result
+        def render_tool_result(data)
+          symbol = format_symbol(:tool_result)
+          result = data[:result] || data[:summary] || "completed"
+          text = format_text(truncate(result, 200), :tool_result)
+
+          "#{symbol} #{text}"
+        end
+
+        # Render tool error
+        # @param data [Hash] Tool error data
+        # @return [String] Rendered tool error
+        def render_tool_error(data)
+          symbol = format_symbol(:tool_error)
+          error_msg = data[:error] || "Unknown error"
+          text = format_text("Error: #{error_msg}", :tool_error)
+
+          "\n#{symbol} #{text}"
+        end
+
+        # Render tool denied
+        # @param data [Hash] Tool denied data
+        # @return [String] Rendered tool denied
+        def render_tool_denied(data)
+          symbol = format_symbol(:tool_denied)
+          tool_name = data[:tool_name] || "unknown"
+          text = format_text("Tool denied: #{tool_name}", :tool_denied)
+
+          "\n#{symbol} #{text}"
+        end
+
+        # Render tool planned
+        # @param data [Hash] Tool planned data
+        # @return [String] Rendered tool planned
+        def render_tool_planned(data)
+          symbol = format_symbol(:tool_planned)
+          tool_name = data[:tool_name] || "unknown"
+          text = format_text("Planned: #{tool_name}", :tool_planned)
+
+          "\n#{symbol} #{text}"
+        end
+
+        # Render unknown tool event
+        # @param data [Hash] Tool event data
+        # @return [String] Rendered unknown event
+        def render_unknown_tool_event(data)
+          symbol = format_symbol(:info)
+          text = format_text("Tool event: #{data.inspect}", :info)
+
+          "#{symbol} #{text}"
+        end
+      end
+    end
+  end
+end

data/lib/clacky/ui2/components/welcome_banner.rb

@@ -0,0 +1,103 @@
+# frozen_string_literal: true
+
+require "pastel"
+
+module Clacky
+  module UI2
+    module Components
+      # WelcomeBanner displays the startup screen with ASCII logo, tagline, tips, and agent info
+      class WelcomeBanner
+        LOGO = <<~'LOGO'
+           ██████╗ ██████╗ ███████╗███╗   ██╗ ██████╗██╗      █████╗  ██████╗██╗  ██╗██╗   ██╗
+          ██╔═══██╗██╔══██╗██╔════╝████╗  ██║██╔════╝██║     ██╔══██╗██╔════╝██║ ██╔╝╚██╗ ██╔╝
+          ██║   ██║██████╔╝█████╗  ██╔██╗ ██║██║     ██║     ███████║██║     █████╔╝  ╚████╔╝
+          ██║   ██║██╔═══╝ ██╔══╝  ██║╚██╗██║██║     ██║     ██╔══██║██║     ██╔═██╗   ╚██╔╝
+          ╚██████╔╝██║     ███████╗██║ ╚████║╚██████╗███████╗██║  ██║╚██████╗██║  ██╗   ██║
+           ╚═════╝ ╚═╝     ╚══════╝╚═╝  ╚═══╝ ╚═════╝╚══════╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝   ╚═╝
+        LOGO
+
+        TAGLINE = "[>] AI Coding Assistant & Technical Co-founder"
+
+        TIPS = [
+          "[*] Ask questions, edit files, or run commands",
+          "[*] Be specific for the best results",
+          "[*] Create .clackyrules to customize interactions",
+          "[*] Type /help for more commands"
+        ].freeze
+
+        def initialize
+          @pastel = Pastel.new
+        end
+
+        # Render only the logo (ASCII art)
+        # @return [String] Formatted logo only
+        def render_logo
+          lines = []
+          lines << ""
+          lines << @pastel.bright_green(LOGO)
+          lines << ""
+          lines.join("\n")
+        end
+
+        # Render startup banner
+        # @return [String] Formatted startup banner
+        def render_startup
+          lines = []
+          lines << ""
+          lines << @pastel.bright_green(LOGO)
+          lines << ""
+          lines << @pastel.bright_cyan(TAGLINE)
+          lines << ""
+          TIPS.each do |tip|
+            lines << @pastel.dim(tip)
+          end
+          lines << ""
+          lines.join("\n")
+        end
+
+        # Render agent welcome section
+        # @param working_dir [String] Working directory
+        # @param mode [String] Permission mode
+        # @return [String] Formatted agent welcome section
+        def render_agent_welcome(working_dir:, mode:)
+          lines = []
+          lines << ""
+          lines << separator("=")
+          lines << @pastel.bright_green("[+] AGENT MODE INITIALIZED")
+          lines << separator("=")
+          lines << ""
+          lines << info_line("Working Directory", working_dir)
+          lines << info_line("Permission Mode", mode)
+          lines << ""
+          lines << @pastel.dim("[!] Type 'exit' or 'quit' to terminate session")
+          lines << separator("-")
+          lines << ""
+          lines.join("\n")
+        end
+
+        # Render full welcome (startup + agent info)
+        # @param working_dir [String] Working directory
+        # @param mode [String] Permission mode
+        # @return [String] Full welcome content
+        def render_full(working_dir:, mode:)
+          render_startup + render_agent_welcome(
+            working_dir: working_dir,
+            mode: mode
+          )
+        end
+
+        private
+
+        def info_line(label, value)
+          label_text = @pastel.cyan("[#{label}]")
+          value_text = @pastel.white(value)
+          "    #{label_text} #{value_text}"
+        end
+
+        def separator(char = "-")
+          @pastel.dim(char * 80)
+        end
+      end
+    end
+  end
+end