Theseus 0.3.128: searchbox expands while typing so a longer query fits

The URL bar's flex-basis comes from the user-dragged urlBarWidthPx —
often set wide — which left the search field at just above its min
width and clipped longer queries like "runs faster than the grey wolf".

While the search field holds focus the searchbox gets flex: 2 1 480px,
so the URL bar shrinks to make room and the full query is readable.
Both items still have shrink: 1, so on a narrow window neither pushes
the other out of bounds. The transition on flex-basis makes the resize
feel like the field is growing rather than snapping, and reverts on
blur.

chrome.html

@@ -235,7 +235,13 @@
   /* Search-box floor bumped so the "Search" placeholder always fits inside
      the input — dropping below ~180px in normal font sizes was where the
      placeholder text started getting clipped. */
-  .searchbox { flex: 1 1 0; min-width: 180px; }
+  .searchbox { flex: 1 1 0; min-width: 180px; transition: flex-basis .14s ease; }
+  /* While the user is typing a search, give the searchbox more room by
+     reducing the URL bar's basis (urlBarWidthPx can be set wide via drag,
+     which otherwise squeezes the search field below what fits a longer
+     query). Both shrink proportionally if the parent is tight, so this
+     never overflows. */
+  .urlsearch:has(.searchbox:focus-within) .searchbox { flex: 2 1 480px; }
   /* Single drag handle sitting between the two — a thin 6px column with a
      col-resize cursor. Zero-sum semantics: dragging right grows the URL
      bar and shrinks the search bar; dragging left does the inverse. */

package.json

@@ -1,6 +1,6 @@
 {
   "name": "theseus-navigator",
-  "version": "0.3.127",
+  "version": "0.3.128",
   "license": "MPL-2.0",
   "description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.",
   "author": "Silent Mode",