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>
188 lines
5.0 KiB
TypeScript
188 lines
5.0 KiB
TypeScript
import api from "./client";
|
|
import { isMockMode } from "@/lib/mock-data";
|
|
import type {
|
|
StageTiming,
|
|
BottleneckReport,
|
|
ReworkReport,
|
|
Scorecard,
|
|
CeoScorecard,
|
|
MemberScorecard,
|
|
OrgScorecard,
|
|
TaskMetrics,
|
|
} from "@/types";
|
|
|
|
// =============================================================================
|
|
// MOCK FALLBACKS (demo / no-backend mode)
|
|
// =============================================================================
|
|
|
|
const EMPTY_BOTTLENECK: BottleneckReport = {
|
|
by_stage: [],
|
|
worst_stage: null,
|
|
active_blockers: 0,
|
|
};
|
|
|
|
const EMPTY_REWORK: ReworkReport = {
|
|
rate: 0,
|
|
total_completed: 0,
|
|
total_reworked: 0,
|
|
by_team: [],
|
|
by_agent: [],
|
|
rework_cost_usd: 0,
|
|
};
|
|
|
|
function emptyScorecard(scope: string, id: string): Scorecard {
|
|
return {
|
|
scope,
|
|
id,
|
|
name: id,
|
|
tasks_completed: 0,
|
|
avg_cycle_hours: null,
|
|
rework_rate: 0,
|
|
tokens: 0,
|
|
cost_usd: 0,
|
|
};
|
|
}
|
|
|
|
const EMPTY_CEO: CeoScorecard = {
|
|
member_kind: "ceo",
|
|
approval_p50_seconds: 0,
|
|
approval_p90_seconds: 0,
|
|
approval_count: 0,
|
|
unblock_p50_seconds: 0,
|
|
unblock_count: 0,
|
|
godmode_actions: 0,
|
|
};
|
|
|
|
function emptyMember(id: string): MemberScorecard {
|
|
return {
|
|
scope: "member",
|
|
id,
|
|
name: id,
|
|
member_kind: "agent",
|
|
tasks_completed: 0,
|
|
first_pass_yield: null,
|
|
effort_throughput_per_hour: null,
|
|
active_runtime_hours: 0,
|
|
turns: 0,
|
|
tool_calls: 0,
|
|
tokens: 0,
|
|
cost_usd: 0,
|
|
turns_per_task: null,
|
|
tool_calls_per_task: null,
|
|
revisions_caused: 0,
|
|
revisions_received: 0,
|
|
qa_pass_rate: null,
|
|
escalations: 0,
|
|
blocked_others: 0,
|
|
idle_hours: 0,
|
|
utilization: null,
|
|
includes_live_inflight: false,
|
|
};
|
|
}
|
|
|
|
function emptyOrg(team: string | null): OrgScorecard {
|
|
return {
|
|
scope: team ? "team" : "org",
|
|
team,
|
|
member_count: 0,
|
|
tasks_completed: 0,
|
|
first_pass_yield: null,
|
|
effort_throughput_per_hour: null,
|
|
active_runtime_hours: 0,
|
|
turns: 0,
|
|
tool_calls: 0,
|
|
tokens: 0,
|
|
cost_usd: 0,
|
|
revisions_caused: 0,
|
|
revisions_received: 0,
|
|
};
|
|
}
|
|
|
|
// =============================================================================
|
|
// API OBJECT
|
|
// =============================================================================
|
|
|
|
export const observabilityApi = {
|
|
/** Per-stage cycle time — GET /dashboard/metrics/cycle-time?days&team */
|
|
getCycleTime: async (days = 30, team?: string): Promise<StageTiming[]> => {
|
|
if (isMockMode()) return [];
|
|
const { data } = await api.get<StageTiming[]>(
|
|
"/dashboard/metrics/cycle-time",
|
|
{
|
|
params: { days, ...(team ? { team } : {}) },
|
|
},
|
|
);
|
|
return data;
|
|
},
|
|
|
|
/** Bottleneck distribution — GET /dashboard/metrics/bottlenecks?days */
|
|
getBottlenecks: async (days = 30): Promise<BottleneckReport> => {
|
|
if (isMockMode()) return EMPTY_BOTTLENECK;
|
|
const { data } = await api.get<BottleneckReport>(
|
|
"/dashboard/metrics/bottlenecks",
|
|
{ params: { days } },
|
|
);
|
|
return data;
|
|
},
|
|
|
|
/** Rework rate + attribution — GET /dashboard/metrics/rework?days&team */
|
|
getRework: async (days = 30, team?: string): Promise<ReworkReport> => {
|
|
if (isMockMode()) return EMPTY_REWORK;
|
|
const { data } = await api.get<ReworkReport>("/dashboard/metrics/rework", {
|
|
params: { days, ...(team ? { team } : {}) },
|
|
});
|
|
return data;
|
|
},
|
|
|
|
/** Per-cell scorecard — GET /dashboard/metrics/scorecard/team/{team}?days */
|
|
getTeamScorecard: async (team: string, days = 7): Promise<Scorecard> => {
|
|
if (isMockMode()) return emptyScorecard("cell", team);
|
|
const { data } = await api.get<Scorecard>(
|
|
`/dashboard/metrics/scorecard/team/${team}`,
|
|
{ params: { days } },
|
|
);
|
|
return data;
|
|
},
|
|
|
|
/** CEO-as-member scorecard — GET /dashboard/metrics/member/ceo?days */
|
|
getCeoScorecard: async (days = 30): Promise<CeoScorecard> => {
|
|
if (isMockMode()) return EMPTY_CEO;
|
|
const { data } = await api.get<CeoScorecard>(
|
|
"/dashboard/metrics/member/ceo",
|
|
{ params: { days } },
|
|
);
|
|
return data;
|
|
},
|
|
|
|
/** Per-member rollup scorecard — GET /dashboard/metrics/member/{id}?days */
|
|
getMemberScorecard: async (
|
|
agentId: string,
|
|
days = 30,
|
|
): Promise<MemberScorecard> => {
|
|
if (isMockMode()) return emptyMember(agentId);
|
|
const { data } = await api.get<MemberScorecard>(
|
|
`/dashboard/metrics/member/${agentId}`,
|
|
{ params: { days } },
|
|
);
|
|
return data;
|
|
},
|
|
|
|
/** Org / team rollup — GET /dashboard/metrics/org?team&days */
|
|
getOrgScorecard: async (days = 30, team?: string): Promise<OrgScorecard> => {
|
|
if (isMockMode()) return emptyOrg(team ?? null);
|
|
const { data } = await api.get<OrgScorecard>("/dashboard/metrics/org", {
|
|
params: { days, ...(team ? { team } : {}) },
|
|
});
|
|
return data;
|
|
},
|
|
|
|
/** Granular per-task metrics — GET /dashboard/metrics/task/{id} */
|
|
getTaskMetrics: async (taskId: string): Promise<TaskMetrics | null> => {
|
|
if (isMockMode()) return null;
|
|
const { data } = await api.get<TaskMetrics>(
|
|
`/dashboard/metrics/task/${taskId}`,
|
|
);
|
|
return data;
|
|
},
|
|
};
|