feat(atomic) creation of agent generation steps component

[SimonMilord]

SFINT-6647

⚠️ BEFORE MERGING: Need to confirm with Mehdi's PR for steps in Headless

IN THIS PR:

• Creation of the render-agent-generation-steps functional component component
• Added rolodex-like animation
• Added unit tests
• Added 2 new labels in the locales.json for the search and thinking steps

Note about the component:

• It takes an array of AgentSteps (search, think, generate) as props

For which label to display, it follows this logic:

Selection priority:

1. Timeline-based progression (minimum display duration per step for quick updates).
   -> for example, if the search step last 400ms, it will continue to display for a minimum of 1500ms (the duration of the rolodex animation)
2. Currently active step.
3. Latest completed step by step priority.

DEMO:

Screen.Recording.2026-02-25.at.2.53.58.PM.mov

[acarpentier01]

👍

[Copilot]

Pull request overview

This PR introduces a new Atomic (Lit) functional renderer intended to display agent generation steps (search/think/generate) while a generated answer is streaming, along with supporting localization strings, styling for a rolodex-like transition, and unit tests.

Changes:

• Added new i18n keys for agent “search” and “think” generation steps.
• Added generated-answer CSS keyframes/selectors for a rolodex animation.
• Added renderAgentGenerationSteps functional component plus helper functions and unit tests.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 7 comments.

File	Description
packages/atomic/src/locales.json	Adds new localized strings for agent generation step labels.
packages/atomic/src/components/common/generated-answer/styles/generated-answer.tw.css.ts	Adds keyframes and styling hooks for the generation-steps rolodex animation.
packages/atomic/src/components/common/generated-answer/render-agent-generation-steps.ts	Introduces a new functional renderer + step-selection helpers for agent generation steps.
packages/atomic/src/components/common/generated-answer/render-agent-generation-steps.spec.ts	Adds unit tests covering rendering and step-selection behavior.