ec-web 0.0.22 → 0.0.23

package/dist/static/basic-settings.js

@@ -11,6 +11,7 @@
     error: '',
     openAgents: new Set(['claude']),
     catalogs: Object.create(null),
+    catalogStatus: Object.create(null),
     changes: { daemon: new Map(), defaults: new Map() },
     mapDrafts: new Map(),
     serviceMetadataDrafts: new Map(),
@@ -29,7 +30,7 @@
     ecagent: 'EC Agent',
   };
   const baseagentMarks = { claude: 'C', codex: 'X', gemini: 'G', ecagent: 'E' };
-  const effortOptions = ['low', 'medium', 'high', 'xhigh', 'max'];
+  const effortOptions = ['none', 'minimal', 'low', 'medium', 'high', 'xhigh', 'max'];
 
   const messages = {
     'zh-CN': {
@@ -146,6 +147,9 @@
       'basicSettings.queryParamsHelp': '每行一个 key = value，将附加到 Base Agent 请求 URL。',
       'basicSettings.readonly': '只读',
       'basicSettings.redetect': '重新检测',
+      'basicSettings.detectAdded': '检测到新的 Base Agent：{value}。是否加入默认配置？',
+      'basicSettings.detectRemoved': '检测到已移除的 Base Agent：{value}。是否从默认配置删除？',
+      'basicSettings.detectUpdated': 'Base Agent 配置已更新',
       'basicSettings.reload': '重新读取',
       'basicSettings.reloadConfirm': '重新读取会放弃未保存的修改，是否继续？',
       'basicSettings.remove': '删除',
@@ -345,6 +349,9 @@
       'basicSettings.queryParamsHelp': 'One key = value per line, appended to Base Agent request URLs.',
       'basicSettings.readonly': 'Read only',
       'basicSettings.redetect': 'Detect again',
+      'basicSettings.detectAdded': 'New Base Agent detected: {value}. Add it to the default configuration?',
+      'basicSettings.detectRemoved': 'Base Agent no longer detected: {value}. Remove it from the default configuration?',
+      'basicSettings.detectUpdated': 'Base Agent configuration updated',
       'basicSettings.reload': 'Reload',
       'basicSettings.reloadConfirm': 'Reloading discards unsaved changes. Continue?',
       'basicSettings.remove': 'Remove',
@@ -578,6 +585,11 @@
     }).join('');
   }
 
+  function catalogEfforts(agent, model) {
+    const entries = state.catalogs[agent] || [];
+    return entries.find(entry => entry.id === model)?.reasoningLevels || [];
+  }
+
   function modelOptions(agent, value) {
     const models = state.catalogs[agent] || [];
     const ids = models.map((item) => typeof item === 'string' ? item : item.id).filter(Boolean);
@@ -585,7 +597,11 @@
     if (!ids.length) return value
       ? `<option selected value="${htmlEscape(value)}">${htmlEscape(value)}</option>`
       : `<option value="" selected disabled>${htmlEscape(t('basicSettings.loading'))}</option>`;
-    return ids.map((id) => `<option value="${htmlEscape(id)}"${id === value ? ' selected' : ''}>${htmlEscape(id)}</option>`).join('');
+    return ids.map((id) => {
+      const entry = models.find(item => item.id === id);
+      const suffix = !entry ? ' [current, not listed]' : entry.verification === 'unverified' ? ' [unverified]' : '';
+      return `<option value="${htmlEscape(id)}"${id === value ? ' selected' : ''}>${htmlEscape(id + suffix)}</option>`;
+    }).join('');
   }
 
   // Match the CLI watcher's shortLogName() so legacy rotated config values
@@ -659,7 +675,7 @@
 
   function fallbackModelsMarkup(agent, config) {
     const rows = Array.isArray(config?.fallbackModels) ? config.fallbackModels : [];
-    const body = rows.map((row, index) => `<div class="basic-settings-list-row" data-bs-fallback-row data-agent="${agent}" data-index="${index}"><select class="basic-settings-control" data-bs-fallback-model>${modelOptions(agent, row?.model || '')}</select><select class="basic-settings-control" data-bs-fallback-effort>${selectOptions(effortOptions, row?.effort || 'medium')}</select><button type="button" class="basic-settings-remove" data-bs-remove-fallback aria-label="${htmlEscape(t('basicSettings.remove'))}">×</button></div>`).join('');
+    const body = rows.map((row, index) => `<div class="basic-settings-list-row" data-bs-fallback-row data-agent="${agent}" data-index="${index}"><select class="basic-settings-control" data-bs-fallback-model>${modelOptions(agent, row?.model || '')}</select><select class="basic-settings-control" data-bs-fallback-effort>${selectOptions(['', ...catalogEfforts(agent, row?.model)], row?.effort || '', { '': 'Auto' })}</select><button type="button" class="basic-settings-remove" data-bs-remove-fallback aria-label="${htmlEscape(t('basicSettings.remove'))}">×</button></div>`).join('');
     return `<div class="basic-settings-field full" data-bs-field data-path="baseagents.${agent}.fallbackModels" data-bs-fallback-list data-agent="${agent}">${fieldLabel(t('basicSettings.fallbackModels'), `baseagents.${agent}.fallbackModels[]`, t('basicSettings.fallbackHelp'), null)}<div class="basic-settings-list">${body}<button type="button" class="basic-settings-add" data-bs-add-fallback data-agent="${agent}">+ ${htmlEscape(t('basicSettings.addFallback'))}</button></div><div class="basic-settings-error"></div><div class="basic-settings-help">${htmlEscape(t('basicSettings.fallbackHelp'))}</div></div>`;
   }
 
@@ -705,15 +721,17 @@
       : t('basicSettings.configuredUndetected');
     const common = (name) => `baseagents.${agent}.${name}`;
     const model = scalarField({ file: 'defaults', path: common('model'), label: t('basicSettings.model'), type: 'model', value: config.model, optional: true });
-    const effort = agent === 'gemini' ? '' : scalarField({ file: 'defaults', path: common('effort'), label: t('basicSettings.effort'), type: 'select', options: effortOptions, value: config.effort });
+    const effort = agent === 'gemini' ? '' : scalarField({ file: 'defaults', path: common('effort'), label: t('basicSettings.effort'), type: 'select', options: catalogEfforts(agent, config.model), value: config.effort });
     const auxiliary = scalarField({ file: 'defaults', path: common('auxiliaryModel'), label: t('basicSettings.auxiliaryModel'), type: 'model', value: config.auxiliaryModel, help: t('basicSettings.auxiliaryHelp') });
-    const auxiliaryEffort = scalarField({ file: 'defaults', path: common('auxiliaryEffort'), label: t('basicSettings.auxiliaryEffort'), type: 'select', options: effortOptions, value: config.auxiliaryEffort });
+    const auxiliaryEffort = scalarField({ file: 'defaults', path: common('auxiliaryEffort'), label: t('basicSettings.auxiliaryEffort'), type: 'select', options: catalogEfforts(agent, config.auxiliaryModel), value: config.auxiliaryEffort });
     const connection = scalarField({ file: 'defaults', path: common('apiKey'), label: t('basicSettings.apiKey'), value: config.apiKey, sensitive: true, placeholder: t('basicSettings.apiKeyPlaceholder') }) +
       (agent === 'gemini' ? '' : scalarField({ file: 'defaults', path: common('baseUrl'), label: t('basicSettings.baseUrl'), value: config.baseUrl, placeholder: 'https://api.example.com' })) +
       (agent === 'gemini' ? '' : textAreaField({ file: 'defaults', path: common('headers'), label: t('basicSettings.headers'), value: config.headers, placeholder: t('basicSettings.keyValuePlaceholder'), help: t('basicSettings.headersHelp'), full: false })) +
       (['claude', 'codex', 'ecagent'].includes(agent) ? textAreaField({ file: 'defaults', path: common('queryParams'), label: t('basicSettings.queryParams'), value: config.queryParams, placeholder: t('basicSettings.keyValuePlaceholder'), help: t('basicSettings.queryParamsHelp'), full: false }) : '');
+    const catalogNote = state.catalogStatus[agent];
+    const catalogHint = catalogNote ? `${catalogNote.source} / ${catalogNote.freshness}${catalogNote.diagnostics?.length ? ': ' + catalogNote.diagnostics.map(d => d.message).join('; ') : ''}` : t('basicSettings.defaultFirst');
     const body = section(t('basicSettings.connection'), t('basicSettings.secretRedacted'), formGrid(connection)) +
-      section(t('basicSettings.modelChain'), t('basicSettings.defaultFirst'), formGrid(model + effort + fallbackModelsMarkup(agent, config) + auxiliary + auxiliaryEffort)) +
+      section(t('basicSettings.modelChain'), catalogHint, formGrid(model + effort + fallbackModelsMarkup(agent, config) + auxiliary + auxiliaryEffort)) +
       section(t('basicSettings.specific'), `${baseagentLabels[agent]} runner`, agentSpecificMarkup(agent, config));
     return `<article class="basic-settings-agent${active ? ' active' : ''}${open ? ' open' : ''}${details.detected ? '' : ' unavailable'}" data-bs-agent="${agent}"><header class="basic-settings-agent-head" data-bs-agent-toggle><span class="basic-settings-agent-mark">${baseagentMarks[agent]}</span><span class="basic-settings-agent-title"><strong>${htmlEscape(baseagentLabels[agent])}</strong><small>${htmlEscape(details.detected ? t('basicSettings.detected') : t('basicSettings.notDetected'))} · ${htmlEscape(source)}</small></span><label class="basic-settings-agent-default"><input type="radio" name="basic-active-baseagent" value="${agent}" data-bs-active-baseagent${active ? ' checked' : ''}${details.detected ? '' : ' disabled'}>${htmlEscape(t('basicSettings.defaultBaseagent'))}</label><button type="button" class="basic-settings-chevron" data-bs-agent-toggle aria-expanded="${open ? 'true' : 'false'}" aria-label="${htmlEscape(t('basicSettings.expandCollapse'))}"></button></header><div class="basic-settings-agent-body">${body}</div></article>`;
   }
@@ -1072,7 +1090,7 @@
     if (force && state.changes.daemon.size + state.changes.defaults.size > 0 && !window.confirm(t('basicSettings.reloadConfirm'))) return;
     state.loading = true; state.error = ''; render();
     try {
-      const response = await fetch(authApiUrl('api/basic-settings'));
+      const response = await authFetch('api/basic-settings');
       const payload = await response.json();
       if (!response.ok || !payload.success) throw new Error(payload.error || t('basicSettings.loadFailed'));
       state.snapshot = payload.data;
@@ -1095,9 +1113,12 @@
   async function loadCatalogs(agents) {
     await Promise.all(agents.map(async (item) => {
       try {
-        const response = await fetch(authApiUrl(`api/models/catalog?baseagent=${encodeURIComponent(item.id)}`));
+        const response = await authFetch(`api/models/catalog?baseagent=${encodeURIComponent(item.id)}`);
         const payload = await response.json();
-        if (response.ok && payload.success) state.catalogs[item.id] = payload.data.models || [];
+        if (response.ok && payload.success) {
+          state.catalogs[item.id] = payload.data.models || [];
+          state.catalogStatus[item.id] = payload.data;
+        }
       } catch {}
     }));
     if (state.snapshot && !state.loading) render();
@@ -1105,15 +1126,61 @@
 
   async function redetect() {
     if (!state.snapshot || state.detecting) return;
+    if (state.changes.daemon.size + state.changes.defaults.size > 0) {
+      if (!window.confirm(t('basicSettings.reloadConfirm'))) return;
+      state.changes.daemon.clear();
+      state.changes.defaults.clear();
+      state.mapDrafts.clear();
+      state.serviceMetadataDrafts.clear();
+      state.restartPaths = [];
+      clearNotice();
+    }
     state.detecting = true;
     state.detectionError = '';
     render();
     try {
-      const response = await fetch(authApiUrl('api/basic-settings'));
+      const response = await authFetch('api/basic-settings');
       const payload = await response.json();
       if (!response.ok || !payload.success) throw new Error(payload.error || t('basicSettings.loadFailed'));
       const next = payload.data;
-      state.snapshot.baseagents = next.baseagents || [];
+      const previous = state.snapshot;
+      const previousById = new Map((previous.baseagents || []).map((item) => [item.id, item]));
+      const nextBaseagents = next.baseagents || [];
+      const added = nextBaseagents.filter((item) => item.detected && !previousById.get(item.id)?.configured);
+      const active = getFileValue('defaults', 'active_baseagent');
+      const removed = (previous.baseagents || []).filter((item) => item.configured && !nextBaseagents.find((candidate) => candidate.id === item.id && candidate.detected));
+      const changes = [];
+      for (const item of added) {
+        if (window.confirm(tf('basicSettings.detectAdded', { value: baseagentLabels[item.id] || item.id }))) {
+          changes.push({ path: `baseagents.${item.id}`, op: 'set', value: {} });
+        }
+      }
+      for (const item of removed) {
+        if (window.confirm(tf('basicSettings.detectRemoved', { value: baseagentLabels[item.id] || item.id }))) {
+          // active_baseagent cannot be left pointing at a removed block. Switch
+          // to the first still-detected agent in the same atomic PATCH.
+          if (item.id === active) {
+            const replacement = nextBaseagents.find((candidate) => candidate.detected && candidate.id !== item.id);
+            if (!replacement) continue;
+            changes.push({ path: 'active_baseagent', op: 'set', value: replacement.id });
+          }
+          changes.push({ path: `baseagents.${item.id}`, op: 'unset' });
+        }
+      }
+      if (changes.length) {
+        const response2 = await authFetch('api/basic-settings', {
+          method: 'PATCH',
+          headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${localStorage.getItem(TOKEN_KEY) || ''}` },
+          body: JSON.stringify({ file: 'defaults', revision: previous.revisions.defaults, changes }),
+        });
+        const saved = await response2.json();
+        if (!response2.ok || !saved.success) throw new Error(saved.error || t('basicSettings.saveFailed'));
+        state.snapshot = saved.data;
+        state.notice = t('basicSettings.detectUpdated');
+        state.noticeType = 'success';
+      } else {
+        state.snapshot.baseagents = nextBaseagents;
+      }
       state.snapshot.logTypes = next.logTypes || [];
       state.snapshot.logTypeCounts = next.logTypeCounts || {};
       const detected = state.snapshot.baseagents.filter((item) => item.detected);
@@ -1274,7 +1341,7 @@
       updateBasicSettingsStatus();
       return;
     }
-    rows.push({ model: state.catalogs[agent]?.[0]?.id || '', effort: 'medium' });
+    rows.push({ model: state.catalogs[agent]?.[0]?.id || '' });
     recordChange('defaults', `baseagents.${agent}.fallbackModels`, 'set', rows);
     render();
   }
@@ -1374,7 +1441,7 @@
       const restartPaths = [];
       for (const file of files) {
         const changes = [...state.changes[file]].map(([path, item]) => ({ path, ...item }));
-        const response = await fetch(authApiUrl('api/basic-settings'), {
+        const response = await authFetch('api/basic-settings', {
           method: 'PATCH',
           headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${localStorage.getItem(TOKEN_KEY) || ''}` },
           body: JSON.stringify({ file, revision: state.snapshot.revisions[file], changes }),
@@ -1497,7 +1564,7 @@
           return;
         }
         secretToggle.disabled = true;
-        fetch(authApiUrl(`api/basic-settings/secret?file=${encodeURIComponent(file)}&path=${encodeURIComponent(fieldPath)}`))
+        authFetch(`api/basic-settings/secret?file=${encodeURIComponent(file)}&path=${encodeURIComponent(fieldPath)}`)
           .then(async (response) => {
             const payload = await readApiJson(response, t('basicSettings.revealSecretFailed'));
             if (!response.ok || !payload.success || typeof payload.data?.value !== 'string') {

package/dist/static/index.html

@@ -49,7 +49,7 @@
 
       </nav>
       <span style="flex:1"></span>
-      2026-09-05 04:51
+      2026-09-09 03:48
       <span id="conn-status" class="conn-status" data-i18n="status.connecting">连接中…</span>
       <button id="lang-btn" class="theme-btn" data-i18n-title="language.buttonTitle" title="切换语言">🌐</button>
       <button id="theme-btn" class="theme-btn" data-i18n-title="theme.buttonTitle" title="主题">🌗</button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ec-web",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "Web console and monitoring dashboard for EvolCore",
   "type": "module",
   "bin": {