Reference · NPL

`<npl-cot>`

NPL element

Each step is listed in order, with the final answer at the end. The list uses a plain details box, so it works even with JavaScript off.

Shows the steps of a chain of thought, folded up until the reader opens them. Each step is listed in order, with the final answer at the end. The list uses a plain details box, so it works even with JavaScript off. Absent ⇒ the block starts expanded; present ⇒ it starts collapsed. Sets the **initial** open state of the native details; the user's own toggling is never re-forced. The runtime mirrors the boolean to `data-collapsed` (`"true"`/`"false"`) in `updated()` via afterParse — a write for CSS/extraction parity, never an input (the component reads the bare attribute only, like the sem tier's `collapsed`); the mirror is deferred past parse so a sem-source snapshot never sees runtime writes.

per the global attribute catalog (conventions.md §2)

Children

<sem-step>
<outcome>

Example

npl-cot.html

source

              
              <npl-cot>
            
                <sem-step>Pull the failing test's log lines for the window.</sem-step>
            
                <sem-step>The 502s cluster in one 30-second span, not across the hour.</sem-step>
            
                <div outcome>The upstream proxy restarted mid-window; retry, not a code fault.</div>
            
              </npl-cot>
            
              <npl-cot collapsed>
            
                <sem-step>Diff the two schema snapshots column by column.</sem-step>
            
                <sem-step>Only the column order differs; no column was dropped.</sem-step>
            
                <div outcome>Additive change; safe to migrate without a rollback.</div>
            
              </npl-cot>

render

Live render boots with JavaScript — the authored source is alongside.

Source: spec/schema/npl/cot.md