@synopackageland/ui 0.16.2 → 0.16.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.16.4 (2026-10-25)
+
+- `ConnectionTopology` compact lanes no longer switch between wrap levels without end in a tight lane (a row of three cards at DPR 2): Chrome can report the track sizes of the last drawn frame right after a lane's words change, so the fit is now a first guess that each lane checks once drawn, wrapping a level more or less, and never back to a level it was drawn failing at.
+
+## 0.16.3 (2026-10-25)
+
+- `ConnectionTopology` compact lanes keep their words on one line while the lane fits; a lane that does not wraps words of several words ("Your / NAS") first, and breaks a host name such as `workers.dev` after its dots only when it still does not fit.
+- Dense lanes (under 240px) keep at least 8px between neighbouring words (5px only in a lane that is too tight for anything else), drop their own frame so the words take the card's width, and keep two lines under every node, so paths in a row of cards have one height.
+- `ConnectionTopology label-lines`: room for that many lines under every node in a compact lane, for paths side by side.
+
 ## 0.16.2 (2026-10-25)
 
 - `Wizard fit`: on a page, the wizard takes the height left below it in its scroll container, so the steps, band and footer stay in view and only the step scrolls; `fit-min-height` (320) is the least it takes. `rail-min-width` (600) sets where `stepper="auto"` switches from the band to the rail.

package/README.md

@@ -598,10 +598,15 @@ maps its own states to six link states.
   buttons and links; `node-<id>` replaces a node's content.
 - **Layout.** Below 640px of container width (or with `compact`), each lane
   stacks with its own copy of the target and the link words move to a caption
-  line. Below 240px (a card in a row of three) the nodes drop their boxes for
-  an icon tile over a smaller word. Words wrap to two lines, host names after
-  their dots; a word still cut shows its whole text on hover. With no lanes,
-  one idle line shows `empty-label`.
+  line. Below 240px (a card in a row of three) the nodes drop their frame and
+  boxes for an icon tile over a smaller word, at least 8px apart (5px in a
+  lane too tight for anything else). A compact
+  lane keeps its words on one line while it fits; one that does not wraps its
+  words of several words first and breaks a host name such as `workers.dev`
+  after its dots only when it still does not fit. A word still cut shows its
+  whole text on hover. `label-lines` keeps room for that many lines under
+  every node (two in a dense lane), so paths side by side keep one height.
+  With no lanes, one idle line shows `empty-label`.
 - **Motion.** The keyframes `ui-flow` and `ui-pulse` stop under
   `prefers-reduced-motion`; a working link then turns solid with an arrow.
 

package/dist/components/composite/connection-topology/ConnectionTopology.vue.d.ts

@@ -19,6 +19,10 @@ type __VLS_Props = {
     selectedLane?: string | number;
     /** State words for links without a label. */
     text?: Partial<Record<LinkState, string>>;
+    /** Lines kept for every node word in a compact lane (two in a dense one
+     * unless set), so paths side by side, such as cards in a row, keep one
+     * height whether or not their words wrap. */
+    labelLines?: number;
 };
 type __VLS_Slots = Record<`node-${string}`, (props: {
     node: TopologyNode;