Clean up frontend: compact model select + polished UI
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 72/100
- issue の種類
- 機能追加
- 明瞭さ
- 明確に書かれている
- 活発さ
- 静か
- 技術スタック
- typescript
調査の方向性
まず src/components/chat/model-selector.tsx と現在のモデル状態の流れを読み、次に src/components/providers.tsx と src/components/chat/chat-panel.tsx を確認します。共有の ModelProvider を追加し、セレクターを src/components/nav.tsx に移動し、Claude と Gemini の SVG アイコンを src/components/icons/model-icons.tsx に作成します。コンパクトな nav セレクターでチャットモデルを制御でき、枠線付きのセレクターヘッダーが削除されていれば完了です。
索引モデルが issue の本文から書いたものです。
説明
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
- 主要言語
- TypeScript
- スター
- 0
- フォーク
- 0
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
似ている issue
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
Crush オープン
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md オープン
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
ElementsProject/cln-application#167 · コメント 1 件 · リアクション 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Quantco/pnpm-licenses#17 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100