Function AgentCard

ui/src/components/AgentCard.tsx:37–209

({ agentResponse, onAgentsChanged }: AgentCardProps)

}

export function AgentCard({ agentResponse, onAgentsChanged }: AgentCardProps) {
  const { agent, model, modelProvider, deploymentReady, accepted } = agentResponse;
  const router = useRouter();
  const [memoriesOpen, setMemoriesOpen] = useState(false);
  const [deleteOpen, setDeleteOpen] = useState(false);

  const agentHarness = isAgentHarness(agentResponse);
  const harnessBackend = getAgentHarnessBackend(agentResponse);
  const harnessRuntime = getAgentHarnessRuntime(agentResponse);

  const agentRef = k8sRefUtils.toRef(
    agent.metadata.namespace || '',
    agent.metadata.name || ''
  );

  const isBYO = agent.spec?.type === "BYO";
  const byoImage = isBYO ? agent.spec?.byo?.deployment?.image : undefined;
  const isReady = accepted && deploymentReady;

  const handleEditClick = (e: React.MouseEvent) => {
    e.preventDefault();
    e.stopPropagation();
    router.push(`/agents/new?edit=true&name=${agent.metadata.name}&namespace=${agent.metadata.namespace}`);
  };

  const getStatusInfo = () => {
    if (!accepted) {
      return {
        message: "Agent not Accepted",
        className:"bg-red-500/10 text-red-600 dark:text-red-500"
      };
    }
    if (!deploymentReady) {
      return {
        message: "Agent not Ready",
        className:"bg-yellow-400/30 text-yellow-800 dark:bg-yellow-500/40 dark:text-yellow-200"
      };
    }
    return null;
  };

  const statusInfo = getStatusInfo();

  const cardContent = (
    <Card className={cn(
      "group relative transition-all duration-200 overflow-hidden min-h-[200px]",
      isReady
        ? 'cursor-pointer hover:border-primary hover:shadow-md'
        : 'cursor-default'
    )}>
      <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-2 relative z-30">
        <CardTitle className="flex items-center gap-2 flex-1 min-w-0">
          {agentHarness ? (
            <span
              className="inline-flex h-5 w-5 flex-shrink-0 items-center justify-center text-lg leading-none"
              aria-hidden
              title={
                harnessBackend