@liujitcn/kratos-admin-system 0.0.61 → 0.0.64

package/dist/package/src/utils/rateLimit.ts

@@ -0,0 +1,140 @@
+import { BaseRateLimitAlgorithm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_rate_limit_rule";
+
+/** 限流算法的可编辑参数集合。 */
+export interface RateLimitParams {
+  tokens_per_second?: number;
+  burst?: number;
+  limit?: number;
+  window_seconds?: number;
+  leak_rate_per_second?: number;
+  capacity?: number;
+}
+
+/** 返回所选算法的空参数表单。 */
+export function defaultRateLimitParams(algorithm: BaseRateLimitAlgorithm): RateLimitParams {
+  switch (algorithm) {
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_TOKEN_BUCKET:
+      return { tokens_per_second: undefined, burst: undefined };
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_FIXED_WINDOW:
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_COUNTER:
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_LOG:
+      return { limit: undefined, window_seconds: undefined };
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_LEAKY_BUCKET:
+      return { leak_rate_per_second: undefined, capacity: undefined };
+    default:
+      return {};
+  }
+}
+
+/** 按算法解析 JSON，只保留该算法支持的参数。 */
+export function parseRateLimitParams(algorithm: BaseRateLimitAlgorithm, raw: string): RateLimitParams {
+  let value: Record<string, unknown> = {};
+  try {
+    const parsed: unknown = JSON.parse(raw);
+    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) value = parsed as Record<string, unknown>;
+  } catch {
+    return defaultRateLimitParams(algorithm);
+  }
+  const number = (key: string) => (typeof value[key] === "number" && Number.isFinite(value[key]) ? (value[key] as number) : undefined);
+  switch (algorithm) {
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_TOKEN_BUCKET:
+      return { tokens_per_second: number("tokens_per_second"), burst: number("burst") };
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_FIXED_WINDOW:
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_COUNTER:
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_LOG:
+      return { limit: number("limit"), window_seconds: number("window_seconds") };
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_LEAKY_BUCKET:
+      return { leak_rate_per_second: number("leak_rate_per_second"), capacity: number("capacity") };
+    default:
+      return defaultRateLimitParams(algorithm);
+  }
+}
+
+/** 校验参数并生成仅包含当前算法字段的 JSON 对象。 */
+export function serializeRateLimitParams(algorithm: BaseRateLimitAlgorithm, params: RateLimitParams): Record<string, number> | undefined {
+  switch (algorithm) {
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_TOKEN_BUCKET:
+      if (!isRate(params.tokens_per_second) || !isIntegerInRange(params.burst, 1, 1_000_000)) return undefined;
+      return { tokens_per_second: params.tokens_per_second, burst: params.burst };
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_FIXED_WINDOW:
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_COUNTER:
+      if (!isIntegerInRange(params.limit, 1, 1_000_000) || !isIntegerInRange(params.window_seconds, 1, 86_400)) return undefined;
+      return { limit: params.limit, window_seconds: params.window_seconds };
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_LOG:
+      if (!isIntegerInRange(params.limit, 1, 10_000) || !isIntegerInRange(params.window_seconds, 1, 86_400)) return undefined;
+      return { limit: params.limit, window_seconds: params.window_seconds };
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_LEAKY_BUCKET:
+      if (!isRate(params.leak_rate_per_second) || !isIntegerInRange(params.capacity, 1, 1_000_000)) return undefined;
+      return { leak_rate_per_second: params.leak_rate_per_second, capacity: params.capacity };
+    default:
+      return undefined;
+  }
+}
+
+/** 返回可直接交给国际化模板的完整参数。 */
+export function rateLimitSummaryParams(algorithm: BaseRateLimitAlgorithm, raw: string): Record<string, string | number> {
+  const params = parseRateLimitParams(algorithm, raw);
+  return Object.fromEntries(Object.entries(params).map(([key, value]) => [key, value ?? 0])) as Record<string, string | number>;
+}
+
+/** 返回限流算法名称对应的多语言资源键。 */
+export function rateLimitAlgorithmLabelKey(algorithm: BaseRateLimitAlgorithm): string {
+  switch (algorithm) {
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_TOKEN_BUCKET:
+      return "system.base.rate_limit_rule.algorithm.token_bucket";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_FIXED_WINDOW:
+      return "system.base.rate_limit_rule.algorithm.fixed_window";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_COUNTER:
+      return "system.base.rate_limit_rule.algorithm.sliding_window_counter";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_LOG:
+      return "system.base.rate_limit_rule.algorithm.sliding_window_log";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_LEAKY_BUCKET:
+      return "system.base.rate_limit_rule.algorithm.leaky_bucket";
+    default:
+      return "";
+  }
+}
+
+/** 返回所选限流算法说明对应的多语言资源键。 */
+export function rateLimitAlgorithmTooltipKey(algorithm: BaseRateLimitAlgorithm): string {
+  switch (algorithm) {
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_TOKEN_BUCKET:
+      return "system.base.rate_limit_rule.algorithm_help.token_bucket";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_FIXED_WINDOW:
+      return "system.base.rate_limit_rule.algorithm_help.fixed_window";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_COUNTER:
+      return "system.base.rate_limit_rule.algorithm_help.sliding_window_counter";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_LOG:
+      return "system.base.rate_limit_rule.algorithm_help.sliding_window_log";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_LEAKY_BUCKET:
+      return "system.base.rate_limit_rule.algorithm_help.leaky_bucket";
+    default:
+      return "";
+  }
+}
+
+/** 返回参数摘要对应的多语言资源键。 */
+export function rateLimitSummaryKey(algorithm: BaseRateLimitAlgorithm): string {
+  switch (algorithm) {
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_TOKEN_BUCKET:
+      return "system.base.rate_limit_rule.summary.token_bucket";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_FIXED_WINDOW:
+      return "system.base.rate_limit_rule.summary.fixed_window";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_COUNTER:
+      return "system.base.rate_limit_rule.summary.sliding_window_counter";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_SLIDING_WINDOW_LOG:
+      return "system.base.rate_limit_rule.summary.sliding_window_log";
+    case BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_LEAKY_BUCKET:
+      return "system.base.rate_limit_rule.summary.leaky_bucket";
+    default:
+      return "";
+  }
+}
+
+function isRate(value: number | undefined): value is number {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0.001 && value <= 1_000_000;
+}
+
+function isIntegerInRange(value: number | undefined, min: number, max: number): value is number {
+  return typeof value === "number" && Number.isInteger(value) && value >= min && value <= max;
+}

package/dist/package/src/views/ai/chat/components/ChatPanel.vue

@@ -47,7 +47,15 @@
           </div>
         </section>
         <div class="agent-chat-empty__sender">
-          <XSender :key="senderKey" :sending="sending" @submit="handleSubmit" />
+          <XSender
+            :key="senderKey"
+            :sending="sending"
+            :model-providers="modelProviders"
+            :provider-id="providerId"
+            :model-name="modelName"
+            @submit="handleSubmit"
+            @model-change="handleModelChange"
+          />
         </div>
       </div>
     </template>
@@ -138,7 +146,7 @@
                   <div class="agent-message-error__content">{{ resolveAIErrorMessage(item) }}</div>
                   <el-collapse v-if="item.fallback_reason" class="agent-message-error__detail" accordion>
                     <el-collapse-item :title="t('system.ai.chat.title.error_detail')" :name="String(item.id)">
-                      <pre>{{ item.fallback_reason }}</pre>
+                      <pre>{{ resolvePersistedMessage(item.fallback_reason) }}</pre>
                     </el-collapse-item>
                   </el-collapse>
                 </div>
@@ -147,7 +155,7 @@
                   <slot name="flow-blocks" :message="item" :active-flow-message-id="activeFlowMessageID" />
                   <el-collapse v-if="item.fallback_reason" class="agent-message-error__detail" accordion>
                     <el-collapse-item :title="t('system.ai.chat.title.error_detail')" :name="String(item.id)">
-                      <pre>{{ item.fallback_reason }}</pre>
+                      <pre>{{ resolvePersistedMessage(item.fallback_reason) }}</pre>
                     </el-collapse-item>
                   </el-collapse>
                 </template>
@@ -320,7 +328,15 @@
             </button>
           </div>
         </section>
-        <XSender :key="senderKey" :sending="sending" @submit="handleSubmit" />
+        <XSender
+          :key="senderKey"
+          :sending="sending"
+          :model-providers="modelProviders"
+          :provider-id="providerId"
+          :model-name="modelName"
+          @submit="handleSubmit"
+          @model-change="handleModelChange"
+        />
       </div>
     </template>
   </main>
@@ -337,8 +353,10 @@ import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
 import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 import type { AiAction } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_message";
 import { type AiAttachment, type AiSession } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
+import type { AiProviderModelOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_provider";
 import type { AiShortcut, AiToolCall } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
 import { AiMessageStatus } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
+import { resolvePersistedMessage } from "../../../../utils/persisted-message";
 import XSender from "./XSender.vue";
 
 // AI Markdown 渲染器依赖较重，仅在真正出现助手消息时再加载。
@@ -474,11 +492,19 @@ const props = defineProps<{
   loadingShortcuts?: boolean;
   /** 当前终端可用快捷入口。 */
   shortcuts?: AiShortcut[];
+  /** 当前启用的供应商和模型。 */
+  modelProviders: AiProviderModelOption[];
+  /** 当前选择的供应商编号。 */
+  providerId: number;
+  /** 当前选择的模型名称。 */
+  modelName: string;
 }>();
 
 const emit = defineEmits<{
   /** 提交输入框内容。 */
   submit: [payload: SubmitPayload];
+  /** 更新当前选择的供应商和模型。 */
+  modelChange: [providerId: number, modelName: string];
   /** 触发消息级操作。 */
   messageAction: [payload: { action: ChatMessageAction; item: ChatMessageItem }];
   /** 提交当前用户消息的文本编辑。 */
@@ -614,6 +640,11 @@ function handleSubmit(payload: SubmitPayload) {
   emit("submit", payload);
 }
 
+/** 转发输入器发出的供应商和模型变更。 */
+function handleModelChange(providerId: number, modelName: string) {
+  emit("modelChange", providerId, modelName);
+}
+
 /** 点击快捷入口时提交对应入口动作。 */
 function handleShortcutClick(shortcut: AiShortcut) {
   emit("submit", {
@@ -792,6 +823,7 @@ function resolveVisibleTools(item: ChatMessageItem) {
 
 /** 生成工具展示名称。 */
 function resolveToolTitle(tool: AiToolCall) {
+  if (tool.name === "web_search") return t("system.ai.chat.value.web_search");
   return tool.title || tool.name || t("system.ai.chat.value.tool");
 }
 

package/dist/package/src/views/ai/chat/components/XSender.vue

@@ -47,13 +47,28 @@
               </button>
             </div>
           </el-popover>
-
           <span class="agent-action-text">{{ actionHintText }}</span>
         </div>
       </template>
 
       <template #action-list>
         <div class="agent-sender-actions">
+          <div class="agent-model-selector" :class="{ 'is-disabled': sending || !modelOptions.length }">
+            <el-cascader
+              :model-value="selectedModelPath"
+              :options="modelOptions"
+              :props="{ expandTrigger: 'click' }"
+              :placeholder="t('system.ai.model.model_placeholder')"
+              :disabled="sending || !modelOptions.length"
+              :show-all-levels="true"
+              separator="/"
+              :clearable="true"
+              :teleported="true"
+              popper-class="agent-model-cascader-popper"
+              size="small"
+              @change="handleModelPathChange"
+            />
+          </div>
           <el-tooltip
             :content="recording ? t('system.ai.chat.action.stop_voice_input') : t('system.ai.chat.action.voice_input')"
             placement="top"
@@ -106,9 +121,11 @@ import { Attachments, XSender as BaseXSender } from "vue-element-plus-x";
 import type { FilesCardProps } from "vue-element-plus-x/types/FilesCard";
 import { Loading, Microphone, Paperclip, Promotion } from "@element-plus/icons-vue";
 import { ElMessage } from "element-plus";
+import type { CascaderValue } from "element-plus";
 import { t } from "@liujitcn/kratos-admin-core";
 import { defFileService } from "@liujitcn/kratos-admin-core/api/base/v1/file";
 import type { AiAttachment } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
+import type { AiProviderModelOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_provider";
 import type { SubmitPayload } from "../types";
 import { buildAIAttachmentFileCard } from "../attachment";
 import { useSpeechRecognition } from "./speech-recognition";
@@ -117,17 +134,34 @@ import type { SpeechRecognitionError } from "./speech-recognition";
 const props = defineProps<{
   /** 消息发送加载状态。 */
   sending: boolean;
+  /** 当前可供选择的供应商与模型。 */
+  modelProviders: AiProviderModelOption[];
+  /** 当前选择的供应商编号。 */
+  providerId: number;
+  /** 当前选择的模型名称。 */
+  modelName: string;
 }>();
 
 const emit = defineEmits<{
   /** 提交输入器内容。 */
   submit: [payload: SubmitPayload];
+  /** 更新当前选择的供应商和模型。 */
+  "model-change": [providerId: number, modelName: string];
 }>();
 
 const senderRef = ref<InstanceType<typeof BaseXSender>>();
 const fileInputRef = ref<HTMLInputElement>();
 const inputText = ref("");
 const selectedAttachments = ref<AiAttachment[]>([]);
+const modelOptions = computed(() =>
+  props.modelProviders.map(provider => ({
+    value: provider.provider_id,
+    label: provider.name,
+    disabled: provider.models.length === 0,
+    children: provider.models.map(model => ({ value: model, label: model }))
+  }))
+);
+const selectedModelPath = computed(() => (props.providerId && props.modelName ? [props.providerId, props.modelName] : []));
 const uploading = ref(false);
 const maxAttachmentCount = 6;
 const maxAttachmentSizeMB = 20;
@@ -184,6 +218,12 @@ const isSubmitDisabled = computed(() => {
   return uploading.value || (!inputText.value.trim() && selectedAttachments.value.length === 0);
 });
 
+/** 更新当前选中的供应商和模型路径。 */
+function handleModelPathChange(value: CascaderValue | null | undefined) {
+  const path = Array.isArray(value) ? value : [];
+  emit("model-change", Number(path[0]) || 0, typeof path[1] === "string" ? path[1] : "");
+}
+
 /** 读取输入内容并发送给父组件。 */
 function handleSubmit() {
   if (uploading.value) return;
@@ -392,6 +432,13 @@ function resetFileInput() {
     align-items: center;
     justify-content: space-between;
   }
+  :deep(.elx-x-sender__updown-action-list .elx-x-sender__prefix) {
+    flex: 1 1 auto;
+    width: 100%;
+    min-width: 0;
+    height: auto;
+    padding-left: 0;
+  }
   :deep(.elx-x-sender__action-list) {
     height: auto;
   }
@@ -410,10 +457,71 @@ function resetFileInput() {
 }
 .agent-prefix-actions {
   display: flex;
+  flex-wrap: wrap;
   gap: 10px;
   align-items: center;
+  width: 100%;
   min-height: 36px;
 }
+.agent-model-selector {
+  display: flex;
+  flex: 0 1 auto;
+  width: clamp(180px, 18vw, 200px);
+  min-width: 0;
+  height: 34px;
+  box-sizing: border-box;
+  color: var(--admin-page-text-secondary);
+  cursor: pointer;
+  background: var(--admin-page-card-bg);
+  border: 1px solid var(--el-border-color);
+  border-radius: var(--admin-page-radius);
+  transition:
+    color 0.2s ease,
+    border-color 0.2s ease,
+    background-color 0.2s ease;
+}
+.agent-model-selector:hover {
+  color: var(--el-color-primary);
+  background: var(--el-color-primary-light-9);
+  border-color: var(--el-color-primary-light-5);
+}
+.agent-model-selector:focus-within {
+  border-color: var(--el-color-primary-light-5);
+}
+.agent-model-selector.is-disabled {
+  color: var(--el-disabled-text-color);
+  cursor: not-allowed;
+  background: var(--el-disabled-bg-color);
+  border-color: var(--el-disabled-border-color);
+}
+.agent-model-selector :deep(.el-cascader) {
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+}
+.agent-model-selector :deep(.el-input) {
+  height: 100%;
+}
+.agent-model-selector :deep(.el-input__wrapper) {
+  height: 100%;
+  padding: 0 9px;
+  background: transparent;
+  box-shadow: none;
+  border-radius: inherit;
+}
+.agent-model-selector :deep(.el-input__wrapper.is-focus) {
+  box-shadow: none;
+}
+.agent-model-selector :deep(.el-input__inner) {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: currentColor;
+}
+.agent-model-selector :deep(.el-input__suffix .el-icon) {
+  font-size: 14px;
+  color: currentColor;
+}
 .agent-sender-actions {
   display: inline-flex;
   gap: 8px;
@@ -509,6 +617,9 @@ function resetFileInput() {
   .agent-prefix-actions {
     gap: 8px;
   }
+  .agent-model-selector {
+    width: clamp(128px, calc(100vw - 220px), 180px);
+  }
   .agent-action-text {
     display: none;
   }

package/dist/package/src/views/ai/chat/index.vue

@@ -27,7 +27,11 @@
       :sending="currentSessionSending"
       :shortcuts="starterShortcuts"
       :loading-shortcuts="loadingShortcuts"
+      :model-providers="modelProviders"
+      :provider-id="selectedProviderId"
+      :model-name="selectedModelName"
       @submit="handleSubmit"
+      @model-change="handleModelChange"
       @message-action="handleMessageAction"
       @message-edit="handleEditMessage"
     >
@@ -54,8 +58,10 @@ import { getAdminAiExtension } from "@liujitcn/kratos-admin-system";
 import { defAiMessageService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_message";
 import { defAiSessionService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_session";
 import { defAiToolService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_tool";
+import { defAiModelService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_provider";
 import type { AiAction } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_message";
 import type { AiSession } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
+import type { AiProviderModelOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_provider";
 import type { AiShortcut } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
 import { AiMessageStatus } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import { Terminal } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
@@ -102,6 +108,9 @@ const loadingSessionID = ref("");
 const loadingShortcuts = ref(false);
 const sessions = ref<AiSession[]>([]);
 const starterShortcuts = ref<AiShortcut[]>([]);
+const modelProviders = ref<AiProviderModelOption[]>([]);
+const selectedProviderId = ref(0);
+const selectedModelName = ref("");
 const messages = ref<Record<string, ChatMessageItem[]>>({});
 const pendingDeltaMap = new Map<string, AiStreamPayload>();
 const runningStreamTaskMap = new Map<string, AiStreamTask>();
@@ -217,6 +226,8 @@ async function runAiStreamTask(sessionID: string, payload: SubmitPayload) {
       {
         session_id: sessionID,
         content: payload.text,
+        provider_id: selectedProviderId.value,
+        model_name: selectedModelName.value,
         attachments: payload.attachments.map(item => ({
           id: item.id,
           name: item.name,
@@ -645,15 +656,33 @@ async function loadAiShortcuts() {
   if (loadingShortcuts.value) return;
   loadingShortcuts.value = true;
   try {
-    const response = await defAiToolService.ListAiShortcut({ terminal: Terminal.TERMINAL_ADMIN });
+    const [response, providerResponse] = await Promise.all([
+      defAiToolService.ListAiShortcut({ terminal: Terminal.TERMINAL_ADMIN }),
+      defAiModelService.ListAiProviderModelOptions({})
+    ]);
     starterShortcuts.value = normalizeStarterShortcuts(response.shortcuts);
+    modelProviders.value = providerResponse.providers ?? [];
+    if (!modelProviders.value.some(item => item.provider_id === selectedProviderId.value && item.models.includes(selectedModelName.value))) {
+      const firstProvider = modelProviders.value[0];
+      selectedProviderId.value = firstProvider?.provider_id ?? 0;
+      selectedModelName.value = firstProvider?.models[0] ?? "";
+    }
   } catch {
     starterShortcuts.value = [];
+    modelProviders.value = [];
+    selectedProviderId.value = 0;
+    selectedModelName.value = "";
   } finally {
     loadingShortcuts.value = false;
   }
 }
 
+/** 更新当前聊天使用的供应商与模型。 */
+function handleModelChange(providerId: number, modelName: string) {
+  selectedProviderId.value = providerId;
+  selectedModelName.value = modelName;
+}
+
 /** 使指定会话仍在途的消息列表请求失效。 */
 function invalidateLoadMessages(sessionID: string) {
   loadMessagesSeq.set(sessionID, (loadMessagesSeq.get(sessionID) ?? 0) + 1);