@celestia-island/hikari 0.55.138 → 0.55.139

package/package.json

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

package/src/components/HkPlaceholderMarquee.test.ts

@@ -139,6 +139,26 @@ describe("HkPlaceholderMarquee", () => {
     expect(host.classList.contains("hk-placeholder-marquee--hidden")).toBe(false);
   });
 
+  it("keeps a sub-pixel-exact fit static instead of flipping to scroll", async () => {
+    // A shrink-wrapped host (window == text width, e.g. the status-bar
+    // version cells) compares a fractional copy width against the
+    // INTEGER clientWidth: without the epsilon, every fractional part
+    // < 0.5 made the predicate true and permanently scrolled a FITTING
+    // text (2026-10-11 R1 finding, reproduced in Chromium). The epsilon
+    // lets exact fits keep the hidden probe while real overflow (≥0.5px
+    // past the edge) still flips.
+    const { container } = mountMarquee({ text: "0.1.0 feat/model-usage-selfhosted:770f625" });
+    // Copy (incl. 24px spacing) lands 0.3px past the window: fits.
+    await forceGeometry(container, /* copy */ 224.3, /* window */ 200);
+    const host = container.querySelector(".hk-placeholder-marquee") as HTMLElement;
+    expect(host.classList.contains("hk-placeholder-marquee--hidden"), "0.3px past → still fits").toBe(true);
+    expect(container.querySelectorAll(".hk-placeholder-marquee__copy")).toHaveLength(1);
+    // 2px past the edge: real overflow, the strip takes over.
+    await forceGeometry(container, /* copy */ 226, /* window */ 200);
+    expect(host.classList.contains("hk-placeholder-marquee--hidden"), "2px past → scrolls").toBe(false);
+    expect(container.querySelectorAll(".hk-placeholder-marquee__copy")).toHaveLength(3);
+  });
+
   it("drives the sweep with CSS custom properties instead of per-frame JS", async () => {
     const { container } = mountMarquee({ text: "advent calendar of placeholders" });
     await forceGeometry(container, 500, 200);

package/src/components/HkPlaceholderMarquee.tsx

@@ -79,7 +79,16 @@ export const HkPlaceholderMarquee = defineComponent({
       const factor = space.x > 0 ? space.x : 1;
       const copyWidth = copy.getBoundingClientRect().width / factor;
       loopWidth.value = copyWidth;
-      overflowing.value = copyWidth - COPY_SPACING > host.clientWidth;
+      // Sub-pixel boundary (2026-10-11): the copy width is deliberately
+      // fractional while clientWidth is an integer. A shrink-wrapped
+      // host — window == text width, e.g. the status-bar version cells —
+      // degenerates the predicate to `textW > round(textW)`, which is
+      // TRUE for every fractional part < 0.5 and would permanently flip
+      // a FITTING text into scrolling (no size change → the
+      // ResizeObserver never re-fires; reproduced in Chromium). The
+      // epsilon keeps exact fits static; real overflow (≥0.5px past the
+      // edge) still flips.
+      overflowing.value = copyWidth - COPY_SPACING > host.clientWidth + 0.5;
       emit("overflowChange", overflowing.value);
     };
 

package/src/components/HkStatusBar.test.tsx

@@ -668,5 +668,14 @@ describe("HkStatusBar", () => {
     const popoverRule = /\.s-status-bar-popover-value\s*\{[^}]*\}/.exec(scss)?.[0] ?? "";
     expect(popoverRule, "popover value cell bound exists").toContain("max-width: min(16rem, 60vw)");
     expect(scss).toMatch(/\.s-status-bar-popover-value \.s-status-bar-version\s*\{[^}]*max-width:\s*100%/s);
+    // Dead-overlay guard: if the marquee's measurement never fires, a
+    // capped cell degrades to an ellipsis cut, never a silent hard clip.
+    expect(scss).toMatch(
+      /\.s-status-bar-version__static\s*\{[^}]*text-overflow:\s*ellipsis/s,
+    );
+    // The stale combined selector list (`.s-status-bar-version,
+    // .s-status-bar-version-sep { nowrap }`) is gone — the dedicated
+    // block owns the version cell's rules (2026-10-11 R1 cleanup).
+    expect(scss).not.toMatch(/\.s-status-bar-version,\s*\n\s*\.s-status-bar-version-sep\s*\{/);
   });
 });

package/src/styles/admin-tokens.scss

@@ -199,9 +199,13 @@
 }
 
 .s-status-bar-version__static {
-  /* The ghost state (marquee owns the window): opacity keeps the text
-     in the layout and the a11y tree; only the paint is handed over. */
+  /* Dead-overlay guard: if the marquee's measurement never fires (RO
+     unavailable, zero-width probe), a capped cell must degrade to an
+     ellipsis cut, not a silent hard clip. Invisible while the marquee
+     owns the window (the ghost is opacity-0 by then). */
   min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .s-status-bar-version[data-overflowing] .s-status-bar-version__static {
@@ -258,12 +262,8 @@
   }
 }
 
-.s-status-bar-version,
 .s-status-bar-version-sep {
   white-space: nowrap;
-}
-
-.s-status-bar-version-sep {
   opacity: 0.5;
 }