@lemoncat7/dsh-theme-xiaohei 0.3.0-alpha.22

package/lib/chrome/identity.js

@@ -0,0 +1,61 @@
+import { XIAOHEI_IDENTITY_CAT_TAG, 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,
+#root [data-composer-card='true']::before {
+  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}");
+}
+
+#root [data-composer-card='true']::before {
+  width: 34px;
+  height: 50px;
+  background-image: url("${XIAOHEI_IDENTITY_CAT_TAG}");
+}
+
+:where([data-xiaohei-frame-ornament='spirit-knot'])::after {
+  top: -6px;
+  right: 16px;
+}
+
+#root [data-composer-card='true']::before {
+  top: -10px;
+  right: 24px;
+}
+
+:where([data-xiaohei-frame-ornament='spirit-knot']):hover::after,
+#root [data-composer-card='true']:focus-within::before {
+  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,
+  #root [data-composer-card='true']::before {
+    display: none;
+  }
+}
+`;
+//# sourceMappingURL=identity.js.map

package/lib/chrome/identity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.js","sourceRoot":"","sources":["../../src/chrome/identity.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,0BAA0B,CAAA;AAEjC;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;2BAuBT,sBAAsB;;;;;;2BAMtB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlD,CAAA"}

package/lib/chrome/overlays.d.ts

@@ -0,0 +1,3 @@
+/** 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../../src/chrome/overlays.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,eAAO,MAAM,mBAAmB,g+GAqG/B,CAAA"}

package/lib/chrome/overlays.js

@@ -0,0 +1,104 @@
+/** 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/overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.js","sourceRoot":"","sources":["../../src/chrome/overlays.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGlC,CAAA"}

package/lib/chrome/portal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 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: 0;\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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/chrome/portal.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,i9LAmK9B,CAAA"}

package/lib/chrome/portal.js

@@ -0,0 +1,169 @@
+/**
+ * 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: 0;
+  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/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/chrome/portal.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKjC,CAAA"}

package/lib/chrome/reactions.d.ts

@@ -0,0 +1,3 @@
+/** 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactions.d.ts","sourceRoot":"","sources":["../../src/chrome/reactions.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,eAAO,MAAM,oBAAoB,k5EAkFhC,CAAA"}

package/lib/chrome/reactions.js

@@ -0,0 +1,85 @@
+/** 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/reactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactions.js","sourceRoot":"","sources":["../../src/chrome/reactions.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFnC,CAAA"}

package/lib/chrome/sidebar.d.ts

@@ -0,0 +1,3 @@
+/** 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/* 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  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-radius-panel);\n  background:\n    radial-gradient(96% 16% at 14% 0%, var(--xiaohei-sidebar-glass-highlight), transparent 64%),\n    linear-gradient(\n      90deg,\n      var(--xiaohei-sidebar-glass-refraction),\n      transparent 6%,\n      transparent 95%,\n      var(--xiaohei-sidebar-glass-inner-edge)\n    ),\n    linear-gradient(\n      180deg,\n      var(--xiaohei-sidebar-glass-refraction),\n      transparent 9%,\n      transparent 88%,\n      var(--xiaohei-sidebar-glass-inner-edge)\n    ),\n    var(--xiaohei-sidebar-glass-fill);\n  box-shadow:\n    0 0 0 1px var(--xiaohei-sidebar-glass-outline),\n    inset 0 1px 0 var(--xiaohei-sidebar-glass-highlight),\n    inset 1px 0 0 var(--xiaohei-sidebar-glass-refraction),\n    inset -1px 0 0 var(--xiaohei-sidebar-glass-inner-edge),\n    inset 0 -1px 0 var(--xiaohei-sidebar-glass-inner-edge),\n    0 1px 1px rgb(255 255 255 / 4%),\n    10px 0 30px -22px var(--xiaohei-sidebar-shadow),\n    0 24px 52px -30px var(--xiaohei-sidebar-shadow);\n  -webkit-backdrop-filter:\n    blur(28px)\n    saturate(var(--xiaohei-sidebar-glass-saturation))\n    brightness(var(--xiaohei-sidebar-glass-brightness));\n  backdrop-filter:\n    blur(28px)\n    saturate(var(--xiaohei-sidebar-glass-saturation))\n    brightness(var(--xiaohei-sidebar-glass-brightness));\n}\n\n/* Specular light and the inner lens rim are independent from the tint. This\n * keeps the surface recognisably glass without reducing control contrast. */\n#dsh-theme-xiaohei\\/sidebar-glass::before,\n#dsh-theme-xiaohei\\/sidebar-glass::after {\n  content: '';\n  position: absolute;\n  pointer-events: none;\n}\n\n#dsh-theme-xiaohei\\/sidebar-glass::before {\n  inset: 0;\n  border-radius: inherit;\n  background:\n    linear-gradient(\n      112deg,\n      var(--xiaohei-sidebar-glass-specular),\n      transparent 14%,\n      transparent 78%,\n      var(--xiaohei-sidebar-glass-refraction)\n    );\n  opacity: .72;\n  -webkit-mask-image: linear-gradient(180deg, black, rgb(0 0 0 / 18%) 26%, transparent 58%);\n  mask-image: linear-gradient(180deg, black, rgb(0 0 0 / 18%) 26%, transparent 58%);\n}\n\n#dsh-theme-xiaohei\\/sidebar-glass::after {\n  inset: 1px;\n  border-radius: calc(var(--xiaohei-radius-panel) - 1px);\n  box-shadow:\n    inset 0 0 0 1px var(--xiaohei-sidebar-glass-refraction),\n    inset 0 18px 24px -28px var(--xiaohei-sidebar-glass-highlight),\n    inset 0 -20px 30px -30px var(--xiaohei-sidebar-shadow);\n}\n\n/* Generated ink-space artwork supplies the complex Xiaohei identity. It is a\n * paint-only layer inside the glass and never participates in host layout. */\n#dsh-theme-xiaohei\\/sidebar-glass > .xiaohei-sidebar-atmosphere {\n  position: absolute;\n  z-index: 0;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: left bottom;\n  pointer-events: none;\n  user-select: none;\n  opacity: var(--xiaohei-sidebar-atmosphere-opacity);\n  mix-blend-mode: screen;\n}\n\nhtml[data-xiaohei-appearance='light']\n  #dsh-theme-xiaohei\\/sidebar-glass > .xiaohei-sidebar-atmosphere {\n  mix-blend-mode: multiply;\n}\n\n/* Header toggle and the primary action keep the host's dimensions. */\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > div:first-child button:last-child,\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD'],\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session'] {\n  color: var(--xiaohei-sidebar-icon);\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-base) ease,\n    border-color var(--xiaohei-motion-base) ease;\n}\n\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > div:first-child button:last-child:hover {\n  color: var(--xiaohei-sidebar-emphasis);\n  background: var(--xiaohei-sidebar-hover);\n}\n\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD'],\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session'] {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  border-color: transparent;\n  background: transparent !important;\n  box-shadow: none;\n  justify-content: flex-start;\n  gap: 8px;\n  padding-inline: 12px;\n  text-align: start;\n}\n\n/* One quiet horizontal ink stroke replaces the generic button card. The\n * brush is paint-only; the native button, label and focus target stay intact. */\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD']::before,\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session']::before {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  inset: 3px 7px 3px 5px;\n  border-radius: 42% 9% 37% 12% / 28% 46% 36% 58%;\n  background: linear-gradient(\n    94deg,\n    transparent 0%,\n    var(--xiaohei-sidebar-brush-ink) 5%,\n    var(--xiaohei-sidebar-brush-ink) 72%,\n    transparent 100%\n  );\n  -webkit-mask-image:\n    radial-gradient(ellipse 12px 70% at 5% 48%, black 44%, transparent 76%),\n    linear-gradient(90deg, black 5%, black 76%, transparent 100%);\n  mask-image:\n    radial-gradient(ellipse 12px 70% at 5% 48%, black 44%, transparent 76%),\n    linear-gradient(90deg, black 5%, black 76%, transparent 100%);\n  -webkit-mask-composite: source-over;\n  mask-composite: add;\n  opacity: .9;\n  transform: scaleX(.985);\n  transform-origin: left center;\n  transition:\n    background-color var(--xiaohei-motion-base) ease,\n    opacity var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-base) var(--xiaohei-motion-curve);\n}\n\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD']:hover,\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session']:hover {\n  color: var(--xiaohei-sidebar-emphasis);\n  border-color: transparent;\n  background: transparent !important;\n}\n\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD']:hover::before,\n#root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session']:hover::before {\n  background: linear-gradient(\n    94deg,\n    transparent 0%,\n    var(--xiaohei-sidebar-brush-ink-hover) 5%,\n    var(--xiaohei-sidebar-brush-ink-hover) 72%,\n    transparent 100%\n  );\n  opacity: 1;\n  transform: scaleX(1);\n}\n\n/* Footer occupants keep their native layout. Only their interaction surface\n * is shaded, avoiding a second card inside the sidebar glass. */\n#root [data-slot='sidebar'] > div:not([class*='_collapsed'])\n  > :has(> div > [data-slot='sidebar.footer.action']) {\n  box-sizing: border-box;\n  gap: 2px;\n  margin: 8px 2px 4px;\n  padding: 4px;\n  border: 1px solid var(--xiaohei-sidebar-control-edge);\n  border-radius: calc(var(--xiaohei-radius-control) + 2px);\n  background: color-mix(in srgb, var(--xiaohei-sidebar-control) 76%, transparent);\n  box-shadow: inset 0 1px 0 var(--xiaohei-sidebar-control-highlight);\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  #root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD']::before,\n  #root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session']::before {\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  #dsh-theme-xiaohei\\/sidebar-glass > .xiaohei-sidebar-atmosphere {\n    opacity: var(--xiaohei-sidebar-atmosphere-solid-opacity);\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  #dsh-theme-xiaohei\\/sidebar-glass > .xiaohei-sidebar-atmosphere {\n    display: none;\n  }\n\n  #root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD'],\n  #root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session'] {\n    border-color: ButtonText;\n  }\n\n  #root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='\u65B0\u5EFA\u4F1A\u8BDD']::before,\n  #root [data-slot='sidebar'] > div:not([class*='_collapsed']) > button[aria-label='New session']::before {\n    display: none;\n  }\n}\n";
+//# sourceMappingURL=sidebar.d.ts.map

package/lib/chrome/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/chrome/sidebar.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,+2VA8S/B,CAAA"}