hanh.tonguyen/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Overhaul UI with shadcn components and new pages

Browse Source 
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>
This commit is contained in:
Forgotten
2026-02-17 09:07:32 -06:00
parent abadd469bc
commit 22e7930d0b
40 changed files with 1555 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
ui/src/components/StatusBadge.tsx
View File

@@ -1,16 +1,27 @@
import { cn } from "../lib/utils";
const statusColors: Record<string, string> = {
active: "bg-green-100 text-green-800",
idle: "bg-yellow-100 text-yellow-800",
offline: "bg-gray-100 text-gray-600",
error: "bg-red-100 text-red-800",
backlog: "bg-gray-100 text-gray-600",
todo: "bg-blue-100 text-blue-800",
in_progress: "bg-indigo-100 text-indigo-800",
in_review: "bg-purple-100 text-purple-800",
done: "bg-green-100 text-green-800",
cancelled: "bg-gray-100 text-gray-500",
active: "bg-green-900/50 text-green-300",
running: "bg-cyan-900/50 text-cyan-300",
paused: "bg-orange-900/50 text-orange-300",
idle: "bg-yellow-900/50 text-yellow-300",
archived: "bg-neutral-800 text-neutral-400",
planned: "bg-neutral-800 text-neutral-400",
achieved: "bg-green-900/50 text-green-300",
completed: "bg-green-900/50 text-green-300",
failed: "bg-red-900/50 text-red-300",
succeeded: "bg-green-900/50 text-green-300",
error: "bg-red-900/50 text-red-300",
backlog: "bg-neutral-800 text-neutral-400",
todo: "bg-blue-900/50 text-blue-300",
in_progress: "bg-indigo-900/50 text-indigo-300",
in_review: "bg-violet-900/50 text-violet-300",
blocked: "bg-amber-900/50 text-amber-300",
done: "bg-green-900/50 text-green-300",
cancelled: "bg-neutral-800 text-neutral-500",
pending: "bg-yellow-900/50 text-yellow-300",
approved: "bg-green-900/50 text-green-300",
rejected: "bg-red-900/50 text-red-300",
};
export function StatusBadge({ status }: { status: string }) {
@@ -18,7 +29,7 @@ export function StatusBadge({ status }: { status: string }) {
<span
className={cn(
"inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",
statusColors[status] ?? "bg-gray-100 text-gray-600"
statusColors[status] ?? "bg-neutral-800 text-neutral-400"
)}
>
{status.replace("_", " ")}