b4517581c1
- Replace inline agent state badge and card colors with state-specific CSS classes across list, board, tree, and org chart views - Add reusable AgentEmptyState with create-agent CTA and wire it into all empty agent view modes - Polish agents controls and metrics presentation in AgentsView/AgentMetricsBar with corresponding stylesheet token updates - Extend dashboard tests for agent CSS classes, metrics bar behavior, list view rendering, and mobile view coverage - Add a patch changeset for @gsxdsm/fusion describing the agent view UX improvements
29 lines
784 B
TypeScript
29 lines
784 B
TypeScript
import { Bot } from "lucide-react";
|
|
|
|
interface AgentEmptyStateProps {
|
|
title?: string;
|
|
description?: string;
|
|
ctaLabel?: string;
|
|
onCtaClick?: () => void;
|
|
}
|
|
|
|
export function AgentEmptyState({
|
|
title = "No agents found",
|
|
description = "Create an agent to get started",
|
|
ctaLabel = "Create Agent",
|
|
onCtaClick,
|
|
}: AgentEmptyStateProps) {
|
|
return (
|
|
<div className="agent-empty">
|
|
<Bot size={48} opacity={0.3} className="agent-empty-state__icon" />
|
|
<p className="agent-empty-state__title">{title}</p>
|
|
<p className="agent-empty-state__description text-secondary">{description}</p>
|
|
{onCtaClick ? (
|
|
<button type="button" className="btn btn--primary" onClick={onCtaClick}>
|
|
{ctaLabel}
|
|
</button>
|
|
) : null}
|
|
</div>
|
|
);
|
|
}
|