@lemoncat7/dsh-theme-xiaohei 0.4.5 → 0.5.0

package/lib/chrome/gaze.js

@@ -1,103 +0,0 @@
-/** Visual geometry for Xiaohei's idle gaze. Behavior lives in ../gaze.ts. */
-export const XIAOHEI_GAZE_CSS = `
-.xiaohei-scene__mascot-blink {
-  z-index: 3;
-}
-
-.xiaohei-gaze {
-  --xiaohei-gaze-x: 0px;
-  --xiaohei-gaze-y: 0px;
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-  display: block;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 80ms ease-out;
-}
-
-html[data-xiaohei-state='idle'] .xiaohei-gaze {
-  opacity: 1;
-}
-
-/* The complete blink frame owns eye occlusion; a second visibility clock can expose pupil-free frames. */
-
-.xiaohei-gaze__base {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  max-width: none;
-  max-height: none;
-  object-fit: contain;
-  filter: brightness(1.32) contrast(1.02) saturate(1.04);
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-gaze__base {
-  filter: brightness(1.02) contrast(1.07) saturate(0.9);
-}
-
-.xiaohei-gaze__eye {
-  position: absolute;
-  display: block;
-  overflow: hidden;
-  border-radius: 50%;
-  pointer-events: none;
-}
-
-.xiaohei-gaze__eye--left {
-  left: 22.65%;
-  top: 34.35%;
-  width: 9%;
-  height: 13.7%;
-}
-
-.xiaohei-gaze__eye--right {
-  left: 38.25%;
-  top: 35.15%;
-  width: 13.3%;
-  height: 14.5%;
-}
-
-.xiaohei-gaze__pupil {
-  position: absolute;
-  display: block;
-  border-radius: 48% 52% 49% 51%;
-  background:
-    radial-gradient(circle at 39% 27%, #F3F7F3 0 12%, transparent 15%),
-    #020505;
-  transform: translate3d(
-    calc(-50% + var(--xiaohei-gaze-x)),
-    calc(-50% + var(--xiaohei-gaze-y)),
-    0
-  );
-  transform-origin: 50% 50%;
-}
-
-.xiaohei-gaze[data-moving='true'] .xiaohei-gaze__pupil {
-  will-change: transform;
-}
-
-.xiaohei-gaze__pupil--left {
-  left: 50%;
-  top: 49%;
-  width: 57.25%;
-  height: 67.5%;
-}
-
-.xiaohei-gaze__pupil--right {
-  left: 33.5%;
-  top: 48.7%;
-  width: 40.25%;
-  height: 65.2%;
-}
-
-@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {
-  .xiaohei-gaze {
-    display: none;
-  }
-}
-`;
-//# sourceMappingURL=gaze.js.map

package/lib/chrome/identity.d.ts

@@ -1,6 +0,0 @@
-/**
- * Xiaohei ornaments shared by native DSH chrome and opt-in feature plugins.
- * Frames own geometry and headings; this layer owns generated hanging art only.
- */
-export declare const XIAOHEI_IDENTITY_CSS: string;
-//# sourceMappingURL=identity.d.ts.map

package/lib/chrome/identity.js

@@ -1,47 +0,0 @@
-import { XIAOHEI_IDENTITY_CHARM } from '../generated-identity.js';
-/**
- * Xiaohei ornaments shared by native DSH chrome and opt-in feature plugins.
- * Frames own geometry and headings; this layer owns generated hanging art only.
- */
-export const XIAOHEI_IDENTITY_CSS = `
-:where([data-xiaohei-frame-ornament='spirit-knot'])::after {
-  content: '';
-  position: absolute;
-  z-index: 3;
-  width: 30px;
-  height: 48px;
-  border: 0;
-  border-radius: 0;
-  background-position: center;
-  background-size: contain;
-  background-repeat: no-repeat;
-  box-shadow: none;
-  filter: drop-shadow(0 3px 4px var(--xiaohei-shadow));
-  opacity: 0.92;
-  pointer-events: none;
-  transform: rotate(3deg);
-  transform-origin: 50% 8%;
-  transition: transform 320ms var(--xiaohei-motion-curve), filter var(--xiaohei-motion-base) ease;
-}
-
-:where([data-xiaohei-frame-ornament='spirit-knot'])::after {
-  background-image: url("${XIAOHEI_IDENTITY_CHARM}");
-}
-
-:where([data-xiaohei-frame-ornament='spirit-knot'])::after {
-  top: -6px;
-  right: 16px;
-}
-
-:where([data-xiaohei-frame-ornament='spirit-knot']):hover::after {
-  filter: drop-shadow(0 4px 6px var(--xiaohei-focus-shadow));
-  transform: rotate(-4deg) scale(1.03);
-}
-
-@media (forced-colors: active) {
-  :where([data-xiaohei-frame-ornament])::after {
-    display: none;
-  }
-}
-`;
-//# sourceMappingURL=identity.js.map

package/lib/chrome/overlays.d.ts

@@ -1,3 +0,0 @@
-/** Dialog, menu, listbox, focus, and separator surfaces. */
-export declare const XIAOHEI_OVERLAY_CSS = "\n#root [role='dialog'],\n#root [role='menu'],\n#root [role='listbox'] {\n  isolation: isolate;\n  border: 1px solid var(--xiaohei-edge) !important;\n  color: var(--dsw-alias-label-primary);\n  background-color: var(--xiaohei-overlay-fill) !important;\n  -webkit-backdrop-filter: blur(var(--xiaohei-overlay-blur)) saturate(var(--xiaohei-overlay-saturation));\n  backdrop-filter: blur(var(--xiaohei-overlay-blur)) saturate(var(--xiaohei-overlay-saturation));\n  box-shadow:\n    inset 0 0 0 1px var(--xiaohei-frame-inner),\n    inset 0 1px rgb(255 255 255 / 7%),\n    0 22px 64px var(--xiaohei-shadow) !important;\n}\n\n#root [role='dialog'] {\n  border-radius: calc(var(--xiaohei-radius-panel) + 2px) !important;\n  background-image:\n    linear-gradient(var(--xiaohei-frame-line-strong), var(--xiaohei-frame-line-strong)),\n    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)),\n    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)),\n    linear-gradient(145deg, rgb(255 255 255 / 3%), transparent 34%) !important;\n  background-position: 18px 0, 0 18px, 100% calc(100% - 18px), 0 0 !important;\n  background-size: 48px 1px, 1px 34px, 1px 34px, auto !important;\n  background-repeat: no-repeat !important;\n}\n\n#root [role='dialog'] > nav {\n  border-right: 1px solid var(--xiaohei-edge);\n  background: linear-gradient(180deg, var(--xiaohei-spirit-faint), transparent 46%);\n}\n\n#root [role='menu'],\n#root [role='listbox'] {\n  border-radius: var(--xiaohei-radius-control) !important;\n}\n\n@media (max-width: 700px) {\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    --xiaohei-overlay-blur: 12px;\n  }\n}\n\n#root [role='menuitem'],\n#root [role='option'],\n#root [role='dialog'] button,\n#root [role='menu'] button,\n#root [role='listbox'] button {\n  border: 1px solid transparent;\n  border-radius: var(--xiaohei-radius-small);\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    border-color var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n#root [role='menuitem']:hover,\n#root [role='option']:hover,\n#root [role='dialog'] button:not(:disabled):hover,\n#root [role='menu'] button:not(:disabled):hover,\n#root [role='listbox'] button:not(:disabled):hover {\n  color: var(--xiaohei-spirit-strong);\n  border-color: var(--xiaohei-edge);\n  background: var(--xiaohei-spirit-soft);\n}\n\n#root [role='menuitem']:active,\n#root [role='option']:active,\n#root [role='dialog'] button:not(:disabled):active,\n#root [role='menu'] button:not(:disabled):active,\n#root [role='listbox'] button:not(:disabled):active {\n  transform: translateY(1px) scale(0.99);\n}\n\n#root [role='dialog'] button[aria-current='true'],\n#root [role='menu'] [aria-current='true'],\n#root [role='listbox'] [aria-selected='true'] {\n  color: var(--xiaohei-spirit-strong);\n  background: var(--xiaohei-spirit-soft);\n  box-shadow: inset 3px 0 var(--xiaohei-spirit);\n}\n\n#root button:focus-visible,\n#root input:focus-visible,\n#root textarea:focus-visible,\n#root select:focus-visible,\n#root [tabindex]:focus-visible {\n  outline: 2px solid var(--xiaohei-spirit-strong) !important;\n  outline-offset: 2px !important;\n  box-shadow: 0 0 0 5px var(--xiaohei-focus-shadow);\n}\n\n#root [role='separator'] {\n  border-color: transparent !important;\n  background: linear-gradient(90deg, transparent, var(--xiaohei-edge), transparent) !important;\n  opacity: 0.82;\n}\n";
-//# sourceMappingURL=overlays.d.ts.map

package/lib/chrome/overlays.js

@@ -1,104 +0,0 @@
-/** Dialog, menu, listbox, focus, and separator surfaces. */
-export const XIAOHEI_OVERLAY_CSS = `
-#root [role='dialog'],
-#root [role='menu'],
-#root [role='listbox'] {
-  isolation: isolate;
-  border: 1px solid var(--xiaohei-edge) !important;
-  color: var(--dsw-alias-label-primary);
-  background-color: var(--xiaohei-overlay-fill) !important;
-  -webkit-backdrop-filter: blur(var(--xiaohei-overlay-blur)) saturate(var(--xiaohei-overlay-saturation));
-  backdrop-filter: blur(var(--xiaohei-overlay-blur)) saturate(var(--xiaohei-overlay-saturation));
-  box-shadow:
-    inset 0 0 0 1px var(--xiaohei-frame-inner),
-    inset 0 1px rgb(255 255 255 / 7%),
-    0 22px 64px var(--xiaohei-shadow) !important;
-}
-
-#root [role='dialog'] {
-  border-radius: calc(var(--xiaohei-radius-panel) + 2px) !important;
-  background-image:
-    linear-gradient(var(--xiaohei-frame-line-strong), var(--xiaohei-frame-line-strong)),
-    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)),
-    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)),
-    linear-gradient(145deg, rgb(255 255 255 / 3%), transparent 34%) !important;
-  background-position: 18px 0, 0 18px, 100% calc(100% - 18px), 0 0 !important;
-  background-size: 48px 1px, 1px 34px, 1px 34px, auto !important;
-  background-repeat: no-repeat !important;
-}
-
-#root [role='dialog'] > nav {
-  border-right: 1px solid var(--xiaohei-edge);
-  background: linear-gradient(180deg, var(--xiaohei-spirit-faint), transparent 46%);
-}
-
-#root [role='menu'],
-#root [role='listbox'] {
-  border-radius: var(--xiaohei-radius-control) !important;
-}
-
-@media (max-width: 700px) {
-  #root [role='dialog'],
-  #root [role='menu'],
-  #root [role='listbox'] {
-    --xiaohei-overlay-blur: 12px;
-  }
-}
-
-#root [role='menuitem'],
-#root [role='option'],
-#root [role='dialog'] button,
-#root [role='menu'] button,
-#root [role='listbox'] button {
-  border: 1px solid transparent;
-  border-radius: var(--xiaohei-radius-small);
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease,
-    border-color var(--xiaohei-motion-fast) ease,
-    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
-}
-
-#root [role='menuitem']:hover,
-#root [role='option']:hover,
-#root [role='dialog'] button:not(:disabled):hover,
-#root [role='menu'] button:not(:disabled):hover,
-#root [role='listbox'] button:not(:disabled):hover {
-  color: var(--xiaohei-spirit-strong);
-  border-color: var(--xiaohei-edge);
-  background: var(--xiaohei-spirit-soft);
-}
-
-#root [role='menuitem']:active,
-#root [role='option']:active,
-#root [role='dialog'] button:not(:disabled):active,
-#root [role='menu'] button:not(:disabled):active,
-#root [role='listbox'] button:not(:disabled):active {
-  transform: translateY(1px) scale(0.99);
-}
-
-#root [role='dialog'] button[aria-current='true'],
-#root [role='menu'] [aria-current='true'],
-#root [role='listbox'] [aria-selected='true'] {
-  color: var(--xiaohei-spirit-strong);
-  background: var(--xiaohei-spirit-soft);
-  box-shadow: inset 3px 0 var(--xiaohei-spirit);
-}
-
-#root button:focus-visible,
-#root input:focus-visible,
-#root textarea:focus-visible,
-#root select:focus-visible,
-#root [tabindex]:focus-visible {
-  outline: 2px solid var(--xiaohei-spirit-strong) !important;
-  outline-offset: 2px !important;
-  box-shadow: 0 0 0 5px var(--xiaohei-focus-shadow);
-}
-
-#root [role='separator'] {
-  border-color: transparent !important;
-  background: linear-gradient(90deg, transparent, var(--xiaohei-edge), transparent) !important;
-  opacity: 0.82;
-}
-`;
-//# sourceMappingURL=overlays.js.map

package/lib/chrome/portal.d.ts

@@ -1,6 +0,0 @@
-/**
- * Two compact voids and one travelling Heixiu. The portals are matte spatial
- * gaps rather than rings; all keyframes stay on compositor-safe properties.
- */
-export declare const XIAOHEI_PORTAL_CSS = "\n#dsh-theme-xiaohei\\/portal-layer {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: hidden;\n  contain: strict;\n  pointer-events: none;\n  user-select: none;\n}\n\n#dsh-theme-xiaohei\\/portal-layer > * {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n}\n\n.xiaohei-portal__void {\n  width: clamp(2.8rem, 3.6vw, 4rem);\n  aspect-ratio: 0.76;\n  border-radius: 48% 52% 46% 54% / 52% 46% 54% 48%;\n  opacity: 0;\n  background:\n    radial-gradient(ellipse at 46% 48%, #010304 0%, #020609 58%, #092027 72%, rgb(66 188 170 / 36%) 78%, transparent 82%);\n  box-shadow:\n    inset 0 0 0.7rem rgb(0 0 0 / 92%),\n    0 0 0.85rem rgb(78 214 191 / 18%);\n  will-change: transform, opacity;\n}\n\n.xiaohei-portal__void::after {\n  position: absolute;\n  inset: 13% 18%;\n  display: block;\n  content: '';\n  border-radius: inherit;\n  background: #000102;\n  box-shadow: inset 0.18rem 0 0.45rem rgb(16 56 64 / 42%);\n}\n\n.xiaohei-portal__void--entry {\n  left: var(--portal-entry-x);\n  top: var(--portal-entry-y);\n  transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(0.04, 0.12, 1);\n}\n\n.xiaohei-portal__void--exit {\n  left: var(--portal-exit-x);\n  top: var(--portal-exit-y);\n  transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(0.04, 0.12, 1);\n}\n\n.xiaohei-portal__traveler {\n  left: var(--portal-entry-x);\n  top: var(--portal-entry-y);\n  z-index: 1;\n  width: clamp(2.7rem, 3.4vw, 3.7rem);\n  aspect-ratio: 1;\n  opacity: 0;\n  transform: translate3d(-5rem, -50%, 0) scale(0.9);\n  filter:\n    drop-shadow(0 0.25rem 0.45rem rgb(90 221 199 / 20%))\n    drop-shadow(0 0.58rem 0.9rem rgb(1 9 10 / 22%));\n  will-change: transform, opacity;\n}\n\n.xiaohei-portal__traveler > img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  max-height: none;\n  object-fit: contain;\n  filter: brightness(1.1) contrast(1.05) saturate(0.82);\n}\n\n.xiaohei-portal__traveler-blink { opacity: 0; }\n\n#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__void--entry {\n  animation: xiaohei-portal-entry 2.6s cubic-bezier(0.4, 0, 0.2, 1) both;\n}\n\n#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__void--exit {\n  animation: xiaohei-portal-exit 2.6s cubic-bezier(0.4, 0, 0.2, 1) both;\n}\n\n#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__traveler {\n  animation: xiaohei-portal-traveler 2.6s cubic-bezier(0.45, 0, 0.25, 1) both;\n}\n\n#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__traveler-open {\n  animation: xiaohei-portal-eyes-open 2.6s step-end both;\n}\n\n#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__traveler-blink {\n  animation: xiaohei-portal-eyes-blink 2.6s step-end both;\n}\n\n@keyframes xiaohei-portal-entry {\n  0% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }\n  10%, 55% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(1, 1, 1); opacity: 0.96; }\n  68%, 100% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }\n}\n\n@keyframes xiaohei-portal-exit {\n  0%, 40% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }\n  51%, 86% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(1, 1, 1); opacity: 0.96; }\n  100% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }\n}\n\n@keyframes xiaohei-portal-traveler {\n  0% { transform: translate3d(-5rem, -50%, 0) scale(0.88); opacity: 0; }\n  9% { transform: translate3d(-4rem, -50%, 0) scale(0.92); opacity: 0.82; }\n  29% { transform: translate3d(-1rem, -50%, 0) scale(0.92); opacity: 1; }\n  43% { transform: translate3d(0, -50%, 0) scale(0.12); opacity: 0; }\n  50% { transform: translate3d(var(--portal-travel-x), var(--portal-travel-y), 0) scale(0.12); opacity: 0; }\n  59% { transform: translate3d(var(--portal-travel-x), var(--portal-travel-y), 0) scale(0.16); opacity: 0; }\n  70% { transform: translate3d(calc(var(--portal-travel-x) + var(--portal-emerge-near)), var(--portal-travel-y), 0) scale(0.94); opacity: 1; }\n  90% { transform: translate3d(calc(var(--portal-travel-x) + var(--portal-emerge-far)), var(--portal-travel-y), 0) scale(0.92); opacity: 0.9; }\n  100% { transform: translate3d(calc(var(--portal-travel-x) + var(--portal-emerge-end)), var(--portal-travel-y), 0) scale(0.9); opacity: 0; }\n}\n\n@keyframes xiaohei-portal-eyes-open {\n  0%, 20.9% { opacity: 1; transform: translate3d(0, 0, 0); }\n  21%, 23.5% { opacity: 0; transform: translate3d(0, 0, 0); }\n  23.6%, 75.9% { opacity: 1; transform: translate3d(0, 0, 0); }\n  76%, 78.5% { opacity: 0; transform: translate3d(0, 0, 0); }\n  78.6%, 100% { opacity: 1; transform: translate3d(0, 0, 0); }\n}\n\n@keyframes xiaohei-portal-eyes-blink {\n  0%, 20.9% { opacity: 0; transform: translate3d(0, 0, 0); }\n  21%, 23.5% { opacity: 1; transform: translate3d(0, 0, 0); }\n  23.6%, 75.9% { opacity: 0; transform: translate3d(0, 0, 0); }\n  76%, 78.5% { opacity: 1; transform: translate3d(0, 0, 0); }\n  78.6%, 100% { opacity: 0; transform: translate3d(0, 0, 0); }\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-portal__void {\n  box-shadow:\n    inset 0 0 0.7rem rgb(0 0 0 / 94%),\n    0 0 0.75rem rgb(47 125 108 / 22%);\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-portal__traveler {\n  filter:\n    drop-shadow(0 0.25rem 0.4rem rgb(48 96 81 / 16%))\n    drop-shadow(0 0.55rem 0.8rem rgb(43 61 54 / 12%));\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-portal__traveler > img {\n  filter: brightness(1.01) contrast(1.06) saturate(0.76);\n}\n\n@media (max-width: 768px) {\n  #dsh-theme-xiaohei\\/portal-layer { display: none; }\n}\n\n@media (prefers-reduced-motion: reduce), (forced-colors: active), print {\n  #dsh-theme-xiaohei\\/portal-layer { display: none; }\n}\n";
-//# sourceMappingURL=portal.d.ts.map

package/lib/chrome/portal.js

@@ -1,169 +0,0 @@
-/**
- * Two compact voids and one travelling Heixiu. The portals are matte spatial
- * gaps rather than rings; all keyframes stay on compositor-safe properties.
- */
-export const XIAOHEI_PORTAL_CSS = `
-#dsh-theme-xiaohei\\/portal-layer {
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-  overflow: hidden;
-  contain: strict;
-  pointer-events: none;
-  user-select: none;
-}
-
-#dsh-theme-xiaohei\\/portal-layer > * {
-  position: absolute;
-  display: block;
-  pointer-events: none;
-}
-
-.xiaohei-portal__void {
-  width: clamp(2.8rem, 3.6vw, 4rem);
-  aspect-ratio: 0.76;
-  border-radius: 48% 52% 46% 54% / 52% 46% 54% 48%;
-  opacity: 0;
-  background:
-    radial-gradient(ellipse at 46% 48%, #010304 0%, #020609 58%, #092027 72%, rgb(66 188 170 / 36%) 78%, transparent 82%);
-  box-shadow:
-    inset 0 0 0.7rem rgb(0 0 0 / 92%),
-    0 0 0.85rem rgb(78 214 191 / 18%);
-  will-change: transform, opacity;
-}
-
-.xiaohei-portal__void::after {
-  position: absolute;
-  inset: 13% 18%;
-  display: block;
-  content: '';
-  border-radius: inherit;
-  background: #000102;
-  box-shadow: inset 0.18rem 0 0.45rem rgb(16 56 64 / 42%);
-}
-
-.xiaohei-portal__void--entry {
-  left: var(--portal-entry-x);
-  top: var(--portal-entry-y);
-  transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(0.04, 0.12, 1);
-}
-
-.xiaohei-portal__void--exit {
-  left: var(--portal-exit-x);
-  top: var(--portal-exit-y);
-  transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(0.04, 0.12, 1);
-}
-
-.xiaohei-portal__traveler {
-  left: var(--portal-entry-x);
-  top: var(--portal-entry-y);
-  z-index: 1;
-  width: clamp(2.7rem, 3.4vw, 3.7rem);
-  aspect-ratio: 1;
-  opacity: 0;
-  transform: translate3d(-5rem, -50%, 0) scale(0.9);
-  filter:
-    drop-shadow(0 0.25rem 0.45rem rgb(90 221 199 / 20%))
-    drop-shadow(0 0.58rem 0.9rem rgb(1 9 10 / 22%));
-  will-change: transform, opacity;
-}
-
-.xiaohei-portal__traveler > img {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  max-width: none;
-  max-height: none;
-  object-fit: contain;
-  filter: brightness(1.1) contrast(1.05) saturate(0.82);
-}
-
-.xiaohei-portal__traveler-blink { opacity: 0; }
-
-#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__void--entry {
-  animation: xiaohei-portal-entry 2.6s cubic-bezier(0.4, 0, 0.2, 1) both;
-}
-
-#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__void--exit {
-  animation: xiaohei-portal-exit 2.6s cubic-bezier(0.4, 0, 0.2, 1) both;
-}
-
-#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__traveler {
-  animation: xiaohei-portal-traveler 2.6s cubic-bezier(0.45, 0, 0.25, 1) both;
-}
-
-#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__traveler-open {
-  animation: xiaohei-portal-eyes-open 2.6s step-end both;
-}
-
-#dsh-theme-xiaohei\\/portal-layer[data-running='true'] .xiaohei-portal__traveler-blink {
-  animation: xiaohei-portal-eyes-blink 2.6s step-end both;
-}
-
-@keyframes xiaohei-portal-entry {
-  0% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }
-  10%, 55% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(1, 1, 1); opacity: 0.96; }
-  68%, 100% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-entry-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }
-}
-
-@keyframes xiaohei-portal-exit {
-  0%, 40% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }
-  51%, 86% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(1, 1, 1); opacity: 0.96; }
-  100% { transform: translate3d(-50%, -50%, 0) rotate(var(--portal-exit-angle)) scale3d(0.04, 0.12, 1); opacity: 0; }
-}
-
-@keyframes xiaohei-portal-traveler {
-  0% { transform: translate3d(-5rem, -50%, 0) scale(0.88); opacity: 0; }
-  9% { transform: translate3d(-4rem, -50%, 0) scale(0.92); opacity: 0.82; }
-  29% { transform: translate3d(-1rem, -50%, 0) scale(0.92); opacity: 1; }
-  43% { transform: translate3d(0, -50%, 0) scale(0.12); opacity: 0; }
-  50% { transform: translate3d(var(--portal-travel-x), var(--portal-travel-y), 0) scale(0.12); opacity: 0; }
-  59% { transform: translate3d(var(--portal-travel-x), var(--portal-travel-y), 0) scale(0.16); opacity: 0; }
-  70% { transform: translate3d(calc(var(--portal-travel-x) + var(--portal-emerge-near)), var(--portal-travel-y), 0) scale(0.94); opacity: 1; }
-  90% { transform: translate3d(calc(var(--portal-travel-x) + var(--portal-emerge-far)), var(--portal-travel-y), 0) scale(0.92); opacity: 0.9; }
-  100% { transform: translate3d(calc(var(--portal-travel-x) + var(--portal-emerge-end)), var(--portal-travel-y), 0) scale(0.9); opacity: 0; }
-}
-
-@keyframes xiaohei-portal-eyes-open {
-  0%, 20.9% { opacity: 1; transform: translate3d(0, 0, 0); }
-  21%, 23.5% { opacity: 0; transform: translate3d(0, 0, 0); }
-  23.6%, 75.9% { opacity: 1; transform: translate3d(0, 0, 0); }
-  76%, 78.5% { opacity: 0; transform: translate3d(0, 0, 0); }
-  78.6%, 100% { opacity: 1; transform: translate3d(0, 0, 0); }
-}
-
-@keyframes xiaohei-portal-eyes-blink {
-  0%, 20.9% { opacity: 0; transform: translate3d(0, 0, 0); }
-  21%, 23.5% { opacity: 1; transform: translate3d(0, 0, 0); }
-  23.6%, 75.9% { opacity: 0; transform: translate3d(0, 0, 0); }
-  76%, 78.5% { opacity: 1; transform: translate3d(0, 0, 0); }
-  78.6%, 100% { opacity: 0; transform: translate3d(0, 0, 0); }
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-portal__void {
-  box-shadow:
-    inset 0 0 0.7rem rgb(0 0 0 / 94%),
-    0 0 0.75rem rgb(47 125 108 / 22%);
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-portal__traveler {
-  filter:
-    drop-shadow(0 0.25rem 0.4rem rgb(48 96 81 / 16%))
-    drop-shadow(0 0.55rem 0.8rem rgb(43 61 54 / 12%));
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-portal__traveler > img {
-  filter: brightness(1.01) contrast(1.06) saturate(0.76);
-}
-
-@media (max-width: 768px) {
-  #dsh-theme-xiaohei\\/portal-layer { display: none; }
-}
-
-@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
-  #dsh-theme-xiaohei\\/portal-layer { display: none; }
-}
-`;
-//# sourceMappingURL=portal.js.map

package/lib/chrome/reactions.d.ts

@@ -1,3 +0,0 @@
-/** Complete-frame reaction strips. Timing and triggers live in ../reactions.ts. */
-export declare const XIAOHEI_REACTION_CSS = "\n.xiaohei-scene__idle-reaction {\n  position: absolute;\n  display: block;\n  inset: 0 auto auto 0;\n  width: 900%;\n  height: 100%;\n  max-width: none;\n  max-height: none;\n  object-fit: fill;\n  z-index: 2;\n  opacity: 0;\n  pointer-events: none;\n  transform: translate3d(0, 0, 0);\n  filter: brightness(1.32) contrast(1.02) saturate(1.04);\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-scene__idle-reaction {\n  filter: brightness(1.02) contrast(1.07) saturate(0.9);\n}\n\n.xiaohei-scene__mascot[data-xiaohei-reaction='ear-left'] .xiaohei-scene__idle-reaction,\n.xiaohei-scene__mascot[data-xiaohei-reaction='ear-right'] .xiaohei-scene__idle-reaction {\n  opacity: 1;\n  animation: xiaohei-idle-ear-reaction 560ms steps(8, end) both;\n}\n\n.xiaohei-scene__mascot[data-xiaohei-ear-loop='true'] .xiaohei-scene__idle-reaction {\n  animation-iteration-count: infinite;\n}\n\n.xiaohei-scene__mascot[data-xiaohei-reaction='tail-slow'] .xiaohei-scene__idle-reaction,\n.xiaohei-scene__mascot[data-xiaohei-reaction='tail-complete'] .xiaohei-scene__idle-reaction {\n  width: 1000%;\n  opacity: 1;\n  animation-name: xiaohei-idle-tail-reaction;\n  animation-timing-function: steps(9, end);\n  animation-fill-mode: both;\n  animation-iteration-count: 1;\n}\n\n.xiaohei-scene__mascot[data-xiaohei-reaction='tail-slow'] .xiaohei-scene__idle-reaction {\n  animation-duration: 1280ms;\n}\n\n.xiaohei-scene__mascot[data-xiaohei-reaction='tail-complete'] .xiaohei-scene__idle-reaction {\n  animation-duration: 700ms;\n}\n\n/* Keep the live pupils while the pupil-free complete frame supplies motion. */\n.xiaohei-scene__mascot[data-xiaohei-reaction] .xiaohei-gaze {\n  z-index: 3;\n  opacity: 1;\n}\n\n.xiaohei-scene__mascot[data-xiaohei-reaction] .xiaohei-gaze__base {\n  opacity: 0;\n}\n\n/* Blink remains the highest character frame and naturally covers the pupils. */\n.xiaohei-scene__mascot-blink {\n  z-index: 4;\n}\n\nhtml:not([data-xiaohei-state='idle']) .xiaohei-scene__idle-reaction {\n  opacity: 0;\n  animation: none;\n}\n\n@keyframes xiaohei-idle-ear-reaction {\n  from { transform: translate3d(0, 0, 0); }\n  to { transform: translate3d(-88.888889%, 0, 0); }\n}\n\n@keyframes xiaohei-idle-tail-reaction {\n  from { transform: translate3d(0, 0, 0); }\n  to { transform: translate3d(-90%, 0, 0); }\n}\n\n@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {\n  .xiaohei-scene__idle-reaction { display: none; }\n}\n";
-//# sourceMappingURL=reactions.d.ts.map

package/lib/chrome/reactions.js

@@ -1,85 +0,0 @@
-/** Complete-frame reaction strips. Timing and triggers live in ../reactions.ts. */
-export const XIAOHEI_REACTION_CSS = `
-.xiaohei-scene__idle-reaction {
-  position: absolute;
-  display: block;
-  inset: 0 auto auto 0;
-  width: 900%;
-  height: 100%;
-  max-width: none;
-  max-height: none;
-  object-fit: fill;
-  z-index: 2;
-  opacity: 0;
-  pointer-events: none;
-  transform: translate3d(0, 0, 0);
-  filter: brightness(1.32) contrast(1.02) saturate(1.04);
-}
-
-html[data-xiaohei-appearance='light'] .xiaohei-scene__idle-reaction {
-  filter: brightness(1.02) contrast(1.07) saturate(0.9);
-}
-
-.xiaohei-scene__mascot[data-xiaohei-reaction='ear-left'] .xiaohei-scene__idle-reaction,
-.xiaohei-scene__mascot[data-xiaohei-reaction='ear-right'] .xiaohei-scene__idle-reaction {
-  opacity: 1;
-  animation: xiaohei-idle-ear-reaction 560ms steps(8, end) both;
-}
-
-.xiaohei-scene__mascot[data-xiaohei-ear-loop='true'] .xiaohei-scene__idle-reaction {
-  animation-iteration-count: infinite;
-}
-
-.xiaohei-scene__mascot[data-xiaohei-reaction='tail-slow'] .xiaohei-scene__idle-reaction,
-.xiaohei-scene__mascot[data-xiaohei-reaction='tail-complete'] .xiaohei-scene__idle-reaction {
-  width: 1000%;
-  opacity: 1;
-  animation-name: xiaohei-idle-tail-reaction;
-  animation-timing-function: steps(9, end);
-  animation-fill-mode: both;
-  animation-iteration-count: 1;
-}
-
-.xiaohei-scene__mascot[data-xiaohei-reaction='tail-slow'] .xiaohei-scene__idle-reaction {
-  animation-duration: 1280ms;
-}
-
-.xiaohei-scene__mascot[data-xiaohei-reaction='tail-complete'] .xiaohei-scene__idle-reaction {
-  animation-duration: 700ms;
-}
-
-/* Keep the live pupils while the pupil-free complete frame supplies motion. */
-.xiaohei-scene__mascot[data-xiaohei-reaction] .xiaohei-gaze {
-  z-index: 3;
-  opacity: 1;
-}
-
-.xiaohei-scene__mascot[data-xiaohei-reaction] .xiaohei-gaze__base {
-  opacity: 0;
-}
-
-/* Blink remains the highest character frame and naturally covers the pupils. */
-.xiaohei-scene__mascot-blink {
-  z-index: 4;
-}
-
-html:not([data-xiaohei-state='idle']) .xiaohei-scene__idle-reaction {
-  opacity: 0;
-  animation: none;
-}
-
-@keyframes xiaohei-idle-ear-reaction {
-  from { transform: translate3d(0, 0, 0); }
-  to { transform: translate3d(-88.888889%, 0, 0); }
-}
-
-@keyframes xiaohei-idle-tail-reaction {
-  from { transform: translate3d(0, 0, 0); }
-  to { transform: translate3d(-90%, 0, 0); }
-}
-
-@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {
-  .xiaohei-scene__idle-reaction { display: none; }
-}
-`;
-//# sourceMappingURL=reactions.js.map

package/lib/chrome/sidebar.d.ts

@@ -1,3 +0,0 @@
-/** One glass surface over DSH's native sidebar geometry and controls. */
-export declare const XIAOHEI_SIDEBAR_CSS = "\n/* The layout column and SidebarRoot both consume the native sidebar fill.\n * The theme token makes those surfaces transparent; this stable slot\n * relationship removes the layout column's remaining straight divider. */\n#root :has(> [data-slot='sidebar']) {\n  background: transparent !important;\n  border-right-color: transparent !important;\n}\n\n#root [data-slot='sidebar'] {\n  position: relative;\n}\n\n/* Target the native control by its accessible identity, not DOM order.\n * Do not resurrect controls explicitly hidden/disabled by the Host. */\n#root [data-slot='sidebar'] button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F']):not([hidden]):not([disabled]):not([aria-hidden='true']) {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  pointer-events: auto !important;\n}\n\n/* Reveal wide navigation only after its column has reached the target width.\n * Keep the toggle itself native. Opacity is applied to content, never the shell\n * (which also hosts fixed-position settings dialogs). */\n@media (prefers-reduced-motion: no-preference) {\n  #root [data-xiaohei-sidebar-reveal] [data-xiaohei-sidebar-brand] {\n    transition: opacity 100ms ease-out;\n  }\n  #root [data-xiaohei-sidebar-reveal='waiting'] [data-xiaohei-sidebar-brand] {\n    opacity: 0 !important;\n    visibility: hidden;\n    transition: none;\n  }\n}\n\n/* Hide the tree scrollbar's paint, retaining its gutter so rows do not grow\n * into the glass edge. Wheel, touch and keyboard remain native; dialogs and\n * other plugin panels keep their normal scrollbar affordance. */\n#root [data-slot='sidebar.workspaces'] [role='tree'] {\n  scrollbar-color: transparent transparent !important;\n}\n\n#root [data-slot='sidebar.workspaces'] [role='tree']::-webkit-scrollbar,\n#root [data-slot='sidebar.workspaces'] [role='tree']::-webkit-scrollbar-thumb,\n#root [data-slot='sidebar.workspaces'] [role='tree']::-webkit-scrollbar-track {\n  background: transparent !important;\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n\n/* The host shell remains paint- and filter-free because Settings is a fixed\n * descendant. The glass itself lives outside #root in the scene layer. */\n#root [data-slot='sidebar'] > div {\n  --dsh-sidebar-inline-padding: 18px;\n  position: relative;\n  background: transparent !important;\n  border-right: 0;\n  box-shadow: none;\n}\n\n#dsh-theme-xiaohei\\/sidebar-glass {\n  position: absolute;\n  box-sizing: border-box;\n  left: var(--xiaohei-sidebar-glass-left, 7px);\n  top: var(--xiaohei-sidebar-glass-top, 8px);\n  width: var(--xiaohei-sidebar-glass-width, 0px);\n  height: var(--xiaohei-sidebar-glass-height, 0px);\n  pointer-events: none;\n  overflow: hidden;\n  border: 1px solid var(--xiaohei-sidebar-glass-edge);\n  border-radius: var(--xiaohei-sidebar-glass-radius);\n  background: var(--xiaohei-sidebar-glass-fill);\n  box-shadow:\n    inset 0 1px var(--xiaohei-sidebar-glass-highlight),\n    inset 1px 0 var(--xiaohei-sidebar-glass-refraction),\n    0 18px 50px -32px var(--xiaohei-sidebar-shadow);\n  -webkit-backdrop-filter:\n    blur(var(--xiaohei-sidebar-glass-blur))\n    saturate(var(--xiaohei-sidebar-glass-saturation));\n  backdrop-filter:\n    blur(var(--xiaohei-sidebar-glass-blur))\n    saturate(var(--xiaohei-sidebar-glass-saturation));\n}\n\n/* Width dragging changes the full-height glass raster every frame. Suspend\n * only the filters while geometry is moving; the translucent surface remains\n * visible and the settled glass returns after the resize gesture ends. */\nhtml[data-xiaohei-sidebar-resizing] #dsh-theme-xiaohei\\/sidebar-glass {\n  -webkit-backdrop-filter: none;\n  backdrop-filter: none;\n}\n\n/* One restrained inner rim completes the glass edge without tinting content. */\n#dsh-theme-xiaohei\\/sidebar-glass::after {\n  content: '';\n  position: absolute;\n  pointer-events: none;\n  inset: 1px;\n  border-radius: calc(var(--xiaohei-sidebar-glass-radius) - 1px);\n  box-shadow:\n    inset 0 1px var(--xiaohei-sidebar-glass-refraction),\n    inset 0 -20px 28px -32px var(--xiaohei-sidebar-shadow-soft);\n}\n\n/* The official brand slot owns geometry in both the wide sidebar and rail.\n * The bitmap remains visible as a no-WebGL fallback while the compact\n * MetallicPaint canvas adds a restrained liquid-metal pass above it. */\n.xiaohei-brand-mark {\n  position: relative;\n  display: inline-grid;\n  flex: none;\n  place-items: center;\n  width: var(--xiaohei-brand-mark-size);\n  height: var(--xiaohei-brand-mark-size);\n  margin: -2px;\n  overflow: visible;\n  pointer-events: none;\n  filter: drop-shadow(0 2px 3px rgb(8 13 15 / 18%));\n  transform: translateY(-1px);\n}\n\n.xiaohei-brand-mark__fallback,\n.xiaohei-brand-mark__metal {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.xiaohei-brand-mark__fallback {\n  opacity: .94;\n  transition: opacity var(--xiaohei-motion-base) ease;\n}\n\n.xiaohei-brand-mark__metal {\n  opacity: 0;\n  transition:\n    opacity var(--xiaohei-motion-base) ease,\n    filter var(--xiaohei-motion-base) ease;\n}\n\n.xiaohei-brand-mark[data-metallic-ready='true'] .xiaohei-brand-mark__fallback {\n  opacity: .28;\n}\n\n.xiaohei-brand-mark[data-metallic-ready='true'] .xiaohei-brand-mark__metal {\n  opacity: .92;\n}\n\n.xiaohei-brand-name {\n  white-space: nowrap;\n  letter-spacing: .025em;\n  font-size: 17px;\n  font-weight: 600;\n}\n\n/* ui-conversation currently exposes the Hero mark but not its headline as a\n * slot. Anchor the visual copy to that official mark occupant so hashed Host\n * class names and unrelated headings remain untouched. */\n#root span:has(> .xiaohei-brand-mark[data-brand-context='hero']) + span {\n  font-size: 0;\n}\n\n#root span:has(> .xiaohei-brand-mark[data-brand-context='hero']) + span::after {\n  content: '\u4E07\u7269\u6709\u7075\uFF0C\u81EA\u5728\u540C\u884C';\n  font-size: 26px;\n  font-weight: 500;\n  line-height: 32px;\n}\n\n#root [data-slot='sidebar'] button:hover .xiaohei-brand-mark__metal {\n  filter: brightness(1.12) contrast(1.04);\n}\n\n/* Keep native rail/wide geometry and one consistent control material. */\n#root [data-slot='sidebar'] button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F']),\n#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD'],\n#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='New session'] {\n  color: var(--xiaohei-sidebar-emphasis);\n  transition:\n    background-color var(--xiaohei-motion-fast) ease,\n    border-color var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n#root [data-slot='sidebar'] button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F']):hover {\n  background: var(--xiaohei-sidebar-hover);\n}\n\n#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD'],\n#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='New session'] {\n  border: 1px solid var(--xiaohei-sidebar-control-edge);\n  border-radius: var(--xiaohei-radius-control);\n  background: var(--xiaohei-sidebar-control);\n  box-shadow: inset 0 1px var(--xiaohei-sidebar-control-highlight);\n  justify-content: flex-start;\n  gap: 8px;\n  padding-inline: 12px;\n  text-align: start;\n}\n\n#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD']:hover,\n#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='New session']:hover {\n  border-color: var(--xiaohei-sidebar-control-edge-hover);\n  background: var(--xiaohei-sidebar-hover);\n}\n\n/* rc.2 renders footer contributions in a horizontal flex row. Stack only\n * this slot and its immediate host so full-width actions cannot displace\n * siblings. Leave settings, plugin interiors, hidden states and order alone.\n * This is also idempotent with Desktop's column-layout compatibility patch. */\n#root [data-slot='sidebar'] :has(> [data-slot='sidebar.footer.action']),\n#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] {\n  flex-direction: column;\n  align-items: stretch;\n  min-width: 0;\n  max-width: 100%;\n  gap: 4px;\n}\n\n#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] > * {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  min-width: 0;\n  max-width: 100%;\n}\n\n/* The footer uses a divider instead of another framed card. */\n#root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F']))\n  > :has(> div > [data-slot='sidebar.footer.action']) {\n  box-sizing: border-box;\n  gap: 2px;\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--xiaohei-sidebar-control-edge);\n}\n\n#root [data-slot='sidebar.footer.action'] > button,\n#root [data-slot='sidebar.settings'] > button {\n  color: var(--dsw-alias-label-secondary);\n  border-radius: var(--xiaohei-radius-small) !important;\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n#root [data-slot='sidebar.footer.action'] > button:hover,\n#root [data-slot='sidebar.settings'] > button:hover,\n#root [data-slot='sidebar.footer.action'] > button[aria-expanded='true'],\n#root [data-slot='sidebar.settings'] > button[aria-expanded='true'] {\n  color: var(--xiaohei-sidebar-emphasis);\n  background: var(--xiaohei-sidebar-hover);\n}\n\n#root [data-slot='sidebar.footer.action'] > button:active,\n#root [data-slot='sidebar.settings'] > button:active {\n  transform: translateY(1px);\n}\n\n#root [data-slot='sidebar'] button:focus-visible {\n  outline: 2px solid var(--xiaohei-sidebar-emphasis);\n  outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #root [data-slot='sidebar'] button {\n    transition-duration: 0ms !important;\n  }\n\n\n  .xiaohei-brand-mark__fallback,\n  .xiaohei-brand-mark__metal {\n    transition-duration: 0ms !important;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  #dsh-theme-xiaohei\\/sidebar-glass {\n    background: var(--xiaohei-sidebar-glass-solid);\n    -webkit-backdrop-filter: none;\n    backdrop-filter: none;\n  }\n\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  #dsh-theme-xiaohei\\/sidebar-glass {\n    background: var(--xiaohei-sidebar-glass-solid);\n  }\n}\n\n@media (forced-colors: active) {\n  #dsh-theme-xiaohei\\/sidebar-glass {\n    border-color: CanvasText;\n    background: Canvas;\n    box-shadow: none;\n    -webkit-backdrop-filter: none;\n    backdrop-filter: none;\n  }\n\n  #root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD'],\n  #root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F'])) > button[aria-label='New session'] {\n    border-color: ButtonText;\n  }\n\n}\n";
-//# sourceMappingURL=sidebar.d.ts.map