-
- {t(col.labelKey)}
-
+ {t(col.labelKey)}
+
{colTasks.length}
@@ -77,7 +69,7 @@ export function KanbanBoard({ tasks, agents, runs, onSelectTask }: KanbanProps)
key={task.id}
type="button"
onClick={() => onSelectTask(task.id)}
- className={`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-lg border border-l-[3px] border-border bg-card px-3 py-2.5 text-left transition duration-150 hover:shadow-sm ${priorityColors[task.priority] ?? ""}`}
+ className="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-lg border border-border bg-card px-3 py-2.5 text-left transition duration-150 hover:bg-muted/40"
>
{task.title}
@@ -90,14 +82,14 @@ export function KanbanBoard({ tasks, agents, runs, onSelectTask }: KanbanProps)
{t("kanban.unassigned")}
)}
{isRunning ? (
-
-
+
+
{t("kanban.running")}
) : null}
{task.priority === "critical" || task.priority === "high" ? (
-
+
{task.priority === "critical" ? t("kanban.priority.critical") : t("kanban.priority.high")}
) : null}
diff --git a/src/renderer/components/dashboard/MetricsGrid.tsx b/src/renderer/components/dashboard/MetricsGrid.tsx
index 7405410c..ba3e06bb 100644
--- a/src/renderer/components/dashboard/MetricsGrid.tsx
+++ b/src/renderer/components/dashboard/MetricsGrid.tsx
@@ -5,52 +5,27 @@ export function MetricCard({
label,
value,
icon: Icon,
- tone = "default",
onClick,
subtitle,
}: {
label: string;
value: string | number;
icon: React.ElementType;
- tone?: "default" | "success" | "warn" | "danger" | "accent";
onClick?: () => void;
subtitle?: string;
}) {
- const toneMap = {
- default: "text-foreground",
- success: "text-success",
- warn: "text-warning",
- danger: "text-destructive",
- accent: "text-primary",
- };
- const bgMap = {
- default: "bg-muted",
- success: "bg-success-muted",
- warn: "bg-warning-muted",
- danger: "bg-destructive-muted",
- accent: "bg-accent",
- };
-
- const borderMap = {
- default: "border-l-transparent",
- success: "border-l-[color:var(--success)]",
- warn: "border-l-[color:var(--warning)]",
- danger: "border-l-[color:var(--destructive)]",
- accent: "border-l-[color:var(--primary)]",
- };
-
return (