feat(webui): optimize frontend terminology and i18n keys
This commit is contained in:
@@ -3,12 +3,12 @@
|
||||
<div class="flex items-center justify-between gap-4 mb-6">
|
||||
<!-- Title with inline subtitle -->
|
||||
<div class="flex items-baseline gap-3">
|
||||
<h1 class="text-2xl font-bold text-white tracking-tight" x-text="$store.global.t('accessCredentials')">
|
||||
Access Credentials
|
||||
<h1 class="text-2xl font-bold text-white tracking-tight" x-text="$store.global.t('accountManagement')">
|
||||
Account Management
|
||||
</h1>
|
||||
<span class="text-[10px] font-mono text-gray-600 uppercase tracking-[0.15em]"
|
||||
x-text="$store.global.t('manageTokens')">
|
||||
Manage OAuth tokens and session states
|
||||
Manage Google Account tokens and authorization states
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
|
||||
</svg>
|
||||
<span x-text="$store.global.t('addNode')">Add Node</span>
|
||||
<span x-text="$store.global.t('addAccount')">Add Account</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -48,7 +48,7 @@
|
||||
<thead x-show="$store.data.accounts.length > 0">
|
||||
<tr class="bg-space-900/50 border-b border-space-border/50">
|
||||
<th class="pl-6 py-3 text-left text-[10px] font-bold text-gray-500 uppercase tracking-wider w-16" x-text="$store.global.t('enabled')">Enabled</th>
|
||||
<th class="py-3 text-left text-[10px] font-bold text-gray-500 uppercase tracking-wider flex-1 min-w-[200px]" x-text="$store.global.t('identity')">Identity (Email)</th>
|
||||
<th class="py-3 text-left text-[10px] font-bold text-gray-500 uppercase tracking-wider flex-1 min-w-[200px]" x-text="$store.global.t('accountEmail')">Account (Email)</th>
|
||||
<th class="py-3 text-left text-[10px] font-bold text-gray-500 uppercase tracking-wider w-20" x-text="$store.global.t('source')">Source</th>
|
||||
<th class="py-3 text-left text-[10px] font-bold text-gray-500 uppercase tracking-wider w-24" x-text="$store.global.t('health')">Health</th>
|
||||
<th class="py-3 pr-6 text-right text-[10px] font-bold text-gray-500 uppercase tracking-wider w-32" x-text="$store.global.t('operations')">Operations</th>
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
<div class="stat-title text-gray-500 font-mono text-xs uppercase tracking-wider truncate"
|
||||
x-text="$store.global.t('totalAccounts')"></div>
|
||||
<div class="stat-desc text-cyan-400/60 text-[10px] truncate flex items-center gap-1">
|
||||
<span x-text="$store.global.t('registeredNodes')"></span>
|
||||
<span x-text="$store.global.t('linkedAccounts')"></span>
|
||||
<svg class="w-3 h-3 opacity-0 group-hover:opacity-100 transition-opacity" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
@@ -219,7 +219,7 @@
|
||||
x-text="displayMode === 'family' ? $store.global.t('selectFamilies') : $store.global.t('selectModels')"></span>
|
||||
<div class="flex gap-1">
|
||||
<button @click="autoSelectTopN(5)" class="text-[10px] text-neon-purple hover:underline"
|
||||
:title="$store.global.t('smartTitle')" x-text="$store.global.t('smart')">
|
||||
:title="$store.global.t('smartTitle')" x-text="$store.global.t('frequentModels')">
|
||||
Smart
|
||||
</button>
|
||||
<span class="text-gray-600">|</span>
|
||||
|
||||
@@ -114,7 +114,7 @@
|
||||
<!-- Log Buffer -->
|
||||
<div class="form-control col-span-full">
|
||||
<label class="label">
|
||||
<span class="label-text text-gray-300" x-text="$store.global.t('logBufferSize')">Log Buffer
|
||||
<span class="label-text text-gray-300" x-text="$store.global.t('maxDisplayLogs')">Log Buffer
|
||||
Size</span>
|
||||
<span class="label-text-alt font-mono text-neon-purple"
|
||||
x-text="$store.settings.logLimit + ' ' + $store.global.t('lines')"></span>
|
||||
@@ -303,7 +303,7 @@
|
||||
</div>
|
||||
|
||||
<div class="divider text-xs font-mono text-gray-600 my-2"
|
||||
x-text="$store.global.t('aliasOverrides')">ALIAS OVERRIDES</div>
|
||||
x-text="$store.global.t('defaultModelAliases')">DEFAULT MODEL ALIASES</div>
|
||||
|
||||
<!-- Overrides -->
|
||||
<div class="space-y-4">
|
||||
@@ -460,7 +460,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" />
|
||||
</svg>
|
||||
<span x-show="!loading" x-text="$store.global.t('writeToConfig')">Write to Config</span>
|
||||
<span x-show="!loading" x-text="$store.global.t('applyToClaude')">Apply to Claude CLI</span>
|
||||
<span x-show="loading" class="loading loading-spinner loading-xs"></span>
|
||||
</button>
|
||||
</div>
|
||||
@@ -524,7 +524,7 @@
|
||||
<div x-show="!isEditing(modelId)"
|
||||
class="flex items-center gap-2 group-hover:text-white transition-colors cursor-pointer py-2"
|
||||
@click="startEditing(modelId); newMapping = config.mapping || ''; $nextTick(() => $refs['input-' + modelId]?.focus())">
|
||||
<span x-text="config.mapping || 'Click to set...'"
|
||||
<span x-text="config.mapping || $store.global.t('clickToSet')"
|
||||
:class="{'text-gray-600 italic': !config.mapping, 'text-gray-300': config.mapping}"
|
||||
class="text-xs font-mono"></span>
|
||||
<svg class="w-3 h-3 text-gray-600 opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
@@ -698,7 +698,7 @@
|
||||
<div class="flex flex-col gap-1">
|
||||
<span class="text-sm font-medium text-gray-200"
|
||||
:class="serverConfig.persistTokenCache ? 'text-neon-green' : ''"
|
||||
x-text="$store.global.t('persistTokenCache')">Persist Token Cache</span>
|
||||
x-text="$store.global.t('persistentSessions')">Persist Token Cache</span>
|
||||
<span class="text-[11px] text-gray-500"
|
||||
x-text="$store.global.t('persistTokenDesc')">Save OAuth tokens to disk for faster
|
||||
restarts</span>
|
||||
@@ -729,9 +729,9 @@
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-sm font-semibold text-gray-200"
|
||||
x-text="$store.global.t('dangerZone')">Advanced Tuning</span>
|
||||
x-text="$store.global.t('advancedSettings')">Advanced Settings</span>
|
||||
<span class="text-[10px] text-gray-600 block"
|
||||
x-text="$store.global.t('serverReadOnly')">Experienced users only</span>
|
||||
x-text="$store.global.t('serverReadOnly')">Settings managed via config.json</span>
|
||||
</div>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
|
||||
Reference in New Issue
Block a user