Got the roleplay working inside another feature end to end, then spent a long session fixing a fiddly read-only preview.
- The problem
- Embedding the existing roleplay editor read-only inside a different page surfaced a string of layout bugs: an empty canvas, an expand button that did nothing, panels that felt glued to the canvas, and editable-looking controls in a read-only view.
- What I pushed back on
- The biggest correction: Claude had built the settings panels inside the editor component; I said they belong to the host page instead, and that one call explained a whole cluster of symptoms. When it kept making confident styling tweaks that did not work, I told it to stop and reassess rather than keep guessing.
- What Claude pushed back on
- Once I told it to stop guessing, Claude found the real cause of the empty canvas: a height that collapsed to zero when the component was embedded in a different layout. The fix let height flow naturally instead of relying on percentages.
- Learning
- Decide which component owns a piece of UI before worrying about its layout: a panel that belongs to the host page should live in the host, or you inherit all of the reused child's coupling. And stop guessing, pause, reassess is usually faster than another confident tweak.