Overhaul UI with shadcn components and new pages
Add shadcn/ui components (badge, button, card, input, select,
separator). Add company context provider. New pages: Activity,
Approvals, Companies, Costs, Org chart. Restyle existing pages
(Dashboard, Agents, Issues, Goals, Projects) with shadcn components
and dark theme. Update layout, sidebar navigation, and routing.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-17 09:07:32 -06:00
|
|
|
import { type ClassValue, clsx } from "clsx";
|
|
|
|
|
import { twMerge } from "tailwind-merge";
|
|
|
|
|
|
|
|
|
|
export function cn(...inputs: ClassValue[]) {
|
|
|
|
|
return twMerge(clsx(inputs));
|
2026-02-16 13:32:04 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function formatCents(cents: number): string {
|
|
|
|
|
return `$${(cents / 100).toFixed(2)}`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function formatDate(date: Date | string): string {
|
|
|
|
|
return new Date(date).toLocaleDateString("en-US", {
|
|
|
|
|
month: "short",
|
|
|
|
|
day: "numeric",
|
|
|
|
|
year: "numeric",
|
|
|
|
|
});
|
|
|
|
|
}
|
Build out agent management UI: detail page, create dialog, list view
Add NewAgentDialog for creating agents with adapter config. Expand
AgentDetail page with tabbed view (overview, runs, config, logs),
run history timeline, and live status. Enhance Agents list page with
richer cards and filtering. Update AgentProperties panel, API client,
query keys, and utility helpers.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-17 12:33:04 -06:00
|
|
|
|
|
|
|
|
export function relativeTime(date: Date | string): string {
|
|
|
|
|
const now = Date.now();
|
|
|
|
|
const then = new Date(date).getTime();
|
|
|
|
|
const diffSec = Math.round((now - then) / 1000);
|
|
|
|
|
if (diffSec < 60) return "just now";
|
|
|
|
|
const diffMin = Math.round(diffSec / 60);
|
|
|
|
|
if (diffMin < 60) return `${diffMin}m ago`;
|
|
|
|
|
const diffHr = Math.round(diffMin / 60);
|
|
|
|
|
if (diffHr < 24) return `${diffHr}h ago`;
|
|
|
|
|
const diffDay = Math.round(diffHr / 24);
|
|
|
|
|
if (diffDay < 30) return `${diffDay}d ago`;
|
|
|
|
|
return formatDate(date);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function formatTokens(n: number): string {
|
|
|
|
|
if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
|
|
|
|
|
if (n >= 1_000) return `${(n / 1_000).toFixed(1)}k`;
|
|
|
|
|
return String(n);
|
|
|
|
|
}
|
2026-02-20 16:04:05 -06:00
|
|
|
|
|
|
|
|
/** Build an issue URL using the human-readable identifier when available. */
|
|
|
|
|
export function issueUrl(issue: { id: string; identifier?: string | null }): string {
|
|
|
|
|
return `/issues/${issue.identifier ?? issue.id}`;
|
|
|
|
|
}
|