@lemoncat7/dsh-theme-xiaohei 0.4.3 → 0.4.4

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemoncat7/dsh-theme-xiaohei",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "A Luo Xiaohei-inspired animated dark theme for DeepSeek Harness",
   "keywords": [
     "deepseek-harness",
@@ -26,6 +26,7 @@
     "./package.json": "./package.json"
   },
   "files": [
+    "docs/releases/0.4.4.md",
     "docs/releases/0.4.3.md",
     "lib/**/*.js",
     "lib/**/*.d.ts",