From 766cb499287e93bb37e6ac97aad10b38b1dfea7e Mon Sep 17 00:00:00 2001
From: CalamitousFelicitousness <iowasovereign@gmail.com>
Date: Tue, 2 Dec 2025 21:43:13 +0000
Subject: [PATCH] feat(ui): add vision and reasoning symbols, fix dropdown
 fonts

Add new Font Awesome symbols for model capability indicators:
- vision symbol (eye icon) for vision-capable VLM models
- reasoning symbol (lightbulb icon) for thinking/reasoning models

Also fix dropdown font styling by adding NotoSans font-family.
---
 javascript/sdnext.css | 6 ++++++
 modules/ui_symbols.py | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/javascript/sdnext.css b/javascript/sdnext.css
index 2821fb164..6c780713c 100644
--- a/javascript/sdnext.css
+++ b/javascript/sdnext.css
@@ -289,6 +289,12 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 .gradio-dropdown .token {
   overflow-x: hidden;
   padding: var(--spacing-xs) !important;
+  font-family: 'NotoSans', var(--font);
+}
+
+.gradio-dropdown .wrap input,
+.gradio-dropdown input {
+  font-family: 'NotoSans', var(--font);
 }
 
 .gradio-html {
diff --git a/modules/ui_symbols.py b/modules/ui_symbols.py
index 6a77c0e40..099ec03b8 100644
--- a/modules/ui_symbols.py
+++ b/modules/ui_symbols.py
@@ -28,6 +28,8 @@ image = '🖌️'
 resize = '⁜'
 interrogate = '♻'
 bullet = '⃝'
+vision = '\uf06e'  # Font Awesome eye icon (more minimalistic)
+reasoning = '\uf0eb'  # Font Awesome lightbulb icon (represents thinking/reasoning)
 sort_alpha_asc = '\uf15d'
 sort_alpha_dsc = '\uf15e'
 sort_size_asc = '\uf160'