feat: add profile management page with full CRUD UI

- Add frontend API layer, Pinia store, and 5 components (ProfileCard, ProfilesPanel, ProfileCreateModal, ProfileRenameModal, ProfileImportModal) - Add ProfilesView page with card grid layout and expandable details - Modify export endpoint to stream file as browser download instead of returning server path - Add sidebar nav entry, router route, and i18n translations (en/zh) - Support create, rename, delete, switch (with gateway restart), export, and import profiles Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-16 09:40:25 +08:00
parent 57ef171dda
commit 04b80a616e
13 changed files with 1081 additions and 4 deletions
@@ -0,0 +1,113 @@
+import { request, getBaseUrlValue, getApiKey } from '../client'
+
+export interface HermesProfile {
+  name: string
+  active: boolean
+  model: string
+  gateway: string
+  alias: string
+}
+
+export interface HermesProfileDetail {
+  name: string
+  path: string
+  model: string
+  provider: string
+  gateway: string
+  skills: number
+  hasEnv: boolean
+  hasSoulMd: boolean
+}
+
+export async function fetchProfiles(): Promise<HermesProfile[]> {
+  const res = await request<{ profiles: HermesProfile[] }>('/api/hermes/profiles')
+  return res.profiles
+}
+
+export async function fetchProfileDetail(name: string): Promise<HermesProfileDetail> {
+  const res = await request<{ profile: HermesProfileDetail }>(`/api/hermes/profiles/${encodeURIComponent(name)}`)
+  return res.profile
+}
+
+export async function createProfile(name: string, clone?: boolean): Promise<boolean> {
+  try {
+    await request('/api/hermes/profiles', {
+      method: 'POST',
+      body: JSON.stringify({ name, clone }),
+    })
+    return true
+  } catch {
+    return false
+  }
+}
+
+export async function deleteProfile(name: string): Promise<boolean> {
+  try {
+    await request(`/api/hermes/profiles/${encodeURIComponent(name)}`, { method: 'DELETE' })
+    return true
+  } catch {
+    return false
+  }
+}
+
+export async function renameProfile(name: string, newName: string): Promise<boolean> {
+  try {
+    await request(`/api/hermes/profiles/${encodeURIComponent(name)}/rename`, {
+      method: 'POST',
+      body: JSON.stringify({ new_name: newName }),
+    })
+    return true
+  } catch {
+    return false
+  }
+}
+
+export async function switchProfile(name: string): Promise<boolean> {
+  try {
+    await request('/api/hermes/profiles/active', {
+      method: 'PUT',
+      body: JSON.stringify({ name }),
+    })
+    return true
+  } catch {
+    return false
+  }
+}
+
+export async function exportProfile(name: string): Promise<boolean> {
+  try {
+    const baseUrl = getBaseUrlValue()
+    const token = getApiKey()
+    const headers: Record<string, string> = {}
+    if (token) headers['Authorization'] = `Bearer ${token}`
+
+    const res = await fetch(`${baseUrl}/api/hermes/profiles/${encodeURIComponent(name)}/export`, {
+      method: 'POST',
+      headers,
+    })
+    if (!res.ok) throw new Error()
+
+    const blob = await res.blob()
+    const url = URL.createObjectURL(blob)
+    const a = document.createElement('a')
+    a.href = url
+    a.download = `hermes-profile-${name}.tar.gz`
+    a.click()
+    URL.revokeObjectURL(url)
+    return true
+  } catch {
+    return false
+  }
+}
+
+export async function importProfile(archive: string, name?: string): Promise<boolean> {
+  try {
+    await request('/api/hermes/profiles/import', {
+      method: 'POST',
+      body: JSON.stringify({ archive, name }),
+    })
+    return true
+  } catch {
+    return false
+  }
+}