@mkbabb/glass-ui 3.10.0 → 3.10.1

package/dist/useSpringMount-DXUzxBjV.js

@@ -0,0 +1,108 @@
+import { n as e } from "./springPresets-aRSm-4_k.js";
+import { computed as t, getCurrentScope as n, nextTick as r, onMounted as i, onScopeDispose as a, readonly as o, ref as s, shallowRef as c, toValue as l, watch as u } from "vue";
+import { SpringProgress as d } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useSpring.ts
+function f(e, t = {}) {
+	let r = t.initial ?? 0, i = t.initialVelocity ?? 0, f = s(r), p = s(i), m = s(i === 0), h = c(new d({
+		response: t.response ?? .5,
+		dampingFraction: t.dampingFraction ?? .86,
+		initial: r,
+		initialVelocity: i,
+		settleThreshold: t.settleThreshold ?? .001,
+		velocitySettleThreshold: t.velocitySettleThreshold ?? .001,
+		respectReducedMotion: t.respectReducedMotion !== !1
+	})), g = h.value.subscribe((e, n) => {
+		f.value = e, p.value = n, m.value = h.value.settled, t.onValue?.(e, n);
+	});
+	h.value.play(() => {});
+	let _ = u(() => l(e), (e) => {
+		e != null && (h.value.target = e);
+	}, { immediate: !0 });
+	function v() {
+		f.value = h.value.value, p.value = h.value.velocity, m.value = h.value.settled;
+	}
+	function y() {
+		_(), g(), h.value.dispose();
+	}
+	return n() && a(y), {
+		value: o(f),
+		velocity: o(p),
+		isSettled: o(m),
+		snap: () => {
+			h.value.snap(), v();
+		},
+		reset: (e, t) => {
+			h.value.reset(e ?? 0, t ?? 0), v();
+		},
+		dispose: y
+	};
+}
+//#endregion
+//#region src/composables/motion/useSpringMount.ts
+var p = Object.fromEntries([
+	"smooth",
+	"snappy",
+	"bouncy",
+	"gentle"
+].map((t) => {
+	let { response: n, dampingFraction: r } = e(t);
+	return [t, {
+		response: n,
+		dampingFraction: r
+	}];
+}));
+function m(e) {
+	let n = p[e.preset ?? "smooth"], o = s(1), c = s(!1), l = 0, d = 0, m = null, h = !1, g = f(o, {
+		response: n.response,
+		dampingFraction: n.dampingFraction,
+		initial: 1,
+		settleThreshold: .001,
+		velocitySettleThreshold: .001,
+		respectReducedMotion: e.respectReducedMotion !== !1
+	});
+	i(() => {
+		e.open.value && r(() => {
+			o.value = 0;
+		});
+	});
+	let _ = u(() => e.open.value, (e, t) => {
+		e !== t && (c.value || (o.value = +!e));
+	}, { immediate: !1 }), v = u(() => g.isSettled.value, (t) => {
+		t && h && o.value >= 1 && (h = !1, e.onDismiss?.());
+	});
+	function y(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget;
+		d = t.getBoundingClientRect().height || 1, l = e.clientY, m = e.pointerId, c.value = !0, t.setPointerCapture(e.pointerId);
+	}
+	function b(e) {
+		if (!c.value || e.pointerId !== m) return;
+		let t = e.clientY - l;
+		if (t <= 0) {
+			o.value = 0;
+			return;
+		}
+		o.value = Math.min(1, t / d);
+	}
+	function x(t) {
+		if (!c.value || t.pointerId !== m) return;
+		let n = t.currentTarget;
+		n.hasPointerCapture(t.pointerId) && n.releasePointerCapture(t.pointerId), c.value = !1, m = null;
+		let r = e.dismissThreshold ?? .3;
+		o.value >= r ? (h = !0, o.value = 1) : o.value = 0;
+	}
+	return a(() => {
+		_(), v();
+	}), {
+		position: g.value,
+		isDragging: t(() => c.value),
+		dragHandlers: {
+			onPointerdown: y,
+			onPointermove: b,
+			onPointerup: x,
+			onPointercancel: x
+		}
+	};
+}
+//#endregion
+export { f as n, m as t };

package/dist/vReveal-CqaCz_mC.js

@@ -0,0 +1,44 @@
+//#region src/utils/moveBefore.ts
+function e(e, t, n) {
+	let r = e;
+	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
+}
+function t() {
+	return typeof Element < "u" && "moveBefore" in Element.prototype;
+}
+//#endregion
+//#region src/utils/platformSupport.ts
+function n() {
+	return typeof globalThis.scheduler?.postTask == "function";
+}
+//#endregion
+//#region src/composables/motion/useViewTransition.ts
+function r() {
+	return typeof document < "u" && typeof document.startViewTransition == "function";
+}
+function i(e, t) {
+	let n = typeof document > "u" ? void 0 : document;
+	if (!n || typeof n.startViewTransition != "function") return e(), {
+		finished: Promise.resolve(),
+		transitioned: !1
+	};
+	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
+		update: () => e(),
+		types: t.types
+	}) : n.startViewTransition(() => e());
+	return r.ready?.catch(() => {}), {
+		finished: r.finished.then(() => void 0, () => void 0),
+		transitioned: !0
+	};
+}
+//#endregion
+//#region src/composables/motion/vReveal.ts
+function a(e, t) {
+	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
+}
+var o = {
+	mounted: a,
+	updated: a
+};
+//#endregion
+export { e as a, n as i, i as n, t as o, r, o as t };

package/dist/watercolor-dot.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { n as t, t as n } from "./prng-D27-B3tK.js";
+import { t as e } from "./_plugin-vue_export-helper-DWghtRt7.js";
+import { n as t, t as n } from "./prng-CjVgzjQT.js";
 import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, resolveDynamicComponent as p, toRef as m, useId as h, watch as g, withCtx as _ } from "vue";
 //#region src/components/custom/watercolor-dot/prng.ts
 function v(e, t, n) {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "3.10.0",
-    "description": "Glassmorphic design system \u2014 Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
+    "version": "3.10.1",
+    "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -79,9 +79,6 @@
             "status-dot": [
                 "dist/status-dot.d.ts"
             ],
-            "deck-progress": [
-                "dist/deck-progress.d.ts"
-            ],
             "pulse": [
                 "dist/pulse.d.ts"
             ],
@@ -91,9 +88,6 @@
             "toggle-chip": [
                 "dist/toggle-chip.d.ts"
             ],
-            "glass-panel": [
-                "dist/glass-panel.d.ts"
-            ],
             "sortable-list": [
                 "dist/sortable-list.d.ts"
             ],
@@ -112,24 +106,21 @@
             "instrument-chassis": [
                 "dist/instrument-chassis.d.ts"
             ],
-            "instrument-rail": [
-                "dist/instrument-rail.d.ts"
-            ],
             "hover-popover": [
                 "dist/hover-popover.d.ts"
             ],
             "configurator": [
                 "dist/configurator.d.ts"
             ],
-            "header-ribbon": [
-                "dist/header-ribbon.d.ts"
-            ],
             "constellation": [
                 "dist/constellation.d.ts"
             ],
             "scrolling-text": [
                 "dist/scrolling-text.d.ts"
             ],
+            "underline": [
+                "dist/underline.d.ts"
+            ],
             "forms": [
                 "dist/forms.d.ts"
             ],
@@ -154,6 +145,9 @@
             "motion-core": [
                 "dist/motion-core.d.ts"
             ],
+            "motion-curves": [
+                "dist/motion-curves.d.ts"
+            ],
             "button": [
                 "dist/button.d.ts"
             ],
@@ -312,18 +306,10 @@
             "types": "./dist/watercolor-dot.d.ts",
             "import": "./dist/watercolor-dot.js"
         },
-        "./handmark": {
-            "types": "./dist/handmark.d.ts",
-            "import": "./dist/handmark.js"
-        },
         "./configurator": {
             "types": "./dist/configurator.d.ts",
             "import": "./dist/configurator.js"
         },
-        "./header-ribbon": {
-            "types": "./dist/header-ribbon.d.ts",
-            "import": "./dist/header-ribbon.js"
-        },
         "./constellation": {
             "types": "./dist/constellation.d.ts",
             "import": "./dist/constellation.js"
@@ -348,10 +334,6 @@
             "types": "./dist/status-dot.d.ts",
             "import": "./dist/status-dot.js"
         },
-        "./deck-progress": {
-            "types": "./dist/deck-progress.d.ts",
-            "import": "./dist/deck-progress.js"
-        },
         "./pulse": {
             "types": "./dist/pulse.d.ts",
             "import": "./dist/pulse.js"
@@ -364,10 +346,6 @@
             "types": "./dist/toggle-chip.d.ts",
             "import": "./dist/toggle-chip.js"
         },
-        "./glass-panel": {
-            "types": "./dist/glass-panel.d.ts",
-            "import": "./dist/glass-panel.js"
-        },
         "./sortable-list": {
             "types": "./dist/sortable-list.d.ts",
             "import": "./dist/sortable-list.js"
@@ -392,10 +370,6 @@
             "types": "./dist/instrument-chassis.d.ts",
             "import": "./dist/instrument-chassis.js"
         },
-        "./instrument-rail": {
-            "types": "./dist/instrument-rail.d.ts",
-            "import": "./dist/instrument-rail.js"
-        },
         "./hover-popover": {
             "types": "./dist/hover-popover.d.ts",
             "import": "./dist/hover-popover.js"
@@ -404,6 +378,10 @@
             "types": "./dist/scrolling-text.d.ts",
             "import": "./dist/scrolling-text.js"
         },
+        "./underline": {
+            "types": "./dist/underline.d.ts",
+            "import": "./dist/underline.js"
+        },
         "./forms": {
             "types": "./dist/forms.d.ts",
             "import": "./dist/forms.js"
@@ -432,6 +410,10 @@
             "types": "./dist/motion-core.d.ts",
             "import": "./dist/motion-core.js"
         },
+        "./motion-curves": {
+            "types": "./dist/motion-curves.d.ts",
+            "import": "./dist/motion-curves.js"
+        },
         "./button": {
             "types": "./dist/button.d.ts",
             "import": "./dist/button.js"
@@ -582,6 +564,7 @@
         "proof:dock-css-carve": "node scripts/proof-dock-css-carve.mjs",
         "proof:dock-css-split": "node scripts/proof-dock-controls-split.mjs",
         "proof:design-idiom-localization": "node scripts/proof-design-idiom-localization.mjs",
+        "proof:colocation": "node scripts/proof-colocation.mjs",
         "proof:tailwind-v4-idiom": "node scripts/proof-tailwind-v4-idiom.mjs",
         "proof:au-w9-consumers": "node scripts/proof-au-w9-consumers.mjs",
         "proof:shadow-contract": "node scripts/proof-shadow-contract.mjs",
@@ -592,6 +575,7 @@
         "proof:ay-w0-reground": "node scripts/proof-ay-w0-reground.mjs",
         "proof:au-w1-design": "node scripts/proof-au-w1-design.mjs",
         "proof:au-final": "node scripts/proof-au-final.mjs",
+        "proof:ay-final": "node scripts/proof-ay-final.mjs",
         "proof:strict-templates": "node scripts/proof-strict-templates.mjs",
         "proof:peer-optional": "node scripts/proof-peer-optional.mjs",
         "proof:vueuse-free-root": "node scripts/proof-vueuse-free-root.mjs",
@@ -613,7 +597,7 @@
         "proof:blob-value-free": "node scripts/proof-blob-value-free.mjs",
         "proof:motion-composables-consumer": "node scripts/proof-motion-composables-consumer.mjs",
         "proof:motion-value-free": "node scripts/proof-motion-value-free.mjs",
-        "proof:no-value-default": "node scripts/proof-no-value-default.mjs",
+        "proof:motion-suite": "node scripts/proof-motion-suite.mjs",
         "proof:blob-space-gamma": "node scripts/proof-blob-space-gamma.mjs",
         "proof:blob-smin-normalized": "node scripts/proof-blob-smin-normalized.mjs",
         "proof:blob-gradient-unit-length": "node scripts/proof-blob-gradient-unit-length.mjs",
@@ -642,7 +626,11 @@
         "proof:blob-color-equivalence": "vitest run tests/components/custom/goo-blob/blob-color-equivalence.test.ts",
         "proof:fail-explicit": "node scripts/proof-fail-explicit.mjs",
         "proof:no-god-module": "node scripts/proof-no-god-module.mjs",
+        "proof:composable-return-types": "node scripts/proof-composable-return-types.mjs",
         "proof:no-legacy-commentary": "node scripts/proof-no-legacy-commentary.mjs",
+        "proof:no-retired-survivor": "node scripts/proof-no-retired-survivor.mjs",
+        "proof:tag-parity": "node scripts/proof-tag-parity.mjs",
+        "proof:var-in-arbitrary-guard": "node scripts/proof-var-in-arbitrary-guard.mjs",
         "proof:story-language": "node scripts/proof-story-language.mjs",
         "proof:gate-detrap": "node scripts/proof-gate-detrap.mjs",
         "proof:liquid-glass-tokens": "node scripts/proof-liquid-glass-tokens.mjs",
@@ -666,13 +654,6 @@
         "proof:constellation-field": "vitest run tests/components/custom/constellation/constellationField.test.ts",
         "proof:input-invalid-aria": "node scripts/proof-input-invalid-aria.mjs",
         "proof:subpath-enumeration": "node scripts/proof-subpath-enumeration.mjs",
-        "proof:handmark-export": "node scripts/proof-handmark-export.mjs",
-        "proof:handmark-tests": "vitest run tests/components/custom/handmark",
-        "proof:no-disco-star": "node scripts/proof-no-disco-star.mjs",
-        "proof:gold-ink-contrast": "node scripts/proof-gold-ink-contrast.mjs",
-        "proof:glass-gilt": "node scripts/proof-glass-gilt.mjs",
-        "proof:crayon-wipe-compositor": "node scripts/proof-crayon-wipe-compositor.mjs",
-        "proof:metric-badge-record": "vitest run tests/components/custom/metric-badge/MetricBadge.record.test.ts",
         "proof:no-orphan-composable": "node scripts/proof-no-orphan-composable.mjs",
         "proof:speedtest-boundary": "node scripts/proof-speedtest-boundary.mjs",
         "proof:glass-material-unified": "node scripts/proof-glass-material-unified.mjs",
@@ -683,9 +664,19 @@
         "proof:aurora-chrome-idiomatic": "node scripts/proof-aurora-chrome-idiomatic.mjs",
         "proof:aurora-preset-roster": "node scripts/proof-aurora-preset-roster.mjs",
         "proof:ui-scale": "node scripts/proof-ui-scale.mjs",
+        "proof:touch-target": "node scripts/proof-touch-target.mjs",
+        "proof:webkit-backdrop": "node scripts/proof-webkit-backdrop.mjs",
+        "proof:nested-backdrop-budget": "node scripts/proof-nested-backdrop-budget.mjs",
         "proof:dropdown-type-scale": "node scripts/proof-dropdown-type-scale.mjs",
         "proof:forced-colors-skin": "node scripts/proof-forced-colors-skin.mjs",
         "proof:glass-cohesion": "node scripts/proof-glass-cohesion.mjs",
+        "proof:substrate-cohesion": "node scripts/proof-substrate-cohesion.mjs",
+        "proof:component-orphan": "node scripts/proof-component-orphan.mjs",
+        "proof:substrate-staging": "node scripts/proof-substrate-staging.mjs",
+        "proof:easter-eggs": "node scripts/proof-easter-eggs.mjs",
+        "proof:instrument-scope": "node scripts/proof-instrument-scope.mjs",
+        "proof:readme-meta-clean": "node scripts/proof-readme-meta-clean.mjs",
+        "proof:convergence-fit-coherent": "node scripts/proof-convergence-fit-coherent.mjs",
         "proof:adaptive-glass": "node scripts/proof-adaptive-glass.mjs",
         "proof:dark-semantic-contrast": "node scripts/proof-dark-semantic-contrast.mjs",
         "proof:glass-material-demo": "node scripts/proof-glass-material-demo.mjs",
@@ -727,13 +718,11 @@
     "peerDependencies": {
         "@lucide/vue": "^1.16.0",
         "@mkbabb/keyframes.js": "^2.2.0 || ^3.0.0 || ^4.0.0",
-        "@mkbabb/pencil-boil": "^0.4.0",
         "@mkbabb/value.js": "^0.10.0 || ^0.11.0",
         "@vueuse/core": "^14.0",
         "class-variance-authority": "^0.7",
         "clsx": "^2.0",
         "embla-carousel-vue": "^8.0",
-        "perfect-freehand": "^1.2.3",
         "reka-ui": "^2.0",
         "tailwindcss": "^4.0",
         "tw-animate-css": "^1.2.5",
@@ -750,23 +739,16 @@
         "@mkbabb/keyframes.js": {
             "optional": true
         },
-        "@mkbabb/pencil-boil": {
-            "optional": true
-        },
         "@mkbabb/value.js": {
             "optional": true
         },
-        "perfect-freehand": {
-            "optional": true
-        },
         "tw-animate-css": {
             "optional": true
         }
     },
     "devDependencies": {
         "@lucide/vue": "^1.16.0",
-        "@mkbabb/keyframes.js": "^2.2.0",
-        "@mkbabb/pencil-boil": "^0.4.0",
+        "@mkbabb/keyframes.js": "^4.1.0",
         "@mkbabb/value.js": "^0.10.0",
         "@tailwindcss/postcss": "^4.3.0",
         "@tailwindcss/vite": "^4.3.0",

package/src/styles/animations.css

@@ -141,87 +141,31 @@
     100% { background-position: -200% 0; }
 }
 
-/* ── Crayon-wipe: the scroll-scrubbed draw-on (D6.c M1) ──────────────────────
+/* ── Sparkle sweep: four-point star traverses a surface diagonally ──
  *
- * The bidirectional, scroll-scrubbed DRAW-ON of a hand-mark (the crayon/pen
- * underline, a drawn rule). The wipe is a `clip-path: inset()` of the LEFT edge
- * only — the mark draws from inset(0 100% 0 0) (fully clipped from the right, so
- * NOTHING shows) to inset(0) (fully revealed) — so the underline DRAWS as the
- * figure scrolls into view and UN-DRAWS as it scrolls back up. `clip-path` is the
- * compositor-eligible, FILTER-STABLE wipe (the medium's grain `feTurbulence`
- * rasters ONCE and is untouched by the clip — the cardinal "no per-frame raster"
- * discipline ds2-motion-field M1 names): clip-path animates on the compositor and
- * never re-runs the static filter, unlike a `stroke-dashoffset` draw under the
- * grain filter (which re-rasters per frame). The grammar mirrors scroll-driven.css
- * (the `view()`/`scroll()` timeline home): the keyframe lives here (the shared
- * @keyframes register); a consumer binds it to a NAMED `view-timeline` so the
- * draw-on SCRUBS bidirectionally with scroll (forward → draws, back → un-draws),
- * never a one-shot. The `.crayon-wipe` utility below is the binding.
- *
- * The keyframe itself is timeline-agnostic — it is equally a load-clock draw-on
- * (bound to a keyframes.js Sequence) or a scroll scrub (bound to a view-timeline).
- * The DEFAULT consumer is the scroll scrub (the figure-item underline drawing into
- * the lower third), hence the utility's `view()` binding.
- *
- * Reduced-motion: the utility (NOT the keyframe) gates — under PRM the mark is SET
- * to inset(0) (fully drawn, never animated), the correct degrade for a permanent
- * structural draw (information parity: the underline is present, just not drawn).
+ * Reserved for the chassis primary-action hover (dock-tab-button[data-tier="primary"])
+ * and the `Complete!` shimmer cycle. Single keyframe, ~600ms per pass; the
+ * consumer rule sets the duration and easing. Reduced-motion guard at the
+ * consumer site (per surface — not all sparkle uses share the same gate).
  */
-@keyframes crayon-wipe {
-    from {
-        /* clipped from the RIGHT by 100% → the mark is fully hidden (nothing
-           drawn yet); the left edge is the pen-tip about to move right. */
-        clip-path: inset(0 100% 0 0);
+@keyframes sparkle-sweep {
+    0% {
+        transform: translate(-30%, -30%) scale(0.5);
+        opacity: 0;
     }
-    to {
-        /* fully revealed — the mark is wholly drawn. */
-        clip-path: inset(0 0 0 0);
+    25% {
+        opacity: 1;
     }
-}
-
-/* ── .crayon-wipe — bind the wipe to a scroll view-timeline (D6.c M1) ──────────
- * The scroll-scrubbed draw-on utility. A consumer puts `.crayon-wipe` on a
- * hand-mark surface (the underline span, a drawn rule) and the mark draws/un-draws
- * as it scrolls through its OWN `view()` timeline — a bidirectional scrub, free,
- * off the main thread. The animation is `paused` with `animation-timeline: view()`
- * so the scroll position IS the playhead (the native scroll-driven model — the
- * timeline drives the frame, time does not). The named timeline is overridable
- * (`--crayon-wipe-timeline`, default the element's own `view()`) so a consumer can
- * scrub off a SHARED beat timeline (the §--beat-tl the atlas scroll-driven.css
- * names) instead of the per-element view — that is the "named view-timeline so a
- * consumer scrubs a draw-on bidirectionally" contract.
- *
- * @supports-gated + PRM-OUTER-gated, mirroring scroll-driven.css exactly: the
- * whole binding sits under `prefers-reduced-motion: no-preference`, so under PRM
- * the animation never attaches and the mark renders in its terminal `inset(0)`
- * (fully-drawn) state — the static-draw degrade. The draw range is `entry`-keyed
- * (the mark draws as it ENTERS the lower viewport), tunable via
- * `--crayon-wipe-range-{start,end}`. */
-@media (prefers-reduced-motion: no-preference) {
-    @supports ((animation-timeline: view()) and (animation-range: entry)) {
-        .crayon-wipe {
-            animation: crayon-wipe auto linear both;
-            animation-timeline: var(--crayon-wipe-timeline, view(block));
-            animation-range: var(--crayon-wipe-range-start, entry 0%)
-                var(--crayon-wipe-range-end, cover 35%);
-        }
+    100% {
+        transform: translate(180%, 180%) scale(1.2);
+        opacity: 0;
     }
 }
 
-/* ── Sparkle sweep: TOMBSTONE (D6.b — the disco-star excision) ──
- *
- * @deprecated 3.10 — DELETE in 3.11. The four-point `✦` star sweep was the one
- * garish gesture in the library; the user named it for removal ("remove the disco
- * star from all glass-ui elements"). Every in-tree consumer is re-homed: the
- * `btn-audacious` hover affirmation now rides the specular catch-light alone; the
- * gold-CTA rides the `btn-gold-bg-sweep` metal-catch; the chassis `complete`
- * celebration re-homes to the `.text-gilt` one-shot (utilities.css). The keyframe
- * body is EMPTIED rather than deleted for ONE minor so any out-of-tree consumer
- * (the slides decks) fails SOFT — a no-op animation, not an unknown-animation
- * error. The `--duration-sparkle` token is `@deprecated` alongside (tokens.css).
- * Full delete (this block + the token + the theme bridge) lands in 3.11. */
-@keyframes sparkle-sweep {
-    /* intentionally empty — tombstoned, see deprecation note above */
+@media (prefers-reduced-motion: reduce) {
+    @keyframes sparkle-sweep {
+        0%, 100% { opacity: 0; transform: none; }
+    }
 }
 
 /* ── Pulse dot bounce: dots variant of <Pulse> ──

package/src/styles/dock/layer-group.css

@@ -98,6 +98,22 @@
         display: flex;
         flex-direction: column;
         flex-shrink: 0;
+        /* AY.W-DOCK-NAV B6 — `align-self: start` (not the group's `stretch`
+           default) so the column rail reports its OWN intrinsic content height
+           (the stacked tabs) to the group's cross-axis sizing rather than being
+           stretched to the group's content-row height. Under `stretch` the rail's
+           height resolved to the group height, which was the single content-row
+           height — circular: the rail's 3 tall tabs overflowed a 40px rail and the
+           lower tabs + the indicator fell below the dock floor (the B6 break). With
+           `align-self: start` the rail demands its natural column height, the group
+           grows to it, and the dock grows to contain the whole rail. The
+           `min-height: max-content` belt makes the demand explicit — a row-flex
+           child's cross-size can otherwise resolve to the (smaller) container row
+           height even under `align-self: start`; `max-content` floors the rail at
+           its stacked-tab content height so the chain (group → pane → dock) grows
+           to fit. */
+        align-self: start;
+        min-height: max-content;
         gap: var(--dock-layer-rail-gap, 0.125rem);
         padding: var(--dock-layer-rail-padding, 0.125rem);
         background: var(--dock-layer-rail-bg, var(--surface-tint-8));
@@ -134,6 +150,12 @@
         display: inline-flex;
         align-items: center;
         justify-content: center;
+        /* AY.W-DOCK-NAV B6 — `flex-shrink: 0` so the stacked tabs in the column rail
+           hold their full size and the rail demands its natural content height (no
+           tab squish). With the rail's `align-self: start` this makes the rail report
+           its true column height to the group's cross-axis sizing, growing the dock
+           to contain all the tabs + the travelling indicator (the B6 un-clip). */
+        flex-shrink: 0;
         width: var(--dock-layer-tab-size, var(--dock-control-size, 1.75rem));
         height: var(--dock-layer-tab-size, var(--dock-control-size, 1.75rem));
         border: 0;

package/src/styles/dock/layers.css

@@ -196,9 +196,19 @@
        block-axis morph reveals a column) is NOT forced onto one nowrap row — the
        vertical group's active host block-sizes to `height: max-content` below
        (the AP.W3 column treatment, KEPT). */
+    /* AY.W-DOCK-NAV B6 — the height is a FLOOR (`min-height`), not a fixed lock. A
+       single-row content pane's intrinsic height already equals
+       `--dock-layer-height` (the controls + line-height sum to it), so `min-height`
+       is byte-identical for the common case. But a horizontal dock hosting a COLUMN
+       switcher-rail (`<DockLayerGroup>` with `show-rail`) lays the rail out as a
+       stack of tabs taller than one row — the prior fixed `height` clipped the
+       rail's lower tabs + the active indicator BELOW the dock floor (the B6 "no rail
+       line / broken" read, measured: 2 of 3 tabs clipped). The floor lets the pane
+       block-size to the rail's natural column height so the dock grows to contain
+       the whole rail. The cross axis keeps `nowrap`. */
     .glass-dock:not(.vertical) .dock-layer {
         white-space: nowrap;
-        height: var(--dock-layer-height, 2.5rem);
+        min-height: var(--dock-layer-height, 2.5rem);
     }
 
     .dock-layer.is-active {