@liujitcn/kratos-uni-app-system 0.0.64 → 0.0.65

package/dist/index.mjs

@@ -369,7 +369,10 @@ var zh_CN_default = {
   "system.notification.action.delete": "\u5220\u9664",
   "system.ai.model.provider_placeholder": "\u9009\u62E9\u4F9B\u5E94\u5546",
   "system.ai.model.model_placeholder": "\u9009\u62E9\u6A21\u578B",
-  "system.ai.model.load_failed": "\u52A0\u8F7D\u4F9B\u5E94\u5546\u548C\u6A21\u578B\u5931\u8D25"
+  "system.ai.model.load_failed": "\u52A0\u8F7D\u4F9B\u5E94\u5546\u548C\u6A21\u578B\u5931\u8D25",
+  "system.ai.model.title": "\u9009\u62E9\u6A21\u578B",
+  "system.ai.model.provider_model_count": "{providers} \u4E2A\u4F9B\u5E94\u5546 \xB7 {models} \u4E2A\u6A21\u578B",
+  "system.ai.model.empty": "\u6682\u65E0\u53EF\u9009\u6A21\u578B"
 };
 
 // src/locales/en-US.json
@@ -488,7 +491,10 @@ var en_US_default = {
   "system.notification.action.delete": "Delete",
   "system.ai.model.provider_placeholder": "Select a provider",
   "system.ai.model.model_placeholder": "Select a model",
-  "system.ai.model.load_failed": "Failed to load providers and models"
+  "system.ai.model.load_failed": "Failed to load providers and models",
+  "system.ai.model.title": "Select Model",
+  "system.ai.model.provider_model_count": "{providers} providers \xB7 {models} models",
+  "system.ai.model.empty": "No models available"
 };
 
 // src/locales/ja-JP.json
@@ -607,7 +613,10 @@ var ja_JP_default = {
   "system.notification.action.delete": "\u524A\u9664",
   "system.ai.model.provider_placeholder": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3092\u9078\u629E",
   "system.ai.model.model_placeholder": "\u30E2\u30C7\u30EB\u3092\u9078\u629E",
-  "system.ai.model.load_failed": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3068\u30E2\u30C7\u30EB\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F"
+  "system.ai.model.load_failed": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3068\u30E2\u30C7\u30EB\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F",
+  "system.ai.model.title": "\u30E2\u30C7\u30EB\u3092\u9078\u629E",
+  "system.ai.model.provider_model_count": "{providers} \u30D7\u30ED\u30D0\u30A4\u30C0\u30FC \xB7 {models} \u30E2\u30C7\u30EB",
+  "system.ai.model.empty": "\u9078\u629E\u53EF\u80FD\u306A\u30E2\u30C7\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"
 };
 
 // src/locales/zh-TW.json
@@ -726,7 +735,10 @@ var zh_TW_default = {
   "system.notification.action.delete": "\u522A\u9664",
   "system.ai.model.provider_placeholder": "\u9078\u64C7\u4F9B\u61C9\u5546",
   "system.ai.model.model_placeholder": "\u9078\u64C7\u6A21\u578B",
-  "system.ai.model.load_failed": "\u8F09\u5165\u4F9B\u61C9\u5546\u8207\u6A21\u578B\u5931\u6557"
+  "system.ai.model.load_failed": "\u8F09\u5165\u4F9B\u61C9\u5546\u8207\u6A21\u578B\u5931\u6557",
+  "system.ai.model.title": "\u9078\u64C7\u6A21\u578B",
+  "system.ai.model.provider_model_count": "{providers} \u500B\u4F9B\u61C9\u5546 \xB7 {models} \u500B\u6A21\u578B",
+  "system.ai.model.empty": "\u66AB\u7121\u53EF\u9078\u6A21\u578B"
 };
 
 // src/locales/generated.ts

package/dist/module.mjs

@@ -149,7 +149,10 @@ var zh_CN_default = {
   "system.notification.action.delete": "\u5220\u9664",
   "system.ai.model.provider_placeholder": "\u9009\u62E9\u4F9B\u5E94\u5546",
   "system.ai.model.model_placeholder": "\u9009\u62E9\u6A21\u578B",
-  "system.ai.model.load_failed": "\u52A0\u8F7D\u4F9B\u5E94\u5546\u548C\u6A21\u578B\u5931\u8D25"
+  "system.ai.model.load_failed": "\u52A0\u8F7D\u4F9B\u5E94\u5546\u548C\u6A21\u578B\u5931\u8D25",
+  "system.ai.model.title": "\u9009\u62E9\u6A21\u578B",
+  "system.ai.model.provider_model_count": "{providers} \u4E2A\u4F9B\u5E94\u5546 \xB7 {models} \u4E2A\u6A21\u578B",
+  "system.ai.model.empty": "\u6682\u65E0\u53EF\u9009\u6A21\u578B"
 };
 
 // src/locales/en-US.json
@@ -268,7 +271,10 @@ var en_US_default = {
   "system.notification.action.delete": "Delete",
   "system.ai.model.provider_placeholder": "Select a provider",
   "system.ai.model.model_placeholder": "Select a model",
-  "system.ai.model.load_failed": "Failed to load providers and models"
+  "system.ai.model.load_failed": "Failed to load providers and models",
+  "system.ai.model.title": "Select Model",
+  "system.ai.model.provider_model_count": "{providers} providers \xB7 {models} models",
+  "system.ai.model.empty": "No models available"
 };
 
 // src/locales/ja-JP.json
@@ -387,7 +393,10 @@ var ja_JP_default = {
   "system.notification.action.delete": "\u524A\u9664",
   "system.ai.model.provider_placeholder": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3092\u9078\u629E",
   "system.ai.model.model_placeholder": "\u30E2\u30C7\u30EB\u3092\u9078\u629E",
-  "system.ai.model.load_failed": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3068\u30E2\u30C7\u30EB\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F"
+  "system.ai.model.load_failed": "\u30D7\u30ED\u30D0\u30A4\u30C0\u30FC\u3068\u30E2\u30C7\u30EB\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F",
+  "system.ai.model.title": "\u30E2\u30C7\u30EB\u3092\u9078\u629E",
+  "system.ai.model.provider_model_count": "{providers} \u30D7\u30ED\u30D0\u30A4\u30C0\u30FC \xB7 {models} \u30E2\u30C7\u30EB",
+  "system.ai.model.empty": "\u9078\u629E\u53EF\u80FD\u306A\u30E2\u30C7\u30EB\u304C\u3042\u308A\u307E\u305B\u3093"
 };
 
 // src/locales/zh-TW.json
@@ -506,7 +515,10 @@ var zh_TW_default = {
   "system.notification.action.delete": "\u522A\u9664",
   "system.ai.model.provider_placeholder": "\u9078\u64C7\u4F9B\u61C9\u5546",
   "system.ai.model.model_placeholder": "\u9078\u64C7\u6A21\u578B",
-  "system.ai.model.load_failed": "\u8F09\u5165\u4F9B\u61C9\u5546\u8207\u6A21\u578B\u5931\u6557"
+  "system.ai.model.load_failed": "\u8F09\u5165\u4F9B\u61C9\u5546\u8207\u6A21\u578B\u5931\u6557",
+  "system.ai.model.title": "\u9078\u64C7\u6A21\u578B",
+  "system.ai.model.provider_model_count": "{providers} \u500B\u4F9B\u61C9\u5546 \xB7 {models} \u500B\u6A21\u578B",
+  "system.ai.model.empty": "\u66AB\u7121\u53EF\u9078\u6A21\u578B"
 };
 
 // src/locales/generated.ts

package/package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git@github.com:liujitcn/kratos-admin.git"
   },
-  "version": "0.0.64",
+  "version": "0.0.65",
   "type": "module",
   "files": [
     "dist",
@@ -35,7 +35,7 @@
     "@dcloudio/uni-app": "3.0.0-5010520260709002",
     "@dcloudio/uni-ui": "^1.4.28",
     "vue": "^3.4.21",
-    "@liujitcn/kratos-uni-app-core": "^0.0.64"
+    "@liujitcn/kratos-uni-app-core": "^0.0.65"
   },
   "devDependencies": {
     "esbuild": "^0.20.2",

package/src/api/base/v1/ai_message.ts

@@ -1,4 +1,5 @@
 import {
+  AuthPromptError,
   getRequestAccessToken,
   handleAuthExpired,
   http,
@@ -92,7 +93,7 @@ export async function SendAiMessageStream(
   // direct stream 不经过 uni.request 拦截器，需要在这里补齐登录失效处理。
   if (response.status === 401 || response.status === 403) {
     handleAuthExpired('required')
-    throw new Error(t('core.auth.session_expired'))
+    throw new AuthPromptError()
   }
   if (!response.ok) {
     throw new Error(await resolveStreamErrorMessage(response))
@@ -140,7 +141,7 @@ export function StreamAiMessageByChunkedRequest(
           }
           if (res.statusCode === 401 || res.statusCode === 403) {
             handleAuthExpired('required')
-            reject(new Error(t('core.auth.session_expired')))
+            reject(new AuthPromptError())
             return
           }
           if (res.statusCode < 200 || res.statusCode >= 300) {

package/src/locales/en-US.json

@@ -113,5 +113,8 @@
   "system.notification.action.delete": "Delete",
   "system.ai.model.provider_placeholder": "Select a provider",
   "system.ai.model.model_placeholder": "Select a model",
-  "system.ai.model.load_failed": "Failed to load providers and models"
+  "system.ai.model.load_failed": "Failed to load providers and models",
+  "system.ai.model.title": "Select Model",
+  "system.ai.model.provider_model_count": "{providers} providers · {models} models",
+  "system.ai.model.empty": "No models available"
 }

package/src/locales/ja-JP.json

@@ -113,5 +113,8 @@
   "system.notification.action.delete": "削除",
   "system.ai.model.provider_placeholder": "プロバイダーを選択",
   "system.ai.model.model_placeholder": "モデルを選択",
-  "system.ai.model.load_failed": "プロバイダーとモデルを読み込めませんでした"
+  "system.ai.model.load_failed": "プロバイダーとモデルを読み込めませんでした",
+  "system.ai.model.title": "モデルを選択",
+  "system.ai.model.provider_model_count": "{providers} プロバイダー · {models} モデル",
+  "system.ai.model.empty": "選択可能なモデルがありません"
 }

package/src/locales/zh-CN.json

@@ -113,5 +113,8 @@
   "system.notification.action.delete": "删除",
   "system.ai.model.provider_placeholder": "选择供应商",
   "system.ai.model.model_placeholder": "选择模型",
-  "system.ai.model.load_failed": "加载供应商和模型失败"
+  "system.ai.model.load_failed": "加载供应商和模型失败",
+  "system.ai.model.title": "选择模型",
+  "system.ai.model.provider_model_count": "{providers} 个供应商 · {models} 个模型",
+  "system.ai.model.empty": "暂无可选模型"
 }

package/src/locales/zh-TW.json

@@ -113,5 +113,8 @@
   "system.notification.action.delete": "刪除",
   "system.ai.model.provider_placeholder": "選擇供應商",
   "system.ai.model.model_placeholder": "選擇模型",
-  "system.ai.model.load_failed": "載入供應商與模型失敗"
+  "system.ai.model.load_failed": "載入供應商與模型失敗",
+  "system.ai.model.title": "選擇模型",
+  "system.ai.model.provider_model_count": "{providers} 個供應商 · {models} 個模型",
+  "system.ai.model.empty": "暫無可選模型"
 }

package/src/rpc/base/v1/ai_provider.ts

@@ -10,20 +10,28 @@
 export interface ListAiProviderModelOptionsRequest {
 }
 
+/** AI Provider模型选项查询响应。 */
+export interface ListAiProviderModelOptionsResponse {
+  /** Provider及其模型列表 */
+  providers: AiProviderModelOption[];
+}
+
 /** 已启用的AI Provider及其模型选项。 */
 export interface AiProviderModelOption {
   /** Provider ID */
   provider_id: number;
   /** Provider名称 */
   name: string;
-  /** 模型名称列表 */
-  models: string[];
+  /** 模型选项列表 */
+  models: AiProviderModel[];
 }
 
-/** AI Provider模型选项查询响应。 */
-export interface ListAiProviderModelOptionsResponse {
-  /** Provider及其模型列表 */
-  providers: AiProviderModelOption[];
+/** AI Provider下的单个模型选项。 */
+export interface AiProviderModel {
+  /** 模型名称 */
+  model_name: string;
+  /** 展示名称 */
+  display_name: string;
 }
 
 /** AI Provider 可选模型查询服务。 */

package/src/views/pagesMember/ai/components/Composer.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
 import type { AiAttachment } from '../../../../rpc/base/v1/ai_session'
 import type { AiProviderModelOption } from '../../../../rpc/base/v1/ai_provider'
+import { fallbackModelDisplayName } from '../modelDisplay'
+import ModelPicker from './ModelPicker.vue'
 
 type InputEventValue = {
   detail: {
@@ -17,7 +19,6 @@ const props = defineProps<{
   /** 当前选中的供应商编号和模型名称。 */
   providerId: number
   modelName: string
-  providerPlaceholder: string
   modelPlaceholder: string
   placeholder: string
   bottom: string
@@ -35,56 +36,41 @@ const emit = defineEmits<{
   'model-change': [providerId: number, modelName: string]
 }>()
 
-const providerNames = computed(() => props.modelProviders.map((provider) => provider.name))
-const selectedProvider = computed(() =>
-  props.modelProviders.find((provider) => provider.provider_id === props.providerId),
-)
-const modelNames = computed(() => selectedProvider.value?.models ?? [])
-const providerIndex = computed(() =>
-  Math.max(
-    props.modelProviders.findIndex((provider) => provider.provider_id === props.providerId),
-    0,
-  ),
-)
-const modelIndex = computed(() => Math.max(modelNames.value.indexOf(props.modelName), 0))
+const showModelPicker = ref(false)
+
+const selectedModelDisplayName = computed(() => {
+  const provider = props.modelProviders.find((item) => item.provider_id === props.providerId)
+  const matched = provider?.models.find((model) => model.model_name === props.modelName)
+  return matched?.display_name || fallbackModelDisplayName(props.modelName)
+})
 
 function handleInput(event: Event) {
   emit('update:modelValue', ((event as unknown as InputEventValue).detail?.value || '').toString())
 }
 
-function handleProviderChange(event: { detail: { value: number | string } }) {
-  const provider = props.modelProviders[Number(event.detail.value)]
-  emit('model-change', provider?.provider_id ?? 0, provider?.models[0] ?? '')
+function openModelPicker() {
+  if (props.sending || !props.modelProviders.length) {
+    return
+  }
+  showModelPicker.value = true
 }
 
-function handleModelChange(event: { detail: { value: number | string } }) {
-  emit('model-change', props.providerId, modelNames.value[Number(event.detail.value)] ?? '')
+function handleModelSelect(providerId: number, modelName: string) {
+  showModelPicker.value = false
+  emit('model-change', providerId, modelName)
 }
 </script>
 
 <template>
   <view class="composer" :style="{ paddingBottom: bottom }">
-    <view class="composer-model-selectors">
-      <picker
-        mode="selector"
-        :range="providerNames"
-        :value="providerIndex"
-        :disabled="sending || !modelProviders.length"
-        @change="handleProviderChange"
-      >
-        <view class="composer-model-select">{{
-          selectedProvider?.name || providerPlaceholder
-        }}</view>
-      </picker>
-      <picker
-        mode="selector"
-        :range="modelNames"
-        :value="modelIndex"
-        :disabled="sending || !modelNames.length"
-        @change="handleModelChange"
-      >
-        <view class="composer-model-select">{{ modelName || modelPlaceholder }}</view>
-      </picker>
+    <view
+      class="composer-model-chip"
+      :class="{ 'is-disabled': sending || !modelProviders.length }"
+      @tap="openModelPicker"
+    >
+      <text class="composer-model-chip__spark">✦</text>
+      <text class="composer-model-chip__label">{{ selectedModelDisplayName || modelPlaceholder }}</text>
+      <uni-icons type="down" size="12" color="#8a8f99" />
     </view>
     <view class="composer-main">
       <button class="attach-button" hover-class="none" @tap="emit('attach')">
@@ -129,6 +115,15 @@ function handleModelChange(event: { detail: { value: number | string } }) {
         <uni-icons type="paperplane" size="28" :color="disabled ? '#111' : '#00a96b'" />
       </button>
     </view>
+
+    <ModelPicker
+      v-if="showModelPicker"
+      :providers="modelProviders"
+      :provider-id="providerId"
+      :model-name="modelName"
+      @select="handleModelSelect"
+      @close="showModelPicker = false"
+    />
   </view>
 </template>
 
@@ -168,27 +163,42 @@ function handleModelChange(event: { detail: { value: number | string } }) {
   box-sizing: border-box;
 }
 
-.composer-model-selectors {
-  display: flex;
-  justify-content: flex-end;
-  gap: 12rpx;
-  min-width: 0;
+.composer-model-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 10rpx;
+  max-width: 100%;
+  height: 56rpx;
+  padding: 0 24rpx;
   margin: 0 8rpx 12rpx;
+  color: #1f2937;
+  background: #fff;
+  border: 2rpx solid #d6dae2;
+  border-radius: 28rpx;
+  box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.04);
+  box-sizing: border-box;
+}
+
+.composer-model-chip.is-disabled {
+  opacity: 0.55;
+}
+
+.composer-model-chip__spark {
+  flex-shrink: 0;
+  color: #00a96b;
+  font-size: 26rpx;
+  line-height: 26rpx;
 }
 
-.composer-model-select {
-  max-width: 300rpx;
-  min-width: 120rpx;
-  padding: 8rpx 16rpx;
+.composer-model-chip__label {
+  max-width: 320rpx;
   overflow: hidden;
-  color: #46515b;
-  font-size: 22rpx;
-  line-height: 32rpx;
+  color: inherit;
+  font-size: 24rpx;
+  font-weight: 500;
+  line-height: 34rpx;
   text-overflow: ellipsis;
   white-space: nowrap;
-  background: #fff;
-  border: 2rpx solid #d6dae2;
-  border-radius: 8rpx;
 }
 
 .attach-button {

package/src/views/pagesMember/ai/components/ModelPicker.vue

@@ -0,0 +1,268 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useI18n } from '@liujitcn/kratos-uni-app-core'
+import type { AiProviderModelOption } from '../../../../rpc/base/v1/ai_provider'
+import { fallbackModelDisplayName } from '../modelDisplay'
+
+type PickerModel = {
+  name: string
+  displayName: string
+}
+
+type PickerProvider = {
+  providerId: number
+  label: string
+  models: PickerModel[]
+}
+
+const props = defineProps<{
+  providers: AiProviderModelOption[]
+  providerId: number
+  modelName: string
+}>()
+
+const emit = defineEmits<{
+  select: [providerId: number, modelName: string]
+  close: []
+}>()
+
+const { t } = useI18n()
+
+const pickerProviders = computed<PickerProvider[]>(() =>
+  props.providers.map((provider) => ({
+    providerId: provider.provider_id,
+    label: provider.name,
+    models: provider.models.map((model) => ({
+      name: model.model_name,
+      displayName: model.display_name || fallbackModelDisplayName(model.model_name),
+    })),
+  })),
+)
+
+const modelCount = computed(() =>
+  pickerProviders.value.reduce((total, provider) => total + provider.models.length, 0),
+)
+
+function isSelected(providerId: number, modelName: string) {
+  return props.providerId === providerId && props.modelName === modelName
+}
+
+function handleSelect(providerId: number, modelName: string) {
+  emit('select', providerId, modelName)
+}
+</script>
+
+<template>
+  <view class="model-picker">
+    <view class="model-picker__mask" @tap="emit('close')" />
+    <view class="model-picker__sheet">
+      <view class="model-picker__handle" />
+      <view class="model-picker__head">
+        <text class="model-picker__title">{{ t('system.ai.model.title') }}</text>
+        <text class="model-picker__count">{{
+          t('system.ai.model.provider_model_count', {
+            providers: pickerProviders.length,
+            models: modelCount,
+          })
+        }}</text>
+        <button class="model-picker__close" hover-class="none" @tap="emit('close')">✕</button>
+      </view>
+      <scroll-view class="model-picker__body" scroll-y :show-scrollbar="true">
+        <block v-for="provider in pickerProviders" :key="provider.providerId">
+          <view class="model-picker__group">{{ provider.label }}</view>
+          <view
+            v-for="model in provider.models"
+            :key="model.name"
+            class="model-picker__row"
+            :class="{ 'is-selected': isSelected(provider.providerId, model.name) }"
+            @tap="handleSelect(provider.providerId, model.name)"
+          >
+            <view class="model-picker__row-main">
+              <text class="model-picker__row-name">{{ model.displayName }}</text>
+              <text v-if="model.displayName !== model.name" class="model-picker__row-raw">{{
+                model.name
+              }}</text>
+            </view>
+            <text v-if="isSelected(provider.providerId, model.name)" class="model-picker__row-check"
+              >✓</text
+            >
+          </view>
+        </block>
+        <view v-if="!pickerProviders.length" class="model-picker__empty">{{
+          t('system.ai.model.empty')
+        }}</view>
+      </scroll-view>
+      <view class="model-picker__safe" />
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.model-picker {
+  position: fixed;
+  inset: 0;
+  /* 高于 KratosTabBar 的 z-index:999,避免弹层被底部导航遮挡 */
+  z-index: 1000;
+}
+
+.model-picker__mask {
+  position: absolute;
+  inset: 0;
+  background-color: rgba(15, 23, 42, 0.45);
+}
+
+.model-picker__sheet {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  max-height: 68vh;
+  overflow: hidden;
+  background-color: #fff;
+  border-radius: 32rpx 32rpx 0 0;
+  box-shadow: 0 -24rpx 80rpx rgba(15, 23, 42, 0.16);
+  box-sizing: border-box;
+}
+
+.model-picker__handle {
+  flex-shrink: 0;
+  width: 72rpx;
+  height: 8rpx;
+  margin: 16rpx auto 8rpx;
+  background-color: #e2e5ea;
+  border-radius: 4rpx;
+}
+
+.model-picker__head {
+  position: relative;
+  flex-shrink: 0;
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  gap: 12rpx;
+  padding: 0 96rpx 16rpx;
+}
+
+.model-picker__title {
+  color: #111;
+  font-size: 32rpx;
+  font-weight: 600;
+}
+
+.model-picker__count {
+  color: #8a8f99;
+  font-size: 20rpx;
+}
+
+.model-picker__close {
+  position: absolute;
+  top: -6rpx;
+  right: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 56rpx;
+  height: 56rpx;
+  padding: 0;
+  margin: 0;
+  color: #8a8f99;
+  font-size: 28rpx;
+  line-height: normal;
+  background: transparent;
+  border-radius: 0;
+}
+
+.model-picker__close::after {
+  border: 0;
+}
+
+.model-picker__body {
+  flex: 1;
+  min-height: 0;
+  max-height: calc(68vh - 130rpx - env(safe-area-inset-bottom));
+  padding: 0 32rpx;
+  box-sizing: border-box;
+}
+
+/* #ifdef H5 */
+.model-picker__body :deep(::-webkit-scrollbar) {
+  width: 8rpx;
+  height: 8rpx;
+}
+
+.model-picker__body :deep(::-webkit-scrollbar-thumb) {
+  background-color: #c9ced6;
+  border-radius: 4rpx;
+}
+
+.model-picker__body :deep(::-webkit-scrollbar-track) {
+  background-color: transparent;
+}
+/* #endif */
+
+.model-picker__group {
+  padding: 24rpx 8rpx 12rpx;
+  color: #8a8f99;
+  font-size: 22rpx;
+  line-height: 32rpx;
+}
+
+.model-picker__row {
+  display: flex;
+  align-items: center;
+  min-height: 88rpx;
+  padding: 16rpx 28rpx;
+  margin-bottom: 12rpx;
+  border: 2rpx solid #eef0f4;
+  border-radius: 24rpx;
+  box-sizing: border-box;
+}
+
+.model-picker__row.is-selected {
+  color: #0f7a62;
+  font-weight: 500;
+  background-color: #e8f8f4;
+  border-color: #d5efe7;
+}
+
+.model-picker__row-main {
+  display: flex;
+  flex-direction: column;
+  gap: 4rpx;
+  min-width: 0;
+}
+
+.model-picker__row-name {
+  color: inherit;
+  font-size: 28rpx;
+  line-height: 40rpx;
+}
+
+.model-picker__row-raw {
+  color: #a7acb5;
+  font-size: 22rpx;
+  font-weight: 400;
+  line-height: 30rpx;
+}
+
+.model-picker__row-check {
+  margin-left: auto;
+  color: #00a96b;
+  font-size: 32rpx;
+}
+
+.model-picker__empty {
+  padding: 64rpx 0;
+  color: #8a8f99;
+  font-size: 26rpx;
+  text-align: center;
+}
+
+.model-picker__safe {
+  flex-shrink: 0;
+  height: calc(18rpx + constant(safe-area-inset-bottom));
+  height: calc(18rpx + env(safe-area-inset-bottom));
+}
+</style>

package/src/views/pagesMember/ai/components/SessionDrawer.vue

@@ -140,7 +140,8 @@ function formatSessionTime(session: AiSession) {
   right: 0;
   bottom: 0;
   left: 560rpx;
-  z-index: 20;
+  /* 高于 KratosTabBar 的 z-index:999,避免抽屉被底部导航遮挡 */
+  z-index: 1000;
   background-color: rgba(0, 0, 0, 0.18);
 }
 
@@ -151,7 +152,7 @@ function formatSessionTime(session: AiSession) {
   top: 0;
   left: 0;
   bottom: 0;
-  z-index: 21;
+  z-index: 1001;
   width: 560rpx;
   padding: 0 24rpx 36rpx;
   background-color: #fff;

package/src/views/pagesMember/ai/index.vue

@@ -16,6 +16,7 @@ import { AiMessageStatus } from '../../../rpc/base/v1/ai_session'
 import { Terminal } from '../../../rpc/base/v1/ai_tool'
 import { uploadFile } from '@liujitcn/kratos-uni-app-core/utils/file'
 import { formatSrc } from '@liujitcn/kratos-uni-app-core/utils/index'
+import { isAuthExpiredError } from '@liujitcn/kratos-uni-app-core/utils/http'
 import Composer from './components/Composer.vue'
 import SessionDrawer from './components/SessionDrawer.vue'
 import WelcomePanel from './components/WelcomePanel.vue'
@@ -27,6 +28,8 @@ import {
   parseAiEventStreamText,
   readAiEventStream,
 } from './stream'
+import { resolveModelDisplayName } from './modelDisplay'
+import { loadStoredModelSelection, saveModelSelection } from './modelSelection'
 
 type ChatRole = 'user' | 'ai'
 
@@ -474,17 +477,7 @@ async function loadAiShortcuts() {
       defAiModelService.ListAiProviderModelOptions({}),
     ])
     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] ?? ''
-    }
+    applyModelSelection()
     const shortcuts = normalizeStarterShortcuts(response.shortcuts).filter((item) => !item.action)
     if (shortcuts.length) {
       starterShortcuts.value = shortcuts
@@ -500,10 +493,31 @@ async function loadAiShortcuts() {
   }
 }
 
-/** 更新当前聊天使用的供应商和模型。 */
+/** 优先恢复本地缓存的模型选择，缓存失效时回退到首个可用模型。 */
+function applyModelSelection() {
+  const stored = loadStoredModelSelection()
+  const provider = stored
+    ? modelProviders.value.find(
+        (item) =>
+          item.provider_id === stored.provider_id &&
+          item.models.some((model) => model.model_name === stored.model_name),
+      )
+    : undefined
+  if (provider && stored) {
+    selectedProviderId.value = provider.provider_id
+    selectedModelName.value = stored.model_name
+    return
+  }
+  const firstProvider = modelProviders.value[0]
+  selectedProviderId.value = firstProvider?.provider_id ?? 0
+  selectedModelName.value = firstProvider?.models[0]?.model_name ?? ''
+}
+
+/** 更新当前聊天使用的供应商和模型并持久化到本地缓存。 */
 function handleModelChange(providerId: number, modelName: string) {
   selectedProviderId.value = providerId
   selectedModelName.value = modelName
+  saveModelSelection({ provider_id: providerId, model_name: modelName })
 }
 
 async function sendAiPayload(payload: { text: string; attachments: AiAttachment[] }) {
@@ -1224,6 +1238,8 @@ function formatTools(tools: AiToolCall[]) {
 }
 
 function showError(error: unknown, fallback: string) {
+  // 登录态失效时请求层已弹窗引导重新登录，不再叠加失败提示。
+  if (isAuthExpiredError(error)) return
   const message = error instanceof Error ? error.message : fallback
   uni.showToast({ icon: 'none', title: message || fallback })
 }
@@ -1277,7 +1293,7 @@ function showError(error: unknown, fallback: string) {
           >
             <view v-if="item.role === 'ai' && item.model" class="reply-meta">
               <text class="reply-tag">{{ t('system.ai.model_reply') }}</text>
-              <text class="reply-model">{{ item.model }}</text>
+              <text class="reply-model">{{ resolveModelDisplayName(modelProviders, item.model) }}</text>
             </view>
             <view class="bubble-content">{{ item.content }}</view>
             <view v-if="item.attachments.length" class="attachment-list">
@@ -1316,7 +1332,6 @@ function showError(error: unknown, fallback: string) {
       :model-providers="modelProviders"
       :provider-id="selectedProviderId"
       :model-name="selectedModelName"
-      :provider-placeholder="t('system.ai.model.provider_placeholder')"
       :model-placeholder="t('system.ai.model.model_placeholder')"
       :placeholder="composerPlaceholder"
       :bottom="composerBottom"

package/src/views/pagesMember/ai/modelDisplay.ts

@@ -0,0 +1,77 @@
+import type { AiProviderModelOption } from '../../../rpc/base/v1/ai_provider'
+
+/** 常见模型的展示名映射；未命中时按通用规则美化原始名。 */
+const MODEL_DISPLAY_NAMES: Record<string, string> = {
+  'deepseek-chat': 'DeepSeek Chat',
+  'deepseek-reasoner': 'DeepSeek Reasoner',
+  'deepseek-v3': 'DeepSeek V3',
+  'deepseek-r1': 'DeepSeek R1',
+  'gpt-4o': 'GPT-4o',
+  'gpt-4o-mini': 'GPT-4o mini',
+  'gpt-4.1': 'GPT-4.1',
+  'gpt-4.1-mini': 'GPT-4.1 mini',
+  'gpt-4-turbo': 'GPT-4 Turbo',
+  'o3-mini': 'O3-mini',
+  'claude-3-5-sonnet': 'Claude 3.5 Sonnet',
+  'claude-3-7-sonnet': 'Claude 3.7 Sonnet',
+  'qwen-max': 'Qwen Max',
+  'qwen-plus': 'Qwen Plus',
+}
+
+/** 需要整体大写的模型名片段。 */
+const UPPERCASE_TOKENS = new Set([
+  'gpt',
+  'llama',
+  'qwen',
+  'glm',
+  'kimi',
+  'gemini',
+  'claude',
+  'doubao',
+  'deepseek',
+  'moonshot',
+  'hunyuan',
+])
+
+/** 对未配置展示名的模型名做通用美化。 */
+export function fallbackModelDisplayName(modelName: string): string {
+  if (!modelName) {
+    return ''
+  }
+  const mapped = MODEL_DISPLAY_NAMES[modelName.toLowerCase()]
+  if (mapped) {
+    return mapped
+  }
+  return modelName
+    .split(/[-_]/)
+    .filter(Boolean)
+    .map((token) => {
+      const lower = token.toLowerCase()
+      if (UPPERCASE_TOKENS.has(lower)) {
+        return lower.toUpperCase()
+      }
+      return lower.charAt(0).toUpperCase() + lower.slice(1)
+    })
+    .join(' ')
+}
+
+/** 从供应商模型选项中解析模型展示名称，兼容历史消息中「供应商 / 模型」格式的原始值。 */
+export function resolveModelDisplayName(
+  providers: AiProviderModelOption[] | undefined,
+  modelName: string,
+): string {
+  if (!modelName) {
+    return ''
+  }
+  const separator = ' / '
+  const modelPart = modelName.includes(separator)
+    ? modelName.slice(modelName.lastIndexOf(separator) + separator.length)
+    : modelName
+  for (const provider of providers ?? []) {
+    const matched = provider.models.find((item) => item.model_name === modelPart)
+    if (matched?.display_name) {
+      return matched.display_name
+    }
+  }
+  return fallbackModelDisplayName(modelPart)
+}

package/src/views/pagesMember/ai/modelSelection.ts

@@ -0,0 +1,38 @@
+/** 用户最近一次选择的供应商与模型，仅保存在设备本地。 */
+export interface AiModelSelection {
+  provider_id: number
+  model_name: string
+}
+
+const MODEL_SELECTION_STORAGE_KEY = 'kratos-uni-app:ai:model-selection'
+
+/** 读取本地缓存的模型选择，缓存缺失或损坏时返回 undefined。 */
+export function loadStoredModelSelection(): AiModelSelection | undefined {
+  try {
+    const raw = uni.getStorageSync(MODEL_SELECTION_STORAGE_KEY) as unknown
+    if (!raw) {
+      return undefined
+    }
+    const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw
+    const value = parsed as Partial<AiModelSelection>
+    if (
+      typeof value.provider_id === 'number' &&
+      typeof value.model_name === 'string' &&
+      value.model_name
+    ) {
+      return { provider_id: value.provider_id, model_name: value.model_name }
+    }
+  } catch {
+    // 缓存损坏或存储不可用时忽略，回退到默认选择。
+  }
+  return undefined
+}
+
+/** 持久化模型选择，存储不可用时静默失败，选择仍对当前会话生效。 */
+export function saveModelSelection(selection: AiModelSelection): void {
+  try {
+    uni.setStorageSync(MODEL_SELECTION_STORAGE_KEY, JSON.stringify(selection))
+  } catch {
+    // 忽略存储失败，不影响当前会话内的选择。
+  }
+}