feat(native): native scrollbars, portals, layout and scroll events, fonts, and a cheaper render path

.changeset/collect-garbage-when-idle.md

@@ -0,0 +1,6 @@
+---
+'@gpuix/native': patch
+'@gpuix/react': patch
+---
+
+`collectGarbageWhenIdle()` runs one full garbage collection once the app has stopped committing for a while, so the heap of a long session comes back down after a burst of work. It watches the new `appliedBatchCount()` and the process's CPU, and returns a function that stops it.

.changeset/create-portal.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/react': minor
+---
+
+Added `createPortal(children, target)`, which mounts children into an element that is already mounted. Take `target` from a `ref`. The portal's children are appended to the target and kept in key order, so a toast layer, a drag preview or an overlay root can live in another part of the tree than the component that renders it. See "Portals" in the README.

.changeset/elements-at.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+`getElementsAt(x, y)` lists the elements under a window point, topmost first, like the DOM's `elementsFromPoint`. It clips at `overflow: hidden | scroll`, skips `pointer-events: none`, and puts a deferred `<anchored>` layer above the rest. The test renderer has it too.

.changeset/focusable-ids.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+Every frame no longer walks every element to find the ones that take focus. The tree now keeps that set up to date as props and listeners change, so an idle frame of a tree with thousands of elements costs about a third less CPU. Focus, tab order, `autoFocus`, and `onKeyDown`/`onFocus`/`onBlur` behave as before.

.changeset/highlight-search-needle.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+Typing in a find-in-page query no longer rebuilds the search for every block of text. The query is lowercased and compiled once per keystroke and shared by all the text it is matched against, so each keystroke over a long document costs a few percent less CPU. Matches are the same as before: leftmost, non-overlapping, case-insensitive by default.

.changeset/hover-ends-at-window-edge.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+Leaving the window ends hover. The `hover` style of the element the pointer last touched used to stay painted, and the cursor and tooltips stayed with it, until the pointer came back. `onMouseLeave` already fired. The test renderer gains `simulateMouseExit` and `nativeSimulateMouseExit`.

.changeset/invalidate-only-on-change.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+`applyBatch` asks the window to repaint only when the batch changed something a frame would draw. A batch that only resends the style, text, listeners or custom props an element already has no longer rebuilds and re-lays-out the whole element tree for a frame that comes out identical.

.changeset/more-css-layout-styles.md

@@ -0,0 +1,13 @@
+---
+'@gpuix/native': minor
+'@gpuix/react': minor
+'@gpuix/solid': minor
+---
+
+New styles for what gpui already draws and GPUIX did not expose:
+
+- `aspectRatio` sizes the axis that has no definite size.
+- `borderStyle: "dashed"` draws every border side dashed.
+- `boxShadow` accepts an array of shadows, and each shadow takes `inset: true`.
+- `alignItems` accepts `"stretch"` and `"baseline"`, which `alignSelf` already did.
+- `justifyContent` accepts `"space-evenly"`, which `alignContent` already did.

.changeset/native-scrollbars.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+`scrollbarColor` and `scrollbarWidth` paint a native scrollbar thumb over a container with `overflow: "scroll"`, on each axis that has more to show. The thumb follows the scroll offset in the frame it paints, with no JavaScript in the loop and no extra frame, and it takes no pointer input.

.changeset/on-layout.md

@@ -0,0 +1,9 @@
+---
+'@gpuix/native': minor
+'@gpuix/react': minor
+'@gpuix/solid': minor
+---
+
+`onLayout` on `<div>` and `<text>` reports the element's border box after its first paint and each time its size changes, with no polling of `getElementBounds`. The event payload gains `width` and `height`.
+
+`visibility: "hidden"` elements have never reported bounds, because gpui paints nothing for them and nothing inside them. The canvas fallback that claimed otherwise could not run and is gone.

.changeset/on-scroll-change.md

@@ -0,0 +1,7 @@
+---
+'@gpuix/native': minor
+'@gpuix/react': minor
+'@gpuix/solid': minor
+---
+
+`onScrollChange` reports the scroll offset of an `overflow: "scroll"` element after it moves, whatever moved it: the wheel, a scrollbar drag, `scrollTo` or `scrollIntoView`. `onScroll` still reports only wheel input. The event payload gains `scrollX` and `scrollY`.

.changeset/react-reconciler-0-33.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/react': minor
+---
+
+`@gpuix/react` now uses `react-reconciler@^0.33.0` and peers on `react@^19.2.0`. React 19.2 pairs with reconciler 0.33, and the old `^0.31.0` pin forced every app on 19.2 to override it. The `^18.0.0` half of the old peer range was never true, since reconciler 0.31 already required React 19.

.changeset/register-font.md

@@ -0,0 +1,7 @@
+---
+'@gpuix/native': minor
+'@gpuix/react': minor
+'@gpuix/solid': minor
+---
+
+`registerFont(bytes)` loads a TrueType or OpenType font so `fontFamily` can name it. Text that asked for the family before it was registered picks the font up on the next frame. Fonts GPUI would abort on, or cannot use, are rejected with an error instead.

.changeset/root-context-stable-value.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/react': patch
+---
+
+`root.render()` no longer re-renders every `useGpuix()` consumer. The root's context value was a new object on each call, so calling `render()` again (a hot reload, a test, an app that renders the root with new props) counted as a context change and re-rendered each consumer and, through its new callbacks, every `memo` row below it. In the chat example this was 305 row renders and about 9 ms per keystroke of a find bar; it is now 0.2 ms.

.changeset/skip-unchanged-style-updates.md

@@ -0,0 +1,11 @@
+---
+'@gpuix/react': patch
+'@gpuix/native': patch
+'@gpuix/solid': patch
+---
+
+A re-render no longer resends styles and custom props that did not change. React calls `commitUpdate` for every element a parent re-rendered, and the reconciler used to serialize and send each one's `style` every time, which cost a JSON round trip and a style intern per element per commit. It now compares values, so `style={{ ... }}` rebuilt with the same contents sends nothing. The custom prop diff is linear instead of quadratic in the number of props, and the event handler diff walks the props an element has instead of every event GPUIX knows.
+
+A style change on an element React has hidden (Suspense, Activity) no longer makes it visible again: it keeps `visibility: hidden` until React unhides it.
+
+`@gpuix/native/host` exports `sameMutationValue(left, right)` and `EVENT_TYPE_BY_PROP` for adapters that diff the same payloads.

.changeset/track-bounds-without-a-child.md

@@ -0,0 +1,7 @@
+---
+'@gpuix/native': patch
+---
+
+`<div>` and `<text>` no longer add a hidden child element to record their bounds. Each host element used to carry an extra `canvas` node, which doubled the nodes gpui laid out, prepainted and painted every frame. The bounds now come from the element's own paint, so a frame over the same tree is about 15% cheaper. An element with `visibility: hidden` keeps the child, because gpui does not paint a hidden element and its layout box must stay readable.
+
+`getElementBounds()`, automation locators and text selection regions now use the element's border box. They used the padding box before, which was narrower by the border width on an element with a `borderWidth`.

.changeset/virtual-list-horizontal-padding.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+`padding` on a `<virtual-list>` now insets its rows on the left and right as well as the top and bottom. Rows used to span the list's full width and ignore left and right padding. A `scrollbarColor` thumb stays at the list's own edge, past the padding.

.changeset/virtual-list-scrollbar.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+`scrollbarColor` and `scrollbarWidth` now also draw a thumb on a `<virtual-list>`. It is painted over the list in the frame the list scrolls, from the heights the list has measured, so it never lags the scroll position and costs no frame of its own. The list's layout is unchanged.

.changeset/virtual-list-thumb-averages-rows.md

@@ -0,0 +1,5 @@
+---
+'@gpuix/native': patch
+---
+
+The thumb of a `<virtual-list>` counts the rows the list has not measured yet as the average measured row, not as `estimatedItemHeight`. A list of tall rows with a short estimate no longer draws a thumb several times too long that shrinks as rows scroll into view; the thumb is right once a few rows have been measured.