@celestia-island/hikari 0.55.39 → 0.55.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.55.39",
+  "version": "0.55.40",
   "private": false,
   "type": "module",
   "description": "Hikari Vue 3 component library — production-grade UI components based on shittim-chest design system",

package/src/composables/useSizeMorph.test.ts

@@ -410,10 +410,15 @@ describe("useSizeMorph clip reveal", () => {
     // the box keeps the OLD pin while the top edge folds down through
     // the closing inset — the pin swap lands only at the sweep's end.
     h.setNatural(320);
-    FakeResizeObserver.instances[0]!.callback();
+    h.remeasure();
+    // Mid-warmup: the explicit inset(0) start holds (regression
+    // contract — never a cleared/none start).
+    await busFrames(1);
+    expect(h.frame.style.clipPath).toBe("inset(0px 0 0 0 round 0px 0px 0px 0px)");
+    expect(h.frame.style.height).toBe("400px");
     await settle();
-    // Warmup + sweep in flight: clip folding toward inset(80px), height
-    // still the old pin.
+    // Sweep in flight: clip folding toward inset(80px), height still
+    // the old pin.
     expect(h.frame.style.clipPath).toBe("inset(80px 0 0 0 round 0px 0px 0px 0px)");
     expect(h.frame.style.height).toBe("400px");
     // The sweep ends: atomic re-pin — height jumps to the target with
@@ -458,6 +463,33 @@ describe("useSizeMorph clip reveal", () => {
     expect(h.frame.style.clipPath).toBe("inset(0px 0 0 0 round 0px 0px 0px 0px)");
   });
 
+  it("lands the sweep via the watchdog when transitionend never fires", async () => {
+    const h = mountHarness(400);
+    h.frame.style.setProperty("--hk-sheet-morph", "clip");
+    h.start();
+
+    h.setNatural(320);
+    FakeResizeObserver.instances[0]!.callback();
+    await settle();
+    expect(h.frame.style.clipPath).toBe("inset(80px 0 0 0 round 0px 0px 0px 0px)");
+    expect(h.frame.style.height).toBe("400px");
+
+    // Round-6 regression: a WebView that never delivers clip-path
+    // transitionend used to freeze the frame here forever. The watchdog
+    // (duration + 350ms grace; happy-dom resolves no computed duration,
+    // so the 150ms fallback applies -> ~500ms) must land the same
+    // atomic re-pin.
+    await new Promise((resolve) => setTimeout(resolve, 620));
+    expect(h.frame.style.height).toBe("320px");
+    expect(h.frame.style.clipPath).toBe("");
+    expect(h.frame.style.willChange).toBe("clip-path");
+
+    // The watchdog is disarmed on the normal close: a later unrelated
+    // transitionend must be a no-op (no double landing, no throw).
+    fireTransitionEnd(h.frame, "clip-path");
+    expect(h.frame.style.height).toBe("320px");
+  });
+
   it("never clips without the mode flag (desktop height morph intact)", async () => {
     const h = mountHarness(300);
     h.start();
@@ -547,7 +579,10 @@ describe("useSizeMorph clip reveal", () => {
     h.setNatural(310);
     h.remeasure();
     expect(h.frame.style.height).toBe("380px");
-    expect(h.frame.style.clipPath).toBe("");
+    // Explicit inset(0) start — the round-6 regression contract: a
+    // cleared (none) start point made Chromium skip the clip transition
+    // AND its transitionend, freezing the sheet clipped at its old pin.
+    expect(h.frame.style.clipPath).toBe("inset(0px 0 0 0 round 0px 0px 0px 0px)");
     await settle();
     expect(h.frame.style.clipPath).toBe("inset(70px 0 0 0 round 0px 0px 0px 0px)");
     fireTransitionEnd(h.frame, "clip-path");

package/src/composables/useSizeMorph.ts

@@ -160,6 +160,14 @@ export function useSizeMorph(
   let revealReport: AnimationHandle | null = null;
   let revealDir: "reveal" | "conceal" | null = null;
   let concealTo: number | null = null;
+  /** Sweep watchdog: transitionend is the normal closer, but a lost
+   *  event (a WebView that skips clip-path end events entirely — the
+   *  2026-09-21 round-6 regression: a none→inset() start point made
+   *  Chromium drop the transition AND its events, freezing the sheet
+   *  clipped at its old pin) must not freeze the frame forever. The
+   *  timer fires the exact same landing path and is disarmed on every
+   *  normal close. */
+  let revealWatchdog: ReturnType<typeof setTimeout> | null = null;
   /** Resident layer promotion on clip-mode surfaces: applied at arm time
    *  and cleared on hold/release. Promoting at the STEP-change moment
    *  (0.55.38's per-sweep will-change) destroyed the old layer one frame
@@ -205,6 +213,10 @@ export function useSizeMorph(
       revealReport.disconnect();
       revealReport = null;
     }
+    if (revealWatchdog) {
+      clearTimeout(revealWatchdog);
+      revealWatchdog = null;
+    }
     if (revealEl && revealEnd) {
       revealEl.removeEventListener("transitionend", revealEnd);
     }
@@ -278,7 +290,13 @@ export function useSizeMorph(
     revealEl = f;
     revealEnd = onEnd;
     revealDir = dir;
-    revealReport = reportTransition(transitionDurationMs(f));
+    const durationMs = transitionDurationMs(f);
+    revealReport = reportTransition(durationMs);
+    // Watchdog (see revealWatchdog): same landing, forced, if the
+    // transitionend never arrives.
+    revealWatchdog = setTimeout(() => {
+      if (revealEl === f && revealDir === dir) stopReveal();
+    }, durationMs + 350);
     f.style.clipPath =
       dir === "reveal"
         ? `inset(0px 0 0 0 round ${radii})`
@@ -423,10 +441,15 @@ export function useSizeMorph(
       f.style.clipPath = `inset(${delta}px 0 0 0 round ${radii})`;
     } else if (conceal) {
       radii = cornerRadii(f);
-      // The box stays pinned at the OLD height (the visible start state
-      // needs no staging — the dance-start teardown already cleared any
-      // clip, so the box paints its full current height).
+      // The box stays pinned at the OLD height, and the clip start is an
+      // EXPLICIT inset(0) — not a cleared inline clip. Chromium does not
+      // interpolate clip-path between none and inset(), so a none start
+      // made the sweep jump to its end state and never fire
+      // transitionend, freezing the sheet clipped at its old pin
+      // (2026-09-21 round-6 regression report: "the top half is just cut
+      // off and then it stays there"). inset(0)→inset(N) interpolates.
       f.style.height = `${pinned}px`;
+      f.style.clipPath = `inset(0px 0 0 0 round ${radii})`;
     } else if (pinned > 0) {
       f.style.height = `${pinned}px`;
     }