mirror of
https://github.com/rennf93/roboco.git
synced 2026-08-03 07:23:24 +02:00
* [870467e6] Frontend: page-scoped refresh provider, hook, and navbar button (#347) * [55376b8a] Create page-scoped refresh provider and context (#327) * [55376b8a] feat(panel): add page-scoped refresh context and provider * [55376b8a] docs(frontend): add page-refresh-provider component documentation --------- Co-authored-by: Frontend Developer 1 <fe-dev-1@roboco.tech> Co-authored-by: Frontend Documenter <fe-doc@roboco.tech> * [a0c02d0f] Add public usePageRefresh hook (#332) * [a0c02d0f] test(hooks): assert usePageRefresh is exported from hooks barrel * [a0c02d0f] feat(hooks): add public usePageRefresh hook with provider and tests * [a0c02d0f] fix(panel): move hook test wrappers to components and rename providers.tsx to unshadow barrel * [a0c02d0f] docs(panel): document usePageRefresh hook and PageRefreshProvider API --------- Co-authored-by: Frontend Developer 2 <fe-dev-2@roboco.tech> Co-authored-by: Frontend Documenter <fe-doc@roboco.tech> Co-authored-by: Renn F <rennf93@users.noreply.github.com> * [5f28dd9b] Add navbar refresh button and remove inline dashboard refresh buttons (#336) * [5f28dd9b] Align PageRefreshProvider with active hook API and remove inline dashboard refresh buttons * [5f28dd9b] Remove unused scope-keyed PageRefreshProvider, context, and associated tests * [5f28dd9b] Address QA revision: add header refresh tests, page-scoped label, remove dead provider code and .venv symlink, revert formatting-only changes * [5f28dd9b] Remove remaining inline dashboard refresh buttons and committed .venv symlink * [5f28dd9b] docs(frontend): update page-refresh provider docs and panel README for navbar refresh button * [5f28dd9b] fix(panel): remove .venv symlink, ignore root .venv entries, and thin task-detail page data fetch into useTaskDetail hook * [5f28dd9b] Extract GitBrowser data fetching into useGitBrowser hook and add tests; verify .venv cleanup and task-detail thin hook usage * [5f28dd9b] fix(panel): remove root .venv symlink, restore .gitignore anchored rule, and revert lifecycle.json formatting noise * Delete .venv --------- Co-authored-by: Frontend Developer 2 <fe-dev-2@roboco.tech> Co-authored-by: Frontend Documenter <fe-doc@roboco.tech> --------- Co-authored-by: Frontend Developer 1 <fe-dev-1@roboco.tech> Co-authored-by: Frontend Documenter <fe-doc@roboco.tech> Co-authored-by: Frontend Developer 2 <fe-dev-2@roboco.tech> Co-authored-by: Renn F <rennf93@users.noreply.github.com> * [b8e1de1b] Fix navbar refresh button disabled state when registry is empty (#356) (#358) * [b8e1de1b] fix(panel): derive navbar refresh disabled state from registry, not unused prop PageRefreshProvider now computes `disabled` from whether any refresh callback is currently registered (registry size > 0) instead of a static, never-passed `disabled` prop that left the button permanently enabled. header.tsx now destructures `disabled` from usePageRefresh() and disables the button on `disabled || loading`. Updated the tests that asserted the old always-enabled-by-default behavior and added a new header test asserting the button is disabled with zero registered callbacks. * [b8e1de1b] docs(panel): document PageRefreshProvider disabled state derived from registry Updated documentation to reflect the refactored PageRefreshProvider behavior: the `disabled` state is now derived from whether any refresh callbacks are currently registered (empty registry = disabled), rather than a static `disabled` prop. Clarified in both panel/README.md and the full component guide that the navbar refresh button disables when no callbacks are registered and when a refresh cycle is in progress. Updated API documentation to remove the now-removed `disabled` prop from PageRefreshProviderProps and updated code examples and test coverage descriptions to reflect the new callback-driven semantics. --------- Co-authored-by: Frontend Developer 1 <fe-dev-1@roboco.tech> Co-authored-by: Frontend Documenter <fe-doc@roboco.tech> * test(panel): mock usePageRefresh in tests predating the provider Merge-skew: the page-refresh feature makes CommandCenter and the agent detail page call usePageRefresh; three tests merged from master render them without the new provider. Mock the hook module, matching the files' stub-everything style. --------- Co-authored-by: Frontend Developer 1 <fe-dev-1@roboco.tech> Co-authored-by: Frontend Documenter <fe-doc@roboco.tech> Co-authored-by: Frontend Developer 2 <fe-dev-2@roboco.tech> Co-authored-by: Renn F <rennf93@users.noreply.github.com>
135 lines
4.6 KiB
TypeScript
135 lines
4.6 KiB
TypeScript
"use client";
|
|
|
|
import { useQuery } from "@tanstack/react-query";
|
|
import { observabilityApi } from "@/lib/api/observability";
|
|
import type {
|
|
StageTiming,
|
|
BottleneckReport,
|
|
ReworkReport,
|
|
Scorecard,
|
|
CeoScorecard,
|
|
MemberScorecard,
|
|
OrgScorecard,
|
|
TaskMetrics,
|
|
} from "@/types";
|
|
|
|
// =============================================================================
|
|
// QUERY KEYS
|
|
// =============================================================================
|
|
|
|
export const observabilityKeys = {
|
|
all: ["observability"] as const,
|
|
cycleTime: (days: number, team?: string) =>
|
|
[...observabilityKeys.all, "cycle-time", days, team ?? "all"] as const,
|
|
bottlenecks: (days: number) =>
|
|
[...observabilityKeys.all, "bottlenecks", days] as const,
|
|
rework: (days: number, team?: string) =>
|
|
[...observabilityKeys.all, "rework", days, team ?? "all"] as const,
|
|
teamScorecard: (team: string, days: number) =>
|
|
[...observabilityKeys.all, "scorecard", "team", team, days] as const,
|
|
ceoScorecard: (days: number) =>
|
|
[...observabilityKeys.all, "scorecard", "ceo", days] as const,
|
|
memberScorecard: (agentId: string, days: number) =>
|
|
[...observabilityKeys.all, "scorecard", "member", agentId, days] as const,
|
|
orgScorecard: (days: number, team?: string) =>
|
|
[
|
|
...observabilityKeys.all,
|
|
"scorecard",
|
|
"org",
|
|
team ?? "all",
|
|
days,
|
|
] as const,
|
|
taskMetrics: (taskId: string) =>
|
|
[...observabilityKeys.all, "task-metrics", taskId] as const,
|
|
};
|
|
|
|
// =============================================================================
|
|
// HOOKS
|
|
// =============================================================================
|
|
|
|
/** Per-stage cycle time (dwell per lifecycle status). */
|
|
export function useCycleTime(days = 30, team?: string) {
|
|
return useQuery<StageTiming[]>({
|
|
queryKey: observabilityKeys.cycleTime(days, team),
|
|
queryFn: () => observabilityApi.getCycleTime(days, team),
|
|
refetchInterval: 60_000,
|
|
});
|
|
}
|
|
|
|
/** Bottleneck distribution: cumulative dwell + live parked counts. */
|
|
export function useBottlenecks(days = 30) {
|
|
return useQuery<BottleneckReport>({
|
|
queryKey: observabilityKeys.bottlenecks(days),
|
|
queryFn: () => observabilityApi.getBottlenecks(days),
|
|
refetchInterval: 60_000,
|
|
});
|
|
}
|
|
|
|
/** Rework rate overall, by team, and by agent + cost. */
|
|
export function useRework(days = 30, team?: string) {
|
|
return useQuery<ReworkReport>({
|
|
queryKey: observabilityKeys.rework(days, team),
|
|
queryFn: () => observabilityApi.getRework(days, team),
|
|
refetchInterval: 60_000,
|
|
});
|
|
}
|
|
|
|
/** Per-cell delivery scorecard. */
|
|
export function useTeamScorecard(team: string, days = 7) {
|
|
return useQuery<Scorecard>({
|
|
queryKey: observabilityKeys.teamScorecard(team, days),
|
|
queryFn: () => observabilityApi.getTeamScorecard(team, days),
|
|
refetchInterval: 60_000,
|
|
});
|
|
}
|
|
|
|
/** The human CEO as a measured member (approval/unblock dwell + god-mode). */
|
|
export function useCeoScorecard(days = 30) {
|
|
return useQuery<CeoScorecard>({
|
|
queryKey: observabilityKeys.ceoScorecard(days),
|
|
queryFn: () => observabilityApi.getCeoScorecard(days),
|
|
refetchInterval: 60_000,
|
|
});
|
|
}
|
|
|
|
const UUID_RE =
|
|
/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
|
|
|
|
/** Only real member ids may fetch a scorecard: an agent UUID or the "ceo"
|
|
* alias. The static fallback roster carries placeholder ids ("1".."22")
|
|
* while agent definitions load — fetching those fired 22 guaranteed-422
|
|
* requests per cycle and queued the whole metrics page behind them. */
|
|
export function isScorecardMemberId(agentId: string): boolean {
|
|
return agentId === "ceo" || UUID_RE.test(agentId);
|
|
}
|
|
|
|
const SCORECARD_REFETCH_INTERVAL = 300_000;
|
|
|
|
/** Per-member rollup scorecard (+ live in-flight overlay). */
|
|
export function useMemberScorecard(agentId: string, days = 30) {
|
|
return useQuery<MemberScorecard>({
|
|
queryKey: observabilityKeys.memberScorecard(agentId, days),
|
|
queryFn: () => observabilityApi.getMemberScorecard(agentId, days),
|
|
enabled: isScorecardMemberId(agentId),
|
|
refetchInterval: SCORECARD_REFETCH_INTERVAL,
|
|
});
|
|
}
|
|
|
|
/** Org-wide (or per-cell) rollup aggregate. */
|
|
export function useOrgScorecard(days = 30, team?: string) {
|
|
return useQuery<OrgScorecard>({
|
|
queryKey: observabilityKeys.orgScorecard(days, team),
|
|
queryFn: () => observabilityApi.getOrgScorecard(days, team),
|
|
refetchInterval: SCORECARD_REFETCH_INTERVAL,
|
|
});
|
|
}
|
|
|
|
/** Granular per-task metrics (active-vs-wait drill-down). */
|
|
export function useTaskMetrics(taskId: string) {
|
|
return useQuery<TaskMetrics | null>({
|
|
queryKey: observabilityKeys.taskMetrics(taskId),
|
|
queryFn: () => observabilityApi.getTaskMetrics(taskId),
|
|
enabled: Boolean(taskId),
|
|
});
|
|
}
|