[codex] fix profile scoped model selection (#881)

* fix profile scoped model selection

* test profile scoped provider refresh

packages/client/src/components/hermes/chat/SessionListItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, onUnmounted } from 'vue'
-import { NPopconfirm, NCheckbox } from 'naive-ui'
+import { NPopconfirm, NCheckbox, NTooltip } from 'naive-ui'
 import { useI18n } from 'vue-i18n'
 import type { Session } from '@/stores/hermes/chat'
 import { useAppStore } from '@/stores/hermes/app'
@@ -38,6 +38,13 @@ const sessionModelName = computed(() =>
 )
 const profileName = computed(() => props.session.profile || 'default')
 const profileAvatar = computed(() => profilesStore.profiles.find(profile => profile.name === profileName.value)?.avatar)
+const profileHasModels = computed(() => {
+  const profileModels = appStore.profileModelGroups.find(profile => profile.profile === profileName.value)
+  return !!profileModels?.groups?.some(group => group.models.length > 0)
+})
+const profileModelsMissing = computed(() =>
+  appStore.profileModelGroups.length > 0 && !profileHasModels.value,
+)
 
 let longPressTimer: ReturnType<typeof setTimeout> | null = null
 const longPressTriggered = ref(false)
@@ -86,7 +93,7 @@ onUnmounted(() => {
 <template>
   <button
     class="session-item"
-    :class="{ active, 'batch-mode': selectable }"
+    :class="{ active, 'batch-mode': selectable, 'missing-models': profileModelsMissing }"
     :aria-current="active ? 'page' : undefined"
     @click="onClick"
     @contextmenu="emit('contextmenu', $event)"
@@ -110,6 +117,14 @@ onUnmounted(() => {
           <svg v-if="streaming" class="session-item-streaming" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg>
           {{ session.title }}
         </span>
+        <NTooltip v-if="profileModelsMissing" trigger="click" placement="top">
+          <template #trigger>
+            <button class="session-item-warning" type="button" @click.stop>
+              !
+            </button>
+          </template>
+          {{ t('chat.profileMissingModelsTip', { profile: profileName }) }}
+        </NTooltip>
       </span>
       <span class="session-item-meta">
         <span v-if="sessionModelName" class="session-item-model" :title="session.model">{{ sessionModelName }}</span>
@@ -153,4 +168,18 @@ onUnmounted(() => {
   line-height: 16px;
   color: var(--text-muted);
 }
+
+.session-item-warning {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  border: 1px solid rgba(180, 35, 24, 0.35);
+  border-radius: 50%;
+  background: rgba(220, 38, 38, 0.1);
+  color: #b42318;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 14px;
+  cursor: pointer;
+}
 </style>