No files Found in FilePicker

[kocierik]

I have copied the filePicker code from the example documentation. However, when I attempt to run the code alongside my other view and replace the main filePicker function with an initialize function, the filePicker is unable to locate any files in my directory

func (m FilePickerModel) InitializeFilePicker() FilePickerModel {
	fp := filepicker.New()
	fp.AllowedTypes = []string{".mod", ".sum", ".go", ".txt", ".md"}
	fp.CurrentDirectory, _ = os.Getwd()
	m.Filepicker = fp
	return m
}

The mainModel code is here:

package handlers

import (
	tea "github.com/charmbracelet/bubbletea"
	"github.com/charmbracelet/lipgloss"
	"github.com/kocierik/lazyansible/src/utils"
)

func (h MainModel) Init() tea.Cmd {
	return h.FilePickerView.Init()
}

func (h MainModel) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
	var cmd tea.Cmd
	var cmds []tea.Cmd
	switch msg := msg.(type) {
	case tea.WindowSizeMsg:
		h.PagerView, cmd = h.PagerView.Update(msg)
		h.FilePickerView, cmd = h.FilePickerView.Update(msg)
		return h, cmd
	case tea.KeyMsg:
		switch keypress := msg.String(); keypress {
		case "tab":
			h.State++
		case "shift+tab":
			h.State--
		}

		switch h.State {
		case utils.PagerModelState:
			h.PagerView, cmd = h.PagerView.Update(msg)
			cmds = append(cmds, cmd)
		case utils.FilePickerState:
			h.FilePickerView, cmd = h.FilePickerView.Update(msg)
			cmds = append(cmds, cmd)
		default:
			h.State = 0
		}
	}

	return h, tea.Batch(cmds...)
}

func (h MainModel) View() string {
	var view string
	SelectedStyle := lipgloss.NewStyle().Border(lipgloss.RoundedBorder()).BorderForeground(lipgloss.Color("170"))
	paddingStyle := lipgloss.NewStyle().Padding(2)

	switch h.State {
	case utils.FilePickerState:
		view = lipgloss.JoinHorizontal(lipgloss.Top, SelectedStyle.Render(h.FilePickerView.View()), paddingStyle.Render(h.PagerView.View()))
	case utils.PagerModelState:
		view = lipgloss.JoinHorizontal(lipgloss.Top, paddingStyle.Render(h.FilePickerView.View()), SelectedStyle.Render(h.PagerView.View()))
	}

	s := lipgloss.JoinHorizontal(lipgloss.Top, view)
	return s
}

result:

Am I missing something?

[hiiii5]

Did you ever get this solved? I'm facing the same issue here. The file picker is fine in isolation but the nearly identical setup you have of a file view and picker causes it to show no files found.

[hiiii5]

Found a fix for me, and possibly for this issue from the discord discussion: https://discord.com/channels/1032368467246075914/1170385465204035774/1170629958067048459

The issue is that there is no default statement when switching over the message type, this is required to initialize the file picker at the current directory.

[kocierik]

That was indeed the mistake, thank you!

[WrathOP]

I am having this same problem can someone share a detailed thing why this was not working. I tried to add a default statement too.

import (
	"fmt"
	"os"
	"path/filepath"
	"slices"
	"strings"

	"github.com/charmbracelet/bubbles/filepicker"
	tea "github.com/charmbracelet/bubbletea"
)

// FilePickerModel wraps the bubbles filepicker with additional state
type FilePickerModel struct {
	filepicker    filepicker.Model
	selectedPaths []string
	width         int
	height        int
	debugMode     bool
}

// NewFilePickerModel creates a new file picker model
func NewFilePickerModel() FilePickerModel {
	fp := filepicker.New()
	fp.CurrentDirectory, _ = os.UserHomeDir()

	return FilePickerModel{
		filepicker:    fp,
		selectedPaths: make([]string, 0),
	}
}

// Init implements tea.Model
func (m FilePickerModel) Init() tea.Cmd {
	return tea.Batch(
        m.filepicker.Init(),
    )
}

// Update implements tea.Model
func (m FilePickerModel) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
	var cmd tea.Cmd

	// Handle window size updates
	if msg, ok := msg.(tea.WindowSizeMsg); ok {
		m.width = msg.Width
		m.height = msg.Height
	}

	// Handle our custom key commands first
	if msg, ok := msg.(tea.KeyMsg); ok {
		switch msg.String() {
		case "ctrl+c", "q":
			return m, tea.Quit
		case "c":
			// Clear all selections
			m.selectedPaths = make([]string, 0)
			// Don't return early - let filepicker handle the message too
		case "d":
			// Toggle debug mode to show all files
			m.debugMode = !m.debugMode
			if m.debugMode {
				// Temporarily show all files for debugging
				m.filepicker.AllowedTypes = nil
			} else {
				// Restore image-only filter
				m.filepicker.AllowedTypes = []string{".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp"}
			}
		}
	}

	// Always update the underlying filepicker with the message
	var fpCmd tea.Cmd
	m.filepicker, fpCmd = m.filepicker.Update(msg)
	cmd = fpCmd

	// Check if a file was selected with enter
	if didSelect, path := m.filepicker.DidSelectFile(msg); didSelect {
		// Add to selection if not already selected
		found := slices.Contains(m.selectedPaths, path)
		if !found {
			m.selectedPaths = append(m.selectedPaths, path)
		}
	}

	return m, cmd
}

// getCurrentDirectoryDisplay returns a user-friendly display of the current directory
func (m FilePickerModel) getCurrentDirectoryDisplay() string {
	currentDir := m.filepicker.CurrentDirectory
	if currentDir == "." {
		if cwd, err := os.Getwd(); err == nil {
			return filepath.Base(cwd)
		}
		return "Current directory"
	}

	// Show relative path if it's long
	if len(currentDir) > 50 {
		return "..." + currentDir[len(currentDir)-47:]
	}

	return currentDir
}

// View implements tea.Model
func (m FilePickerModel) View() string {
	var s string
	s += "📁 File Browser - Select images to process\n"
	s += "📍 Location: " + m.getCurrentDirectoryDisplay() + "\n"

	if m.debugMode {
		s += "🐛 DEBUG MODE: Showing ALL files and directories\n"
	} else {
		s += "📄 Showing: Image files (.png, .jpg, .jpeg, .gif, .bmp, .webp) and directories\n"
	}

	// Add debug info about current directory
	if entries, err := os.ReadDir(m.filepicker.CurrentDirectory); err == nil {
		totalFiles := len(entries)
		visibleCount := 0
		for _, entry := range entries {
			if entry.IsDir() {
				visibleCount++
			} else {
				name := entry.Name()
				for _, ext := range []string{".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp"} {
					if strings.HasSuffix(strings.ToLower(name), ext) {
						visibleCount++
						break
					}
				}
			}
		}
		s += fmt.Sprintf("🔍 Debug: %d total items, %d visible (dirs + images)\n", totalFiles, visibleCount)
	}
	s += "\n"
	s += m.filepicker.View() + "\n"

	if len(m.selectedPaths) > 0 {
		s += "\n✅ Selected files (" + fmt.Sprintf("%d", len(m.selectedPaths)) + "):\n"
		for i, path := range m.selectedPaths {
			if i < 5 { // Show only first 5 files to save space
				s += "  ✓ " + path + "\n"
			} else if i == 5 {
				s += "  ... and " + fmt.Sprintf("%d", len(m.selectedPaths)-5) + " more\n"
				break
			}
		}
	}

	s += "\n\n🎮 Keyboard shortcuts:"
	s += "\n  ↑/↓ j/k       Navigate up/down"
	s += "\n  →/Enter l     Enter directory or select file"
	s += "\n  ←/Backspace h Go to parent directory"
	s += "\n  c             Clear all selections"
	s += "\n  d             Toggle debug mode (show all files)"
	s += "\n  q/Ctrl+C      Quit application"

	return s
}

// SelectedPath returns the first selected file path (for compatibility)
func (m FilePickerModel) SelectedPath() string {
	if len(m.selectedPaths) > 0 {
		return m.selectedPaths[0]
	}
	return ""
}

// SelectedPaths returns all selected file paths
func (m FilePickerModel) SelectedPaths() []string {
	return m.selectedPaths
}

// HasSelectedFiles returns true if any files are selected
func (m FilePickerModel) HasSelectedFiles() bool {
	return len(m.selectedPaths) > 0
}

Cursor gave me this.