Fix status filter OR logic and add P99/active stats endpoint
Status filter now parses comma-separated values into SQL IN clause instead of exact match, so filtering by multiple statuses works. Added GET /api/v1/search/stats returning P99 latency (last hour) and active execution count, wired into the UI stat cards with 10s polling. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -2,6 +2,18 @@ import { useQuery } from '@tanstack/react-query';
|
||||
import { api } from '../client';
|
||||
import type { SearchRequest } from '../schema';
|
||||
|
||||
export function useExecutionStats() {
|
||||
return useQuery({
|
||||
queryKey: ['executions', 'stats'],
|
||||
queryFn: async () => {
|
||||
const { data, error } = await api.GET('/search/stats');
|
||||
if (error) throw new Error('Failed to load stats');
|
||||
return data!;
|
||||
},
|
||||
refetchInterval: 10_000,
|
||||
});
|
||||
}
|
||||
|
||||
export function useSearchExecutions(filters: SearchRequest) {
|
||||
return useQuery({
|
||||
queryKey: ['executions', 'search', filters],
|
||||
|
||||
16
ui/src/api/schema.d.ts
vendored
16
ui/src/api/schema.d.ts
vendored
@@ -95,6 +95,17 @@ export interface paths {
|
||||
};
|
||||
};
|
||||
};
|
||||
'/search/stats': {
|
||||
get: {
|
||||
responses: {
|
||||
200: {
|
||||
content: {
|
||||
'application/json': ExecutionStats;
|
||||
};
|
||||
};
|
||||
};
|
||||
};
|
||||
};
|
||||
'/agents': {
|
||||
get: {
|
||||
parameters: {
|
||||
@@ -181,6 +192,11 @@ export interface ProcessorNode {
|
||||
/** Processor snapshot is a flat key-value map (Map<String, String> in Java) */
|
||||
export type ProcessorSnapshot = Record<string, string>;
|
||||
|
||||
export interface ExecutionStats {
|
||||
p99LatencyMs: number;
|
||||
activeCount: number;
|
||||
}
|
||||
|
||||
export interface AgentInstance {
|
||||
agentId: string;
|
||||
group: string;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { useSearchExecutions } from '../../api/queries/executions';
|
||||
import { useSearchExecutions, useExecutionStats } from '../../api/queries/executions';
|
||||
import { useExecutionSearch } from './use-execution-search';
|
||||
import { StatCard } from '../../components/shared/StatCard';
|
||||
import { Pagination } from '../../components/shared/Pagination';
|
||||
@@ -10,6 +10,7 @@ export function ExecutionExplorer() {
|
||||
const { toSearchRequest, offset, limit, setOffset } = useExecutionSearch();
|
||||
const searchRequest = toSearchRequest();
|
||||
const { data, isLoading, isFetching } = useSearchExecutions(searchRequest);
|
||||
const { data: stats } = useExecutionStats();
|
||||
|
||||
const total = data?.total ?? 0;
|
||||
const results = data?.data ?? [];
|
||||
@@ -42,8 +43,8 @@ export function ExecutionExplorer() {
|
||||
<StatCard label="Total Matches" value={total.toLocaleString()} accent="amber" change={`from current search`} />
|
||||
<StatCard label="Avg Duration" value={`${avgDuration}ms`} accent="cyan" />
|
||||
<StatCard label="Failed (page)" value={failedCount.toString()} accent="rose" />
|
||||
<StatCard label="P99 Latency" value="--" accent="green" change="stats endpoint coming soon" />
|
||||
<StatCard label="Active Now" value="--" accent="blue" change="stats endpoint coming soon" />
|
||||
<StatCard label="P99 Latency" value={stats ? `${stats.p99LatencyMs}ms` : '--'} accent="green" change="last hour" />
|
||||
<StatCard label="Active Now" value={stats ? stats.activeCount.toString() : '--'} accent="blue" change="running executions" />
|
||||
</div>
|
||||
|
||||
{/* Filters */}
|
||||
|
||||
Reference in New Issue
Block a user