sandbox-port-backlisted
Install: claude install-skill screamyx/surya
# Carry a screen change back to GPUI
## Worked example: carry the same side-padding change back
The accepted React change is `px-0.5` to `px-1` in the question-row render helper.
Before: the existing native helper shared by both specimens.
```rust
pub fn row_line(theme: &Theme, first: bool) -> Div {
div()
.flex()
.flex_col()
.gap(px(6.0))
.px(px(2.0))
.py(px(10.0))
.when(!first, |el| {
el.border_t_1().border_color(theme.border)
})
}
```
Wrong: [patch specimen](../../../sandbox/examples/port-back/wrong.mjs), `after`.
```rust
pub fn row_line(theme: &Theme, first: bool) -> Div {
div()
.flex()
.flex_row()
.items_center()
.gap(px(8.0))
.px(px(4.0))
.py(px(10.0))
.child(badge(theme, "Question", theme.warning))
.child(div().flex_1().text_color(theme.text))
.child(hint_chip(theme, "answer below"))
}
```
Right: [patch specimen](../../../sandbox/examples/port-back/right.mjs), `after`.
```rust
pub fn row_line(theme: &Theme, first: bool) -> Div {
div()
.flex()
.flex_col()
.gap(px(6.0))
.px(px(4.0))
.py(px(10.0))
.when(!first, |el| {
el.border_t_1().border_color(theme.border)
})
}
```
Rebuilding the native row from JSX drops its first-row border handling for a
change that only needs one padding call.
## Load and execute
Read [CHANGES.md](../../../sandbox/CHANGES