vibetunnel/ios/VibeTunnel/Views/Terminal/TerminalToolbar.swift

import SwiftUI

/// Toolbar providing quick access to special terminal keys.
///
/// Displays commonly used terminal keys like Tab, Ctrl, arrows, and
/// provides access to additional keys through an expandable menu.
struct TerminalToolbar: View {
    let onSpecialKey: (TerminalInput.SpecialKey) -> Void
    let onDismissKeyboard: () -> Void
    let onRawInput: ((String) -> Void)?
    @State private var showMoreKeys = false
    @State private var showAdvancedKeyboard = false

    init(
        onSpecialKey: @escaping (TerminalInput.SpecialKey) -> Void,
        onDismissKeyboard: @escaping () -> Void,
        onRawInput: ((String) -> Void)? = nil
    ) {
        self.onSpecialKey = onSpecialKey
        self.onDismissKeyboard = onDismissKeyboard
        self.onRawInput = onRawInput
    }

    var body: some View {
        VStack(spacing: 0) {
            Divider()
                .background(Theme.Colors.cardBorder)

            HStack(spacing: Theme.Spacing.extraSmall) {
                // Tab key
                ToolbarButton(label: "⇥") {
                    HapticFeedback.impact(.light)
                    onSpecialKey(.tab)
                }

                // Arrow keys
                HStack(spacing: 2) {
                    ToolbarButton(label: "←", width: 35) {
                        HapticFeedback.impact(.light)
                        onSpecialKey(.arrowLeft)
                    }

                    VStack(spacing: 2) {
                        ToolbarButton(label: "↑", width: 35, height: 20) {
                            HapticFeedback.impact(.light)
                            onSpecialKey(.arrowUp)
                        }
                        ToolbarButton(label: "↓", width: 35, height: 20) {
                            HapticFeedback.impact(.light)
                            onSpecialKey(.arrowDown)
                        }
                    }

                    ToolbarButton(label: "→", width: 35) {
                        HapticFeedback.impact(.light)
                        onSpecialKey(.arrowRight)
                    }
                }

                // ESC key
                ToolbarButton(label: "ESC") {
                    HapticFeedback.impact(.light)
                    onSpecialKey(.escape)
                }

                // More keys toggle
                ToolbarButton(
                    label: "•••",
                    isActive: showMoreKeys
                ) {
                    HapticFeedback.impact(.light)
                    withAnimation(Theme.Animation.quick) {
                        showMoreKeys.toggle()
                    }
                }

                Spacer()

                // Advanced keyboard
                ToolbarButton(systemImage: "keyboard") {
                    HapticFeedback.impact(.light)
                    showAdvancedKeyboard = true
                }

                // Dismiss keyboard
                ToolbarButton(systemImage: "keyboard.chevron.compact.down") {
                    HapticFeedback.impact(.light)
                    onDismissKeyboard()
                }
            }
            .padding(.horizontal, Theme.Spacing.small)
            .padding(.vertical, Theme.Spacing.extraSmall)
            .background(Theme.Colors.cardBackground)

            // Extended toolbar
            if showMoreKeys {
                Divider()
                    .background(Theme.Colors.cardBorder)

                VStack(spacing: Theme.Spacing.extraSmall) {
                    // First row of control keys
                    HStack(spacing: Theme.Spacing.extraSmall) {
                        ToolbarButton(label: "CTRL+A") {
                            HapticFeedback.impact(.medium)
                            onSpecialKey(.ctrlA)
                        }

                        ToolbarButton(label: "CTRL+C") {
                            HapticFeedback.impact(.medium)
                            onSpecialKey(.ctrlC)
                        }

                        ToolbarButton(label: "CTRL+D") {
                            HapticFeedback.impact(.medium)
                            onSpecialKey(.ctrlD)
                        }

                        ToolbarButton(label: "CTRL+E") {
                            HapticFeedback.impact(.medium)
                            onSpecialKey(.ctrlE)
                        }
                    }

                    // Second row of control keys
                    HStack(spacing: Theme.Spacing.extraSmall) {
                        ToolbarButton(label: "CTRL+L") {
                            HapticFeedback.impact(.medium)
                            onSpecialKey(.ctrlL)
                        }

                        ToolbarButton(label: "CTRL+Z") {
                            HapticFeedback.impact(.medium)
                            onSpecialKey(.ctrlZ)
                        }

                        ToolbarButton(label: "⏎") {
                            HapticFeedback.impact(.light)
                            onSpecialKey(.enter)
                        }

                        ToolbarButton(label: "HOME") {
                            HapticFeedback.impact(.light)
                            // Send Ctrl+A for home
                            onSpecialKey(.ctrlA)
                        }
                    }

                    // Third row - custom Ctrl key input
                    HStack(spacing: Theme.Spacing.extraSmall) {
                        Text("CTRL +")
                            .font(Theme.Typography.terminalSystem(size: 12))
                            .foregroundColor(Theme.Colors.terminalForeground.opacity(0.7))
                            .padding(.leading, Theme.Spacing.small)

                        ForEach(["K", "U", "W", "R", "T"], id: \.self) { letter in
                            ToolbarButton(label: letter, width: 44) {
                                HapticFeedback.impact(.medium)
                                // Send the control character for the letter
                                if let charCode = letter.first?.asciiValue {
                                    let controlCharCode = Int(charCode - 64) // A=1, B=2, etc.
                                    let controlChar = UnicodeScalar(controlCharCode).map(String.init) ?? ""
                                    // Use raw input if available, otherwise fall back to sending as text
                                    if let onRawInput {
                                        onRawInput(controlChar)
                                    } else {
                                        // Fallback - just send Ctrl+C
                                        onSpecialKey(.ctrlC)
                                    }
                                }
                            }
                        }

                        Spacer()
                    }
                }
                .padding(.horizontal, Theme.Spacing.small)
                .padding(.vertical, Theme.Spacing.extraSmall)
                .background(Theme.Colors.cardBackground)
                .transition(.asymmetric(
                    insertion: .move(edge: .top).combined(with: .opacity),
                    removal: .move(edge: .top).combined(with: .opacity)
                ))
            }
        }
        .background(Theme.Colors.cardBackground.edgesIgnoringSafeArea(.bottom))
        .sheet(isPresented: $showAdvancedKeyboard) {
            AdvancedKeyboardView(isPresented: $showAdvancedKeyboard) { input in
                onRawInput?(input)
            }
        }
    }
}

struct ToolbarButton: View {
    let label: String?
    let systemImage: String?
    let width: CGFloat?
    let height: CGFloat?
    let isActive: Bool
    let action: () -> Void
    @State private var isPressed = false

    init(
        label: String? = nil,
        systemImage: String? = nil,
        width: CGFloat? = nil,
        height: CGFloat? = nil,
        isActive: Bool = false,
        action: @escaping () -> Void
    ) {
        self.label = label
        self.systemImage = systemImage
        self.width = width
        self.height = height
        self.isActive = isActive
        self.action = action
    }

    var body: some View {
        Button(action: action) {
            Group {
                if let label {
                    Text(label)
                        .font(Theme.Typography.terminalSystem(size: 12))
                        .fontWeight(.medium)
                } else if let systemImage {
                    Image(systemName: systemImage)
                        .font(.system(size: 16))
                }
            }
            .foregroundColor(isActive || isPressed ? Theme.Colors.primaryAccent : Theme.Colors.terminalForeground)
            .frame(width: width, height: height ?? 44)
            .frame(maxWidth: width == nil ? .infinity : nil)
            .background(
                RoundedRectangle(cornerRadius: Theme.CornerRadius.small)
                    .fill(
                        isActive ? Theme.Colors.primaryAccent.opacity(0.2) :
                            isPressed ? Theme.Colors.primaryAccent.opacity(0.1) :
                            Theme.Colors.cardBorder.opacity(0.3)
                    )
            )
            .overlay(
                RoundedRectangle(cornerRadius: Theme.CornerRadius.small)
                    .stroke(
                        isActive || isPressed ? Theme.Colors.primaryAccent : Theme.Colors.cardBorder,
                        lineWidth: isActive || isPressed ? 2 : 1
                    )
            )
            .shadow(
                color: isActive || isPressed ? Theme.Colors.primaryAccent.opacity(0.2) : .clear,
                radius: isActive || isPressed ? 4 : 0
            )
        }
        .buttonStyle(PlainButtonStyle())
        .scaleEffect(isPressed ? 0.95 : 1.0)
        .animation(Theme.Animation.quick, value: isActive)
        .animation(Theme.Animation.quick, value: isPressed)
        .onLongPressGesture(minimumDuration: 0, maximumDistance: .infinity) { pressing in
            isPressed = pressing
        } perform: {
            // Action handled by button
        }
    }
}