Function AgentWarningTooltip

site/src/modules/resources/AgentStatus.tsx:52–87

({
	ariaLabel,
	title,
	detail,
	troubleshootingURL,
	variant = "warning",
})

 * optional troubleshooting link.
 */
const AgentWarningTooltip: FC<AgentWarningTooltipProps> = ({
	ariaLabel,
	title,
	detail,
	troubleshootingURL,
	variant = "warning",
}) => {
	return (
		<HelpPopover>
			<HelpPopoverTrigger asChild role="status" aria-label={ariaLabel}>
				<TriangleAlertIcon
					className={cn(
						"relative size-3.5",
						variant === "warning"
							? "text-content-warning"
							: "text-content-destructive",
					)}
				/>
			</HelpPopoverTrigger>
			<HelpPopoverContent>
				<HelpPopoverTitle>{title}</HelpPopoverTitle>
				<HelpPopoverText>
					{detail}
					{troubleshootingURL && (
						<>
							{" "}
							<Link target="_blank" rel="noreferrer" href={troubleshootingURL}>
								Troubleshoot
							</Link>
						</>
					)}
				</HelpPopoverText>
			</HelpPopoverContent>
		</HelpPopover>
	);
};

const ReadyLifecycle: FC = () => {
	return (