i/Aether
1
0
Fork 0
mirror of https://github.com/fawney19/Aether.git synced 2026-09-02 17:30:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Show only client family in usage client column

Browse Source
This commit is contained in:
RWDai
2026-05-18 00:46:41 +08:00
parent 0a62e4bc77
commit 26900c8c9e
1 changed files with 7 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/features/usage/components/UsageRecordsTable.vue
View File

@@ -798,22 +798,14 @@
<TableCell <TableCell
v-if="isColumnVisible('client_family')" v-if="isColumnVisible('client_family')"
class="py-4 w-[12%] text-xs" class="py-4 w-[12%] text-xs"
:title="getClientTitle(record)" :title="formatClientFamily(record.client_family)"
> >
<div class="flex min-w-0 flex-col gap-0.5"> <Badge
<Badge variant="outline"
variant="outline" class="w-fit max-w-full border-border/60 text-muted-foreground"
class="w-fit max-w-full border-border/60 text-muted-foreground" >
> <span class="truncate">{{ formatClientFamily(record.client_family) }}</span>
<span class="truncate">{{ getClientDisplayName(record) }}</span> </Badge>
</Badge>
<span
v-if="record.client_ip"
class="truncate text-[11px] text-muted-foreground"
>
{{ record.client_ip }}
</span>
</div>
</TableCell> </TableCell>
<TableCell <TableCell
v-if="isColumnVisible('client_ip')" v-if="isColumnVisible('client_ip')"
@@ -1125,36 +1117,6 @@ function formatClientFamily(value: string | null | undefined): string {
return value?.trim() || '-' return value?.trim() || '-'
} }
function formatClientFromUserAgent(value: string | null | undefined): string | null {
const userAgent = value?.trim()
if (!userAgent) return null
const normalized = userAgent.toLowerCase()
if (normalized.startsWith('codex_vscode')) return 'Codex VS Code'
if (normalized.startsWith('codex')) return 'Codex'
if (normalized.includes('claude-code') || normalized.includes('claude_code')) return 'Claude Code'
if (normalized.includes('opencode')) return 'OpenCode'
if (normalized.includes('geminicli') || normalized.includes('gemini-cli')) return 'Gemini CLI'
const product = userAgent.split(/[\s/]/)[0]?.trim()
return product || null
}
function getClientDisplayName(record: UsageRecord): string {
const family = formatClientFamily(record.client_family)
if (family !== '-') return family
return formatClientFromUserAgent(record.user_agent) || record.client_ip?.trim() || '-'
}
function getClientTitle(record: UsageRecord): string {
const details = [
record.client_family?.trim() ? `客户端: ${formatClientFamily(record.client_family)}` : null,
record.client_ip?.trim() ? `IP: ${record.client_ip.trim()}` : null,
record.user_agent?.trim() ? `User-Agent: ${record.user_agent.trim()}` : null,
].filter((detail): detail is string => Boolean(detail))
return details.length > 0 ? details.join('\n') : '-'
}
const clientFamilyFilterOptions = computed<FilterOption[]>(() => { const clientFamilyFilterOptions = computed<FilterOption[]>(() => {
const families = new Set<string>(props.availableClientFamilies) const families = new Set<string>(props.availableClientFamilies)
props.records.forEach((record) => { props.records.forEach((record) => {