feat(ui): remove model selector dropdown - single model only

There's only one deployed model (samosaChaat). Drop the 'nanochat · base' select dropdown from the Sidebar and replace the header model badge with a static 'samosaChaat' label. Removes unused MODEL_OPTIONS / setModel / ChevronDown imports.
This commit is contained in:
Manmohan Sharma 2026-04-22 15:27:38 -07:00
parent 93b530c028
commit 43ad35f73b
No known key found for this signature in database
2 changed files with 2 additions and 30 deletions

View File

@ -16,7 +16,6 @@ export default function ChatWindow() {
const {
conversations,
currentConversationId,
model,
temperature,
topK,
sidebarOpen,
@ -216,7 +215,7 @@ export default function ChatWindow() {
)}
<span className="inline-flex items-center gap-1.5 text-xs px-2.5 py-1 rounded-full border border-warm-grey dark:border-ink-border bg-cream-light dark:bg-ink-soft text-brown dark:text-ink-text-soft">
<span className="w-1.5 h-1.5 rounded-full bg-saffron" />
{model}
samosaChaat
</span>
</div>
<div className="text-sm text-gray-600 dark:text-ink-text-soft font-medium">

View File

@ -7,13 +7,12 @@ import {
PanelLeftClose,
PanelLeftOpen,
LogOut,
ChevronDown,
Trash2,
Sun,
Moon,
} from 'lucide-react';
import SamosaLogo from '@/components/svg/SamosaLogo';
import { useChatStore, groupConversations, MODEL_OPTIONS } from '@/store/chatStore';
import { useChatStore, groupConversations } from '@/store/chatStore';
import { useAuth } from '@/hooks/useAuth';
import { useTheme } from '@/hooks/useTheme';
import clsx from 'clsx';
@ -25,8 +24,6 @@ export default function Sidebar() {
conversations,
currentConversationId,
sidebarOpen,
model,
setModel,
toggleSidebar,
createConversation,
selectConversation,
@ -128,30 +125,6 @@ export default function Sidebar() {
</div>
<div className="px-3 py-3 border-t border-cream-border dark:border-ink-border space-y-3">
<div>
<label htmlFor="model-select" className="block text-[11px] uppercase tracking-wider text-gray-400 dark:text-ink-text-soft mb-1">
Model
</label>
<div className="relative">
<select
id="model-select"
value={model}
onChange={(e) => setModel(e.target.value)}
className="w-full appearance-none px-3 py-2 pr-8 rounded-xl border border-cream-border dark:border-ink-border bg-white dark:bg-ink text-sm text-gray-800 dark:text-ink-text focus:outline-none focus:border-saffron"
>
{MODEL_OPTIONS.map((m) => (
<option key={m.id} value={m.id}>
{m.label}
</option>
))}
</select>
<ChevronDown
size={14}
className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 dark:text-ink-text-soft pointer-events-none"
/>
</div>
</div>
<div className="flex items-center gap-2 pt-1">
<div className="h-9 w-9 rounded-full bg-gradient-to-br from-saffron to-gold text-white flex items-center justify-center text-sm font-semibold shadow-sm">
{(user?.name ?? 'G')[0].toUpperCase()}