@celestia-island/hikari 0.55.193 → 0.55.195

package/package.json

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

package/src/components/HkAlert.scss

@@ -116,7 +116,7 @@
   transition: background var(--duration-fast, 0.15s) ease, color var(--duration-fast, 0.15s) ease;
 
   &:hover {
-    background: var(--hi-color-surface, #f0f4f8);
+    background: var(--hi-color-surface, #ffffff);
     color: var(--hi-color-text-primary, #1e1e1e);
   }
 

package/src/components/HkCheckbox.scss

@@ -33,7 +33,7 @@
    * --hi-color-border is the faint divider channel (15% alpha) and melts
    * into white/dark surfaces. */
   border: 1px solid rgb(var(--color-border, 100 100 100));
-  background: var(--hi-color-surface, rgba(240,244,248,0.95));
+  background: var(--hi-color-surface, rgba(255,255,255,0.95));
   transition:
     border-color var(--duration-normal, 0.3s) ease,
     background var(--duration-normal, 0.3s) ease,
@@ -95,7 +95,7 @@
    :focus-visible keeps mouse toggles ring-free. */
 .hk-checkbox-box:has(.hk-checkbox-input:focus-visible) {
   box-shadow:
-    0 0 0 2px var(--hi-color-surface, rgba(240,244,248,0.95)),
+    0 0 0 2px var(--hi-color-surface, rgba(255,255,255,0.95)),
     0 0 0 4px var(--hi-color-primary, #7aa2f7);
 }
 

package/src/components/HkDrawer.scss

@@ -26,7 +26,7 @@
   position: fixed;
   display: flex;
   flex-direction: column;
-  background: var(--hk-drawer-bg, var(--hi-color-surface, rgba(240,244,248,0.95)));
+  background: var(--hk-drawer-bg, var(--hi-color-surface, rgba(255,255,255,0.95)));
   // Token-gated (was a hard blur(12px)): the drawer resizes through
   // animated width/height, and a backdrop-filter on a resizing fixed
   // layer re-rasters the blurred region every frame — on phones that

package/src/components/HkEmptyState.scss

@@ -12,7 +12,7 @@
    panel — usually already provides a surface, and an always-on box turned
    every in-card empty state into a nested placeholder layer. */
 .hk-empty-state--boxed {
-  background: var(--hk-empty-bg, var(--hi-color-surface, rgba(240,244,248,0.95)));
+  background: var(--hk-empty-bg, var(--hi-color-surface, rgba(255,255,255,0.95)));
   backdrop-filter: blur(var(--blur-sm, 8px));
   border: 1px solid var(--hi-color-border, rgba(100,100,100,0.06));
   border-radius: var(--radius-md, 0.5rem);

package/src/components/HkFab.scss

@@ -85,12 +85,12 @@ $sizes: (sm: 34px, md: 42px, lg: 50px);
 
 .hk-fab[data-variant="glass"] .hk-fab-button {
   color: var(--hi-color-text-secondary, #666666);
-  background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 78%, transparent);
+  background: color-mix(in srgb, var(--hi-color-surface, #ffffff) 78%, transparent);
   border: 1px solid color-mix(in srgb, var(--hi-color-border, rgba(100,100,100,0.12)) 25%, transparent);
   backdrop-filter: blur(var(--blur-xs, 4px)); // chip language shared with autotag pills
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
 
-  &:hover:not(:disabled) { background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 92%, transparent); }
+  &:hover:not(:disabled) { background: color-mix(in srgb, var(--hi-color-surface, #ffffff) 92%, transparent); }
 }
 
 .hk-fab[data-variant="primary"] .hk-fab-button {
@@ -130,7 +130,7 @@ $sizes: (sm: 34px, md: 42px, lg: 50px);
   letter-spacing: 0.02em;
   white-space: nowrap;
   color: var(--hi-color-text-secondary, #666666);
-  background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 82%, transparent);
+  background: color-mix(in srgb, var(--hi-color-surface, #ffffff) 82%, transparent);
   border: 1px solid color-mix(in srgb, var(--hi-color-border, rgba(100,100,100,0.12)) 25%, transparent);
   border-radius: var(--radius-full, 9999px);
   cursor: pointer;
@@ -149,7 +149,7 @@ $sizes: (sm: 34px, md: 42px, lg: 50px);
   &:focus-visible { outline: 2px solid var(--hi-color-primary, #7aa2f7); outline-offset: 1px; }
   &:disabled { opacity: 0.35; cursor: not-allowed; }
   // 82%→94% mirrors the main glass hover ladder (78%→92%).
-  &:hover:not(:disabled) { background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 94%, transparent); }
+  &:hover:not(:disabled) { background: color-mix(in srgb, var(--hi-color-surface, #ffffff) 94%, transparent); }
 }
 
 // Staggered reveal while expanded (CSS only, via nth-child delay).

package/src/components/HkIconButtonGroup.scss

@@ -22,7 +22,7 @@
   padding: var(--space-2, 0.125rem);
   border: 1px solid var(--border-faint);
   border-radius: var(--radius-md, 8px);
-  background: rgb(var(--color-surface, 240 244 248) / 60%);
+  background: rgb(var(--color-surface, 255 255 255) / 60%);
 }
 
 .hk-icon-group-sm {
@@ -196,7 +196,7 @@
 
 .hk-icon-group-item-marker-success {
   background: rgb(var(--color-success, 14 184 64));
-  box-shadow: 0 0 0 0.125rem rgb(var(--color-surface, 240 244 248));
+  box-shadow: 0 0 0 0.125rem rgb(var(--color-surface, 255 255 255));
 }
 
 /* Slider items already establish position:relative for the thumb stack —

package/src/components/HkKeywordSearchModal.scss

@@ -13,7 +13,7 @@
   align-items: center;
   gap: var(--space-8, 0.5rem);
   padding: var(--space-8, 0.5rem) var(--space-12, 0.75rem);
-  background: var(--hi-color-surface, rgba(240,244,248,0.95));
+  background: var(--hi-color-surface, rgba(255,255,255,0.95));
   border: 1px solid var(--hk-kw-border, rgb(var(--color-border) / 8%));
   border-radius: var(--radius-lg, 0.75rem);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
@@ -84,7 +84,7 @@
   transition: background 0.15s ease, border-color 0.15s ease;
 
   &:hover {
-    background: var(--hi-color-surface, rgba(240,244,248,0.95));
+    background: var(--hi-color-surface, rgba(255,255,255,0.95));
     border-color: rgb(var(--color-border) / 6%);
   }
 

package/src/components/HkLoadingVeil.scss

@@ -11,7 +11,7 @@
   justify-content: center;
   // Semi-transparent backdrop with a slight blur: the page beneath
   // stays readable (orientation) but clearly inactive.
-  background: rgb(var(--color-background, 214 236 240) / 0.55);
+  background: rgb(var(--color-background, 255 255 255) / 0.55);
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   pointer-events: all;
@@ -27,7 +27,7 @@
   gap: 12px;
   padding: 24px 32px;
   border-radius: 12px;
-  background: rgb(var(--color-surface, 240 244 248) / 0.85);
+  background: rgb(var(--color-surface, 255 255 255) / 0.85);
   box-shadow: 0 8px 32px rgb(0 0 0 / 0.12);
 }
 

package/src/components/HkMarkdownRenderer.scss

@@ -161,7 +161,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 70%, transparent);
+  background: color-mix(in srgb, var(--hi-color-surface, #ffffff) 70%, transparent);
   backdrop-filter: blur(4px);
   z-index: 10;
 }

package/src/components/HkModal.scss

@@ -79,7 +79,7 @@
     height var(--duration-fast, 0.15s) var(--ease-standard, cubic-bezier(0.4, 0, 0.2, 1)),
     max-height var(--duration-fast, 0.15s) var(--ease-standard, cubic-bezier(0.4, 0, 0.2, 1)),
     clip-path var(--duration-fast, 0.15s) var(--ease-standard, cubic-bezier(0.4, 0, 0.2, 1));
-  background: var(--hk-modal-bg, var(--hi-color-surface, rgba(240,244,248,0.95)));
+  background: var(--hk-modal-bg, var(--hi-color-surface, rgba(255,255,255,0.95)));
   backdrop-filter: var(--hk-modal-blur, none);
   border: 1px solid var(--hk-modal-border-color, var(--hi-color-border, rgba(100,100,100,0.08)));
   border-radius: var(--hk-modal-radius, var(--radius-lg, 12px));
@@ -323,7 +323,7 @@
     // covers never surface as foreign bands over the padding.
     background: var(
       --hk-scroll-pin-cover-bg,
-      var(--hk-modal-bg, var(--hi-color-surface, rgba(240, 244, 248, 0.95)))
+      var(--hk-modal-bg, var(--hi-color-surface, rgba(255, 255, 255, 0.95)))
     );
   }
 
@@ -391,7 +391,7 @@
   font-size: var(--text-2xs);
   letter-spacing: 0.04em;
   color: var(--hi-color-muted, #6c6c6c);
-  background: color-mix(in srgb, var(--hi-color-surface, rgba(240,244,248,0.95)) 78%, transparent);
+  background: color-mix(in srgb, var(--hi-color-surface, rgba(255,255,255,0.95)) 78%, transparent);
   border: 1px solid color-mix(in srgb, var(--hi-color-border, rgba(100,100,100,0.08)) 12%, transparent);
   border-radius: var(--radius-full, 9999px);
   backdrop-filter: blur(4px);
@@ -547,7 +547,7 @@
     backdrop-filter: var(--hk-modal-blur-mobile, none);
     background: var(
       --hk-modal-bg-mobile,
-      var(--hk-modal-bg, var(--hi-color-surface, rgba(240, 244, 248, 0.95)))
+      var(--hk-modal-bg, var(--hi-color-surface, rgba(255, 255, 255, 0.95)))
     );
     border-radius: var(--hk-modal-radius, var(--radius-lg, 12px))
                    var(--hk-modal-radius, var(--radius-lg, 12px))

package/src/components/HkModalBreadcrumb.scss

@@ -13,7 +13,7 @@
   // family don't collapse this strip (8px→4px gap, 32px→16px padding).
   gap: var(--space-8, 0.5rem);
   padding: var(--space-12, 0.75rem) var(--space-32, 2rem);
-  background: var(--hi-color-surface, rgba(240,244,248,0.95));
+  background: var(--hi-color-surface, rgba(255,255,255,0.95));
   border: 1px solid var(--hk-breadcrumb-border, rgba(0, 0, 0, 0.06));
   border-radius: var(--radius-md, 0.5rem);
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);

package/src/components/HkPasswordSurface.scss

@@ -342,6 +342,6 @@
 .hk-pwd-box input:-webkit-autofill:active {
   -webkit-text-fill-color: var(--hi-color-text-primary, #1e1e1e) !important;
   caret-color: var(--hi-color-text-primary, #1e1e1e);
-  box-shadow: 0 0 0 1000px var(--hi-color-surface, #f0f4f8) inset !important;
+  box-shadow: 0 0 0 1000px var(--hi-color-surface, #ffffff) inset !important;
   transition: background-color calc(infinity * 1s) step-end, color calc(infinity * 1s) step-end;
 }

package/src/components/HkRadio.scss

@@ -101,7 +101,7 @@
    :focus-visible keeps mouse clicks ring-free. */
 .hk-radio-box:has(.hk-radio-input:focus-visible) {
   box-shadow:
-    0 0 0 2px var(--hi-color-surface, rgba(240,244,248,0.95)),
+    0 0 0 2px var(--hi-color-surface, rgba(255,255,255,0.95)),
     0 0 0 4px var(--hi-color-primary, #7aa2f7);
 }
 

package/src/components/HkScrollContainer.scss

@@ -194,7 +194,7 @@
   font-size: var(--text-2xs);
   letter-spacing: 0.04em;
   color: var(--hi-color-muted, #6c6c6c);
-  background: color-mix(in srgb, var(--hi-color-surface, rgba(240,244,248,0.95)) 78%, transparent);
+  background: color-mix(in srgb, var(--hi-color-surface, rgba(255,255,255,0.95)) 78%, transparent);
   border: 1px solid color-mix(in srgb, var(--hi-color-border, rgba(100,100,100,0.08)) 12%, transparent);
   border-radius: var(--radius-full, 9999px);
   backdrop-filter: blur(4px);

package/src/components/HkScrollPin.scss

@@ -23,7 +23,7 @@
   // sticky header introduced; hosts retune through --hk-scroll-pin-bg).
   background: var(
     --hk-scroll-pin-bg,
-    color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 95%, transparent)
+    color-mix(in srgb, var(--hi-color-surface, #ffffff) 95%, transparent)
   );
   backdrop-filter: var(--hk-scroll-pin-blur, blur(6px));
 }

package/src/components/HkSidebar.scss

@@ -24,7 +24,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  background: var(--hk-sidebar-bg, var(--hi-color-surface, rgba(240,244,248,0.95)));
+  background: var(--hk-sidebar-bg, var(--hi-color-surface, rgba(255,255,255,0.95)));
   backdrop-filter: blur(var(--blur-sm, 8px));
   /* Logical edge: the border rides the content-facing side in either
    * direction (LTR sidebar docks left, RTL docks right). */

package/src/components/HkStepFlow.scss

@@ -30,7 +30,7 @@
   --hk-scroll-pin-z: var(--hk-stepflow-sticky-z, 10);
   --hk-scroll-pin-bg: var(
     --hk-stepflow-sticky-bg,
-    color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 95%, transparent)
+    color-mix(in srgb, var(--hi-color-surface, #ffffff) 95%, transparent)
   );
   // The HOST's declared gutter owns the resting offset, not this rule. The
   // pin contract's offset rule is (0,3,0) and parks a top pin at

package/src/components/HkStepGuide.scss

@@ -49,7 +49,7 @@
   padding: var(--space-20, 1.25rem);
   padding-block-start: calc(var(--space-20, 1.25rem) + var(--space-2, 0.125rem));
   border-radius: var(--radius-lg, 1rem);
-  background: var(--hi-color-surface, #f0f4f8);
+  background: var(--hi-color-surface, #ffffff);
 
   &[data-done] {
     box-shadow: inset 0 0 0 1px rgb(from var(--hi-color-success, #0eb840) r g b / 0.55);

package/src/components/HkSwitch.scss

@@ -29,7 +29,7 @@
    the label; house pattern: HkButton double ring). */
 .hk-switch-input:focus-visible ~ .hk-switch-track {
   box-shadow:
-    0 0 0 2px var(--hi-color-surface, rgba(240, 244, 248, 0.95)),
+    0 0 0 2px var(--hi-color-surface, rgba(255, 255, 255, 0.95)),
     0 0 0 4px var(--hi-color-primary, #7aa2f7);
 }
 

package/src/components/HkTag.scss

@@ -58,7 +58,7 @@
 }
 
 .hk-tag-default {
-  background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 60%, transparent);
+  background: color-mix(in srgb, var(--hi-color-surface, #ffffff) 60%, transparent);
   color: var(--hi-color-text-primary, #1e1e1e);
   border-color: var(--hi-color-border, #646464);
 }

package/src/components/HkTitleBar.scss

@@ -7,7 +7,7 @@
 
 .hk-titlebar {
   --hk-tb-height: 32px;
-  --hk-tb-bg: color-mix(in srgb, rgb(var(--color-surface, 240 244 248)) 80%, transparent);
+  --hk-tb-bg: color-mix(in srgb, rgb(var(--color-surface, 255 255 255)) 80%, transparent);
   --hk-tb-border: rgb(var(--color-border, 100 100 100) / 0.25);
   --hk-tb-fg: rgb(var(--color-text-secondary, 102 102 102));
   --hk-tb-fg-strong: rgb(var(--color-text, 30 30 30));

package/src/components/HkTitleBar.test.tsx

@@ -6,6 +6,8 @@ import { compile } from "sass";
 import { afterEach, describe, expect, it } from "vitest";
 import { createApp, h, nextTick, ref } from "vue";
 
+import { setLocale } from "../i18n/context";
+
 import HkTitleBar from "./HkTitleBar";
 
 /**
@@ -83,6 +85,28 @@ describe("HkTitleBar", () => {
     const maximized = mount(h(HkTitleBar, { title: "App", maximized: true }));
     expect(maximized.querySelector('[title="Restore"]')).toBeTruthy();
   });
+
+  it("localizes the caption tooltips through the preset i18n keys", async () => {
+    // The bar is window chrome: its captions must follow the host's
+    // setLocale (the strings live in the preset locale bundles, not in
+    // props). en is the fallback locale a host that never calls
+    // setLocale gets — pinned here because the assertions above rely on
+    // the literals.
+    const windowed = mount(h(HkTitleBar, { title: "App", maximized: false }));
+    expect(windowed.querySelector('[title="Close"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="Minimize"]')).toBeTruthy();
+
+    await setLocale("zh-Hans");
+    await nextTick();
+    expect(windowed.querySelector('[title="最小化"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="最大化"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="关闭"]')).toBeTruthy();
+
+    await setLocale("en");
+    await nextTick();
+    expect(windowed.querySelector('[title="Maximize"]')).toBeTruthy();
+    expect(windowed.querySelector('[title="关闭"]')).toBeNull();
+  });
 });
 
 describe("HkTitleBar stylesheet contract", () => {

package/src/components/HkTitleBar.tsx

@@ -1,4 +1,5 @@
 import { defineComponent, onBeforeUnmount, onMounted, ref } from "vue";
+import { useI18n } from "../i18n/context";
 
 import "./HkTitleBar.scss";
 
@@ -26,6 +27,12 @@ import "./HkTitleBar.scss";
  * component swaps the maximize/restore glyph and squares the close button's
  * window corner radius (a maximized frame has no rounded corner to follow)
  * — no shell probing inside.
+ *
+ * The caption tooltips (minimize / maximize / restore / close) resolve
+ * through the preset i18n keys (`hikari::titleBar.*`): the bar is window
+ * chrome, so it follows the host's `setLocale` instead of receiving copy
+ * through props — with the English strings as the t() fallback for hosts
+ * that never set a locale.
  */
 export default defineComponent({
   name: "HkTitleBar",
@@ -52,6 +59,7 @@ export default defineComponent({
     action: (_id: string) => true,
   },
   setup(props, { emit, slots }) {
+    const { t } = useI18n();
     return () => (
       <div
         class="hk-titlebar"
@@ -89,8 +97,8 @@ export default defineComponent({
             <button
               type="button"
               class="hk-titlebar-btn"
-              title="Minimize"
-              aria-label="Minimize"
+              title={t("hikari::titleBar.minimize", "Minimize")}
+              aria-label={t("hikari::titleBar.minimize", "Minimize")}
               onClick={(e: MouseEvent) => {
                 e.stopPropagation();
                 emit("minimize");
@@ -103,8 +111,8 @@ export default defineComponent({
             <button
               type="button"
               class="hk-titlebar-btn"
-              title={props.maximized ? "Restore" : "Maximize"}
-              aria-label={props.maximized ? "Restore" : "Maximize"}
+              title={props.maximized ? t("hikari::titleBar.restore", "Restore") : t("hikari::titleBar.maximize", "Maximize")}
+              aria-label={props.maximized ? t("hikari::titleBar.restore", "Restore") : t("hikari::titleBar.maximize", "Maximize")}
               onClick={(e: MouseEvent) => {
                 e.stopPropagation();
                 emit("toggle-maximize");
@@ -121,8 +129,8 @@ export default defineComponent({
             <button
               type="button"
               class="hk-titlebar-btn hk-titlebar-btn-close"
-              title="Close"
-              aria-label="Close"
+              title={t("hikari::titleBar.close", "Close")}
+              aria-label={t("hikari::titleBar.close", "Close")}
               onClick={(e: MouseEvent) => {
                 e.stopPropagation();
                 emit("close");

package/src/components/HkTree.scss

@@ -114,7 +114,7 @@
   cursor: pointer;
 
   &:hover {
-    background: color-mix(in srgb, var(--hi-color-surface, #f0f4f8) 40%, transparent);
+    background: color-mix(in srgb, var(--hi-color-surface, #ffffff) 40%, transparent);
     color: var(--hi-color-text-primary, #1e1e1e);
   }
 }

package/src/components/HkUserPicker.scss

@@ -25,7 +25,7 @@
   gap: var(--space-8, 0.5rem);
   min-height: 2.5rem;
   padding: var(--space-8, 0.5rem) var(--space-12, 0.75rem);
-  background: var(--hi-color-surface, rgba(240, 244, 248, 0.95));
+  background: var(--hi-color-surface, rgba(255, 255, 255, 0.95));
   border: 1px solid var(--hk-kw-border, rgb(var(--color-border) / 8%));
   border-radius: var(--radius-lg, 0.75rem);
   cursor: pointer;

package/src/i18n/locales/ar/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "بحث",
   "hikari::search.clear": "مسح البحث",
   "hikari::search.apply": "تطبيق",
-  "hikari::statusBar.idle": "جاهز"
+  "hikari::statusBar.idle": "جاهز",
+  "hikari::titleBar.minimize": "تصغير",
+  "hikari::titleBar.maximize": "تكبير",
+  "hikari::titleBar.restore": "استعادة",
+  "hikari::titleBar.close": "إغلاق"
 }

package/src/i18n/locales/de/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Suchen",
   "hikari::search.clear": "Suche löschen",
   "hikari::search.apply": "Anwenden",
-  "hikari::statusBar.idle": "Bereit"
+  "hikari::statusBar.idle": "Bereit",
+  "hikari::titleBar.minimize": "Minimieren",
+  "hikari::titleBar.maximize": "Maximieren",
+  "hikari::titleBar.restore": "Wiederherstellen",
+  "hikari::titleBar.close": "Schließen"
 }

package/src/i18n/locales/en/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Search",
   "hikari::search.clear": "Clear search",
   "hikari::search.apply": "Apply",
-  "hikari::statusBar.idle": "Ready"
+  "hikari::statusBar.idle": "Ready",
+  "hikari::titleBar.minimize": "Minimize",
+  "hikari::titleBar.maximize": "Maximize",
+  "hikari::titleBar.restore": "Restore",
+  "hikari::titleBar.close": "Close"
 }

package/src/i18n/locales/es/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Buscar",
   "hikari::search.clear": "Borrar búsqueda",
   "hikari::search.apply": "Aplicar",
-  "hikari::statusBar.idle": "Listo"
+  "hikari::statusBar.idle": "Listo",
+  "hikari::titleBar.minimize": "Minimizar",
+  "hikari::titleBar.maximize": "Maximizar",
+  "hikari::titleBar.restore": "Restaurar",
+  "hikari::titleBar.close": "Cerrar"
 }

package/src/i18n/locales/fr/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Rechercher",
   "hikari::search.clear": "Effacer la recherche",
   "hikari::search.apply": "Appliquer",
-  "hikari::statusBar.idle": "Prêt"
+  "hikari::statusBar.idle": "Prêt",
+  "hikari::titleBar.minimize": "Réduire",
+  "hikari::titleBar.maximize": "Agrandir",
+  "hikari::titleBar.restore": "Restaurer",
+  "hikari::titleBar.close": "Fermer"
 }

package/src/i18n/locales/ja/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "検索",
   "hikari::search.clear": "検索をクリア",
   "hikari::search.apply": "適用",
-  "hikari::statusBar.idle": "準備完了"
+  "hikari::statusBar.idle": "準備完了",
+  "hikari::titleBar.minimize": "最小化",
+  "hikari::titleBar.maximize": "最大化",
+  "hikari::titleBar.restore": "元に戻す",
+  "hikari::titleBar.close": "閉じる"
 }

package/src/i18n/locales/ko/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "검색",
   "hikari::search.clear": "검색 지우기",
   "hikari::search.apply": "적용",
-  "hikari::statusBar.idle": "준비됨"
+  "hikari::statusBar.idle": "준비됨",
+  "hikari::titleBar.minimize": "최소화",
+  "hikari::titleBar.maximize": "최대화",
+  "hikari::titleBar.restore": "복원",
+  "hikari::titleBar.close": "닫기"
 }

package/src/i18n/locales/pt/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Pesquisar",
   "hikari::search.clear": "Limpar pesquisa",
   "hikari::search.apply": "Aplicar",
-  "hikari::statusBar.idle": "Pronto"
+  "hikari::statusBar.idle": "Pronto",
+  "hikari::titleBar.minimize": "Minimizar",
+  "hikari::titleBar.maximize": "Maximizar",
+  "hikari::titleBar.restore": "Restaurar",
+  "hikari::titleBar.close": "Fechar"
 }

package/src/i18n/locales/ru/components.json

@@ -284,5 +284,9 @@
   "hikari::search.trigger": "Поиск",
   "hikari::search.clear": "Очистить поиск",
   "hikari::search.apply": "Применить",
-  "hikari::statusBar.idle": "Готово"
+  "hikari::statusBar.idle": "Готово",
+  "hikari::titleBar.minimize": "Свернуть",
+  "hikari::titleBar.maximize": "Развернуть",
+  "hikari::titleBar.restore": "Восстановить",
+  "hikari::titleBar.close": "Закрыть"
 }

package/src/i18n/locales/zh-Hans/components.json

@@ -288,5 +288,9 @@
   "hikari::search.trigger": "搜索",
   "hikari::search.clear": "清除搜索",
   "hikari::search.apply": "应用",
-  "hikari::statusBar.idle": "就绪"
+  "hikari::statusBar.idle": "就绪",
+  "hikari::titleBar.minimize": "最小化",
+  "hikari::titleBar.maximize": "最大化",
+  "hikari::titleBar.restore": "还原",
+  "hikari::titleBar.close": "关闭"
 }

package/src/i18n/locales/zh-Hant/components.json

@@ -288,5 +288,9 @@
   "hikari::search.trigger": "搜尋",
   "hikari::search.clear": "清除搜尋",
   "hikari::search.apply": "套用",
-  "hikari::statusBar.idle": "就緒"
+  "hikari::statusBar.idle": "就緒",
+  "hikari::titleBar.minimize": "最小化",
+  "hikari::titleBar.maximize": "最大化",
+  "hikari::titleBar.restore": "還原",
+  "hikari::titleBar.close": "關閉"
 }

package/src/styles/admin-tokens.scss

@@ -23,7 +23,7 @@
   /* ── Hikari color bridge ─ */
   --hi-color-primary: rgb(var(--color-primary, 122 162 247));
   --hi-color-primary-rgb: var(--color-primary, 122 162 247);
-  --hi-color-surface: rgb(var(--color-surface, 240 244 248));
+  --hi-color-surface: rgb(var(--color-surface, 255 255 255));
   --hi-color-border: rgb(var(--color-border, 100 100 100) / 15%);
   --hi-color-text-primary: rgb(var(--color-text, 30 30 30));
   --hi-color-text-on-primary: rgb(var(--color-on-primary, 255 255 255)); /* deprecated in-tree: prefer the on-solid slots */
@@ -34,11 +34,11 @@
   --hi-color-icon-on-solid: rgb(var(--color-on-solid-icon, 255 255 255));
   --hi-color-text-secondary: color-mix(in srgb, rgb(var(--color-text, 30 30 30)) 60%, transparent);
   --hi-color-muted: rgb(var(--color-muted, 108 108 108));
-  --hi-color-background: rgb(var(--color-background, 214 236 240));
-  --hi-color-bg-canvas: rgb(var(--color-background, 214 236 240));
-  --hi-color-bg-elevated: rgb(var(--color-surface, 240 244 248));
-  --hi-color-bg-subtle: rgb(var(--color-surface, 240 244 248) / 0.5);
-  --hi-secondary-bg: rgb(var(--color-surface, 240 244 248) / 0.5);
+  --hi-color-background: rgb(var(--color-background, 255 255 255));
+  --hi-color-bg-canvas: rgb(var(--color-background, 255 255 255));
+  --hi-color-bg-elevated: rgb(var(--color-surface, 255 255 255));
+  --hi-color-bg-subtle: rgb(var(--color-surface, 255 255 255) / 0.5);
+  --hi-secondary-bg: rgb(var(--color-surface, 255 255 255) / 0.5);
   --hi-color-danger: rgb(var(--color-error, 247 118 142));
   --hi-color-success: rgb(var(--color-success, 14 184 64));
   --hi-color-warning: rgb(var(--color-warning, 238 214 119));
@@ -58,7 +58,7 @@
    * by load order. (--hk-surface's only in-tree consumer — the retired
    * HTabs tail overlay — is gone; the token stays published for
    * external plana-ui readers.) */
-  --hk-surface: var(--color-surface, 240 244 248);
+  --hk-surface: var(--color-surface, 255 255 255);
   --hk-primary: var(--color-primary, 122 162 247);
 }
 
@@ -948,7 +948,7 @@
      depend on the host having loaded the reset sheet (without it a 1px
      border pushes the box 2px past its max-width and off-centre). */
   box-sizing: border-box;
-  background: color-mix(in srgb, rgb(var(--color-surface, 240 244 248)) 70%, transparent);
+  background: color-mix(in srgb, rgb(var(--color-surface, 255 255 255)) 70%, transparent);
   border: 1px solid color-mix(in srgb, rgb(var(--color-text, 30 30 30)) 12%, transparent);
   border-radius: var(--hi-radius-sm, 4px);
   box-shadow: 0 2px 16px rgb(0 0 0 / 8%);
@@ -1207,11 +1207,11 @@
 }
 
 .a-bg-secondary {
-  background: rgb(var(--color-background, 214 236 240));
+  background: rgb(var(--color-background, 255 255 255));
 }
 
 .a-bg-tertiary {
-  background: rgb(var(--color-surface, 240 244 248));
+  background: rgb(var(--color-surface, 255 255 255));
 }
 
 .a-latency-text {

package/src/styles/theme/channels.scss

@@ -93,8 +93,14 @@
   --color-muted: 108 108 108;
   --color-border: 100 100 100;
   --color-focused-border: 122 162 247;
-  --color-background: 214 236 240;
-  --color-surface: 240 244 248;
+  /* Static seed floor (2026-10-22 user direction): pure white — the
+   * pale-cyan paper default retired. These seeds are the PRE-ENGINE
+   * paint (and the engine-failure floor); the runtime theme overrides
+   * them on :root once JS applies a preset (dark mode included — the
+   * engine owns scheme switching, the seeds are the light default). */
+  --color-background: 255 255 255;
+  --color-surface: 255 255 255;
+
   /* Derived seed defaults for the runtime-selected channels: a primary
    * wash over the background (selected) and the surface tint (status
    * bar), matching what presets derive at runtime. */

package/src/tokens.scss

@@ -86,8 +86,14 @@
   --color-muted: 108 108 108;
   --color-border: 100 100 100;
   --color-focused-border: 122 162 247;
-  --color-background: 214 236 240;
-  --color-surface: 240 244 248;
+  /* Static seed floor (2026-10-22 user direction): pure white — the
+   * pale-cyan paper default retired. These seeds are the PRE-ENGINE
+   * paint (and the engine-failure floor); the runtime theme overrides
+   * them on :root once JS applies a preset (dark mode included — the
+   * engine owns scheme switching, the seeds are the light default). */
+  --color-background: 255 255 255;
+  --color-surface: 255 255 255;
+
   /* Derived seed defaults for the runtime-selected channels: a primary
    * wash over the background (selected) and the surface tint (status
    * bar), matching what presets derive at runtime. */