opencode-claude-code-ua 0.3.6 → 0.3.9

package/ui/pro.js

@@ -1,5 +1,5 @@
 import { createTestPlan, createTestSample, validateTestSample } from '../lib/ua-test-plan.mjs'
-import { protocolForModel } from '../lib/ua-protocol.mjs'
+import { protocolForModel, matchesAccountSite } from '../lib/ua-protocol.mjs'
 
 export const PROTOCOLS = ['anthropic', 'responses', 'chat-completions', 'gemini']
 export const OPERATIONS = { anthropic: ['messages', 'count_tokens'], responses: ['responses'], 'chat-completions': ['chat/completions'], gemini: ['generateContent', 'streamGenerateContent', 'countTokens'] }
@@ -30,6 +30,41 @@ export function jsonObject(text, label) {
   return value
 }
 export function lines(text) { return [...new Set(String(text).split(/\r?\n/).map(value => value.trim()).filter(Boolean))] }
+export const ACCOUNT_BINDING_EMPTY = '不绑定签到账号（仅查询 Key 用量）'
+/** Same-site comparison for the optional balance/check-in account binding. */
+export function siteRoot(value) {
+  const text = String(value ?? '').trim().replace(/\/+$/, '')
+  if (!text) return ''
+  return text.replace(/\/v1(?:beta)?$/i, '').replace(/\/+$/, '')
+}
+export function connectionAccountChoices(accounts = [], baseURL = '', selectedId = '') {
+  const list = (Array.isArray(accounts) ? accounts : []).filter(item => item && item.id)
+  const root = siteRoot(baseURL)
+  const matches = item => { try { return matchesAccountSite(baseURL, item) } catch { return false } }
+  const same = root ? list.filter(matches) : []
+  const pool = same.length ? same : list
+  const selected = selectedId === null || selectedId === undefined ? '' : String(selectedId)
+  const selectedAccount = list.find(item => String(item.id) === selected)
+  const choices = pool.map(item => ({
+    value: String(item.id),
+    label: `${item.name ?? item.id} · ${item.siteUrl ?? ''}${item.enabled === false ? '（已停用）' : ''}`,
+  }))
+  const invalid = Boolean(selected && (!selectedAccount || (root !== '' && !matches(selectedAccount))))
+  if (invalid) {
+    const label = selectedAccount
+      ? `当前绑定：${selectedAccount.name} · ${selectedAccount.siteUrl}（属于其他站点或已失效，请重新选择）`
+      : '当前绑定（已失效或属于其他站点，请重新选择）'
+    const existing = choices.findIndex(item => item.value === selected)
+    if (existing >= 0) choices.splice(existing, 1)
+    choices.unshift({ value: selected, label, invalid: true })
+  }
+  return { mode: same.length ? 'same-site' : 'all', choices, selected, invalid }
+}
+export function connectionAccountBindingLabel(accountId, accounts = []) {
+  if (!accountId) return '余额与签到：仅查询 Key 用量（未绑定站点账号）'
+  const account = (Array.isArray(accounts) ? accounts : []).find(item => String(item.id) === String(accountId))
+  return account ? `余额与签到：${account.name} · ${account.siteUrl}` : '余额与签到：绑定账号已失效，请编辑连接重新选择'
+}
 export function fillSelectedModels(current, selected, replace = false) {
   const ids = selected.filter(id => typeof id === 'string' && id.trim()).map(id => id.trim())
   return [...new Set([...(replace ? [] : lines(current)), ...ids])].join('\n')
@@ -100,6 +135,22 @@ export function testModelOptions(connection, catalog) {
 export function selectTestModel(models, current = '') {
   return models.some(model => model.id === current) ? current : models[0]?.id ?? ''
 }
+export function connectionHostView(state = {}, connection = {}) {
+  const provider = connection.independent && connection.siteId ? `ua-pro-${connection.siteId}` : 'ua-pro'
+  const host = state.runtime?.connections?.find(item => item.connectionId === connection.id)
+  if (connection.enabled === false) return { label: '连接已停用', detail: `${provider} · 此连接不参与模型请求` }
+  if (state.runtime?.mode !== 'host') return { label: '仅本地保存，未同步到宿主', detail: `在 Magpie 打开 UA PRO 管理并同步后，连接位于 ${provider} 的账号列表` }
+  if (host?.status === 'registered') return { label: '已注册到宿主', detail: `Magpie 供应商 ${host.provider || provider} · 账号 ${connection.name || host.account}；请刷新宿主模型列表` }
+  if (host?.status === 'reload-required') return { label: '需重载插件', detail: `新增供应商 ${host.provider || provider} 尚未载入，请在 Magpie 重载 UA PRO` }
+  return { label: host?.status === 'conflict' ? '账号冲突，未覆盖' : '尚未同步到宿主', detail: host?.message || `点击“同步到宿主”注册到 ${provider} 的账号列表` }
+}
+export function connectionSaveMessage(result = {}) {
+  if (result.message) return result.message
+  if (result.registration === 'registered') return `连接已保存并注册到宿主 ${result.host?.provider || 'UA PRO'}；在供应商的账号列表中查看并刷新模型`
+  if (result.registration === 'pending-reload') return '连接已保存，宿主尚未确认；请同步到宿主或重载 UA PRO 插件'
+  return '连接已保存到本地；测试成功不代表已同步，请在 Magpie 打开 UA PRO 管理并同步到宿主'
+}
+
 export function gatewayModelReference(connection, model) {
   const provider = connection?.independent && connection.siteId ? `ua-pro-${connection.siteId}` : 'ua-pro'
   return model ? `${provider}/${model}` : ''
@@ -131,10 +182,10 @@ export async function requestOperation(fetcher, action, payload, operationId) {
 if (typeof document !== 'undefined') void mount()
 async function mount() {
   const $ = id => document.getElementById(id)
-  let state = { templates: [], connections: [], generation: 0, runtime: {} }
+  let state = { templates: [], connections: [], siteAccounts: [], generation: 0, runtime: {} }
   let view = 'overview', loading = false, pending = null, operation = null
   let connection = null, connectionBaseline = '', template = null, templateBaseline = '', templateOrigin = null
-  let migration = null, dirtyConnection = false, dirtyTemplate = false
+  let dirtyConnection = false, dirtyTemplate = false
   let modelQuery = null, modelQueryReady = false, modelResultShown = false
   let testModelQuery = null, testModels = [], testCatalog = null, testConnectionID = '', testConnectionRevision, testModelManual = false, testSampleBaseline = '', testProtocolExplicit = false
   let testSelectionInitialized = false
@@ -196,7 +247,7 @@ async function mount() {
     if (!result.ok) { showError(operationErrorText(result)); status('操作未完成，草稿保留'); return }
     await refresh()
     if (complete) await complete(result.data)
-    status(action === 'test' ? result.data.result?.status === 'passed' ? '测试完成：通过' : '测试完成：未通过，请查看本次原因' : action === 'routes/apply' ? '模型路由已保存，请在 Magpie 重新获取模型或重载插件' : result.data.activation ? '已保存绑定；等待宿主后续请求确认使用版本' : '操作完成')
+    status(action === 'test' ? result.data.result?.status === 'passed' ? '测试完成：通过' : '测试完成：未通过，请查看本次原因' : action === 'connections/save' ? connectionSaveMessage(result.data) : action === 'connections/sync' ? result.data.message || '宿主同步完成，请刷新 Magpie 供应商和模型列表' : action === 'routes/apply' ? '模型路由已保存，请在 Magpie 重新获取模型或重载插件' : result.data.activation ? '已保存绑定；等待宿主后续请求确认使用版本' : '操作完成')
   }
   async function recover() {
     if (!pending || loading) return
@@ -229,6 +280,7 @@ async function mount() {
   }
   function renderState() {
     text('pro-generation', state.generation)
+    text('pro-version', state.application?.version || '版本未知，请重新打开插件管理')
     text('pro-runtime', state.runtime?.mode === 'host' ? 'Magpie 插件宿主' : '独立配置工具')
     $('overview-metrics').replaceChildren(...[
       [state.connections.filter(item => item.enabled).length, '启用连接'],
@@ -236,8 +288,15 @@ async function mount() {
       [state.runtime?.observed?.length ?? 0, '宿主已观察连接'],
     ].map(([count, label]) => { const item = node('div', undefined, 'metric'); item.append(node('span', label), node('strong', count)); return item }))
     $('overview-empty').hidden = state.connections.length > 0
-    $('overview-connections').replaceChildren(...state.connections.map(item => { const row = node('div', undefined, 'overview-item'); const info = node('div'); info.append(node('strong', item.name), node('small', item.baseURL), node('small', bindingLabel(item.binding))); const seen = state.runtime?.observed?.find(entry => entry.connectionId === item.id); row.append(info, tag(seen ? `观察 generation ${seen.generation} · ${seen.templateId ?? '普通转发'} @ ${seen.revision ?? '—'}` : '等待宿主观察')); return row }))
-    $('connection-list').replaceChildren(...state.connections.map(item => { const card = node('article', undefined, 'conn-card'); card.append(node('h3', item.name), tag(item.enabled ? '启用' : '停用'), node('p', `${item.baseURL}\n${item.protocol} · ${item.auth.source === 'host' ? '宿主凭据' : '本地连接凭据'}`), node('p', bindingLabel(item.binding))); const actions = node('div', undefined, 'card-actions'); actions.append(button('编辑', () => editConnection(item)), button('应用模板', () => openBinding([item.id])), button('测试', () => openTest(item.id))); card.append(actions); return card }))
+    $('host-sync').hidden = state.runtime?.mode !== 'host'
+    $('overview-connections').replaceChildren(...state.connections.map(item => {
+      const row = node('div', undefined, 'overview-item'), info = node('div'), host = connectionHostView(state, item)
+      info.append(node('strong', item.name), node('small', item.baseURL), node('small', bindingLabel(item.binding)), node('small', host.detail))
+      const seen = state.runtime?.observed?.find(entry => entry.connectionId === item.id)
+      row.append(info, tag(seen ? `已用于请求 · generation ${seen.generation}` : host.label))
+      return row
+    }))
+    $('connection-list').replaceChildren(...state.connections.map(item => { const card = node('article', undefined, 'conn-card'); card.append(node('h3', item.name), tag(item.enabled ? '启用' : '停用'), node('p', `${item.baseURL}\n${item.protocol} · ${item.auth.source === 'host' ? '宿主凭据' : '本地连接凭据'}`), node('p', bindingLabel(item.binding)), node('p', connectionAccountBindingLabel(item.newApiAccountId, state.siteAccounts), 'hint'), (() => { const link = node('a', '管理签到账号 / 补 Cookie 或登录凭据'); link.href = './accounts'; link.addEventListener('click', event => { if (!allowLeave()) event.preventDefault() }); return link })()); const actions = node('div', undefined, 'card-actions'); actions.append(button('编辑', () => editConnection(item)), button('应用模板', () => openBinding([item.id])), button('测试', () => openTest(item.id))); card.append(actions); return card }))
     renderTemplates()
     renderConnectionSelectors()
     $('session-info').replaceChildren(...Object.entries(state.session ?? {}).map(([key, value]) => { const item = node('div'); item.append(node('dt', key), node('dd', value)); return item }))
@@ -275,7 +334,7 @@ async function mount() {
   function connectionDraft() {
     const auth = { ...(connection?.auth ?? { source: 'stored' }), mode: $('conn-auth-mode').value, key: $('conn-key').value, value: $('conn-value').value }
     const result = { ...(connection ? clone(connection) : {}), name: $('conn-name').value.trim(), baseURL: $('conn-base').value.trim(), protocol: $('conn-protocol').value,
-      auth, models: lines($('conn-models').value), modelProtocols: modelProtocolLines($('conn-model-protocols').value), apiPaths: {}, enabled: $('conn-enabled').checked, independent: $('conn-independent').checked, siteId: $('conn-site').value.trim() }
+      auth, models: lines($('conn-models').value), modelProtocols: modelProtocolLines($('conn-model-protocols').value), apiPaths: {}, enabled: $('conn-enabled').checked, independent: $('conn-independent').checked, siteId: $('conn-site').value.trim(), newApiAccountId: $('conn-site-account').value }
     delete result.secrets
     for (const control of document.querySelectorAll('[data-api-path]')) if (control.value.trim()) result.apiPaths[control.dataset.apiPath] = control.value.trim()
     if (!connection) {
@@ -290,7 +349,7 @@ async function mount() {
     $('conn-value-field').hidden = host || mode !== 'custom'
     $('conn-host-note').hidden = !host
     $('conn-auth-mode').disabled = Boolean(host)
-    text('conn-secret-state', host ? '凭据由 Magpie 保存，不会复制到模板。' : connection?.secrets.key || connection?.secrets.value ? '已有凭据；同一目标留空保留。换站需输入新凭据。' : '输入此连接自己的模型凭据。')
+    text('conn-secret-state', host ? '凭据由 Magpie 保存，不会复制到模板。' : connection?.secrets?.key || connection?.secrets?.value ? '已有凭据；同一目标留空保留。换站需输入新凭据。' : '输入此连接自己的模型凭据。')
     $('conn-clear-field').hidden = !connection || host
   }
   function resetModelQuery(message = '使用上方地址、认证方式和密钥读取模型，无需先保存；不会发送生成请求。') {
@@ -323,7 +382,7 @@ async function mount() {
     if (!draft.baseURL) { text('conn-model-status', '请先填写上方站点地址。'); $('conn-base').focus(); return }
     if (draft.auth.source !== 'host' && draft.auth.mode !== 'none') {
       const field = draft.auth.mode === 'custom' ? 'value' : 'key'
-      const saved = connection?.secrets[field] && connection.baseURL.replace(/\/+$/, '') === draft.baseURL.replace(/\/+$/, '') && !$('conn-clear-secret').checked
+      const saved = connection?.secrets?.[field] && connection.baseURL.replace(/\/+$/, '') === draft.baseURL.replace(/\/+$/, '') && !$('conn-clear-secret').checked
       if (!draft.auth[field] && !saved) { text('conn-model-status', '请先填写上方当前站点的密钥或完整 Authorization。'); return }
     }
     resetModelQuery('正在读取模型列表…')
@@ -373,6 +432,16 @@ async function mount() {
     $('conn-models').dispatchEvent(new Event('input', { bubbles: true }))
     text('conn-model-status', `已${replace ? '替换为' : '追加'}选中的 ${selected.length} 个模型；点击“保存连接”才会保存。`)
   }
+  function renderConnectionAccountOptions(selectedId = $('conn-site-account').value) {
+    const result = connectionAccountChoices(state.siteAccounts ?? [], $('conn-base').value, selectedId)
+    options($('conn-site-account'), [['', ACCOUNT_BINDING_EMPTY], ...result.choices.map(item => [item.value, item.label])], result.selected)
+    text('conn-site-account-hint', result.invalid
+      ? '当前绑定已失效或属于其他站点，已保留选项等待重新选择；保存时后端会拒绝无效绑定。'
+      : result.mode === 'same-site'
+        ? '仅列出与该连接站点根地址相同的账号；只影响余额与签到，不改变模型请求和凭据。'
+        : '未找到同站点账号，暂显示全部；保存时后端仍会校验站点根地址一致。')
+    return result
+  }
   function editConnection(item = null) {
     if (!allowLeave()) return
     resetModelQuery()
@@ -382,6 +451,7 @@ async function mount() {
     text('connection-form-title', item ? '编辑连接' : '添加连接')
     for (const [id, value] of Object.entries({ 'conn-name': item?.name ?? '', 'conn-base': item?.baseURL ?? '', 'conn-protocol': item?.protocol ?? 'auto', 'conn-auth-mode': item?.auth.mode ?? 'api-key', 'conn-key': '', 'conn-value': '', 'conn-models': (item?.models ?? []).join('\n'), 'conn-model-protocols': Object.entries(item?.modelProtocols ?? {}).map(([key, value]) => `${key} = ${value}`).join('\n'), 'conn-site': item?.siteId ?? '' })) $(id).value = value
     $('conn-enabled').checked = item?.enabled !== false; $('conn-independent').checked = Boolean(item?.independent); $('conn-clear-secret').checked = false
+    renderConnectionAccountOptions(item?.newApiAccountId ?? '')
     for (const control of document.querySelectorAll('[data-api-path]')) control.value = item?.apiPaths?.[control.dataset.apiPath] ?? ''
     $('connection-remove').hidden = !item; $('conn-binding-field').hidden = Boolean(item); $('conn-binding-note').hidden = !item
     $('conn-binding').value = 'auto'; text('connection-form-error', ''); updateAuthFields()
@@ -720,11 +790,13 @@ async function mount() {
   for (const link of document.querySelectorAll('[data-view-link]')) link.addEventListener('click', event => { event.preventDefault(); navigate(link.dataset.viewLink) })
   for (const link of document.querySelectorAll('[data-leave]')) link.addEventListener('click',event => { if (!allowLeave()) event.preventDefault() })
   for (const control of document.querySelectorAll('[data-action="connection-new"]')) control.addEventListener('click', () => editConnection())
+  $('host-sync').addEventListener('click', () => { if (allowLeave()) void run('connections/sync', {}) })
   $('pro-reload').addEventListener('click', async () => { if (!allowLeave()) return; try { await refresh(false); status('已重新读取') } catch (error) { showError(error) } })
   $('pro-recover').addEventListener('click', recover)
   $('pro-close').addEventListener('click', async () => { if (!allowLeave()) return; await fetch('./api/cancel', { method:'POST',headers:{'content-type':'application/json'},body:'{}' }); document.body.replaceChildren(node('main','配置已关闭。此前保存的更改已保留。','empty')) })
   $('connection-form').addEventListener('input', () => { try { dirtyConnection = JSON.stringify(connectionDraft()) !== connectionBaseline } catch { dirtyConnection = true } text('connection-form-state',dirtyConnection ? '未保存' : '无修改') })
   $('conn-auth-mode').addEventListener('change',updateAuthFields)
+  $('conn-base').addEventListener('input',()=>{if(!$('connection-form').hidden)renderConnectionAccountOptions()})
   $('conn-model-fetch').addEventListener('click', () => { void fetchConnectionModels() })
   $('conn-model-cancel').addEventListener('click', () => resetModelQuery('已取消获取，手填内容保留。'))
   $('conn-model-all').addEventListener('click', () => { for (const option of $('conn-model-options').options) option.selected = true })
@@ -735,7 +807,7 @@ async function mount() {
   })
   $('connection-form').addEventListener('submit', async event => { event.preventDefault(); try { const current = connectionDraft(); if (!current.name || !current.baseURL) throw new Error('请填写连接名称和地址'); await run('connections/save',{connection:current,expectedRevision:connection?.revision,clearSecrets:$('conn-clear-secret').checked ? ['key','value'] : []},data=>{dirtyConnection=false;editConnection(data.connection)}) } catch(error){text('connection-form-error',error.message)} })
   $('connection-cancel').addEventListener('click',()=>{if(allowLeave()){dirtyConnection=false;$('connection-panel').hidden=true}})
-  $('connection-remove').addEventListener('click',()=>{if(connection && window.confirm('删除这个连接？不会删除模板或修改旧插件。'))void run('connections/remove',{id:connection.id,expectedRevision:connection.revision},()=>{dirtyConnection=false;$('connection-panel').hidden=true})})
+  $('connection-remove').addEventListener('click',()=>{if(connection && window.confirm('删除这个连接？不会删除模板或站点账号。'))void run('connections/remove',{id:connection.id,expectedRevision:connection.revision},()=>{dirtyConnection=false;$('connection-panel').hidden=true})})
   $('binding-open').addEventListener('click',()=>openBinding())
   $('binding-template').addEventListener('change',()=>renderRevisions('binding'))
   $('binding-mode').addEventListener('change',bindingFields); $('binding-scope').addEventListener('change',bindingFields)
@@ -823,8 +895,6 @@ async function mount() {
     catch{showError('未收到取消确认，请查询原操作，不要重复发送')}
     finally{if(!loading){$('test-cancel').disabled=false;text('test-cancel','取消测试')}}
   })
-  $('migration-preview').addEventListener('click',()=>run('migration/preview',{},data=>{migration=data;$('migration-result').replaceChildren(node('pre',JSON.stringify(data,null,2),'code-block'));$('migration-apply').hidden=!data.available}))
-  $('migration-apply').addEventListener('click',()=>{if(migration?.available&&window.confirm('复制旧 Claude 配置为 UA PRO 新连接？原配置不变。'))void run('migration/apply',{fingerprint:migration.fingerprint},()=>{$('migration-apply').hidden=true})})
   window.addEventListener('beforeunload',event=>{if(isDirty()||locked()){event.preventDefault();event.returnValue=''}})
   try { await refresh();navigate(location.hash.slice(1)||'overview',true);testFields();resetSample();$('pro-shell').dataset.ready='true';status('配置已读取。保存版本与应用连接分别执行。') } catch(error){showError(error);status('无法读取 UA PRO 配置')}
 }