fix(frontend): 按端点能力约束会话压缩映射

This commit is contained in:
MMEXA
2026-07-14 02:05:10 +08:00
parent f10d631a9c
commit 93e2f95c47
5 changed files with 262 additions and 10 deletions
@@ -338,6 +338,7 @@ import {
COMPACT_REQUEST_SCOPE_VALUE,
formatModelMappingEndpointLabel,
formatModelMappingRequestScope,
modelMappingEndpointScopeSupportsSessionCompaction,
modelMappingOperationsKey,
modelMappingOperationsFromScopeValue,
modelMappingRequestScopeOptions,
@@ -430,6 +431,13 @@ const normalizedSelectedEndpointIds = computed(() => {
return selected.length > 0 ? selected : undefined
})
const sessionCompactionScopeAvailable = computed(() => {
return modelMappingEndpointScopeSupportsSessionCompaction(
normalizedSelectedEndpointIds.value,
props.endpoints ?? [],
)
})
const endpointScopeSummary = computed(() => {
const selected = normalizedSelectedEndpointIds.value
if (!selected || selected.length === 0) {
@@ -472,12 +480,18 @@ const requestScopeValue = computed(() => {
})
const requestScopeOptions = computed(() => {
return modelMappingRequestScopeOptions(selectedOperations.value, requestScopeLabels.value)
return modelMappingRequestScopeOptions(
selectedOperations.value,
{ sessionCompaction: sessionCompactionScopeAvailable.value },
requestScopeLabels.value,
)
})
const requestScopeDescription = computed(() => {
if (requestScopeValue.value === ALL_REQUESTS_SCOPE_VALUE) {
return t('providers.modelMapping.scope.allRequestsDescription')
return sessionCompactionScopeAvailable.value
? t('providers.modelMapping.scope.allRequestsDescription')
: t('providers.modelMapping.scope.allRequestsDefaultDescription')
}
if (requestScopeValue.value === COMPACT_REQUEST_SCOPE_VALUE) {
return t('providers.modelMapping.scope.sessionCompactionDescription')
@@ -487,6 +501,12 @@ const requestScopeDescription = computed(() => {
})
})
watch(
[() => props.endpoints, () => selectedEndpointIds.value],
() => normalizeUnavailableSessionCompactionScope(),
{ deep: true },
)
// 所有已知名称集合
const allKnownNames = computed(() => {
const set = new Set<string>()
@@ -721,6 +741,7 @@ function initForm() {
upstreamModels.value = []
upstreamModelsLoaded.value = false
collapsedGroups.value = new Set()
normalizeUnavailableSessionCompactionScope()
}
// 处理模型选择变更
@@ -729,9 +750,23 @@ function handleModelChange(value: string) {
}
function handleRequestScopeChange(value: string) {
if (
value === COMPACT_REQUEST_SCOPE_VALUE
&& !sessionCompactionScopeAvailable.value
) return
selectedOperations.value = modelMappingOperationsFromScopeValue(value) ?? []
}
function normalizeUnavailableSessionCompactionScope() {
if (props.endpoints === undefined) return
if (
requestScopeValue.value === COMPACT_REQUEST_SCOPE_VALUE
&& !sessionCompactionScopeAvailable.value
) {
selectedOperations.value = []
}
}
// 生成作用域唯一键
function getApiFormatsKey(formats: string[] | undefined): string {
return getScopeKey(formats)
@@ -52,8 +52,21 @@ vi.mock('@/components/common/MultiSelect.vue', async () => {
return {
default: defineComponent({
name: 'MultiSelectStub',
setup() {
return () => h('div')
props: {
modelValue: { type: Array, default: () => [] },
options: { type: Array, default: () => [] },
},
emits: ['update:modelValue'],
setup(props, { emit }) {
return () => h('div', (props.options as Array<{ value: string, label: string }>).map(option => h(
'button',
{
type: 'button',
'data-endpoint-id': option.value,
onClick: () => emit('update:modelValue', [option.value]),
},
option.label,
)))
},
}),
}
@@ -108,6 +121,136 @@ afterEach(() => {
})
describe('ModelMappingDialog', () => {
it('offers session compaction only for an explicitly selected Responses endpoint', async () => {
const chatEndpoint = {
id: 'endpoint-chat',
api_format: 'openai:chat',
base_url: 'https://api.example.com/v1',
is_active: true,
} as ProviderEndpoint
const responsesEndpoint = {
id: 'endpoint-responses',
api_format: 'openai:responses',
base_url: 'https://api.example.com/v1',
is_active: true,
} as ProviderEndpoint
const model = {
id: 'model-sol',
provider_model_name: 'gpt-5.6-sol',
global_model_display_name: 'GPT-5.6 Sol',
provider_model_mappings: [],
} as Model
const open = ref(false)
const root = document.createElement('div')
document.body.appendChild(root)
const app = createApp(defineComponent({
setup() {
return () => h(ModelMappingDialog, {
open: open.value,
providerId: 'provider-1',
endpoints: [chatEndpoint, responsesEndpoint],
models: [model],
preselectedModelId: model.id,
'onUpdate:open': (value: boolean) => { open.value = value },
})
},
}))
app.mount(root)
mountedApps.push({ app, root })
open.value = true
await nextTick()
await nextTick()
expect(root.textContent).toContain('所有请求')
expect(root.textContent).not.toContain('仅会话压缩')
root.querySelector<HTMLButtonElement>('[data-endpoint-id="endpoint-chat"]')?.click()
await nextTick()
expect(root.textContent).not.toContain('仅会话压缩')
root.querySelector<HTMLButtonElement>('[data-endpoint-id="endpoint-responses"]')?.click()
await nextTick()
expect(root.textContent).toContain('仅会话压缩')
})
it('returns to all requests when a compact mapping switches away from Responses', async () => {
const responsesEndpoint = {
id: 'endpoint-responses',
api_format: 'openai:responses',
base_url: 'https://api.example.com/v1',
is_active: true,
} as ProviderEndpoint
const chatEndpoint = {
id: 'endpoint-chat',
api_format: 'openai:chat',
base_url: 'https://api.example.com/v1',
is_active: true,
} as ProviderEndpoint
const model = {
id: 'model-sol',
provider_model_name: 'gpt-5.6-sol',
global_model_display_name: 'GPT-5.6 Sol',
provider_model_mappings: [{
name: 'gpt-5.6-luna',
priority: 1,
endpoint_ids: [responsesEndpoint.id],
operations: ['compact'],
}],
} as Model
const editingGroup: AliasGroup = {
model,
apiFormatsKey: '',
apiFormats: [],
endpointIdsKey: responsesEndpoint.id,
endpointIds: [responsesEndpoint.id],
operationsKey: 'compact',
operations: ['compact'],
aliases: model.provider_model_mappings ?? [],
}
const open = ref(false)
const root = document.createElement('div')
document.body.appendChild(root)
const app = createApp(defineComponent({
setup() {
return () => h(ModelMappingDialog, {
open: open.value,
providerId: 'provider-1',
endpoints: [responsesEndpoint, chatEndpoint],
models: [model],
editingGroup,
'onUpdate:open': (value: boolean) => { open.value = value },
})
},
}))
app.mount(root)
mountedApps.push({ app, root })
open.value = true
await nextTick()
await nextTick()
expect(root.textContent).toContain('仅会话压缩')
root.querySelector<HTMLButtonElement>('[data-endpoint-id="endpoint-chat"]')?.click()
await nextTick()
expect(root.textContent).not.toContain('仅会话压缩')
expect(root.querySelector<HTMLButtonElement>('[role="radio"][aria-checked="true"]')?.textContent)
.toContain('所有请求')
const saveButton = [...root.querySelectorAll('button')]
.find(button => button.textContent?.includes('保存映射'))
saveButton?.click()
await vi.waitFor(() => expect(updateModel).toHaveBeenCalledTimes(1))
expect(updateModel).toHaveBeenCalledWith('provider-1', 'model-sol', {
provider_model_mappings: [{
name: 'gpt-5.6-luna',
priority: 1,
endpoint_ids: [chatEndpoint.id],
}],
})
})
it('normalizes and replaces an edited compact operation scope', async () => {
const endpoint = {
id: 'endpoint-responses',