@lemoncat7/dsh-theme-xiaohei 0.4.2 → 0.4.4

package/README.md

@@ -1,12 +1,12 @@
 # Xiaohei Night for DSH
 
-> 当前正式版 **0.4.2**，适配并验证 **DSH 0.1.7-rc.2**。插件为正式版，宿主仍为 RC；不支持直接用于旧宿主。Node.js **^22.19.0 或 >=24.0.0**。旧版源码保留于 `pre-dsh-0.1.7-rc.2`；详见 [0.4.2 发布说明](docs/releases/0.4.2.md)。
+> 当前版本 **0.4.3**，已验证宿主 **DSH 0.2.0-rc.2**（宿主仍为 RC）。详见 [兼容说明](docs/dsh-020-compatibility.md) 和 [发布说明](docs/releases/0.4.3.md)。
 
 `Xiaohei Night` 是一个基于 DeepSeek Harness 官方主题注册接口开发的非官方粉丝主题插件。主题以低饱和天空、日夜光线和坐在小平台上的人形小黑表达陪伴感，保留原生工作台布局。
 
 ## 兼容性
 
-正式版 `0.4.2` 适配并验证 DeepSeek Harness `0.1.7-rc.2`，开发依赖锁定该宿主版本，需要 Node.js `^22.19.0` 或 `>=24.0.0`。旧宿主请保留 `0.3.5`。保留侧栏操作与仅思考消息显示修复，不修改官方核心代码。“跟随系统”读取当前设备／浏览器配色偏好，不按服务器时间切换。
+正式版 `0.4.3` 适配并验证 DeepSeek Harness `0.2.0-rc.2`，开发依赖锁定该宿主版本，需要 Node.js `^22.19.0` 或 `>=24.0.0`。旧宿主请保留 `0.3.5`。保留侧栏操作与仅思考消息显示修复，不修改官方核心代码。“跟随系统”读取当前设备／浏览器配色偏好，不按服务器时间切换。
 
 ## 当前范围
 

package/docs/dsh-020-compatibility.md

@@ -0,0 +1,11 @@
+# DSH 0.2.0-rc.2 兼容说明
+
+本次发布版本：0.4.3，适配 DSH 0.2.0-rc.2。此前 0.4.2 安装包不因此获得新宿主兼容声明。
+
+- 已验证宿主：DSH 0.2.0-rc.2；Node.js ^22.19.0 或 >=24.0.0。
+- 宿主版本依赖已更新；知识库和主题补充了可供安装器识别的 DSH peerDependencies，不再仅依赖 README 描述。
+- 七个插件合计 1,213 项测试通过，1 项原有跳过；隔离宿主验证召回、回写、伙伴次轮权限、配置保存及重启持久化，浏览器错误为 0。
+- 工作区已检查桌面、390px 手机和 1024px 平板宽度；Desktop Origin 检查不等同于完整 Windows/macOS 客户端端到端测试。
+- 未触发真实渠道消息、付费模型生成或远程 SSH 操作；不保证所有外部服务兼容。
+- 新兼容构建面向 DSH 0.2.0，不应直接覆盖旧宿主安装。升级时保留旧宿主镜像、配置和数据卷，回退须使用配套备份。
+- 不修改 DSH 核心源码；原有功能和数据保留。

package/docs/releases/0.4.3.md

@@ -0,0 +1,5 @@
+# 0.4.3 · DSH 0.2.0-rc.2 兼容发布
+
+- 更新宿主依赖与兼容声明，适配 DSH **0.2.0-rc.2**；需要 Node.js **^22.19.0 或 >=24.0.0**。
+- 已完成构建、回归测试及正式环境页面验收；不修改 DSH 核心源码。
+- 宿主仍为 RC。旧宿主保留 0.4.2 及配套数据备份；完整验证范围见 [兼容说明](../dsh-020-compatibility.md)。

package/docs/releases/0.4.4.md

@@ -0,0 +1,7 @@
+# 0.4.4 · DSH 0.2.0-rc.2 底栏布局兼容修复
+
+- 修复侧栏 footer 操作区横向排列导致知识库挤出 Agents Anywhere 等入口的问题，改为纵向排列。
+- 保留插件注册顺序、设置区、按钮内部布局和隐藏状态；兼容侧栏展开/收起及 Desktop 已有的纵向布局补丁。
+- 仅修改主题，不改动 DSH 核心、知识库或 AA 功能。
+- 验证：主题测试 103 项通过、1 项跳过；32 组 Chromium 布局用例覆盖明暗主题、宽/窄侧栏、新旧知识库样式及不同插槽布局。
+- 适配 DSH **0.2.0-rc.2**；需要 Node.js **^22.19.0 或 >=24.0.0**。

package/lib/chrome/sidebar.d.ts

@@ -1,3 +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/* 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/* 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";
+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

package/lib/chrome/sidebar.js

@@ -209,6 +209,26 @@ html[data-xiaohei-sidebar-resizing] #dsh-theme-xiaohei\\/sidebar-glass {
   background: var(--xiaohei-sidebar-hover);
 }
 
+/* rc.2 renders footer contributions in a horizontal flex row. Stack only
+ * this slot and its immediate host so full-width actions cannot displace
+ * siblings. Leave settings, plugin interiors, hidden states and order alone.
+ * This is also idempotent with Desktop's column-layout compatibility patch. */
+#root [data-slot='sidebar'] :has(> [data-slot='sidebar.footer.action']),
+#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] {
+  flex-direction: column;
+  align-items: stretch;
+  min-width: 0;
+  max-width: 100%;
+  gap: 4px;
+}
+
+#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] > * {
+  box-sizing: border-box;
+  flex: 0 0 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+
 /* The footer uses a divider instead of another framed card. */
 #root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='收起侧边栏']))
   > :has(> div > [data-slot='sidebar.footer.action']) {

package/lib/client.js

@@ -1528,6 +1528,26 @@ html[data-xiaohei-sidebar-resizing] #dsh-theme-xiaohei\\/sidebar-glass {
   background: var(--xiaohei-sidebar-hover);
 }
 
+/* rc.2 renders footer contributions in a horizontal flex row. Stack only
+ * this slot and its immediate host so full-width actions cannot displace
+ * siblings. Leave settings, plugin interiors, hidden states and order alone.
+ * This is also idempotent with Desktop's column-layout compatibility patch. */
+#root [data-slot='sidebar'] :has(> [data-slot='sidebar.footer.action']),
+#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] {
+  flex-direction: column;
+  align-items: stretch;
+  min-width: 0;
+  max-width: 100%;
+  gap: 4px;
+}
+
+#root [data-slot='sidebar'] [data-slot='sidebar.footer.action'] > * {
+  box-sizing: border-box;
+  flex: 0 0 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+
 /* The footer uses a divider instead of another framed card. */
 #root [data-slot='sidebar'] > div:has(button:is([aria-label='Collapse sidebar'], [aria-label='\u6536\u8D77\u4FA7\u8FB9\u680F']))
   > :has(> div > [data-slot='sidebar.footer.action']) {

package/lib/metallic-brand-mark.d.ts

@@ -3,8 +3,8 @@ interface XiaoheiBrandMarkProps {
     className?: string | undefined;
 }
 /** Official sidebar brand occupant with a compact, lifecycle-safe metallic shader. */
-export declare function XiaoheiMetallicBrandMark({ size, className }: XiaoheiBrandMarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function XiaoheiMetallicBrandMark({ size, className }: XiaoheiBrandMarkProps): import("react").JSX.Element;
 /** Official sidebar brand-name occupant paired with the Xiaohei mark. */
-export declare function XiaoheiBrandName(): import("react/jsx-runtime").JSX.Element;
+export declare function XiaoheiBrandName(): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=metallic-brand-mark.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemoncat7/dsh-theme-xiaohei",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "A Luo Xiaohei-inspired animated dark theme for DeepSeek Harness",
   "keywords": [
     "deepseek-harness",
@@ -26,6 +26,8 @@
     "./package.json": "./package.json"
   },
   "files": [
+    "docs/releases/0.4.4.md",
+    "docs/releases/0.4.3.md",
     "lib/**/*.js",
     "lib/**/*.d.ts",
     "cordis.patch.yml",
@@ -33,7 +35,8 @@
     "docs/releases/0.3.5.md",
     "THIRD_PARTY_NOTICES.md",
     "LICENSE",
-    "docs/releases/0.4.2.md"
+    "docs/releases/0.4.2.md",
+    "docs/dsh-020-compatibility.md"
   ],
   "dsh": {
     "bundle": {
@@ -62,23 +65,25 @@
     "pack:docker": "docker build --output type=local,dest=./dist ."
   },
   "peerDependencies": {
-    "@deepseek-ai/cordis": "^4.0.4"
+    "@deepseek-ai/cordis": "^4.0.4",
+    "@deepseek-ai/dsh-client-ui-renderer": "^0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-theme": "^0.2.0-rc.2"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "~4.0.4",
-    "@deepseek-ai/dsh-api-session-controller": "0.1.7-rc.2",
-    "@deepseek-ai/dsh-client-ui-conversation": "0.1.7-rc.2",
-    "@deepseek-ai/dsh-client-ui-renderer": "0.1.7-rc.2",
-    "@deepseek-ai/dsh-client-ui-sidebar": "0.1.7-rc.2",
-    "@deepseek-ai/dsh-client-ui-slots": "0.1.7-rc.2",
-    "@deepseek-ai/dsh-client-ui-theme": "0.1.7-rc.2",
-    "@deepseek-ai/dsh-host-webserver": "0.1.7-rc.2",
+    "@deepseek-ai/dsh-api-session-controller": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-conversation": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-sidebar": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-slots": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-theme": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-host-webserver": "0.2.0-rc.2",
     "@types/node": "^24.0.0",
     "@types/react": "^18.3.28",
     "esbuild": "^0.25.0",
     "react": "^18.3.1",
     "typescript": "^5.9.3",
-    "@deepseek-ai/dsh-client-ui-session": "0.1.7-rc.2"
+    "@deepseek-ai/dsh-client-ui-session": "0.2.0-rc.2"
   },
   "publishConfig": {
     "access": "public"