mimic ChatGPT o1 *Reasoning* animations and gpt-4o *Searching the web* animations. 1. *Reasoning*: - Upon search, we get a *Reasoning* text 2. The text in the Reasoning 3. After the complete response, the *Reasoning* text turns into "Reasoned about x for x seconds" 4. Updates come in quoted format, title (bold), below that, the text explaining the reasoning step. 5. In the Reasoning text position, as soon as updates come in, the reasoning section title replaces it. 2. *Searching the web* - Upon search, we get a *Searching the web* text with a skeleton like wave highlight animation - Three rounded favicons appear one by one to the left of that - "Recent aviation incidents have raised concerns about air travel safety. Here is a summary of notable events:" - Each paragraph has one citation. It's the domain in a small button. Click takes to url, while hover shows citation information: rounded favicon in line with domain at the top, the title below it, and below that in a gray, the seendate em-dash (—) sentence ... - Each paragraph is focused on one event - at the bottom, we have a brief title encapsulating all the titles, below, we have the same format as above except no em-dash or sentence - Below that, we have a button, *Sources*, followed by the three slightly overlapping citation favicons (as many as there are citations) - Upon click we get a *Citations* component that pushes or squishes the summary text that was previously centered to the left, and it contains all the citations, in the same format as the hover. In line with the Citations title, to the right, there is an x that closes it. There's a divider below the Citations title. - Below that, we have a More title, divider, with the other top articles (in the same format). - In the citations component, all citations are buttons, hover only highlights as such (no extra tips) - The only visual difference between hovering over a citation in the response vs how they look in the Citations component is that the title is bolded in the Citations component - *Deep research*: - ...