Clean up frontend: compact model select + polished UI
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 72/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Tranquilla
- Stack tecnologico
- typescript
Direzione di ricerca
Inizia leggendo src/components/chat/model-selector.tsx e l’attuale flusso dello stato del modello, quindi esamina src/components/providers.tsx e src/components/chat/chat-panel.tsx. Aggiungi il ModelProvider condiviso, sposta il selettore in src/components/nav.tsx e crea le icone SVG di Claude e Gemini in src/components/icons/model-icons.tsx. Il lavoro è completo quando il selettore compatto della nav controlla il modello della chat e l’intestazione del selettore con bordo è stata rimossa.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Why
The current model selector uses two large side-by-side cards that take up too much vertical space and don't feel polished enough for the hackathon demo. We want to impress judges with a minimal, clean interface.
What
- Replace card-based model selector with a compact Select dropdown in the nav bar
- Add proper Claude and Gemini icon marks (SVG, icon-only — no text logos)
- Remove the bordered header section from the chat panel — the selector moves into the nav
- Create a shared model context so nav and chat panel can share model state cleanly
Files to touch
| File | Action |
|---|---|
src/components/icons/model-icons.tsx |
New — Claude & Gemini SVG icons |
src/components/chat/model-context.tsx |
New — shared model state context |
src/components/chat/model-selector.tsx |
Rewrite — cards → Select dropdown |
src/components/nav.tsx |
Add ModelSelector to right-side controls |
src/components/chat/chat-panel.tsx |
Remove selector header, use context |
src/components/providers.tsx |
Add ModelProvider |
Reference
Style/font inspiration: https://github.com/lfglabs-dev/private-ethereum-assistant
- Lingua principale
- TypeScript
- Stelle
- 0
- Fork
- 0
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 77/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 72/100
cline/mcp-marketplace#2932 ·
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 82/100
lingdojo/kana-dojo#32188 · 1 commento · 5 reazioni ·
I maintainer di solito rispondono entro 1 giorno
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
Portkey-AI/gateway#1844 ·
I maintainer di solito rispondono entro 1 giorno
-
needs triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 61/100
rjsf-team/react-jsonschema-form#5495 ·
I maintainer di solito rispondono entro 2 giorni