admin/Hermes-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add history import controls (#1053)

Browse Source
This commit is contained in:
ekko
2026-05-27 10:05:52 +08:00
committed by GitHub
parent 3cede6fb7f
commit a10e171082
16 changed files with 718 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/client/src/api/hermes/sessions.ts
+11
View File
@@ -23,6 +23,7 @@ export interface SessionSummary {
actual_cost_usd: number | null
cost_status: string
workspace?: string | null
webui_imported?: boolean
}
export interface SessionDetail extends SessionSummary {
@@ -122,6 +123,16 @@ export async function deleteSession(id: string, profile?: string | null): Promis
}
}
export async function importHermesSession(id: string, profile?: string | null): Promise<{ ok: boolean; imported: boolean; session?: SessionDetail }> {
const params = new URLSearchParams()
if (profile) params.set('profile', profile)
const query = params.toString()
return request<{ ok: boolean; imported: boolean; session?: SessionDetail }>(
`/api/hermes/sessions/hermes/${encodeURIComponent(id)}/import${query ? `?${query}` : ''}`,
{ method: 'POST' },
)
}
export interface BatchDeleteSessionTarget {
id: string
profile?: string | null
packages/client/src/i18n/locales/de.ts
+4
View File
@@ -269,6 +269,10 @@ export default {
batchDeleteSuccess: '{count} Sitzungen gelöscht',
batchDeletePartial: '{failed} Sitzungen konnten nicht gelöscht werden',
batchDeleteFailed: 'Batch-Löschung fehlgeschlagen',
importToWebUi: 'In Web UI importieren',
importSessionSuccess: 'Sitzung in Web UI importiert',
importSessionAlreadyExists: 'Sitzung existiert bereits in Web UI',
importSessionFailed: 'Sitzung konnte nicht importiert werden',
sessionDeleted: 'Sitzung geloscht',
rename: 'Umbenennen',
pin: 'Anheften',
packages/client/src/i18n/locales/en.ts
+4
View File
@@ -286,6 +286,10 @@ export default {
batchDeleteSuccess: 'Deleted {count} sessions',
batchDeletePartial: '{failed} sessions failed to delete',
batchDeleteFailed: 'Batch delete failed',
importToWebUi: 'Import to Web UI',
importSessionSuccess: 'Session imported to Web UI',
importSessionAlreadyExists: 'Session already exists in Web UI',
importSessionFailed: 'Failed to import session',
rename: 'Rename',
pin: 'Pin',
unpin: 'Unpin',
packages/client/src/i18n/locales/es.ts
+4
View File
@@ -269,6 +269,10 @@ export default {
batchDeleteSuccess: '{count} sesiones eliminadas',
batchDeletePartial: '{failed} sesiones fallaron al eliminar',
batchDeleteFailed: 'Error al eliminar por lotes',
importToWebUi: 'Importar a Web UI',
importSessionSuccess: 'Sesion importada a Web UI',
importSessionAlreadyExists: 'La sesion ya existe en Web UI',
importSessionFailed: 'Error al importar la sesion',
sessionDeleted: 'Sesion eliminada',
rename: 'Renombrar',
pin: 'Fijar',
packages/client/src/i18n/locales/fr.ts
+4
View File
@@ -269,6 +269,10 @@ export default {
batchDeleteSuccess: '{count} sessions supprimées',
batchDeletePartial: '{failed} sessions ont échoué',
batchDeleteFailed: 'Échec de la suppression par lot',
importToWebUi: 'Importer dans Web UI',
importSessionSuccess: 'Session importée dans Web UI',
importSessionAlreadyExists: 'La session existe déjà dans Web UI',
importSessionFailed: 'Échec de l’import de la session',
sessionDeleted: 'Session supprimee',
rename: 'Renommer',
pin: 'Épingler',
packages/client/src/i18n/locales/ja.ts
+4
View File
@@ -269,6 +269,10 @@ export default {
batchDeleteSuccess: '{count}件のセッションを削除しました',
batchDeletePartial: '{failed}件の削除に失敗しました',
batchDeleteFailed: '一括削除に失敗しました',
importToWebUi: 'Web UI にインポート',
importSessionSuccess: 'セッションを Web UI にインポートしました',
importSessionAlreadyExists: 'セッションは既に Web UI に存在します',
importSessionFailed: 'セッションのインポートに失敗しました',
sessionDeleted: 'セッションを削除しました',
rename: '名前変更',
pin: 'ピン留め',
packages/client/src/i18n/locales/ko.ts
+4
View File
@@ -269,6 +269,10 @@ export default {
batchDeleteSuccess: '{count}개의 세션을 삭제했습니다',
batchDeletePartial: '{failed}개의 세션 삭제 실패',
batchDeleteFailed: '일괄 삭제 실패',
importToWebUi: 'Web UI로 가져오기',
importSessionSuccess: '세션을 Web UI로 가져왔습니다',
importSessionAlreadyExists: '세션이 이미 Web UI에 있습니다',
importSessionFailed: '세션 가져오기 실패',
sessionDeleted: '세션이 삭제되었습니다',
rename: '이름 변경',
pin: '고정',
packages/client/src/i18n/locales/pt.ts
+4
View File
@@ -269,6 +269,10 @@ export default {
batchDeleteSuccess: '{count} sessões excluídas',
batchDeletePartial: '{failed} sessões falharam ao excluir',
batchDeleteFailed: 'Falha na exclusão em lote',
importToWebUi: 'Importar para Web UI',
importSessionSuccess: 'Sessão importada para Web UI',
importSessionAlreadyExists: 'A sessão já existe no Web UI',
importSessionFailed: 'Falha ao importar sessão',
sessionDeleted: 'Sessao excluida',
rename: 'Renomear',
pin: 'Fixar',
packages/client/src/i18n/locales/zh-TW.ts
+4
View File
@@ -284,6 +284,10 @@ export default {
batchDeleteSuccess: '已刪除 {count} 個工作階段',
batchDeletePartial: '{failed} 個工作階段刪除失敗',
batchDeleteFailed: '批次刪除失敗',
importToWebUi: '匯入到 Web UI',
importSessionSuccess: '工作階段已匯入 Web UI',
importSessionAlreadyExists: '工作階段已存在於 Web UI',
importSessionFailed: '匯入工作階段失敗',
rename: '重新命名',
pin: '釘選',
unpin: '取消釘選',
packages/client/src/i18n/locales/zh.ts
+4
View File
@@ -286,6 +286,10 @@ export default {
batchDeleteSuccess: '已删除 {count} 个会话',
batchDeletePartial: '{failed} 个会话删除失败',
batchDeleteFailed: '批量删除失败',
importToWebUi: '导入到 Web UI',
importSessionSuccess: '会话已导入 Web UI',
importSessionAlreadyExists: '会话已存在于 Web UI',
importSessionFailed: '导入会话失败',
rename: '重命名',
pin: '置顶',
unpin: '取消置顶',
packages/client/src/views/hermes/HistoryView.vue
+258 -14
View File
@@ -5,14 +5,14 @@ import { type Session } from '@/stores/hermes/chat'
import { useAppStore } from '@/stores/hermes/app'
import { useProfilesStore } from '@/stores/hermes/profiles'
import { useSessionBrowserPrefsStore } from '@/stores/hermes/session-browser-prefs'
import { NButton, NTooltip, useMessage } from 'naive-ui'
import { NButton, NDropdown, NPopconfirm, NTooltip, useMessage, type DropdownOption } from 'naive-ui'
import { useI18n } from 'vue-i18n'
import { getSourceLabel } from '@/shared/session-display'
import { copyToClipboard } from '@/utils/clipboard'
import HistoryMessageList from '@/components/hermes/chat/HistoryMessageList.vue'
import SessionListItem from '@/components/hermes/chat/SessionListItem.vue'
import OutlinePanel from '@/components/hermes/chat/OutlinePanel.vue'
import { deleteSession, fetchHermesSessions, fetchHermesSession, type SessionSummary } from '@/api/hermes/sessions'
import { batchDeleteSessions, deleteSession, fetchHermesSessions, fetchHermesSession, importHermesSession, type SessionSummary } from '@/api/hermes/sessions'
const appStore = useAppStore()
const profilesStore = useProfilesStore()
@@ -42,6 +42,14 @@ const hermesSessionsLoaded = ref(false)
const historySessionId = ref<string | null>(null)
const historySession = ref<Session | null>(null)
const showOutline = ref(false)
const isBatchMode = ref(false)
const isBatchDeleting = ref(false)
const showBatchDeleteConfirm = ref(false)
const selectedSessionKeys = ref<Set<string>>(new Set())
const contextSessionId = ref<string | null>(null)
const showContextMenu = ref(false)
const contextMenuX = ref(0)
const contextMenuY = ref(0)
let hermesSessionsRequestId = 0
async function loadHermesSessions() {
@@ -72,6 +80,28 @@ function findHistorySession(sessionId: string): SessionSummary | undefined {
return hermesSessions.value.find(session => session.id === sessionId)
}
const contextSessionSummary = computed(() =>
contextSessionId.value ? findHistorySession(contextSessionId.value) || null : null,
)
const contextSessionPinned = computed(() =>
contextSessionId.value ? sessionBrowserPrefsStore.isPinned(contextSessionId.value) : false,
)
const contextMenuOptions = computed<DropdownOption[]>(() => {
const options: DropdownOption[] = [
{
label: t('chat.importToWebUi'),
key: 'import-webui',
disabled: Boolean(contextSessionSummary.value?.webui_imported),
},
{ label: t(contextSessionPinned.value ? 'chat.unpin' : 'chat.pin'), key: 'pin' },
{ label: t('chat.copySessionLink'), key: 'copy-link' },
{ label: t('chat.copySessionId'), key: 'copy-id' },
]
return options
})
async function loadHistorySession(sessionId: string, profile?: string | null) {
const summary = findHistorySession(sessionId)
const sessionProfile = profile || summary?.profile || null
@@ -252,6 +282,58 @@ const historySessions = computed<Session[]>(() =>
hermesSessions.value.map(sessionSummaryToSession)
)
function sessionSelectionKey(session: Pick<Session, 'id' | 'profile'>): string {
return `${session.profile || 'default'}\u0000${session.id}`
}
function toggleBatchMode() {
if (isBatchDeleting.value) return
isBatchMode.value = !isBatchMode.value
if (!isBatchMode.value) {
selectedSessionKeys.value.clear()
showBatchDeleteConfirm.value = false
}
}
function toggleSessionSelection(session: Session) {
if (isBatchDeleting.value) return
const key = sessionSelectionKey(session)
if (selectedSessionKeys.value.has(key)) {
selectedSessionKeys.value.delete(key)
} else {
selectedSessionKeys.value.add(key)
}
selectedSessionKeys.value = new Set(selectedSessionKeys.value)
if (selectedSessionKeys.value.size === 0) {
showBatchDeleteConfirm.value = false
}
}
function isSessionSelected(session: Session): boolean {
return selectedSessionKeys.value.has(sessionSelectionKey(session))
}
function toggleSelectAllSessions() {
if (isBatchDeleting.value) return
if (allSessionsSelected.value) {
selectedSessionKeys.value.clear()
selectedSessionKeys.value = new Set(selectedSessionKeys.value)
showBatchDeleteConfirm.value = false
return
}
selectedSessionKeys.value.clear()
for (const session of historySessions.value) {
selectedSessionKeys.value.add(sessionSelectionKey(session))
}
selectedSessionKeys.value = new Set(selectedSessionKeys.value)
}
const selectedCount = computed(() => selectedSessionKeys.value.size)
const canSelectAll = computed(() => historySessions.value.length > 0)
const allSessionsSelected = computed(() =>
historySessions.value.length > 0 && selectedSessionKeys.value.size === historySessions.value.length
)
// Source sort order: api_server first, cron last, others alphabetical
function sourceSortKey(source: string): number {
if (source === 'api_server') return -1
@@ -380,6 +462,47 @@ async function copySessionLink(id?: string) {
}
}
function handleContextMenu(e: MouseEvent, sessionId: string) {
e.preventDefault()
contextSessionId.value = sessionId
showContextMenu.value = true
contextMenuX.value = e.clientX
contextMenuY.value = e.clientY
}
function handleClickOutside() {
showContextMenu.value = false
}
async function handleImportToWebUi(sessionId: string) {
const summary = findHistorySession(sessionId)
try {
const result = await importHermesSession(sessionId, summary?.profile || null)
if (result.ok) {
message.success(t(result.imported ? 'chat.importSessionSuccess' : 'chat.importSessionAlreadyExists'))
await loadHermesSessions()
return
}
} catch {
// Fall through to the shared failure message.
}
message.error(t('chat.importSessionFailed'))
}
async function handleContextMenuSelect(key: string) {
showContextMenu.value = false
if (!contextSessionId.value) return
if (key === 'pin') {
sessionBrowserPrefsStore.togglePinned(contextSessionId.value)
} else if (key === 'copy-link') {
await copySessionLink(contextSessionId.value)
} else if (key === 'copy-id') {
await copySessionId(contextSessionId.value)
} else if (key === 'import-webui') {
await handleImportToWebUi(contextSessionId.value)
}
}
async function handleDeleteSession(id: string, profile?: string | null) {
const summary = findHistorySession(id)
const sessionProfile = profile || summary?.profile || null
@@ -403,6 +526,58 @@ async function handleDeleteSession(id: string, profile?: string | null) {
message.success(t('chat.sessionDeleted'))
}
async function handleBatchDelete() {
if (selectedSessionKeys.value.size === 0 || isBatchDeleting.value) return
const sessionsByKey = new Map(historySessions.value.map(session => [sessionSelectionKey(session), session]))
const targets = Array.from(selectedSessionKeys.value)
.map(key => sessionsByKey.get(key))
.filter((session): session is Session => Boolean(session))
.map(session => ({ id: session.id, profile: session.profile || null }))
if (targets.length === 0) return
const activeWasSelected = historySession.value
? selectedSessionKeys.value.has(sessionSelectionKey(historySession.value))
: false
isBatchDeleting.value = true
try {
const result = await batchDeleteSessions(targets)
if (result.deleted > 0) {
for (const target of targets) {
sessionBrowserPrefsStore.removePinned(target.id)
}
await loadHermesSessions()
if (activeWasSelected || (historySessionId.value && !findHistorySession(historySessionId.value))) {
historySessionId.value = null
historySession.value = null
await openDefaultHistorySession(true)
}
message.success(t('chat.batchDeleteSuccess', { count: result.deleted }))
if (result.failed > 0) {
message.warning(t('chat.batchDeletePartial', { failed: result.failed }))
}
} else {
message.error(t('chat.batchDeleteFailed'))
}
} catch {
message.error(t('chat.batchDeleteFailed'))
} finally {
isBatchDeleting.value = false
showBatchDeleteConfirm.value = false
isBatchMode.value = false
selectedSessionKeys.value.clear()
}
}
function handleBatchDeleteConfirm() {
void handleBatchDelete()
return false
}
</script>
<template>
@@ -415,6 +590,66 @@ async function handleDeleteSession(id: string, profile?: string | null) {
<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>
</button>
<NButton
v-if="!isBatchMode"
quaternary
size="tiny"
:disabled="hermesSessions.length === 0"
:title="t('chat.toggleBatchMode')"
@click="toggleBatchMode"
>
<template #icon>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 11l3 3L22 4" />
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" />
</svg>
</template>
</NButton>
<NButton
v-if="isBatchMode"
quaternary
size="tiny"
:disabled="!canSelectAll || isBatchDeleting"
:title="allSessionsSelected ? t('common.cancel') : t('chat.selectAll')"
@click="toggleSelectAllSessions"
>
<template #icon>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 11l3 3L22 4" />
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" />
</svg>
</template>
</NButton>
<NPopconfirm
v-if="isBatchMode && selectedCount > 0"
v-model:show="showBatchDeleteConfirm"
:positive-button-props="{ loading: isBatchDeleting, disabled: isBatchDeleting }"
:negative-button-props="{ disabled: isBatchDeleting }"
@positive-click="handleBatchDeleteConfirm"
>
<template #trigger>
<NButton quaternary size="tiny" type="error" :loading="isBatchDeleting" :disabled="isBatchDeleting">
<template #icon>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="3 6 5 6 21 6" />
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
</svg>
</template>
</NButton>
</template>
{{ t('chat.confirmBatchDelete', { count: selectedCount }) }}
</NPopconfirm>
<NButton
v-if="isBatchMode"
quaternary
size="tiny"
:disabled="isBatchDeleting"
@click="toggleBatchMode"
>
<template #icon>
<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>
</template>
</NButton>
</div>
</div>
<div v-if="showSessions" class="session-scope-note">
@@ -437,9 +672,13 @@ async function handleDeleteSession(id: string, profile?: string | null) {
:pinned="true"
:can-delete="true"
:streaming="false"
:selectable="isBatchMode"
:selected="isSessionSelected(s)"
:show-profile="false"
@select="handleSessionClick(s.id, s.profile)"
@select="isBatchMode ? toggleSessionSelection(s) : handleSessionClick(s.id, s.profile)"
@contextmenu="handleContextMenu($event, s.id)"
@delete="handleDeleteSession(s.id, s.profile)"
@toggle-select="toggleSessionSelection(s)"
/>
</template>
@@ -458,15 +697,30 @@ async function handleDeleteSession(id: string, profile?: string | null) {
:pinned="false"
:can-delete="true"
:streaming="false"
:selectable="isBatchMode"
:selected="isSessionSelected(s)"
:show-profile="false"
@select="handleSessionClick(s.id, s.profile)"
@select="isBatchMode ? toggleSessionSelection(s) : handleSessionClick(s.id, s.profile)"
@contextmenu="handleContextMenu($event, s.id)"
@delete="handleDeleteSession(s.id, s.profile)"
@toggle-select="toggleSessionSelection(s)"
/>
</template>
</template>
</div>
</aside>
<NDropdown
placement="bottom-start"
trigger="manual"
:x="contextMenuX"
:y="contextMenuY"
:options="contextMenuOptions"
:show="showContextMenu"
@select="handleContextMenuSelect"
@clickoutside="handleClickOutside"
/>
<div class="chat-main">
<header class="chat-header">
<div class="header-left">
@@ -490,16 +744,6 @@ async function handleDeleteSession(id: string, profile?: string | null) {
</template>
{{ t('chat.outlineTitle') }}
</NTooltip>
<NTooltip trigger="hover">
<template #trigger>
<NButton quaternary size="small" @click="copySessionLink()" circle>
<template #icon>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
</template>
</NButton>
</template>
{{ t('chat.copySessionLink') }}
</NTooltip>
<NTooltip trigger="hover">
<template #trigger>
<NButton quaternary size="small" @click="copySessionId()" circle>