Showcase / host composition
reasoning.tsx: native <details> chrome
(outline / ghost / muted)
wrapping escaped prose or thinking-steps. Host owns
streaming text and open state.
Let me think about this step by step…
First, I need to consider the main factors involved in this problem.
Let me think about this step by step…
First, I need to consider the main factors involved in this problem.
Let me think about this step by step…
First, I need to consider the main factors involved in this problem.
After evaluating options, prefer a solution that balances performance and maintainability…
Here is the recommendation once reasoning settles.
Deferred: streamed tokens, auto-open while active, Markdown. Compose
details + thinking-steps — compose, don’t invent
component.
<link rel="stylesheet" href="tokens.css">
<link rel="stylesheet" href="components/chat-message/chat-message.css">
<link rel="stylesheet" href="components/reasoning/reasoning.css">
<link rel="stylesheet" href="host-chrome.css">
<link rel="stylesheet" href="host-extracts.css">