@celestia-island/hikari 0.55.221 → 0.55.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.55.221",
+  "version": "0.55.222",
   "private": false,
   "type": "module",
   "description": "Hikari UI library, Vue 3 runtime — one design system for Vue 3 and Rust/WASM applications",

package/src/components/HkAdminHeader.test.tsx

@@ -193,6 +193,21 @@ describe("HkAdminHeader", () => {
     expect(c.textContent).not.toContain("alice");
   });
 
+  it("reserves the workspace-switcher slot in drawer mode only", () => {
+    // 2026-10-29 user direction: the frontend header's left wing is
+    // avatar + ws-trigger; the console drawer face keeps the SLOT as a
+    // deliberate blank so the centre strip can never slide into the
+    // space — menu mode carries the page title in that position instead.
+    const drawer = mount(headerNode({ avatarAction: "drawer", userEmail: "alice@example.com" }));
+    const slot = drawer.querySelector(".s-admin-header-ws-slot");
+    expect(slot, "drawer face must render the reserved ws slot").toBeTruthy();
+    expect(slot?.getAttribute("aria-hidden")).toBe("true");
+
+    const menu = mount(headerNode({ title: "Providers", logoutLabel: "Log out" }));
+    expect(menu.querySelector(".s-admin-header-ws-slot")).toBeNull();
+    expect(menu.querySelector(".s-admin-header-title")).toBeTruthy();
+  });
+
   it("renders the signing-in placeholder with the force-sign-out escape when the identity is empty", async () => {
     const onForceSignOut = vi.fn();
     const c = mount(headerNode({

package/src/components/HkAdminHeader.tsx

@@ -249,6 +249,20 @@ export const HkAdminHeader = defineComponent({
               )}
             </button>
           )}
+          {/* The reserved workspace-switcher slot (drawer face only).
+              The chat header's left wing is avatar + ws-trigger button,
+              and that wing's min-content floor is what keeps the
+              header-centre strip off the space on a phone. The console
+              has no workspace concept, but the drawer face hides the
+              title too — without a stand-in the wing's floor is just
+              the 28px avatar and a wide centre strip slides left into
+              the slot and reads as hugging the avatar (2026-10-29 user
+              direction: 头像右侧留白，前后台布局统一). An aria-hidden
+              blank of the trigger's own footprint keeps both faces'
+              left wings at the same floor. */}
+          {props.avatarAction === "drawer" && (
+            <span class="s-admin-header-ws-slot" aria-hidden="true" />
+          )}
           {/* WHERE am I — the open view's title, not the nickname. The
               1.5 line-height (in the class) keeps descenders (g, y, p)
               inside the truncate clip box: the default text-sm box is

package/src/components/adminHeaderChrome.test.ts

@@ -95,6 +95,20 @@ describe("admin header chrome geometry (the two user-requested fixes)", () => {
     expect(rule).toContainEqual(["gap", "var(--space-16)"]);
   });
 
+  it("reserves the drawer face's workspace-switcher slot at the trigger's own footprint", () => {
+    // 2026-10-29 user direction: the chat header's left wing is avatar +
+    // ws-trigger, and that wing's min-content floor is what stops the
+    // balanced grid's centre strip from sliding into the space on a
+    // phone. The console drawer face (no title, no workspace concept)
+    // must keep the slot as a blank of the trigger's own 28px box —
+    // dropping the rule would drop the floor and the strip would hug
+    // the avatar again.
+    const rule = ruleDeclarations(adminTokens, ".s-admin-header-ws-slot");
+    expect(rule, ".s-admin-header-ws-slot must be declared").not.toBeNull();
+    expect(rule).toContainEqual(["width", "var(--space-28)"]);
+    expect(rule).toContainEqual(["flex-shrink", "0"]);
+  });
+
   it("hangs the shared balanced-header grid contract (the ONE header layout)", () => {
     // User report 2026-10-15: the console's header-centre tab strip sat
     // LEFT of centre on phones (drawer mode hides the title, so the left

package/src/styles/admin-tokens.scss

@@ -597,6 +597,23 @@
   object-fit: cover;
 }
 
+/* The reserved workspace-switcher slot (HkAdminHeader, drawer face).
+ * The chat header's left wing is avatar + ws-trigger (8px flex gap +
+ * 28px button box), and that wing's min-content floor is what keeps the
+ * balanced grid's centre strip off the space on a phone: the strip can
+ * only shrink into its own column, never into a wing. The console's
+ * drawer face hides both the title and the workspace concept, so
+ * without a stand-in the wing's floor is just the 28px avatar — a wide
+ * strip (the firewall page's three sections on a 412px phone) slides
+ * left until it hugs the avatar (2026-10-29 user report). The blank
+ * span carries the trigger's 28px box; the wing's 16px gap already
+ * covers the button's 8px inline padding (the 2026-09-28 title-distance
+ * pin), so the floor lands within one padding-step of the frontend's. */
+.s-admin-header-ws-slot {
+  width: var(--space-28);
+  flex-shrink: 0;
+}
+
 /* The old hover camera veil ("change avatar" affordance) is gone: the
  * avatar trigger opens the account MENU — the avatar edit is the Camera
  * item inside it — so the veil promised an action the click never