fix(ui): add scrolling to model dropdown when list is long (#1279) (#1323)

## Problem The model selection dropdown doesn't scroll when there are many models available, causing the list to extend beyond the viewport and become unusable. ## Solution - Added `max-h-100 overflow-y-auto` classes to the DropdownMenuContent This closes (#1279)  --- ## Summary by cubic Adds vertical scrolling to the model selection dropdown so long lists don’t overflow the viewport. Applies max height and overflow-y auto to DropdownMenuSubContent across provider, Ollama, and LM Studio menus to keep the list usable.

fix(ui): add scrolling to model dropdown when list is long (#1279) (#1323)
de2cc2b4 · Adeniji Adekunle James · GitHub · a547aa3a · de2cc2b4
--- a/src/components/ModelPicker.tsx
+++ b/src/components/ModelPicker.tsx
@@ -313,7 +313,7 @@ export function ModelPicker() {
                      </span>
                    </div>
                  </DropdownMenuSubTrigger>
-                  <DropdownMenuSubContent className="w-56">
+                  <DropdownMenuSubContent className="w-56 max-h-100 overflow-y-auto">
                    <DropdownMenuLabel>
                      {providerDisplayName + " Models"}
                    </DropdownMenuLabel>
@@ -485,7 +485,7 @@ export function ModelPicker() {
                  )}
                </div>
              </DropdownMenuSubTrigger>
-              <DropdownMenuSubContent className="w-56">
+              <DropdownMenuSubContent className="w-56 max-h-100 overflow-y-auto">
                <DropdownMenuLabel>Ollama Models</DropdownMenuLabel>
                <DropdownMenuSeparator />

@@ -566,7 +566,7 @@ export function ModelPicker() {
                  )}
                </div>
              </DropdownMenuSubTrigger>
-              <DropdownMenuSubContent className="w-56">
+              <DropdownMenuSubContent className="w-56 max-h-100 overflow-y-auto">
                <DropdownMenuLabel>LM Studio Models</DropdownMenuLabel>
                <DropdownMenuSeparator />