@liujitcn/kratos-taro-app-system 0.0.64 → 0.0.66

package/dist/module.mjs

@@ -167,7 +167,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
@@ -304,7 +307,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
@@ -441,7 +447,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
@@ -578,7 +587,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.66",
   "type": "module",
   "files": [
     "dist",
@@ -38,8 +38,8 @@
     "@tarojs/components": "4.2.1",
     "@tarojs/taro": "4.2.1",
     "react": "18.3.1",
-    "@liujitcn/kratos-taro-app-ui": "^0.0.64",
-    "@liujitcn/kratos-taro-app-core": "^0.0.64"
+    "@liujitcn/kratos-taro-app-core": "^0.0.66",
+    "@liujitcn/kratos-taro-app-ui": "^0.0.66"
   },
   "scripts": {
     "build": "pnpm run build:entries && pnpm pack --pack-destination ../../../dist/npm",

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

@@ -1,4 +1,5 @@
 import {
+  AuthPromptError,
   getRequestAccessToken,
   handleAuthExpired,
   http,
@@ -94,7 +95,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))
@@ -142,7 +143,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

@@ -131,5 +131,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

@@ -131,5 +131,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

@@ -131,5 +131,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

@@ -131,5 +131,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.tsx

@@ -1,7 +1,10 @@
-import { Button, Picker, Text, Textarea, View } from '@tarojs/components'
+import { Button, Text, Textarea, View } from '@tarojs/components'
+import { useMemo, useState } from 'react'
 import { UniIcon } from '@liujitcn/kratos-taro-app-ui'
 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'
 import './composer.scss'
 
 /** AI 助手输入框与模型选择器参数。 */
@@ -14,7 +17,6 @@ type ComposerProps = {
   providerId: number
   modelName: string
   /** 选择器未配置时显示的本地化占位文字。 */
-  providerPlaceholder: string
   modelPlaceholder: string
   placeholder: string
   bottom: string
@@ -31,35 +33,37 @@ type ComposerProps = {
 
 /** AI 助手消息输入器。 */
 export default function Composer(props: ComposerProps) {
-  const selectedProvider = props.modelProviders.find((provider) => provider.provider_id === props.providerId)
-  const modelNames = selectedProvider?.models ?? []
-  const providerIndex = Math.max(props.modelProviders.findIndex((provider) => provider.provider_id === props.providerId), 0)
-  const modelIndex = Math.max(modelNames.indexOf(props.modelName), 0)
+  const [showModelPicker, setShowModelPicker] = useState(false)
+
+  const selectedModelDisplayName = useMemo(() => {
+    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)
+  }, [props.modelProviders, props.providerId, props.modelName])
+
+  const openModelPicker = () => {
+    if (props.sending || !props.modelProviders.length) {
+      return
+    }
+    setShowModelPicker(true)
+  }
+
+  const handleModelSelect = (providerId: number, modelName: string) => {
+    setShowModelPicker(false)
+    props.onModelChange(providerId, modelName)
+  }
 
   return (
     <View className='composer' style={{ paddingBottom: props.bottom }}>
-      <View className='composer-model-selectors'>
-        <Picker
-          mode='selector'
-          range={props.modelProviders.map((provider) => provider.name)}
-          value={providerIndex}
-          disabled={props.sending || !props.modelProviders.length}
-          onChange={(event) => {
-            const provider = props.modelProviders[Number(event.detail.value)]
-            props.onModelChange(provider?.provider_id ?? 0, provider?.models[0] ?? '')
-          }}
-        >
-          <View className='composer-model-select'><Text>{selectedProvider?.name || props.providerPlaceholder}</Text></View>
-        </Picker>
-        <Picker
-          mode='selector'
-          range={modelNames}
-          value={modelIndex}
-          disabled={props.sending || !modelNames.length}
-          onChange={(event) => props.onModelChange(props.providerId, modelNames[Number(event.detail.value)] ?? '')}
-        >
-          <View className='composer-model-select'><Text>{props.modelName || props.modelPlaceholder}</Text></View>
-        </Picker>
+      <View
+        className={`composer-model-chip${props.sending || !props.modelProviders.length ? ' is-disabled' : ''}`}
+        onClick={openModelPicker}
+      >
+        <Text className='composer-model-chip__spark'>✦</Text>
+        <Text className='composer-model-chip__label'>
+          {selectedModelDisplayName || props.modelPlaceholder}
+        </Text>
+        <Text className='composer-model-chip__chevron'>▾</Text>
       </View>
       <View className='composer-main'>
         <Button className='attach-button' hoverClass='none' onClick={props.onAttach}>
@@ -105,6 +109,16 @@ export default function Composer(props: ComposerProps) {
           <UniIcon type='paperplane' size={28} color={props.disabled ? '#111' : '#00a96b'} />
         </Button>
       </View>
+
+      {showModelPicker ? (
+        <ModelPicker
+          providers={props.modelProviders}
+          providerId={props.providerId}
+          modelName={props.modelName}
+          onSelect={handleModelSelect}
+          onClose={() => setShowModelPicker(false)}
+        />
+      ) : null}
     </View>
   )
 }

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

@@ -0,0 +1,95 @@
+import { ScrollView, Text, View } from '@tarojs/components'
+import { useMemo } from 'react'
+import { t } from '@liujitcn/kratos-taro-app-core'
+import type { AiProviderModelOption } from '../../../../rpc/base/v1/ai_provider'
+import { fallbackModelDisplayName } from '../modelDisplay'
+import './model-picker.scss'
+
+type PickerModel = {
+  name: string
+  displayName: string
+}
+
+type PickerProvider = {
+  providerId: number
+  label: string
+  models: PickerModel[]
+}
+
+type ModelPickerProps = {
+  providers: AiProviderModelOption[]
+  providerId: number
+  modelName: string
+  onSelect: (providerId: number, modelName: string) => void
+  onClose: () => void
+}
+
+/** AI 模型选择底部弹层。 */
+export default function ModelPicker(props: ModelPickerProps) {
+  const pickerProviders = useMemo<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),
+        })),
+      })),
+    [props.providers],
+  )
+
+  const modelCount = pickerProviders.reduce((total, provider) => total + provider.models.length, 0)
+
+  const isSelected = (providerId: number, modelName: string) =>
+    props.providerId === providerId && props.modelName === modelName
+
+  return (
+    <View className='model-picker' catchMove>
+      <View className='model-picker__mask' onClick={props.onClose} />
+      <View className='model-picker__sheet'>
+        <View className='model-picker__handle' />
+        <View className='model-picker__head'>
+          <Text className='model-picker__title'>{t('system.ai.model.title')}</Text>
+          <Text className='model-picker__count'>
+            {t('system.ai.model.provider_model_count', {
+              providers: pickerProviders.length,
+              models: modelCount,
+            })}
+          </Text>
+          <View className='model-picker__close' onClick={props.onClose}>
+            ✕
+          </View>
+        </View>
+        <ScrollView className='model-picker__body' scrollY>
+          {pickerProviders.map((provider) => (
+            <View key={provider.providerId}>
+              <View className='model-picker__group'>{provider.label}</View>
+              {provider.models.map((model) => (
+                <View
+                  key={model.name}
+                  className={`model-picker__row${isSelected(provider.providerId, model.name) ? ' is-selected' : ''}`}
+                  onClick={() => props.onSelect(provider.providerId, model.name)}
+                >
+                  <View className='model-picker__row-main'>
+                    <Text className='model-picker__row-name'>{model.displayName}</Text>
+                    {model.displayName !== model.name ? (
+                      <Text className='model-picker__row-raw'>{model.name}</Text>
+                    ) : null}
+                  </View>
+                  {isSelected(provider.providerId, model.name) ? (
+                    <Text className='model-picker__row-check'>✓</Text>
+                  ) : null}
+                </View>
+              ))}
+            </View>
+          ))}
+          {!pickerProviders.length ? (
+            <View className='model-picker__empty'>{t('system.ai.model.empty')}</View>
+          ) : null}
+        </ScrollView>
+        <View className='model-picker__safe' />
+      </View>
+    </View>
+  )
+}

package/src/views/pagesMember/ai/components/composer.scss

@@ -19,27 +19,49 @@
   box-sizing: border-box;
 }
 
-.composer-model-selectors {
-  display: flex;
-  justify-content: flex-end;
-  gap: 12px;
-  min-width: 0;
+.composer-model-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  max-width: 100%;
+  height: 56px;
+  padding: 0 24px;
   margin: 0 8px 12px;
+  color: #1f2937;
+  background: #fff;
+  border: 2px solid #d6dae2;
+  border-radius: 28px;
+  box-shadow: 0 4px 16px 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: 26px;
+  line-height: 26px;
 }
 
-.composer-model-select {
-  max-width: 300px;
-  min-width: 120px;
-  padding: 8px 16px;
+.composer-model-chip__label {
+  max-width: 320px;
   overflow: hidden;
-  color: #46515b;
-  font-size: 22px;
-  line-height: 32px;
+  color: inherit;
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 34px;
   text-overflow: ellipsis;
   white-space: nowrap;
-  background: #fff;
-  border: 2px solid #d6dae2;
-  border-radius: 8px;
+}
+
+.composer-model-chip__chevron {
+  flex-shrink: 0;
+  color: #8a8f99;
+  font-size: 22px;
+  line-height: 22px;
 }
 
 .composer-main {

package/src/views/pagesMember/ai/components/model-picker.scss

@@ -0,0 +1,147 @@
+.model-picker {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+}
+
+.model-picker__mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 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: 32px 32px 0 0;
+  box-shadow: 0 -24px 80px rgba(15, 23, 42, 0.16);
+  box-sizing: border-box;
+}
+
+.model-picker__handle {
+  flex-shrink: 0;
+  width: 72px;
+  height: 8px;
+  margin: 16px auto 8px;
+  background-color: #e2e5ea;
+  border-radius: 4px;
+}
+
+.model-picker__head {
+  position: relative;
+  flex-shrink: 0;
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  gap: 12px;
+  padding: 0 96px 16px;
+}
+
+.model-picker__title {
+  color: #111;
+  font-size: 32px;
+  font-weight: 600;
+}
+
+.model-picker__count {
+  color: #8a8f99;
+  font-size: 20px;
+}
+
+.model-picker__close {
+  position: absolute;
+  top: -6px;
+  right: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 56px;
+  height: 56px;
+  color: #8a8f99;
+  font-size: 28px;
+}
+
+.model-picker__body {
+  flex: 1;
+  min-height: 0;
+  max-height: calc(68vh - 130px - env(safe-area-inset-bottom));
+  padding: 0 32px;
+  box-sizing: border-box;
+}
+
+.model-picker__group {
+  padding: 24px 8px 12px;
+  color: #8a8f99;
+  font-size: 22px;
+  line-height: 32px;
+}
+
+.model-picker__row {
+  display: flex;
+  align-items: center;
+  min-height: 88px;
+  padding: 16px 28px;
+  margin-bottom: 12px;
+  border: 2px solid #eef0f4;
+  border-radius: 24px;
+  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: 4px;
+  min-width: 0;
+}
+
+.model-picker__row-name {
+  color: inherit;
+  font-size: 28px;
+  line-height: 40px;
+}
+
+.model-picker__row-raw {
+  color: #a7acb5;
+  font-size: 22px;
+  font-weight: 400;
+  line-height: 30px;
+}
+
+.model-picker__row-check {
+  margin-left: auto;
+  color: #00a96b;
+  font-size: 32px;
+}
+
+.model-picker__empty {
+  padding: 64px 0;
+  color: #8a8f99;
+  font-size: 26px;
+  text-align: center;
+}
+
+.model-picker__safe {
+  flex-shrink: 0;
+  height: calc(18px + constant(safe-area-inset-bottom));
+  height: calc(18px + env(safe-area-inset-bottom));
+}

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

@@ -10,6 +10,7 @@ import {
   useI18n,
 } from '@liujitcn/kratos-taro-app-core'
 import { UniIcon } from '@liujitcn/kratos-taro-app-ui'
+import { isAuthExpiredError } from '@liujitcn/kratos-taro-app-core/utils/http'
 import { defAiMessageService, StreamAiMessageByChunkedRequest } from '../../../api/base/v1/ai_message'
 import { defAiSessionService } from '../../../api/base/v1/ai_session'
 import { defAiToolService } from '../../../api/base/v1/ai_tool'
@@ -22,6 +23,8 @@ import { Terminal } from '../../../rpc/base/v1/ai_tool'
 import Composer from './components/Composer'
 import SessionDrawer from './components/SessionDrawer'
 import WelcomePanel from './components/WelcomePanel'
+import { resolveModelDisplayName } from './modelDisplay'
+import { loadStoredModelSelection, saveModelSelection } from './modelSelection'
 import {
   type AiStreamEvent,
   type AiStreamPayload,
@@ -363,11 +366,7 @@ export default function AiPage() {
       const shortcuts = normalizeStarterShortcuts(response.shortcuts).filter((item) => !item.action)
       const providers = providerResponse.providers ?? []
       setModelProviders(providers)
-      if (!providers.some((item) => item.provider_id === selectedProviderId && item.models.includes(selectedModelName))) {
-        const firstProvider = providers[0]
-        setSelectedProviderId(firstProvider?.provider_id ?? 0)
-        setSelectedModelName(firstProvider?.models[0] ?? '')
-      }
+      applyModelSelection(providers)
       if (shortcuts.length) {
         setStarterShortcuts(shortcuts)
         setStarterPromptGroupIndex(0)
@@ -385,6 +384,27 @@ export default function AiPage() {
   const handleModelChange = (providerId: number, modelName: string) => {
     setSelectedProviderId(providerId)
     setSelectedModelName(modelName)
+    saveModelSelection({ provider_id: providerId, model_name: modelName })
+  }
+
+  /** 优先恢复本地缓存的模型选择，缓存失效时回退到首个可用模型。 */
+  const applyModelSelection = (providers: AiProviderModelOption[]) => {
+    const stored = loadStoredModelSelection()
+    const provider = stored
+      ? providers.find(
+          (item) =>
+            item.provider_id === stored.provider_id &&
+            item.models.some((model) => model.model_name === stored.model_name),
+        )
+      : undefined
+    if (provider && stored) {
+      setSelectedProviderId(provider.provider_id)
+      setSelectedModelName(stored.model_name)
+      return
+    }
+    const firstProvider = providers[0]
+    setSelectedProviderId(firstProvider?.provider_id ?? 0)
+    setSelectedModelName(firstProvider?.models[0]?.model_name ?? '')
   }
 
   const runAiTask = async (
@@ -717,7 +737,7 @@ export default function AiPage() {
                   onLongPress={() => void handleMessageAction(item)}
                 >
                   {item.role === 'ai' && item.model ? (
-                    <View className='reply-meta'><Text className='reply-tag'>{t('system.ai.model_reply')}</Text><Text className='reply-model'>{item.model}</Text></View>
+                    <View className='reply-meta'><Text className='reply-tag'>{t('system.ai.model_reply')}</Text><Text className='reply-model'>{resolveModelDisplayName(modelProviders, item.model)}</Text></View>
                   ) : null}
                   <View className='bubble-content'>{item.content}</View>
                   {item.attachments.length ? (
@@ -752,7 +772,6 @@ export default function AiPage() {
         modelProviders={modelProviders}
         providerId={selectedProviderId}
         modelName={selectedModelName}
-        providerPlaceholder={t('system.ai.model.provider_placeholder')}
         modelPlaceholder={t('system.ai.model.model_placeholder')}
         placeholder={composerPlaceholder}
         bottom={composerBottom}
@@ -1040,6 +1059,8 @@ function formatTools(tools: AiToolCall[]) {
 }
 
 function showError(error: unknown, fallback: string) {
+  // 登录态失效时请求层已弹窗引导重新登录，不再叠加失败提示。
+  if (isAuthExpiredError(error)) return
   const message = error instanceof Error ? error.message : fallback
   void Taro.showToast({ icon: 'none', title: message || fallback })
 }

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,40 @@
+import Taro from '@tarojs/taro'
+
+/** 用户最近一次选择的供应商与模型，仅保存在设备本地。 */
+export interface AiModelSelection {
+  provider_id: number
+  model_name: string
+}
+
+const MODEL_SELECTION_STORAGE_KEY = 'kratos-taro-app:ai:model-selection'
+
+/** 读取本地缓存的模型选择，缓存缺失或损坏时返回 undefined。 */
+export function loadStoredModelSelection(): AiModelSelection | undefined {
+  try {
+    const raw = Taro.getStorageSync<unknown>(MODEL_SELECTION_STORAGE_KEY)
+    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 {
+    Taro.setStorageSync(MODEL_SELECTION_STORAGE_KEY, JSON.stringify(selection))
+  } catch {
+    // 忽略存储失败，不影响当前会话内的选择。
+  }
+}

package/src/views/pagesMember/settings/settings.tsx

@@ -9,6 +9,7 @@ import {
   useUserStore,
 } from '@liujitcn/kratos-taro-app-core'
 import { defMfaService } from '@liujitcn/kratos-taro-app-core/api/base/v1/mfa'
+import { isAuthExpiredError } from '@liujitcn/kratos-taro-app-core/utils/http'
 import PasswordVerifyDialog from './components/PasswordVerifyDialog'
 import './settings.scss'
 
@@ -109,15 +110,6 @@ export default function SettingsPage() {
     void loadMfaStatus()
   })
 
-  /** 登录态失效时请求层已弹窗引导重新登录，页面侧不再叠加失败提示。 */
-  const isAuthExpiredError = (error: unknown) => {
-    if (error && typeof error === 'object') {
-      const statusCode = (error as { statusCode?: number }).statusCode
-      if (statusCode === 401 || statusCode === 403) return true
-    }
-    return error instanceof Error && /auth (required|expired)/.test(error.message)
-  }
-
   const onLogout = async () => {
     if (logoutLoading) return
     const result = await Taro.showModal({