huskies/.living_spec/stories/archive/23_alphabetize_llm_dropdown.md

Story 23: Alphabetize LLM Dropdown List

User Story

As a user, I want the LLM model dropdown to be alphabetically sorted so I can quickly find the model I'm looking for.

Acceptance Criteria

• The model dropdown list is sorted alphabetically (case-insensitive)
• The currently selected model remains selected after sorting
• The sorting works for all models returned from Ollama
• The sorted list updates correctly when models are added/removed

Out of Scope

• Grouping models by type or provider
• Custom sort orders (e.g., by popularity, recency)
• Search/filter functionality in the dropdown
• Favoriting or pinning specific models to the top

Technical Notes

• Models are fetched from get_ollama_models Tauri command
• Currently displayed in the order returned by the backend
• Sort should be case-insensitive (e.g., "Llama" and "llama" treated equally)
• JavaScript's sort() with localeCompare() is ideal for this

Implementation Approach

// After fetching models from backend
const sortedModels = models.sort((a, b) => 
  a.toLowerCase().localeCompare(b.toLowerCase())
);
setAvailableModels(sortedModels);

Design Considerations

• Keep it simple - alphabetical order is intuitive
• Case-insensitive to handle inconsistent model naming
• No need to change backend - sorting on frontend is sufficient