fix(chat): clarify session history scope (#393)

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

@@ -271,7 +271,7 @@ async function handleWorkspaceConfirm() {
     <div v-if="currentMode === 'chat'" class="session-backdrop" :class="{ active: showSessions }" @click="showSessions = false" />
     <aside v-if="currentMode === 'chat'" class="session-list" :class="{ collapsed: !showSessions }">
       <div class="session-list-header">
-        <span v-if="showSessions" class="session-list-title">{{ t('chat.sessions') }}</span>
+        <span v-if="showSessions" class="session-list-title">{{ t('chat.webUiSessions') }}</span>
         <div class="session-list-actions">
           <button class="session-close-btn" @click="showSessions = false">
             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
@@ -283,6 +283,12 @@ async function handleWorkspaceConfirm() {
           </NButton>
         </div>
       </div>
+      <div v-if="showSessions" class="session-scope-note">
+        <span>{{ t('chat.sessionScopeHint') }}</span>
+        <RouterLink class="session-scope-link" :to="{ name: 'hermes.history' }">
+          {{ t('chat.openHistory') }}
+        </RouterLink>
+      </div>
       <div v-if="showSessions" class="session-items">
         <div v-if="chatStore.isLoadingSessions && chatStore.sessions.length === 0" class="session-loading">{{ t('common.loading') }}</div>
         <div v-else-if="chatStore.sessions.length === 0" class="session-empty">{{ t('chat.noSessions') }}</div>
@@ -512,6 +518,29 @@ async function handleWorkspaceConfirm() {
   letter-spacing: 0.5px;
 }
 
+.session-scope-note {
+  margin: 0 12px 10px;
+  padding: 8px 10px;
+  border: 1px solid rgba($accent-primary, 0.16);
+  border-radius: $radius-sm;
+  background: rgba($accent-primary, 0.06);
+  color: $text-secondary;
+  font-size: 11px;
+  line-height: 1.45;
+}
+
+.session-scope-link {
+  display: inline-block;
+  margin-left: 4px;
+  color: $accent-primary;
+  font-weight: 500;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 .session-group-header {
   display: flex;
   align-items: center;