mirror of
https://github.com/wu736139669/hapi.git
synced 2026-08-07 06:52:28 +00:00
* refactor(web): export formatDuration for reuse * feat(web): show tool call duration in the detail dialog Show a completed tool's execution duration at the top of its detail dialog. The value is derived from the Claude entry's own timestamps (the execution machine's wall clock) rather than the hub's message-receive time, and is used only when both the tool_use and tool_result entries carry a real timestamp — otherwise it falls back to the hub receive times on both sides, so the two clocks are never mixed. Running/pending tools show nothing, the running-state live timer is unchanged, and clock skew is guarded against. Reuses the existing formatDuration formatter. No schema changes. * fix(web): backfill hub startedAt on reorder so duration isn't 0.0s When a tool_result entry is reduced before its tool_use, the tool block is created from the result, so the hub startedAt is the result receive time. The tool_use path only lowered the exec start, not the hub startedAt, so a timestamp-less pair (no exec duration available) fell back to startedAt === completedAt and the detail dialog showed 0.0s. Lower the hub startedAt to the earlier tool_use receive time as well.
203 lines
7.2 KiB
TypeScript
203 lines
7.2 KiB
TypeScript
import type { AgentState } from '@/types/api'
|
|
import type { ChatBlock, ChatToolCall, NormalizedMessage, ToolCallBlock, ToolPermission, UsageData } from '@/chat/types'
|
|
|
|
export type PermissionEntry = {
|
|
toolName: string
|
|
input: unknown
|
|
permission: ToolPermission
|
|
}
|
|
|
|
export function getPermissions(agentState: AgentState | null | undefined): Map<string, PermissionEntry> {
|
|
const map = new Map<string, PermissionEntry>()
|
|
|
|
const completed = agentState?.completedRequests ?? null
|
|
if (completed) {
|
|
for (const [id, entry] of Object.entries(completed)) {
|
|
map.set(id, {
|
|
toolName: entry.tool,
|
|
input: entry.arguments,
|
|
permission: {
|
|
id,
|
|
status: entry.status,
|
|
reason: entry.reason ?? undefined,
|
|
mode: entry.mode ?? undefined,
|
|
decision: entry.decision ?? undefined,
|
|
allowedTools: entry.allowTools,
|
|
answers: entry.answers,
|
|
createdAt: entry.createdAt ?? null,
|
|
completedAt: entry.completedAt ?? null
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
const requests = agentState?.requests ?? null
|
|
if (requests) {
|
|
for (const [id, request] of Object.entries(requests)) {
|
|
if (map.has(id)) continue
|
|
map.set(id, {
|
|
toolName: request.tool,
|
|
input: request.arguments,
|
|
permission: {
|
|
id,
|
|
status: 'pending',
|
|
createdAt: request.createdAt ?? null
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
return map
|
|
}
|
|
|
|
export function ensureToolBlock(
|
|
blocks: ChatBlock[],
|
|
toolBlocksById: Map<string, ToolCallBlock>,
|
|
id: string,
|
|
seed: {
|
|
createdAt: number
|
|
invokedAt?: number | null
|
|
durationMs?: number
|
|
usage?: UsageData
|
|
model?: string | null
|
|
localId: string | null
|
|
meta?: unknown
|
|
name: string
|
|
input: unknown
|
|
description: string | null
|
|
permission?: ToolPermission
|
|
/** Claude entry execution-machine timestamp for the tool_use, if known (see `ChatToolCall.execStartedAt`). */
|
|
agentTimestamp?: number | null
|
|
}
|
|
): ToolCallBlock {
|
|
const existing = toolBlocksById.get(id)
|
|
if (existing) {
|
|
const isPlaceholderToolName = (name: string): boolean => {
|
|
const normalized = name.trim().toLowerCase()
|
|
return normalized === '' || normalized === 'tool' || normalized === 'unknown'
|
|
}
|
|
|
|
// Preserve earliest createdAt for stable ordering.
|
|
if (seed.createdAt < existing.createdAt) {
|
|
existing.createdAt = seed.createdAt
|
|
existing.tool = { ...existing.tool, createdAt: seed.createdAt }
|
|
}
|
|
if (seed.permission) {
|
|
const nextPermission = { ...existing.tool.permission, ...seed.permission }
|
|
let nextState = existing.tool.state
|
|
if (existing.tool.state === 'running' && seed.permission.status === 'pending') {
|
|
nextState = 'pending'
|
|
}
|
|
existing.tool = { ...existing.tool, permission: nextPermission, state: nextState }
|
|
}
|
|
if (seed.name && (!isPlaceholderToolName(seed.name) || isPlaceholderToolName(existing.tool.name))) {
|
|
existing.tool = { ...existing.tool, name: seed.name }
|
|
}
|
|
if (seed.input !== null && seed.input !== undefined) {
|
|
existing.tool = { ...existing.tool, input: seed.input }
|
|
}
|
|
if (seed.description !== null) {
|
|
existing.tool = { ...existing.tool, description: seed.description }
|
|
}
|
|
// The first call (tool_use) records when the tool was invoked. The
|
|
// second call (tool_result) carries the result message's invokedAt,
|
|
// which is when the result was processed — not when the tool was
|
|
// invoked. Preserve the original timestamp so the metadata footer
|
|
// still answers "when was this tool invoked?" correctly.
|
|
if (seed.invokedAt !== undefined && existing.invokedAt == null) {
|
|
existing.invokedAt = seed.invokedAt
|
|
}
|
|
if (seed.durationMs !== undefined) {
|
|
existing.durationMs = seed.durationMs
|
|
}
|
|
if (seed.usage !== undefined) {
|
|
existing.usage = seed.usage
|
|
}
|
|
if (seed.model !== undefined) {
|
|
existing.model = seed.model
|
|
}
|
|
return existing
|
|
}
|
|
|
|
const initialState: ChatToolCall['state'] = seed.permission?.status === 'pending'
|
|
? 'pending'
|
|
: seed.permission?.status === 'denied' || seed.permission?.status === 'canceled'
|
|
? 'error'
|
|
: 'running'
|
|
|
|
const tool: ChatToolCall = {
|
|
id,
|
|
name: seed.name,
|
|
state: initialState,
|
|
input: seed.input,
|
|
createdAt: seed.createdAt,
|
|
startedAt: initialState === 'running' ? seed.createdAt : null,
|
|
completedAt: null,
|
|
// Exec start is only ever a real Claude entry timestamp (never the hub
|
|
// receive time). Null keeps the tool on the hub-time fallback in
|
|
// toolDurationMs; the tool_use path backfills the real value.
|
|
execStartedAt: initialState === 'running' ? (seed.agentTimestamp ?? null) : null,
|
|
execCompletedAt: null,
|
|
description: seed.description,
|
|
permission: seed.permission
|
|
}
|
|
|
|
const block: ToolCallBlock = {
|
|
kind: 'tool-call',
|
|
id,
|
|
localId: seed.localId,
|
|
createdAt: seed.createdAt,
|
|
invokedAt: seed.invokedAt,
|
|
durationMs: seed.durationMs,
|
|
usage: seed.usage,
|
|
model: seed.model,
|
|
tool,
|
|
children: [],
|
|
meta: seed.meta
|
|
}
|
|
|
|
toolBlocksById.set(id, block)
|
|
blocks.push(block)
|
|
return block
|
|
}
|
|
|
|
export function collectToolIdsFromMessages(messages: NormalizedMessage[]): Set<string> {
|
|
const ids = new Set<string>()
|
|
for (const msg of messages) {
|
|
if (msg.role !== 'agent') continue
|
|
for (const content of msg.content) {
|
|
if (content.type === 'tool-call') {
|
|
ids.add(content.id)
|
|
} else if (content.type === 'tool-result') {
|
|
ids.add(content.tool_use_id)
|
|
}
|
|
}
|
|
}
|
|
return ids
|
|
}
|
|
|
|
export function isChangeTitleToolName(name: string): boolean {
|
|
return name === 'mcp__hapi__change_title' || name === 'hapi__change_title'
|
|
}
|
|
|
|
export function extractTitleFromChangeTitleInput(input: unknown): string | null {
|
|
if (!input || typeof input !== 'object') return null
|
|
const title = (input as { title?: unknown }).title
|
|
return typeof title === 'string' && title.trim().length > 0 ? title.trim() : null
|
|
}
|
|
|
|
export function collectTitleChanges(messages: NormalizedMessage[]): Map<string, string> {
|
|
const map = new Map<string, string>()
|
|
for (const msg of messages) {
|
|
if (msg.role !== 'agent') continue
|
|
for (const content of msg.content) {
|
|
if (content.type !== 'tool-call') continue
|
|
if (!isChangeTitleToolName(content.name)) continue
|
|
const title = extractTitleFromChangeTitleInput(content.input)
|
|
if (!title) continue
|
|
map.set(content.id, title)
|
|
}
|
|
}
|
|
return map
|
|
}
|