<DesignBoard title="Plan load skeleton" version={2}>
<Section id="main" title="Plan load skeleton">
<Artboard id="a" label={"Current — skeleton ↔ empty-state loop"} surface="browser">
<Screen surface="browser">

</Screen>
</Artboard>

<Artboard id="b" label={"Fixed — calm neutral skeleton"} surface="browser">
<Screen surface="browser">

</Screen>
</Artboard>
</Section>

<Annotation id="n1" title="Root cause" targetId="a" placement="bottom">

Load resolves to empty, flips to the 'HTML plan' state, refetch clears it → skeleton again. One settled state, no flip-flop.

</Annotation>

<Annotation id="n2" title="Skeleton register" targetId="b" placement="bottom">

data.skeleton:true → renderer drops borders, sketch & color. Textless bars only, sized to the real canvas + doc layout.

</Annotation>
</DesignBoard>
