All checks were successful
G12 Leak-Guard / leak-guard (pull_request) Successful in 5s
Surfaces the 5-hour / weekly / weekly-Opus utilization the Claude Code status bar shows — the authoritative number, not a token estimate. Design approved via the Claude Design gate (card 02c-operations-usage.html). Three layers: - court-fetch-service (host bridge): new GET /usage reads the OAuth token from ~/.claude/.credentials.json and proxies /api/oauth/usage with the required claude-code User-Agent. Read-only, no auth (like /pm2). Host-only — the token never enters the container. - web/app.py: _ops_subscription_usage() proxies the bridge /usage; the /api/operations snapshot gains a `subscription_usage` field (null when the undocumented endpoint is unreachable). - web-ui: SubscriptionUsagePanel renders three meters (label · % · bar · reset) at the top of /operations; bar turns amber >75% / red >90%; hidden when usage is null. Types added to operations.ts (hand-maintained snapshot type). Also fixes a pre-existing react/no-unescaped-entities lint error in learning-panel.tsx (escaped a `"` in Hebrew text — renders identically). tsc --noEmit passes; lint error count 0. (Full next build is blocked only by the manual-worktree node_modules symlink — the Docker build has real node_modules.) Invariants: G2 (usage surfaced through the existing host bridge + /api/operations snapshot — no parallel control path). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
231 lines
7.6 KiB
TypeScript
231 lines
7.6 KiB
TypeScript
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
|
import { toast } from "sonner";
|
|
import { apiRequest } from "./client";
|
|
|
|
export type OpsService = {
|
|
name: string;
|
|
status: string;
|
|
restarts: number;
|
|
uptime_ms: number;
|
|
cpu: number;
|
|
memory_bytes: number;
|
|
cron: string;
|
|
autorestart: boolean;
|
|
disabled?: boolean; // cron drain switched off via the dashboard
|
|
burst_until?: string | null; // manual "run continuously now" window (ISO) — see useDrainBurst
|
|
};
|
|
|
|
export type CourtFetchJob = {
|
|
case_number_norm: string;
|
|
citation_raw: string;
|
|
tier: string;
|
|
status: string;
|
|
error: string;
|
|
updated_at: string;
|
|
};
|
|
|
|
export type IngestedRow = {
|
|
case_number: string;
|
|
court: string;
|
|
source_url: string;
|
|
created_at: string;
|
|
};
|
|
|
|
/** The uniform per-pipeline shape every background drain reports. */
|
|
export type PipelineStats = {
|
|
pending: number; // awaiting processing (status='pending') — not necessarily in the active queue
|
|
processing: number; // being worked right now
|
|
done: number; // completed
|
|
failed: number; // terminal failures (court_fetch folds in 'manual')
|
|
queued: number; // explicitly enqueued for the next drain run
|
|
running_now: string[]; // human labels of the items currently processing
|
|
by_status: Record<string, number>; // raw counts, for the curious
|
|
};
|
|
|
|
/** One claude.ai usage window (5-hour / weekly / weekly-per-model). */
|
|
export type UsageWindow = {
|
|
utilization: number | null; // 0-100; null when the window is inactive
|
|
resets_at: string | null;
|
|
};
|
|
|
|
/** claude.ai subscription usage — the same %s the Claude Code status bar shows,
|
|
* via the (undocumented) OAuth usage endpoint proxied by the host bridge.
|
|
* null when the endpoint is unreachable. */
|
|
export type SubscriptionUsage = {
|
|
five_hour?: UsageWindow | null;
|
|
seven_day?: UsageWindow | null;
|
|
seven_day_opus?: UsageWindow | null;
|
|
seven_day_sonnet?: UsageWindow | null;
|
|
} | null;
|
|
|
|
export type OperationsSnapshot = {
|
|
services: OpsService[];
|
|
services_error: string | null;
|
|
subscription_usage: SubscriptionUsage;
|
|
pipelines: {
|
|
court_fetch: PipelineStats & { recent: CourtFetchJob[] };
|
|
metadata_extraction: PipelineStats;
|
|
halacha_extraction: PipelineStats;
|
|
digests: PipelineStats & { total: number; linked: number };
|
|
halacha_review: { by_status: Record<string, number> };
|
|
missing_precedents: { by_status: Record<string, number> };
|
|
ingested_recent: IngestedRow[];
|
|
};
|
|
};
|
|
|
|
export function useOperations() {
|
|
return useQuery({
|
|
queryKey: ["operations"],
|
|
queryFn: ({ signal }) =>
|
|
apiRequest<OperationsSnapshot>("/api/operations", { signal }),
|
|
refetchInterval: 5000, // live view of background work
|
|
staleTime: 3000,
|
|
});
|
|
}
|
|
|
|
export type ServiceAction = "restart" | "stop" | "start" | "run-now";
|
|
|
|
/** Control a background service (daemon restart/stop/start, or run a drain now). */
|
|
export function useServiceAction() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: ({ name, action }: { name: string; action: ServiceAction }) =>
|
|
apiRequest(`/api/operations/services/${name}/${action}`, { method: "POST" }),
|
|
onSuccess: (_d, { action }) => {
|
|
const labels: Record<ServiceAction, string> = {
|
|
"run-now": "הופעל עכשיו",
|
|
restart: "הופעל מחדש",
|
|
stop: "נעצר",
|
|
start: "הופעל",
|
|
};
|
|
toast.success(labels[action]);
|
|
qc.invalidateQueries({ queryKey: ["operations"] });
|
|
},
|
|
onError: (e) => toast.error(`הפעולה נכשלה: ${String(e)}`),
|
|
});
|
|
}
|
|
|
|
/** Switch a cron drain on/off (its "startup type"). */
|
|
export function useDrainToggle() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: ({ name, disabled }: { name: string; disabled: boolean }) =>
|
|
apiRequest(`/api/operations/drains/${name}/disabled`, {
|
|
method: "POST",
|
|
body: { disabled },
|
|
}),
|
|
onSuccess: (_d, { disabled }) => {
|
|
toast.success(disabled ? "התזמון כובה" : "התזמון הופעל");
|
|
qc.invalidateQueries({ queryKey: ["operations"] });
|
|
},
|
|
onError: (e) => toast.error(`העדכון נכשל: ${String(e)}`),
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Start/stop a drain's MANUAL burst window ("run continuously now until X").
|
|
* `until` is a tz-naive local datetime string (e.g. "2026-06-13T18:00") — the
|
|
* backend interprets it as Israel time. Omit it to let the server default to the
|
|
* upcoming Saturday 18:00. The host supervisor enforces it within ≤15 min.
|
|
*/
|
|
export function useDrainBurst() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: ({ name, action, until }: { name: string; action: "on" | "off"; until?: string }) =>
|
|
apiRequest(`/api/operations/drains/${name}/burst`, {
|
|
method: "POST",
|
|
body: action === "on" ? { action, ...(until ? { until } : {}) } : { action },
|
|
}),
|
|
onSuccess: (_d, { action }) => {
|
|
toast.success(action === "on" ? "BURST הופעל" : "BURST כובה");
|
|
qc.invalidateQueries({ queryKey: ["operations"] });
|
|
},
|
|
onError: (e) => toast.error(`הפעולה נכשלה: ${String(e)}`),
|
|
});
|
|
}
|
|
|
|
// ── Live agents — which agent is working now + its output + controls ───────
|
|
|
|
export type AgentRun = {
|
|
run_id: string;
|
|
agent_id: string;
|
|
agent_name: string;
|
|
company_id: string;
|
|
company_label: string;
|
|
status: string; // running | queued | ...
|
|
invocation_source: string;
|
|
trigger_detail: string;
|
|
issue_id: string | null;
|
|
adapter_type: string;
|
|
started_at: string | null;
|
|
created_at: string | null;
|
|
last_output_at: string | null;
|
|
continuation_attempt: number;
|
|
silence_level: string; // "" | ok | suspicion | critical
|
|
silence_age_ms: number;
|
|
};
|
|
|
|
export type AgentRunsResponse = {
|
|
runs: AgentRun[];
|
|
running: number;
|
|
queued: number;
|
|
errors: string[];
|
|
};
|
|
|
|
export type RunLog = {
|
|
runId: string;
|
|
store: string;
|
|
logRef: string;
|
|
content: string; // NDJSON stream the adapter captured
|
|
};
|
|
|
|
/** Queued + running heartbeat runs across all companies. */
|
|
export function useAgentRuns() {
|
|
return useQuery({
|
|
queryKey: ["operations", "agents"],
|
|
queryFn: ({ signal }) =>
|
|
apiRequest<AgentRunsResponse>("/api/operations/agents", { signal }),
|
|
refetchInterval: 4000, // live view of who's working now
|
|
staleTime: 2000,
|
|
});
|
|
}
|
|
|
|
/** Full output log of one run — fetched on demand (drawer open). */
|
|
export function useRunLog(runId: string | null) {
|
|
return useQuery({
|
|
queryKey: ["operations", "agents", "log", runId],
|
|
queryFn: ({ signal }) =>
|
|
apiRequest<RunLog>(`/api/operations/agents/runs/${runId}/log`, { signal }),
|
|
enabled: !!runId,
|
|
refetchInterval: runId ? 4000 : false, // live tail while open
|
|
});
|
|
}
|
|
|
|
/** Gracefully cancel a queued/running run (not a raw kill). */
|
|
export function useCancelRun() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: (runId: string) =>
|
|
apiRequest(`/api/operations/agents/runs/${runId}/cancel`, { method: "POST" }),
|
|
onSuccess: () => {
|
|
toast.success("בקשת עצירה נשלחה");
|
|
qc.invalidateQueries({ queryKey: ["operations", "agents"] });
|
|
},
|
|
onError: (e) => toast.error(`העצירה נכשלה: ${String(e)}`),
|
|
});
|
|
}
|
|
|
|
/** Reset a wedged agent session so its next wakeup starts clean. */
|
|
export function useResetAgentSession() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: (agentId: string) =>
|
|
apiRequest(`/api/operations/agents/${agentId}/reset-session`, { method: "POST" }),
|
|
onSuccess: () => {
|
|
toast.success("ה-session אופס");
|
|
qc.invalidateQueries({ queryKey: ["operations", "agents"] });
|
|
},
|
|
onError: (e) => toast.error(`האיפוס נכשל: ${String(e)}`),
|
|
});
|
|
}
|