@lemoncat7/dsh-theme-xiaohei 0.3.0-alpha.23 → 0.3.2

package/lib/chrome/tokens.js

@@ -15,41 +15,28 @@ html {
   --xiaohei-sidebar-emphasis: #E1E6E7;
   --xiaohei-sidebar-icon: rgb(220 227 229 / 70%);
   --xiaohei-sidebar-hover: rgb(231 238 240 / 6.5%);
-  --xiaohei-sidebar-glass-fill: rgb(21 25 27 / 62%);
-  --xiaohei-sidebar-glass-solid: #1B2325;
-  --xiaohei-sidebar-glass-edge: rgb(238 247 249 / 18%);
-  --xiaohei-sidebar-glass-outline: rgb(0 0 0 / 30%);
-  --xiaohei-sidebar-glass-inner-edge: rgb(0 0 0 / 18%);
-  --xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 16%);
-  --xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 9%);
-  --xiaohei-sidebar-glass-specular: rgb(255 255 255 / 13%);
-  --xiaohei-sidebar-glass-saturation: 90%;
-  --xiaohei-sidebar-glass-brightness: 92%;
-  --xiaohei-sidebar-atmosphere-opacity: 0.36;
-  --xiaohei-sidebar-atmosphere-solid-opacity: 0.22;
-  --xiaohei-sidebar-control: rgb(231 238 240 / 4.5%);
+  --xiaohei-sidebar-glass-fill: rgb(18 22 25 / 48%);
+  --xiaohei-sidebar-glass-solid: #1B2023;
+  --xiaohei-sidebar-glass-edge: rgb(255 255 255 / 8%);
+  --xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 13%);
+  --xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 18%);
+  --xiaohei-sidebar-glass-saturation: 102%;
+  --xiaohei-sidebar-glass-blur: 18px;
+  --xiaohei-sidebar-glass-radius: 18px;
+  --xiaohei-sidebar-control: rgb(231 238 240 / 7%);
   --xiaohei-sidebar-control-edge: rgb(231 238 240 / 8%);
   --xiaohei-sidebar-control-edge-hover: rgb(231 238 240 / 13%);
   --xiaohei-sidebar-control-highlight: rgb(255 255 255 / 5%);
-  --xiaohei-sidebar-brush-ink: rgb(231 238 240 / 8%);
-  --xiaohei-sidebar-brush-ink-hover: rgb(231 238 240 / 13%);
-  --xiaohei-sidebar-shadow: rgb(0 0 0 / 24%);
+  --xiaohei-sidebar-shadow: rgb(0 0 0 / 30%);
+  --xiaohei-sidebar-shadow-soft: rgb(0 0 0 / 16%);
   --xiaohei-workspace-label: rgb(220 227 229 / 78%);
-  --xiaohei-space-frame-edge: rgb(231 238 240 / 8%);
-  --xiaohei-space-frame-highlight: rgb(255 255 255 / 4%);
   --xiaohei-workspace-control-edge: rgb(231 238 240 / 8%);
-  --xiaohei-workspace-path: rgb(200 211 213 / 8%);
-  --xiaohei-workspace-path-active: rgb(105 182 186 / 20%);
-  --xiaohei-workspace-folder-open: rgb(105 182 186 / 7%);
-  --xiaohei-workspace-folder-edge: rgb(105 182 186 / 7%);
-  --xiaohei-workspace-folder-shadow: rgb(0 0 0 / 2.4%);
-  --xiaohei-workspace-row-hover: rgb(231 238 240 / 5.5%);
-  --xiaohei-workspace-row-active: rgb(231 238 240 / 7.5%);
-  --xiaohei-workspace-row-active-edge: rgb(231 238 240 / 5%);
-  --xiaohei-workspace-action-hover: rgb(231 238 240 / 7%);
-  --xiaohei-workspace-active-line: #69B6BA;
-  --xiaohei-workspace-active-line-glow: rgb(105 182 186 / 20%);
-  --xiaohei-workspace-rift-glow: rgb(105 182 186 / 12%);
+  --xiaohei-workspace-folder-open: rgb(231 238 240 / 3%);
+  --xiaohei-workspace-row-hover: rgb(231 238 240 / 4%);
+  --xiaohei-workspace-row-active: rgb(231 238 240 / 12%);
+  --xiaohei-workspace-row-active-hover: rgb(231 238 240 / 16%);
+  --xiaohei-workspace-row-active-edge: rgb(231 238 240 / 10%);
+  --xiaohei-workspace-action-hover: rgb(231 238 240 / 6%);
   --xiaohei-frame-line: rgb(138 206 208 / 21%);
   --xiaohei-frame-line-strong: rgb(151 216 218 / 40%);
   --xiaohei-frame-fill: rgb(15 21 23 / 54%);
@@ -61,13 +48,53 @@ html {
   --xiaohei-layer-panel: rgb(20 27 29 / 76%);
   --xiaohei-layer-panel-edge: rgb(124 189 192 / 12%);
   --xiaohei-layer-panel-shadow: rgb(0 5 8 / 26%);
-  --xiaohei-conversation-text: #E0E6E4;
-  --xiaohei-conversation-meta: rgb(195 205 204 / 58%);
-  --xiaohei-conversation-user: rgb(117 158 154 / 13%);
-  --xiaohei-conversation-user-edge: rgb(143 177 173 / 12%);
+  --xiaohei-conversation-text: #E5E7E8;
+  --xiaohei-conversation-meta: rgb(199 203 206 / 60%);
+  --xiaohei-conversation-assistant:
+    linear-gradient(
+      115deg,
+      rgb(86 91 95 / 30%) 0%,
+      rgb(50 54 57 / 22%) 46%,
+      rgb(27 30 32 / 30%) 100%
+    ),
+    rgb(20 23 25 / 68%);
+  --xiaohei-conversation-user:
+    linear-gradient(
+      118deg,
+      rgb(105 110 114 / 27%) 0%,
+      rgb(61 65 68 / 23%) 52%,
+      rgb(34 37 40 / 31%) 100%
+    ),
+    rgb(27 30 33 / 72%);
+  --xiaohei-conversation-meta-surface:
+    linear-gradient(112deg, rgb(91 96 100 / 17%), rgb(42 46 49 / 14%)),
+    rgb(20 23 25 / 58%);
+  --xiaohei-conversation-meta-edge: rgb(221 225 227 / 12%);
+  --xiaohei-conversation-edge: rgb(229 232 234 / 17%);
+  --xiaohei-conversation-highlight: rgb(255 255 255 / 12%);
+  --xiaohei-conversation-shadow: rgb(0 0 0 / 28%);
+  --xiaohei-conversation-blur: 18px;
   --xiaohei-layer-content: rgb(27 35 37 / 92%);
   --xiaohei-layer-content-edge: rgb(124 189 192 / 20%);
   --xiaohei-layer-content-highlight: rgb(239 255 255 / 4%);
+  --xiaohei-composer-fill: rgb(17 23 25 / 78%);
+  --xiaohei-composer-solid: #1B2325;
+  --xiaohei-composer-edge: rgb(232 240 242 / 13%);
+  --xiaohei-composer-edge-focus: rgb(232 240 242 / 26%);
+  --xiaohei-composer-highlight: rgb(255 255 255 / 7%);
+  --xiaohei-composer-highlight-strong: rgb(255 255 255 / 10%);
+  --xiaohei-composer-lower-edge: rgb(0 0 0 / 20%);
+  --xiaohei-composer-shadow: rgb(0 5 7 / 24%);
+  --xiaohei-composer-focus: rgb(232 240 242 / 7%);
+  --xiaohei-composer-tail: rgb(181 211 212 / 32%);
+  --xiaohei-composer-control-edge: rgb(231 238 240 / 10%);
+  --xiaohei-composer-control-hover: rgb(231 238 240 / 6%);
+  --xiaohei-composer-disabled: rgb(34 42 44 / 66%);
+  --xiaohei-composer-primary-icon: #EDF4F4;
+  --xiaohei-composer-heixiu-edge: rgb(235 243 244 / 34%);
+  --xiaohei-composer-heixiu-shadow: rgb(0 3 4 / 52%);
+  --xiaohei-composer-blur: 22px;
+  --xiaohei-composer-saturation: 106%;
   --xiaohei-shadow: rgb(0 5 7 / 30%);
   --xiaohei-focus-shadow: rgb(105 182 186 / 14%);
   --xiaohei-overlay-fill: rgb(22 29 31 / 88%);
@@ -102,41 +129,27 @@ html[data-xiaohei-appearance='light'] {
   --xiaohei-sidebar-emphasis: #3F454C;
   --xiaohei-sidebar-icon: rgb(48 54 61 / 68%);
   --xiaohei-sidebar-hover: rgb(48 54 61 / 6%);
-  --xiaohei-sidebar-glass-fill: rgb(215 220 223 / 62%);
-  --xiaohei-sidebar-glass-solid: #E8EDEF;
-  --xiaohei-sidebar-glass-edge: rgb(255 255 255 / 88%);
-  --xiaohei-sidebar-glass-outline: rgb(42 50 56 / 14%);
-  --xiaohei-sidebar-glass-inner-edge: rgb(43 51 56 / 11%);
-  --xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 88%);
-  --xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 42%);
-  --xiaohei-sidebar-glass-specular: rgb(255 255 255 / 72%);
-  --xiaohei-sidebar-glass-saturation: 76%;
-  --xiaohei-sidebar-glass-brightness: 104%;
-  --xiaohei-sidebar-atmosphere-opacity: 0.28;
-  --xiaohei-sidebar-atmosphere-solid-opacity: 0.16;
-  --xiaohei-sidebar-control: rgb(255 255 255 / 26%);
+  --xiaohei-sidebar-glass-fill: rgb(247 245 242 / 58%);
+  --xiaohei-sidebar-glass-solid: #EDF1F3;
+  --xiaohei-sidebar-glass-edge: rgb(37 45 51 / 9%);
+  --xiaohei-sidebar-glass-highlight: rgb(255 255 255 / 64%);
+  --xiaohei-sidebar-glass-refraction: rgb(255 255 255 / 18%);
+  --xiaohei-sidebar-glass-saturation: 102%;
+  --xiaohei-sidebar-glass-blur: 18px;
+  --xiaohei-sidebar-control: rgb(255 255 255 / 30%);
   --xiaohei-sidebar-control-edge: rgb(46 51 58 / 8%);
   --xiaohei-sidebar-control-edge-hover: rgb(46 51 58 / 13%);
   --xiaohei-sidebar-control-highlight: rgb(255 255 255 / 48%);
-  --xiaohei-sidebar-brush-ink: rgb(38 47 49 / 9%);
-  --xiaohei-sidebar-brush-ink-hover: rgb(38 47 49 / 14%);
-  --xiaohei-sidebar-shadow: rgb(23 30 34 / 14%);
+  --xiaohei-sidebar-shadow: rgb(28 37 43 / 12%);
+  --xiaohei-sidebar-shadow-soft: rgb(28 37 43 / 6%);
   --xiaohei-workspace-label: rgb(48 54 61 / 76%);
-  --xiaohei-space-frame-edge: rgb(46 51 58 / 8%);
-  --xiaohei-space-frame-highlight: rgb(255 255 255 / 32%);
   --xiaohei-workspace-control-edge: rgb(46 51 58 / 9%);
-  --xiaohei-workspace-path: rgb(45 56 57 / 9%);
-  --xiaohei-workspace-path-active: rgb(84 125 120 / 22%);
-  --xiaohei-workspace-folder-open: rgb(84 125 120 / 6.5%);
-  --xiaohei-workspace-folder-edge: rgb(61 99 84 / 5.5%);
-  --xiaohei-workspace-folder-shadow: rgb(30 50 42 / 1.8%);
-  --xiaohei-workspace-row-hover: rgb(48 54 61 / 5%);
-  --xiaohei-workspace-row-active: rgb(48 54 61 / 7.5%);
-  --xiaohei-workspace-row-active-edge: rgb(46 51 58 / 5%);
-  --xiaohei-workspace-action-hover: rgb(48 54 61 / 7%);
-  --xiaohei-workspace-active-line: #547D78;
-  --xiaohei-workspace-active-line-glow: rgb(84 125 120 / 20%);
-  --xiaohei-workspace-rift-glow: rgb(84 125 120 / 8%);
+  --xiaohei-workspace-folder-open: rgb(48 54 61 / 3%);
+  --xiaohei-workspace-row-hover: rgb(48 54 61 / 5.5%);
+  --xiaohei-workspace-row-active: rgb(48 54 61 / 10%);
+  --xiaohei-workspace-row-active-hover: rgb(48 54 61 / 14%);
+  --xiaohei-workspace-row-active-edge: rgb(46 51 58 / 8%);
+  --xiaohei-workspace-action-hover: rgb(255 255 255 / 10%);
   --xiaohei-frame-line: rgb(84 125 120 / 22%);
   --xiaohei-frame-line-strong: rgb(84 125 120 / 43%);
   --xiaohei-frame-fill: rgb(224 231 238 / 58%);
@@ -148,13 +161,53 @@ html[data-xiaohei-appearance='light'] {
   --xiaohei-layer-panel: rgb(226 232 239 / 78%);
   --xiaohei-layer-panel-edge: rgb(84 125 120 / 11%);
   --xiaohei-layer-panel-shadow: rgb(43 55 51 / 8%);
-  --xiaohei-conversation-text: #303842;
-  --xiaohei-conversation-meta: rgb(76 87 99 / 56%);
-  --xiaohei-conversation-user: rgb(84 125 120 / 10%);
-  --xiaohei-conversation-user-edge: rgb(84 125 120 / 10%);
+  --xiaohei-conversation-text: #30353A;
+  --xiaohei-conversation-meta: rgb(72 79 86 / 58%);
+  --xiaohei-conversation-assistant:
+    linear-gradient(
+      115deg,
+      rgb(255 255 255 / 55%) 0%,
+      rgb(230 233 235 / 24%) 48%,
+      rgb(202 207 210 / 16%) 100%
+    ),
+    rgb(232 235 237 / 67%);
+  --xiaohei-conversation-user:
+    linear-gradient(
+      118deg,
+      rgb(255 255 255 / 42%) 0%,
+      rgb(213 217 220 / 23%) 52%,
+      rgb(190 196 200 / 17%) 100%
+    ),
+    rgb(220 224 227 / 72%);
+  --xiaohei-conversation-meta-surface:
+    linear-gradient(112deg, rgb(255 255 255 / 34%), rgb(201 206 209 / 15%)),
+    rgb(224 227 229 / 58%);
+  --xiaohei-conversation-meta-edge: rgb(50 57 63 / 12%);
+  --xiaohei-conversation-edge: rgb(45 52 58 / 15%);
+  --xiaohei-conversation-highlight: rgb(255 255 255 / 58%);
+  --xiaohei-conversation-shadow: rgb(36 42 47 / 13%);
+  --xiaohei-conversation-blur: 18px;
   --xiaohei-layer-content: rgb(238 242 247 / 94%);
   --xiaohei-layer-content-edge: rgb(84 125 120 / 20%);
   --xiaohei-layer-content-highlight: rgb(255 255 255 / 62%);
+  --xiaohei-composer-fill: rgb(241 244 246 / 76%);
+  --xiaohei-composer-solid: #F0F3F5;
+  --xiaohei-composer-edge: rgb(45 53 59 / 12%);
+  --xiaohei-composer-edge-focus: rgb(45 53 59 / 24%);
+  --xiaohei-composer-highlight: rgb(255 255 255 / 72%);
+  --xiaohei-composer-highlight-strong: rgb(255 255 255 / 88%);
+  --xiaohei-composer-lower-edge: rgb(45 53 59 / 8%);
+  --xiaohei-composer-shadow: rgb(36 45 50 / 11%);
+  --xiaohei-composer-focus: rgb(45 53 59 / 6%);
+  --xiaohei-composer-tail: rgb(47 57 62 / 26%);
+  --xiaohei-composer-control-edge: rgb(46 53 59 / 10%);
+  --xiaohei-composer-control-hover: rgb(255 255 255 / 46%);
+  --xiaohei-composer-disabled: rgb(222 227 230 / 72%);
+  --xiaohei-composer-primary-icon: #F5F8F8;
+  --xiaohei-composer-heixiu-edge: rgb(255 255 255 / 24%);
+  --xiaohei-composer-heixiu-shadow: rgb(35 43 47 / 30%);
+  --xiaohei-composer-blur: 22px;
+  --xiaohei-composer-saturation: 104%;
   --xiaohei-shadow: rgb(43 55 51 / 11%);
   --xiaohei-focus-shadow: rgb(84 125 120 / 13%);
   --xiaohei-overlay-fill: rgb(232 237 243 / 90%);

package/lib/chrome/workspace.d.ts

@@ -1,3 +1,3 @@
-/** Visual hierarchy for DSH's native workspace tree. No behaviour is replaced. */
-export declare const XIAOHEI_WORKSPACE_CSS: string;
+/** Native tree geometry and scroll ownership; one sidebar glass, flat rows. */
+export declare const XIAOHEI_WORKSPACE_CSS = "\n#root [data-slot='sidebar.workspaces'] > div {\n  min-width: 0;\n}\n\n/* The native header and independently scrolling tree own their geometry.\n * No stitched frame: scrollbar reservation must not split its right edge. */\n#root [data-slot='sidebar.workspaces'] > div > div:first-child {\n  color: var(--xiaohei-workspace-label);\n  background: transparent;\n  box-shadow: none;\n}\n\n#root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child {\n  font-size: 0;\n  font-weight: 600;\n}\n\n#root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child::after {\n  content: '\u7A7A\u95F4';\n  font-size: 12px;\n  letter-spacing: .01em;\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] {\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: var(--xiaohei-radius-control);\n  background: transparent;\n  box-shadow: none;\n  font-weight: 400;\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    border-color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease;\n}\n\n/* Expansion is a browsing state, not the current conversation selection. */\n#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true'] {\n  color: var(--xiaohei-sidebar-emphasis);\n  background: var(--xiaohei-workspace-folder-open);\n  font-weight: 500;\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem']:hover {\n  color: var(--xiaohei-sidebar-emphasis);\n  background: var(--xiaohei-workspace-row-hover);\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {\n  color: var(--xiaohei-sidebar-emphasis);\n  border-color: var(--xiaohei-workspace-row-active-edge);\n  background: var(--xiaohei-workspace-row-active);\n  font-weight: 600;\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true']:hover {\n  background: var(--xiaohei-workspace-row-active-hover);\n}\n\n/* Preserve native tooltip wrappers and indentation. Group pseudo-elements\n * belong to the host's drag/drop insertion markers, not theme decoration. */\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] button,\n#root [data-slot='sidebar.workspaces'] > div > div:first-child button {\n  color: var(--xiaohei-sidebar-icon);\n  border-radius: var(--xiaohei-radius-small);\n}\n\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] button:hover,\n#root [data-slot='sidebar.workspaces'] [role='treeitem'] button[aria-expanded='true'],\n#root [data-slot='sidebar.workspaces'] > div > div:first-child button:hover,\n#root [data-slot='sidebar.workspaces'] > div > div:first-child button[aria-expanded='true'] {\n  color: var(--xiaohei-sidebar-emphasis);\n  background: var(--xiaohei-workspace-action-hover);\n  border-color: transparent;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #root [data-slot='sidebar.workspaces'] [role='treeitem'] {\n    transition: none;\n  }\n}\n\n@media (forced-colors: active) {\n  #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {\n    color: HighlightText;\n    background: Highlight;\n    border-color: Highlight;\n  }\n}\n";
 //# sourceMappingURL=workspace.d.ts.map

package/lib/chrome/workspace.js

@@ -1,312 +1,93 @@
-import { XIAOHEI_WORKSPACE_RIFT_COLOR } from '../generated-sidebar-assets.js';
-/** Visual hierarchy for DSH's native workspace tree. No behaviour is replaced. */
+/** Native tree geometry and scroll ownership; one sidebar glass, flat rows. */
 export const XIAOHEI_WORKSPACE_CSS = `
-/* Keep the official workspace root in charge of scrolling and sizing. */
 #root [data-slot='sidebar.workspaces'] > div {
   min-width: 0;
 }
 
-/* The module frame is stitched from the header and the actual tree fragments.
- * It therefore ends at the last rendered Space instead of following the
- * official flex seat to the bottom of the sidebar. */
+/* The native header and independently scrolling tree own their geometry.
+ * No stitched frame: scrollbar reservation must not split its right edge. */
 #root [data-slot='sidebar.workspaces'] > div > div:first-child {
-  min-height: 36px;
-  margin: 2px 2px 0;
-  color: var(--dsw-alias-label-secondary);
-  border-radius: calc(var(--xiaohei-radius-control) + 3px)
-    calc(var(--xiaohei-radius-control) + 3px) 0 0;
-  box-shadow:
-    inset 1px 0 var(--xiaohei-space-frame-edge),
-    inset -1px 0 var(--xiaohei-space-frame-edge),
-    inset 0 1px var(--xiaohei-space-frame-edge),
-    inset 0 2px var(--xiaohei-space-frame-highlight);
+  color: var(--xiaohei-workspace-label);
+  background: transparent;
+  box-shadow: none;
 }
 
 #root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child {
-  color: var(--xiaohei-workspace-label);
   font-size: 0;
   font-weight: 600;
-  letter-spacing: 0.01em;
 }
 
-/* Xiaohei's visual vocabulary calls an official Workspace a “Space”. The
- * original node remains in place, preserving layout and accessibility data. */
 #root [data-slot='sidebar.workspaces'] > div > div:first-child > span:first-child::after {
   content: '空间';
   font-size: 12px;
-  letter-spacing: 0.01em;
-}
-
-#root [data-slot='sidebar.workspaces'] > div > div:first-child button {
-  color: var(--xiaohei-sidebar-icon);
-  border: 1px solid transparent;
-  border-radius: var(--xiaohei-radius-small);
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    border-color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease;
-}
-
-#root [data-slot='sidebar.workspaces'] > div > div:first-child button:hover,
-#root [data-slot='sidebar.workspaces'] > div > div:first-child button[aria-expanded='true'] {
-  color: var(--xiaohei-sidebar-emphasis);
-  border-color: var(--xiaohei-workspace-control-edge);
-  background: var(--xiaohei-workspace-row-hover);
-}
-
-/* A workspace group stays flat. When open, a quiet ink path links the folder
- * to its sessions without changing the official tree geometry. */
-#root [data-slot='sidebar.workspaces'] [role='tree'] > :has([role='treeitem'][aria-expanded]) {
-  position: relative;
-  min-width: 0;
-  margin-block: 0;
-  margin-inline: 2px;
-  overflow: visible;
-  box-shadow:
-    inset 1px 0 var(--xiaohei-space-frame-edge),
-    inset -1px 0 var(--xiaohei-space-frame-edge);
-}
-
-#root [data-slot='sidebar.workspaces'] [role='tree']
-  > :has(> [role='treeitem'][aria-expanded]):not(:first-child) {
-  padding-top: 2px;
+  letter-spacing: .01em;
 }
 
-#root [data-slot='sidebar.workspaces'] [role='tree']
-  > :has(> [role='treeitem'][aria-expanded]):last-child {
-  padding-bottom: 3px;
-  border-radius: 0 0 calc(var(--xiaohei-radius-control) + 3px)
-    calc(var(--xiaohei-radius-control) + 3px);
-  box-shadow:
-    inset 1px 0 var(--xiaohei-space-frame-edge),
-    inset -1px 0 var(--xiaohei-space-frame-edge),
-    inset 0 -1px var(--xiaohei-space-frame-edge);
-}
-
-#root [data-slot='sidebar.workspaces'] [role='tree'] > :has([role='treeitem'][aria-expanded='true'])::before {
-  content: '';
-  position: absolute;
-  z-index: 0;
-  left: 19px;
-  top: 31px;
-  bottom: 10px;
-  width: 1px;
-  pointer-events: none;
-  background: linear-gradient(
-    to bottom,
-    transparent,
-    var(--xiaohei-workspace-path) 12%,
-    var(--xiaohei-workspace-path-active) 72%,
-    transparent
-  );
-}
-
-/* Folder and session rows share one rhythm. Native text, drag targets, action
- * buttons, selection and accessible state remain untouched. */
 #root [data-slot='sidebar.workspaces'] [role='treeitem'] {
   position: relative;
-  z-index: 1;
   box-sizing: border-box;
   border: 1px solid transparent;
   border-radius: var(--xiaohei-radius-control);
+  background: transparent;
+  box-shadow: none;
   font-weight: 400;
   transition:
     color var(--xiaohei-motion-fast) ease,
-    border-color var(--xiaohei-motion-base) var(--xiaohei-motion-curve),
-    background-color var(--xiaohei-motion-base) var(--xiaohei-motion-curve),
-    transform var(--xiaohei-motion-base) var(--xiaohei-motion-curve);
-}
-
-/* The folder row owns both spatial overlays. They follow the host's native
- * aria-expanded state and never participate in layout or hit testing. */
-#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded] {
-  overflow: visible;
-}
-
-#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded] > * {
-  position: relative;
-  z-index: 1;
-}
-
-/* A narrow spirit mark identifies only the open Space. */
-#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded]::before {
-  content: '';
-  position: absolute;
-  z-index: 2;
-  left: -1px;
-  top: 9px;
-  bottom: 9px;
-  width: 3px;
-  border-radius: 999px;
-  pointer-events: none;
-  background: var(--xiaohei-workspace-active-line);
-  box-shadow:
-    0 0 6px var(--xiaohei-workspace-active-line-glow),
-    0 0 14px color-mix(
-      in srgb,
-      var(--xiaohei-workspace-active-line-glow) 30%,
-      transparent
-    );
-  opacity: 0;
-  transform: scaleY(.72);
-  transition:
-    opacity var(--xiaohei-motion-fast) ease,
-    transform var(--xiaohei-motion-base) var(--xiaohei-motion-curve);
-}
-
-/* The supplied vertical artwork owns the rift's ink, jade depth and feathered
- * edge. It keeps its original narrow ratio instead of widening across the row. */
-#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded]::after {
-  content: '';
-  position: absolute;
-  z-index: 2;
-  right: 0;
-  top: 50%;
-  width: 20px;
-  height: 52px;
-  pointer-events: none;
-  background: center / contain no-repeat url("${XIAOHEI_WORKSPACE_RIFT_COLOR}");
-  filter:
-    saturate(.72)
-    contrast(1.04)
-    drop-shadow(0 0 2px var(--xiaohei-workspace-rift-glow));
-  opacity: 0;
-  transform: translateY(-50%) scaleX(.58) scaleY(.9);
-  transform-origin: right center;
-  transition:
-    opacity var(--xiaohei-motion-fast) ease,
-    transform var(--xiaohei-motion-base) var(--xiaohei-motion-curve);
-}
-
-#root [data-slot='sidebar.workspaces'] [role='treeitem']:hover {
-  color: var(--xiaohei-sidebar-emphasis);
-  background: var(--xiaohei-workspace-row-hover);
-}
-
-#root [data-slot='sidebar.workspaces']
-  [role='treeitem'][aria-expanded]:not([aria-expanded='true']):hover {
-  background: radial-gradient(
-    circle at 20% 50%,
-    var(--xiaohei-workspace-folder-open),
-    var(--xiaohei-workspace-row-hover) 55%,
-    transparent 85%
-  );
-}
-
-#root [data-slot='sidebar.workspaces']
-  [role='treeitem'][aria-expanded]:not([aria-expanded='true']):hover::after {
-  opacity: .26;
-  transform: translateY(-50%) scaleX(.72) scaleY(.94);
-}
-
-/* The expanded folder is lifted only enough to read as the path owner. */
-#root [data-slot='sidebar.workspaces'] [role='tree']
-  > :has([role='treeitem'][aria-expanded])
-  > span:first-child
-  > [role='treeitem'][aria-expanded] {
-  width: calc(100% - 4px);
+    border-color var(--xiaohei-motion-fast) ease,
+    background-color var(--xiaohei-motion-fast) ease;
 }
 
+/* Expansion is a browsing state, not the current conversation selection. */
 #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true'] {
   color: var(--xiaohei-sidebar-emphasis);
-  border-color: var(--xiaohei-workspace-folder-edge);
-  background: linear-gradient(
-    90deg,
-    var(--xiaohei-workspace-folder-open),
-    var(--xiaohei-workspace-row-active) 72%,
-    transparent 100%
-  );
-  box-shadow:
-    0 2px 6px var(--xiaohei-workspace-folder-shadow),
-    0 7px 18px var(--xiaohei-workspace-folder-shadow);
+  background: var(--xiaohei-workspace-folder-open);
   font-weight: 500;
-  transform: translateX(2px);
 }
 
-#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true']::before {
-  opacity: 1;
-  transform: scaleY(1);
-}
-
-#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true']::after {
-  filter:
-    saturate(1.18)
-    contrast(1.08)
-    drop-shadow(0 0 3px var(--xiaohei-workspace-rift-glow));
-  opacity: .98;
-  transform: translateY(-50%) scaleX(1) scaleY(1);
-}
-
-/* Session rows sit one step deeper on the ink path. This adjusts only their
- * visual box and leaves the host tree and event handlers intact. */
-#root [data-slot='sidebar.workspaces'] [role='tree']
-  > :has([role='treeitem'][aria-expanded])
-  > span:not(:first-child)
-  > [role='treeitem'] {
-  width: calc(100% - 16px);
-  margin-inline-start: 12px;
+#root [data-slot='sidebar.workspaces'] [role='treeitem']:hover {
+  color: var(--xiaohei-sidebar-emphasis);
+  background: var(--xiaohei-workspace-row-hover);
 }
 
-/* The selected session is the strongest navigation state. Most of the fill
- * remains neutral; the narrow spirit line carries the theme accent. */
 #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {
   color: var(--xiaohei-sidebar-emphasis);
   border-color: var(--xiaohei-workspace-row-active-edge);
   background: var(--xiaohei-workspace-row-active);
-  font-weight: 500;
+  font-weight: 600;
 }
 
-#root [data-slot='sidebar.workspaces'] [role='treeitem'] button {
-  border-radius: 7px;
+#root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true']:hover {
+  background: var(--xiaohei-workspace-row-active-hover);
+}
+
+/* Preserve native tooltip wrappers and indentation. Group pseudo-elements
+ * belong to the host's drag/drop insertion markers, not theme decoration. */
+#root [data-slot='sidebar.workspaces'] [role='treeitem'] button,
+#root [data-slot='sidebar.workspaces'] > div > div:first-child button {
+  color: var(--xiaohei-sidebar-icon);
+  border-radius: var(--xiaohei-radius-small);
 }
 
 #root [data-slot='sidebar.workspaces'] [role='treeitem'] button:hover,
-#root [data-slot='sidebar.workspaces'] [role='treeitem'] button[aria-expanded='true'] {
+#root [data-slot='sidebar.workspaces'] [role='treeitem'] button[aria-expanded='true'],
+#root [data-slot='sidebar.workspaces'] > div > div:first-child button:hover,
+#root [data-slot='sidebar.workspaces'] > div > div:first-child button[aria-expanded='true'] {
   color: var(--xiaohei-sidebar-emphasis);
   background: var(--xiaohei-workspace-action-hover);
+  border-color: transparent;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  #root [data-slot='sidebar.workspaces'] [role='treeitem'],
-  #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded]::before,
-  #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded]::after,
-  #root [data-slot='sidebar.workspaces'] > div > div:first-child button {
-    transition-duration: 0ms !important;
-  }
-
-  #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true'] {
-    transform: none;
+  #root [data-slot='sidebar.workspaces'] [role='treeitem'] {
+    transition: none;
   }
 }
 
 @media (forced-colors: active) {
-  #root [data-slot='sidebar.workspaces'] > div > div:first-child,
-  #root [data-slot='sidebar.workspaces'] [role='tree']
-    > :has(> [role='treeitem'][aria-expanded]) {
-    box-shadow: inset 0 0 0 1px CanvasText;
-  }
-
-  #root [data-slot='sidebar.workspaces'] [role='tree'] > :has([role='treeitem'][aria-expanded='true'])::before {
-    background: CanvasText;
-  }
-
   #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-selected='true'] {
-    border-color: Highlight;
-    background: Canvas;
-  }
-
-  #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded='true'] {
-    border-color: Highlight;
-    box-shadow: none;
-  }
-
-  #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded]::before {
+    color: HighlightText;
     background: Highlight;
-    box-shadow: none;
-  }
-
-  #root [data-slot='sidebar.workspaces'] [role='treeitem'][aria-expanded]::after {
-    display: none;
+    border-color: Highlight;
   }
 }
 `;

package/lib/chrome.js

@@ -1,5 +1,7 @@
 import { XIAOHEI_CHROME_ACCESSIBILITY_CSS } from './chrome/accessibility.js';
 import { XIAOHEI_COMPOSER_CSS } from './chrome/composer.js';
+import { XIAOHEI_COMPOSER_SEND_HEIXIU_CSS } from './chrome/composer-send-heixiu.js';
+import { XIAOHEI_CONTROL_PRIMITIVES_CSS } from './chrome/controls.js';
 import { XIAOHEI_CONVERSATION_CSS } from './chrome/conversation.js';
 import { XIAOHEI_CONVERSATION_MESSAGES_CSS } from './chrome/conversation-messages.js';
 import { XIAOHEI_FRAME_SYSTEM_CSS } from './chrome/frames.js';
@@ -16,6 +18,7 @@ export const XIAOHEI_CHROME_STYLE_ID = 'dsh-theme-xiaohei/chrome-style';
  */
 export const XIAOHEI_CHROME_CSS = [
     XIAOHEI_CHROME_TOKENS_CSS,
+    XIAOHEI_CONTROL_PRIMITIVES_CSS,
     XIAOHEI_FRAME_SYSTEM_CSS,
     XIAOHEI_IDENTITY_CSS,
     XIAOHEI_SIDEBAR_CSS,
@@ -23,6 +26,7 @@ export const XIAOHEI_CHROME_CSS = [
     XIAOHEI_CONVERSATION_CSS,
     XIAOHEI_CONVERSATION_MESSAGES_CSS,
     XIAOHEI_COMPOSER_CSS,
+    XIAOHEI_COMPOSER_SEND_HEIXIU_CSS,
     XIAOHEI_OVERLAY_CSS,
     XIAOHEI_CHROME_ACCESSIBILITY_CSS,
 ].join('\n');

package/lib/client.d.ts

@@ -1,17 +1,10 @@
-export { apply, inject } from './plugin.js';
+import type { Context as ClientContext } from '@deepseek-ai/cordis';
+export { inject } from './plugin.js';
+/** Renderer-free wallpaper and native DSH chrome, mounted through plugin lifecycle. */
+export declare function apply(ctx: ClientContext): void;
 export { bindXiaoheiAppearance, XIAOHEI_APPEARANCE_ATTRIBUTE } from './appearance.js';
-export { installXiaoheiBlink, XIAOHEI_BLINK_STYLE_ID } from './blink.js';
 export { installXiaoheiChrome, XIAOHEI_CHROME_CSS, XIAOHEI_CHROME_STYLE_ID, } from './chrome.js';
-export { XIAOHEI_PORTAL_CSS } from './chrome/portal.js';
-export { XIAOHEI_BLINK_CSS } from './chrome/blink.js';
-export { XIAOHEI_GAZE_CSS } from './chrome/gaze.js';
-export { XIAOHEI_REACTION_CSS } from './chrome/reactions.js';
 export { XIAOHEI_WORKSPACE_CSS } from './chrome/workspace.js';
-export { installXiaoheiGaze, XIAOHEI_GAZE_STYLE_ID } from './gaze.js';
-export { installXiaoheiHeixiuInteractions, XIAOHEI_HEIXIU_GREETING_EVENT, } from './heixiu-interactions.js';
-export { installXiaoheiIdleReactions, resolveXiaoheiIdleTailDelay, XIAOHEI_REACTION_STYLE_ID, } from './reactions.js';
-export { installXiaoheiPortalTransit, XIAOHEI_PORTAL_ACTIVITY_EVENT, XIAOHEI_PORTAL_LAYER_ID, XIAOHEI_PORTAL_STYLE_ID, } from './portal.js';
-export { XIAOHEI_SCENE_CSS, XIAOHEI_SCENE_LAYER_ID, XIAOHEI_SCENE_PART_COUNT, XIAOHEI_SCENE_STYLE_ID, installXiaoheiScene, } from './scene.js';
-export { bindXiaoheiSessionState, XIAOHEI_STATE_ATTRIBUTE } from './state.js';
+export { configureXiaoheiWorldRenderer, XIAOHEI_SCENE_CSS, XIAOHEI_SCENE_LAYER_ID, XIAOHEI_SCENE_PART_COUNT, XIAOHEI_SCENE_STYLE_ID, XIAOHEI_SCENE_WORLD_CLASS, installXiaoheiScene, } from './scene.js';
 export { XIAOHEI_DAWN_THEME, XIAOHEI_DAWN_THEME_ID, XIAOHEI_NIGHT_THEME, XIAOHEI_NIGHT_THEME_ID, XIAOHEI_THEME_TOKEN_OVERRIDES, } from './theme.js';
 //# sourceMappingURL=client.d.ts.map