feat: add API Key Manager button, fix overflow, update branding

Changes:
1. Fixed MULTIX overflow issue - added max-h-full and overflow-hidden to prevent content from pushing interface out of frame

2. Added API Key Manager button in header:
   - Key icon with emerald hover effect
   - Opens modal with provider list (NomadArch Free, Ollama Cloud, OpenAI, Anthropic, OpenRouter)
   - Shows provider status and configuration

3. Updated branding:
   - Window title: 'NomadArch 1.0'
   - Loading screen: 'NomadArch 1.0 - A fork of OpenCode'
   - Updated page titles

4. Added Settings and Key icons to imports
This commit is contained in:
Gemini AI
2025-12-23 14:04:11 +04:00
Unverified
parent 37ff96f849
commit 3cd44dd0c2
5 changed files with 113 additions and 6 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CodeNomad</title>
<title>NomadArch 1.0</title>
<script>
;(function () {
try {

View File

@@ -199,9 +199,10 @@ function LoadingApp() {
return (
<div class="loading-wrapper" role="status" aria-live="polite">
<img src={iconUrl} alt="CodeNomad" class="loading-logo" width="180" height="180" />
<img src={iconUrl} alt="NomadArch" class="loading-logo" width="180" height="180" />
<div class="loading-heading">
<h1 class="loading-title">CodeNomad</h1>
<h1 class="loading-title">NomadArch 1.0</h1>
<p class="loading-subtitle" style={{ fontSize: '14px', color: '#666', marginTop: '4px' }}>A fork of OpenCode</p>
<Show when={status()}>{(statusText) => <p class="loading-status">{statusText()}</p>}</Show>
</div>
<div class="loading-card">