aevgarik/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: approval detail page, agent hiring UX, costs breakdown, sidebar badges, and dashboard improvements

Browse Source 
Add ApprovalDetail page with comment thread, revision request/resubmit flow,
and ApprovalPayload component for structured payload display. Extend AgentDetail
with permissions management, config revision history, and duplicate action.
Add agent hire dialog with permission-gated access. Rework Costs page with
per-agent breakdown table and period filtering. Add sidebar badge counts for
pending approvals and inbox items. Enhance Dashboard with live metrics and
sparkline trends. Extend Agents list with pending_approval status and bulk
actions. Update IssueDetail with approval linking. Various component improvements
to MetricCard, InlineEditor, CommentThread, and StatusBadge.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Forgotten
2026-02-19 13:03:08 -06:00
parent 0d73e1b407
commit 176d279403
31 changed files with 1271 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
ui/src/api/costs.ts
View File

@@ -1,4 +1,4 @@
import type { CostSummary } from "@paperclip/shared";
import type { CostSummary, CostByAgent } from "@paperclip/shared";
import { api } from "./client";
export interface CostByEntity {
@@ -9,10 +9,19 @@ export interface CostByEntity {
outputTokens: number;
}
function dateParams(from?: string, to?: string): string {
const params = new URLSearchParams();
if (from) params.set("from", from);
if (to) params.set("to", to);
const qs = params.toString();
return qs ? `?${qs}` : "";
}
export const costsApi = {
summary: (companyId: string) => api.get<CostSummary>(`/companies/${companyId}/costs/summary`),
byAgent: (companyId: string) =>
api.get<CostByEntity[]>(`/companies/${companyId}/costs/by-agent`),
byProject: (companyId: string) =>
api.get<CostByEntity[]>(`/companies/${companyId}/costs/by-project`),
summary: (companyId: string, from?: string, to?: string) =>
api.get<CostSummary>(`/companies/${companyId}/costs/summary${dateParams(from, to)}`),
byAgent: (companyId: string, from?: string, to?: string) =>
api.get<CostByAgent[]>(`/companies/${companyId}/costs/by-agent${dateParams(from, to)}`),
byProject: (companyId: string, from?: string, to?: string) =>
api.get<CostByEntity[]>(`/companies/${companyId}/costs/by-project${dateParams(from, to)}`),
};