+
-
diff --git a/src/pages/group-chat/index.vue b/src/pages/group-chat/index.vue
index 7cabd6f6..0514587d 100644
--- a/src/pages/group-chat/index.vue
+++ b/src/pages/group-chat/index.vue
@@ -11,6 +11,7 @@ import RankingView from '@/components/analysis/ranking/RankingView.vue'
import MemberList from '@/components/common/member/MemberList.vue'
import NicknameHistoryEntry from './components/member/NicknameHistoryEntry.vue'
import SessionAnalysisHeader from '@/components/layout/session/SessionAnalysisHeader.vue'
+import SidePanelLayout from '@/components/layout/SidePanelLayout.vue'
import SemanticIndexSessionModal from '@/components/analysis/SemanticIndexSessionModal.vue'
import OwnerPromptModal from '@/components/analysis/member/OwnerPromptModal.vue'
import IncrementalImportModal from '@/components/analysis/IncrementalImportModal.vue'
@@ -48,7 +49,7 @@ const showMemberManagementModal = ref(false)
// 打开聊天记录查看器
function openChatRecordViewer() {
- layoutStore.openChatRecordDrawer({})
+ layoutStore.openChatRecords({})
}
// Tab 配置
@@ -135,63 +136,64 @@ const filteredMemberCount = computed(() => {
:initial-time-state="initialTimeState"
@open-incremental-import="showIncrementalImportModal = true"
@open-member-management="showMemberManagementModal = true"
- @open-chat-record="openChatRecordViewer"
@update:full-range="fullTimeRange = $event"
@update:available-years="availableYears = $event"
@time-range-initialized="handleTimeRangeInitialized"
/>
-
-
-
+
-
+
-
+
+
-
+
+
-
-
-
-
-
+
-
-
+
+
+
+
+
+
-
-
- {{ t('ai.global.empty.title') }}
-- {{ t('ai.global.empty.description') }} -
-
-
-
-
-
+
+ {{ t('ai.global.empty.title') }}
++ {{ t('ai.global.empty.description') }} +
-
+
+
+
+
+
-
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
+
+
{
:session-id="currentSessionId"
:show-header="false"
chat-type="group"
+ @view-records="showMemberManagementModal = false"
@data-changed="
() => {
loadData()
diff --git a/src/pages/people/contacts/components/ContactDetailPanel.vue b/src/pages/people/contacts/components/ContactDetailPanel.vue
index 2346c53e..a4d31424 100644
--- a/src/pages/people/contacts/components/ContactDetailPanel.vue
+++ b/src/pages/people/contacts/components/ContactDetailPanel.vue
@@ -4,14 +4,12 @@ import { useI18n } from 'vue-i18n'
import type { ContactItem } from '@openchatlab/shared-types'
const props = defineProps<{
- selectedKey: string | null
contact: ContactItem | null
isLoading: boolean
isFriendActionLoading: boolean
}>()
const emit = defineEmits<{
- clear: []
openSource: [source: ContactItem['sourceSessions'][number]]
viewSourceRecords: [source: ContactItem['sourceSessions'][number]]
markFriend: []
@@ -37,175 +35,132 @@ function avatarText(contact: ContactItem): string {
-
-
-
-
diff --git a/src/pages/people/contacts/index.vue b/src/pages/people/contacts/index.vue
index b8f92f62..9fdc54c6 100644
--- a/src/pages/people/contacts/index.vue
+++ b/src/pages/people/contacts/index.vue
@@ -18,6 +18,7 @@ import { LoadingState, ThemeCard } from '@/components/UI'
import { SectionTabs } from '@/components/navigation'
import { usePeoplePageHeader } from '../people-page-header'
import ContactDetailPanel from './components/ContactDetailPanel.vue'
+import SidePanelLayout from '@/components/layout/SidePanelLayout.vue'
import ContactsStatusBlocks from './components/ContactsStatusBlocks.vue'
import {
resolveFriendActionScrollTop,
@@ -616,6 +617,7 @@ function clearCompletedContactsTaskProgress() {
async function selectContact(contact: ContactListItem) {
selectedKey.value = contact.key
+ layoutStore.openContactPanel()
await loadSelectedContactDetail(contact.key)
}
@@ -730,6 +732,7 @@ async function refreshContactsPageMetadata() {
function clearSelectedContact() {
selectedKey.value = null
selectedContact.value = null
+ layoutStore.clearContactPanel()
isDetailLoading.value = false
}
@@ -801,7 +804,7 @@ function openSourceSession(source: ContactItem['sourceSessions'][number]) {
}
function viewSourceSessionRecords(source: ContactItem['sourceSessions'][number]) {
- layoutStore.openChatRecordDrawer({ sessionId: source.id })
+ layoutStore.openChatRecords({ sessionId: source.id })
}
function handleListScroll(event: Event) {
@@ -887,7 +890,7 @@ function getGroupSectionScrollTop(): number | null {
- (null)
- const showChatRecordDrawer = ref(false)
+ const sidePanelOpen = ref(false)
+ const sidePanelView = ref<'records' | 'contact' | null>(null)
+ const sidePanelSessionId = ref(null)
+ const sidePanelHasContact = ref(false)
const chatRecordQuery = ref(null)
+ // Keep the existing persisted preference when replacing the drawer shell.
const chatRecordDrawerWidth = ref(750)
+ const contactPanelWidth = ref(420)
+ const canOpenSidePanel = computed(() => Boolean(sidePanelView.value || sidePanelSessionId.value))
const isToolsPanelLocked = ref(false)
const isToolsPanelMini = ref(false)
@@ -60,22 +66,53 @@ export const useLayoutStore = defineStore(
}, 300)
}
- /**
- * 打开聊天记录抽屉并设置查询参数
- */
- function openChatRecordDrawer(query: ChatRecordQuery) {
- chatRecordQuery.value = query
- showChatRecordDrawer.value = true
+ function setSidePanelContext(sessionId: string | null) {
+ sidePanelOpen.value = false
+ sidePanelView.value = null
+ sidePanelHasContact.value = false
+ chatRecordQuery.value = null
+ sidePanelSessionId.value = sessionId
}
- /**
- * 关闭聊天记录抽屉并重置查询
- */
- function closeChatRecordDrawer() {
- showChatRecordDrawer.value = false
- setTimeout(() => {
- chatRecordQuery.value = null
- }, 300)
+ function openChatRecords(query: ChatRecordQuery) {
+ const sessionId = query.sessionId || sidePanelSessionId.value
+ if (!sessionId) return
+ chatRecordQuery.value = { ...query, sessionId }
+ sidePanelView.value = 'records'
+ sidePanelOpen.value = true
+ }
+
+ function openContactPanel() {
+ sidePanelHasContact.value = true
+ sidePanelView.value = 'contact'
+ sidePanelOpen.value = true
+ chatRecordQuery.value = null
+ }
+
+ function returnToContactPanel() {
+ if (!sidePanelHasContact.value) return
+ sidePanelView.value = 'contact'
+ sidePanelOpen.value = true
+ }
+
+ function clearContactPanel() {
+ sidePanelHasContact.value = false
+ if (sidePanelView.value !== 'contact') return
+ sidePanelView.value = null
+ sidePanelOpen.value = false
+ }
+
+ function closeSidePanel() {
+ sidePanelOpen.value = false
+ }
+
+ function toggleSidePanel() {
+ if (!canOpenSidePanel.value) return
+ if (!sidePanelView.value) {
+ openChatRecords({})
+ return
+ }
+ sidePanelOpen.value = !sidePanelOpen.value
}
function toggleToolsPanelLock() {
@@ -116,9 +153,13 @@ export const useLayoutStore = defineStore(
isToolsPanelOpen,
showScreenCaptureModal,
screenCaptureImage,
- showChatRecordDrawer,
+ sidePanelOpen,
+ sidePanelView,
+ sidePanelHasContact,
+ canOpenSidePanel,
chatRecordQuery,
chatRecordDrawerWidth,
+ contactPanelWidth,
showSettings,
settingsTab,
settingsSubTab,
@@ -129,8 +170,13 @@ export const useLayoutStore = defineStore(
toggleToolsPanelMini,
openScreenCaptureModal,
closeScreenCaptureModal,
- openChatRecordDrawer,
- closeChatRecordDrawer,
+ setSidePanelContext,
+ openChatRecords,
+ openContactPanel,
+ returnToContactPanel,
+ clearContactPanel,
+ closeSidePanel,
+ toggleSidePanel,
openSettings,
closeSettings,
}
@@ -145,6 +191,7 @@ export const useLayoutStore = defineStore(
'isToolsPanelMini',
'toolsPanelPosition',
'chatRecordDrawerWidth',
+ 'contactPanelWidth',
],
storage: localStorage,
},
+
+
+
-
-
+
-
+
+
+
+
-
+
+
diff --git a/src/pages/private-chat/index.vue b/src/pages/private-chat/index.vue
index f87babc4..3f051e14 100644
--- a/src/pages/private-chat/index.vue
+++ b/src/pages/private-chat/index.vue
@@ -9,6 +9,7 @@ import { ChatExplorer } from '@/components/AIChat'
import PrivateChatInsights from './components/insights/PrivateChatInsights.vue'
import MemberList from '@/components/common/member/MemberList.vue'
import SessionAnalysisHeader from '@/components/layout/session/SessionAnalysisHeader.vue'
+import SidePanelLayout from '@/components/layout/SidePanelLayout.vue'
import SemanticIndexSessionModal from '@/components/analysis/SemanticIndexSessionModal.vue'
import OwnerPromptModal from '@/components/analysis/member/OwnerPromptModal.vue'
import IncrementalImportModal from '@/components/analysis/IncrementalImportModal.vue'
@@ -46,7 +47,7 @@ const showMemberManagementModal = ref(false)
// 打开聊天记录查看器
function openChatRecordViewer() {
- layoutStore.openChatRecordDrawer({})
+ layoutStore.openChatRecords({})
}
// Tab 配置 - 私聊包含洞察、AI 对话、记忆和更多工具
@@ -156,56 +157,57 @@ const otherMemberAvatar = computed(() => {
:initial-time-state="initialTimeState"
@open-incremental-import="showIncrementalImportModal = true"
@open-member-management="showMemberManagementModal = true"
- @open-chat-record="openChatRecordViewer"
@update:full-range="fullTimeRange = $event"
@time-range-initialized="handleTimeRangeInitialized"
/>
-
-
-
-
+
+
{
:session-id="currentSessionId"
:show-header="false"
chat-type="private"
+ @view-records="showMemberManagementModal = false"
@data-changed="invalidateAnalysisData"
/>
diff --git a/src/stores/layout-persistence.test.ts b/src/stores/layout-persistence.test.ts
index c9b2abad..5b1e03a6 100644
--- a/src/stores/layout-persistence.test.ts
+++ b/src/stores/layout-persistence.test.ts
@@ -41,3 +41,48 @@ test('layout persistence upgrades older state and restores a saved drawer width'
assert.equal(restoredStore.chatRecordDrawerWidth, 936)
})
+
+test('collapsing the side panel preserves the record target and reopening restores it', async () => {
+ const pinia = createPersistedPinia(createMemoryStorage())
+ const { useLayoutStore } = await import('./layout')
+ const store = useLayoutStore(pinia)
+ store.setSidePanelContext('session-a')
+ store.openChatRecords({ scrollToMessageId: 42, keywords: ['hello'] })
+ store.closeSidePanel()
+ assert.equal(store.sidePanelOpen, false)
+ assert.deepEqual(store.chatRecordQuery, { sessionId: 'session-a', scrollToMessageId: 42, keywords: ['hello'] })
+ store.toggleSidePanel()
+ assert.equal(store.sidePanelOpen, true)
+ assert.equal(store.sidePanelView, 'records')
+})
+
+test('contact source records share one panel and can return to the selected contact', async () => {
+ const pinia = createPersistedPinia(createMemoryStorage())
+ const { useLayoutStore } = await import('./layout')
+ const store = useLayoutStore(pinia)
+ store.setSidePanelContext(null)
+ store.openContactPanel()
+ store.openChatRecords({ sessionId: 'contact-source', scrollToMessageId: 7 })
+ assert.equal(store.sidePanelView, 'records')
+ assert.equal(store.sidePanelHasContact, true)
+ store.returnToContactPanel()
+ assert.equal(store.sidePanelView, 'contact')
+ assert.equal(store.sidePanelOpen, true)
+})
+
+test('changing page context clears stale records and opens only the new session', async () => {
+ const pinia = createPersistedPinia(createMemoryStorage())
+ const { useLayoutStore } = await import('./layout')
+ const store = useLayoutStore(pinia)
+ store.setSidePanelContext('session-a')
+ store.openChatRecords({ scrollToMessageId: 42 })
+ store.setSidePanelContext('session-b')
+ assert.equal(store.sidePanelOpen, false)
+ assert.equal(store.chatRecordQuery, null)
+ store.toggleSidePanel()
+ assert.deepEqual(store.chatRecordQuery, { sessionId: 'session-b' })
+ store.setSidePanelContext(null)
+ assert.equal(store.canOpenSidePanel, false)
+ store.openChatRecords({ scrollToMessageId: 42 })
+ assert.equal(store.sidePanelOpen, false)
+})
diff --git a/src/stores/layout.ts b/src/stores/layout.ts
index 7a4b931e..278af876 100644
--- a/src/stores/layout.ts
+++ b/src/stores/layout.ts
@@ -14,9 +14,15 @@ export const useLayoutStore = defineStore(
const isAIChatSidebarCollapsed = ref(false)
const showScreenCaptureModal = ref(false)
const screenCaptureImage = ref
+
+
+
-
-
+
-
+
+
+