feat: multi-gateway profile support, provider management overhaul, and model settings tab

- Profile-aware proxy: inject API key from profile-specific .env, route requests via X-Hermes-Profile header
- Remove auth.json dependency: built-in providers use .env, custom providers use config.yaml
- Add allProviders field to available-models response with all hardcoded provider catalogs
- Add Models tab in Settings for editing provider API keys (built-in → .env, custom → config.yaml)
- Add PUT /api/config/providers/:poolKey for updating provider credentials
- ProviderFormModal uses backend allProviders for preset dropdown
- Gateway log format support: parse both agent and gateway log formats
- Add webui server.log to log viewer with log rotation at 3MB
- Fix provider delete loading state and OAuth provider cleanup
- Setup script: require Node.js 23+, auto-upgrade if version too low

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/client/src/components/hermes/models/ProviderCard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { ref, computed } from 'vue'
 import { NButton, useMessage, useDialog } from 'naive-ui'
 import type { AvailableModelGroup } from '@/api/hermes/system'
 import { useModelsStore } from '@/stores/hermes/models'
@@ -14,6 +14,7 @@ const dialog = useDialog()
 
 const isCustom = computed(() => props.provider.provider.startsWith('custom:'))
 const displayName = computed(() => props.provider.label)
+const deleting = ref(false)
 
 async function handleDelete() {
   dialog.warning({
@@ -22,11 +23,14 @@ async function handleDelete() {
     positiveText: t('common.delete'),
     negativeText: t('common.cancel'),
     onPositiveClick: async () => {
+      deleting.value = true
       try {
         await modelsStore.removeProvider(props.provider.provider)
         message.success(t('models.providerDeleted'))
       } catch (e: any) {
         message.error(e.message)
+      } finally {
+        deleting.value = false
       }
     },
   })
@@ -54,7 +58,7 @@ async function handleDelete() {
     </div>
 
     <div class="card-actions">
-      <NButton size="tiny" quaternary type="error" @click="handleDelete">{{ t('common.delete') }}</NButton>
+      <NButton size="tiny" quaternary type="error" :loading="deleting" @click="handleDelete">{{ t('common.delete') }}</NButton>
     </div>
   </div>
 </template>

packages/client/src/components/hermes/models/ProviderFormModal.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { ref, watch, computed } from 'vue'
+import { ref, watch, computed, onMounted } from 'vue'
 import { NModal, NForm, NFormItem, NInput, NButton, NSelect, useMessage } from 'naive-ui'
 import { useModelsStore } from '@/stores/hermes/models'
-import { PROVIDER_PRESETS } from '@/shared/providers'
 import { useI18n } from 'vue-i18n'
 import CodexLoginModal from './CodexLoginModal.vue'
 
@@ -32,12 +31,14 @@ const formData = ref({
 
 const modelOptions = ref<Array<{ label: string; value: string }>>([])
 
-const PRESET_PROVIDERS = PROVIDER_PRESETS as any[]
-
 const CODEX_KEY = 'openai-codex'
 
 const isCodex = computed(() => selectedPreset.value === CODEX_KEY)
 
+const presetOptions = computed(() =>
+  modelsStore.allProviders.map(g => ({ label: g.label, value: g.provider })),
+)
+
 function autoGenerateName(url: string): string {
   const clean = url.replace(/^https?:\/\//, '').replace(/\/v1\/?$/, '')
   const host = clean.split('/')[0]
@@ -50,13 +51,13 @@ function autoGenerateName(url: string): string {
 watch(selectedPreset, (val) => {
   formData.value.model = ''
   if (val) {
-    const preset = PRESET_PROVIDERS.find(p => p.value === val)
-    if (preset) {
-      formData.value.name = preset.label
-      formData.value.base_url = preset.base_url
-      modelOptions.value = preset.models.map((m: string) => ({ label: m, value: m }))
-      if (preset.models.length > 0) {
-        formData.value.model = preset.models[0]
+    const group = modelsStore.allProviders.find(g => g.provider === val)
+    if (group) {
+      formData.value.name = group.label
+      formData.value.base_url = group.base_url
+      modelOptions.value = group.models.map((m: string) => ({ label: m, value: m }))
+      if (group.models.length > 0) {
+        formData.value.model = group.models[0]
       }
     }
   }
@@ -74,6 +75,12 @@ watch(providerType, () => {
   selectedPreset.value = null
 })
 
+onMounted(() => {
+  if (modelsStore.providers.length === 0) {
+    modelsStore.fetchProviders()
+  }
+})
+
 async function fetchModels() {
   const { base_url } = formData.value
   if (!base_url.trim()) {
@@ -133,7 +140,7 @@ async function handleSave() {
   loading.value = true
   try {
     const providerKey = providerType.value === 'preset'
-      ? (PRESET_PROVIDERS.find(p => p.value === selectedPreset.value)?.value || null)
+      ? selectedPreset.value
       : null
 
     await modelsStore.addProvider({
@@ -196,7 +203,7 @@ function handleClose() {
       <NFormItem v-if="providerType === 'preset'" :label="t('models.selectProvider')" required>
         <NSelect
           v-model:value="selectedPreset"
-          :options="PRESET_PROVIDERS"
+          :options="presetOptions"
           :placeholder="t('models.chooseProvider')"
           filterable
         />