Struct SearchableModelPicker

Sources/Fluid/UI/SearchableModelPicker.swift:11–207

import SwiftUI

struct SearchableModelPicker: View {
    @Environment(\.theme) private var theme
    let models: [String]
    @Binding var selectedModel: String
    var onRefresh: (() async -> Void)?
    var isRefreshing: Bool = false
    var refreshEnabled: Bool = true
    var selectionEnabled: Bool = true
    let controlWidth: CGFloat
    let controlHeight: CGFloat?

    init(
        models: [String],
        selectedModel: Binding<String>,
        onRefresh: (() async -> Void)? = nil,
        isRefreshing: Bool = false,
        refreshEnabled: Bool = true,
        selectionEnabled: Bool = true,
        controlWidth: CGFloat = 180,
        controlHeight: CGFloat? = nil
    ) {
        self.models = models
        self._selectedModel = selectedModel
        self.onRefresh = onRefresh
        self.isRefreshing = isRefreshing
        self.refreshEnabled = refreshEnabled
        self.selectionEnabled = selectionEnabled
        self.controlWidth = controlWidth
        self.controlHeight = controlHeight
    }

    @State private var searchText = ""
    @State private var isShowingPopover = false

    private var refreshButtonSize: CGFloat {
        self.controlHeight ?? 24
    }

    private var pickerControlWidth: CGFloat? {
        guard self.onRefresh != nil, self.controlHeight != nil else {
            return self.controlWidth
        }
        return max(self.controlWidth - self.refreshButtonSize - 8, 80)
    }

    private var filteredModels: [String] {
        if self.searchText.isEmpty {
            return self.models
        }
        return self.models.filter { $0.localizedCaseInsensitiveContains(self.searchText) }
    }

    var body: some View {
        HStack(spacing: 8) {
            // Model button that opens popover
            Button(action: { self.isShowingPopover.toggle() }) {
                HStack(spacing: 6) {
                    Text(self.selectedModel.isEmpty ? "Select Model" : self.selectedModel)