import * as React from "react"; import type { ThoughtChainItemProp, ThoughtChainProp } from "../../props/components/data-display.prop.js"; export type { ThoughtChainProp, ThoughtChainProp as ThoughtChainProps, ThoughtChainItemsProp, ThoughtChainItemProp, ThoughtChainItemProp as ThoughtChainItemProps, ThoughtChainStatusProp, ThoughtChainLineProp, ThoughtChainVariantProp, } from "../../props/components/data-display.prop.js"; /** * ThoughtChain — the assistant's reasoning, step by step (Ant Design X `ThoughtChain`). * * ## The shape, and why it is an `
    ` * * Ant renders the whole chain as nested `
    `s and paints the step number itself * (`index + 1` in `es/thought-chain/Node.js`). The order of the steps IS the content here — step 3 * only makes sense after step 2 — so the chain is an ordered list and a screen reader gets "list, * 4 items" plus each step's position for free. The visible ordinal stays, because the same number * has to be on screen for a sighted reader following a long chain. * * ## The disclosure is a real button * * A `collapsible` step's title in Ant is a `
    ` with a rotating chevron — no role, no * `tabIndex`, no `aria-expanded`. Here it is a `