@lynn123411/dsh-maple-theme 0.1.0 → 0.3.0

package/src/client/settings.ts

@@ -1,171 +0,0 @@
-/**
- * 配置到 DOM 的投影：把一份已解析的配置算成 `<html>` 上要写的属性与自定义变量。
- *
- * 这里是纯函数，不碰 document、不读配置源——浏览器半边负责把它的结果写到页面上，
- * 自检直接 import 这个文件断言映射，不用起 DOM。
- *
- * 为什么写在 `<html>` 而不是 `body`：宿主把令牌声明在 `body` 上，我们的样式表也要覆盖
- * 同名变量，写在同一层只能靠注入顺序取胜；写到 `<html>` 上，`body` 里那些 `var(--maple-*)`
- * 一律读得到，而两套配色各自的选择器 (`body` / `body[data-ds-dark-theme]`) 与宿主同形，
- * 只靠后注入这一条优势。**但开关必须写在祖先上**：属性选择器要多一个 key 才能稳定压过宿主。
- */
-
-/** 本插件在 `<html>` 上用的根属性：开着时才加，关掉整层样式一并失效。 */
-export const ROOT_ATTRIBUTE = 'data-maple-theme';
-
-/** 标题配色方式落到 `<html>` 上的属性名。 */
-export const HEADING_ATTRIBUTE = 'data-maple-heading';
-
-/** 标题等级标记的开关属性名。 */
-export const INDICATOR_ATTRIBUTE = 'data-maple-indicator';
-
-/** 代码配色的开关属性名。 */
-export const CODE_ATTRIBUTE = 'data-maple-code';
-
-/** 外壳装饰（侧栏、标签条、输入区）的开关属性名。 */
-export const SHELL_ATTRIBUTE = 'data-maple-shell';
-
-/** 一份配置投影出来的结果：要写的属性与变量。 */
-export interface MapleProjection {
-  /** `<html>` 上要设的属性（值为 `null` 表示删掉）。 */
-  attributes: Record<string, string | null>;
-  /** `<html>` 行内样式上要写的自定义变量（值为 `null` 表示删掉）。 */
-  variables: Record<string, string | null>;
-}
-
-/** 本插件写在 `<html>` 上的全部变量名：撤痕迹时按这张表逐个删，不靠猜。 */
-export const ROOT_VARIABLES = [
-  '--maple-hue-light',
-  '--maple-hue-dark',
-  '--maple-line-height',
-  '--maple-p-gap',
-] as const;
-
-/** 配置里取色相关字段的兜底：宿主没给值时按 Maple 出厂值走。 */
-export interface MapleSettings {
-  hueLight: number;
-  hueDark: number;
-  lineHeight: number;
-  paragraphGap: number;
-  headingColor: 'colorful' | 'accent' | 'text';
-  headingIndicator: boolean;
-  codePalette: boolean;
-  shellSkin: boolean;
-}
-
-/** 出厂值，与宿主半边 Config 的默认值同一组数字。 */
-export const DEFAULT_SETTINGS: Readonly<MapleSettings> = Object.freeze({
-  hueLight: 35,
-  hueDark: 207,
-  lineHeight: 1.75,
-  paragraphGap: 10,
-  headingColor: 'colorful',
-  headingIndicator: true,
-  codePalette: true,
-  shellSkin: true,
-});
-
-/**
- * 把一个数夹进闭区间；不是有限数就用兜底值。
- * 手改过的设置文档可能存进越界值或字符串，投影这一步不信任它。
- * @param value - 候选值。
- * @param min - 下界。
- * @param max - 上界。
- * @param fallback - 不是有限数时用它。
- * @returns 夹好的数。
- */
-export function clampNumber(value: unknown, min: number, max: number, fallback: number): number {
-  if (typeof value !== 'number' && typeof value !== 'string') return fallback;
-  // 空串、全空白，以及 null 被 Number 读成 0 的那一类，都不算「给了一个数」。
-  if (typeof value === 'string' && value.trim() === '') return fallback;
-  const parsed = typeof value === 'number' ? value : Number(value);
-  if (!Number.isFinite(parsed)) return fallback;
-  return Math.min(max, Math.max(min, parsed));
-}
-
-/**
- * 把宿主可能给出的任意值收成一份可信的配置。
- * @param raw - 配置源里的原始值（可能缺字段、可能越界）。
- * @returns 每个字段都在合法范围内的一份配置。
- */
-export function normalizeSettings(raw: Partial<MapleSettings> | undefined | null): MapleSettings {
-  const source = raw ?? {};
-  const heading = source.headingColor;
-  return {
-    hueLight: clampNumber(source.hueLight, 0, 360, DEFAULT_SETTINGS.hueLight),
-    hueDark: clampNumber(source.hueDark, 0, 360, DEFAULT_SETTINGS.hueDark),
-    lineHeight: clampNumber(source.lineHeight, 1.4, 2, DEFAULT_SETTINGS.lineHeight),
-    paragraphGap: clampNumber(source.paragraphGap, 4, 24, DEFAULT_SETTINGS.paragraphGap),
-    headingColor: heading === 'colorful' || heading === 'accent' || heading === 'text'
-      ? heading
-      : DEFAULT_SETTINGS.headingColor,
-    headingIndicator: source.headingIndicator ?? DEFAULT_SETTINGS.headingIndicator,
-    codePalette: source.codePalette ?? DEFAULT_SETTINGS.codePalette,
-    shellSkin: source.shellSkin ?? DEFAULT_SETTINGS.shellSkin,
-  };
-}
-
-/**
- * 算出一份配置该在 `<html>` 上留下什么。
- *
- * 关掉的开关写成 `null`（调用方删属性），而不是写 `off`：属性不存在时那批规则整段不匹配，
- * 少一个匹配分支也少一处能跟宿主撞车的地方。
- * @param settings - 已收拢到合法范围的配置。
- * @param enabled - 整个主题是否启用；关掉时只留一个「关」标记，其余全部撤掉。
- * @returns 要写的属性与变量。
- */
-export function projectSettings(settings: MapleSettings, enabled = true): MapleProjection {
-  if (!enabled) {
-    const variables: Record<string, null> = {};
-    for (const name of ROOT_VARIABLES) variables[name] = null;
-    return {
-      attributes: {
-        [ROOT_ATTRIBUTE]: null,
-        [HEADING_ATTRIBUTE]: null,
-        [INDICATOR_ATTRIBUTE]: null,
-        [CODE_ATTRIBUTE]: null,
-        [SHELL_ATTRIBUTE]: null,
-      },
-      variables,
-    };
-  }
-  return {
-    attributes: {
-      [ROOT_ATTRIBUTE]: 'on',
-      [HEADING_ATTRIBUTE]: settings.headingColor,
-      [INDICATOR_ATTRIBUTE]: settings.headingIndicator ? 'on' : null,
-      [CODE_ATTRIBUTE]: settings.codePalette ? 'on' : null,
-      [SHELL_ATTRIBUTE]: settings.shellSkin ? 'on' : null,
-    },
-    variables: {
-      '--maple-hue-light': String(settings.hueLight),
-      '--maple-hue-dark': String(settings.hueDark),
-      '--maple-line-height': String(settings.lineHeight),
-      '--maple-p-gap': `${settings.paragraphGap}px`,
-    },
-  };
-}
-
-/**
- * 把投影写到页面上；同一个元素重复调用是幂等的。
- * @param root - 文档根元素（真实浏览器里是 `document.documentElement`）。
- * @param projection - {@link projectSettings} 的结果。
- */
-export function applyProjection(root: HTMLElement, projection: MapleProjection): void {
-  for (const [attribute, value] of Object.entries(projection.attributes)) {
-    if (value === null) root.removeAttribute(attribute);
-    else root.setAttribute(attribute, value);
-  }
-  for (const [property, value] of Object.entries(projection.variables)) {
-    if (value === null) root.style.removeProperty(property);
-    else root.style.setProperty(property, value);
-  }
-}
-
-/**
- * 撤掉本插件在页面上留下的一切痕迹（卸载与关掉主题都走这一条）。
- * @param root - 文档根元素。
- */
-export function clearProjection(root: HTMLElement): void {
-  applyProjection(root, projectSettings(normalizeSettings(undefined), false));
-}

package/src/client/styles/markdown.css

@@ -1,266 +0,0 @@
-/* Maple 正文层：对话流里的 markdown 排版与装饰。
- *
- * 作用范围只有一处：助手回答的正文（`[data-chat-flow-kind='assistant-step']`）。
- * 推理块用的是同一个 kind，但它自己带 `data-chat-group-part='reasoning'`，被排除在外——
- * 推理行要保持宿主的小字号与紧凑行距，跟着正文一起放大就糊成一片。
- * 工具行也排除：它的 flow kind 是 `tool-call`，宿主本来就不在里面放 markdown 元素。
- *
- * 选择器一律「宿主的数据属性 + 元素名」两层：宿主正文的类名是 CSS Modules 的哈希串，
- * 换一次构建就变，不能当锚点。典型一条是
- * `html[data-maple-theme][data-maple-heading][data-chat-flow-kind]:not([data-chat-group-part]) body :where(h2)`，
- * 属性三个（`html` 与 `body` 两个元素不计在内）压过宿主 module 样式表里的
- * `.markdown h2` 那一个类，所以不需要 !important。
- */
-
-html[data-maple-theme='on'] {
-  --maple-p-gap: 10px;
-  --maple-underline-offset: 2px;
-  --maple-inline-code: hsl(0 45% 48%);
-  --maple-quote-bar: hsl(var(--maple-hue-light, 35) 26% 38% / 45%);
-  --maple-quote-fill: hsl(var(--maple-hue-light, 35) 20% 95%);
-  --maple-table-head: hsl(var(--maple-hue-light, 35) 30% 91%);
-}
-
-html[data-maple-theme='on'] body[data-ds-dark-theme] {
-  --maple-inline-code: hsl(0 44% 68%);
-  --maple-quote-bar: hsl(var(--maple-hue-dark, 207) 30% 72% / 40%);
-  --maple-quote-fill: hsl(var(--maple-hue-dark, 207) 10% 14%);
-  --maple-table-head: hsl(var(--maple-hue-dark, 207) 12% 17%);
-}
-
-/* 段距：宿主的正文容器是纵向 flex，块与块之间的空隙由容器的 `gap: 16px` 给，
- * 段落自己的 margin 被归零。所以要改的是容器那一个 gap，不是 p 的 margin。
- * 容器是包住 markdown 根节点的那个 div，用 :has() 从根节点往上认。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) {
-  --maple-gap: var(--maple-p-gap, 10px);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :has(> [class*='markdown']) {
-  gap: var(--maple-p-gap, 10px);
-}
-
-/* 列表项里的段落仍按块级 margin 走：宿主的列表没有 gap，段落间距归零会挤成一坨。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(li > p) {
-  margin: 4px 0;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(strong) {
-  font-weight: 600;
-}
-
-/* 行内代码：Maple 用暖红一色区分，不再是「加了底的正文」。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :not(pre) > code {
-  color: var(--maple-inline-code);
-  background-color: color-mix(in srgb, var(--maple-inline-code) 8%, transparent);
-  border-color: color-mix(in srgb, var(--maple-inline-code) 18%, transparent);
-}
-
-/* 链接下划线的抬升量：Maple 的 --setting-underline-offset 默认 2px。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(a) {
-  text-underline-offset: var(--maple-underline-offset);
-}
-
-/* 标题：字号与字重来自 tokens.css 的复合令牌，这里只补颜色、间距与 h5/h6。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6) {
-  position: relative;
-  margin: 28px 0 12px;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5) {
-  font-size: calc(var(--dsh-content-font-size, 14px) * 1.05);
-  font-weight: 600;
-  line-height: 1.5;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) {
-  font-size: var(--dsh-content-font-size, 14px);
-  font-weight: 600;
-  line-height: 1.6;
-}
-
-html[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1) { color: var(--maple-h1); }
-html[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2) { color: var(--maple-h2); }
-html[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3) { color: var(--maple-h3); }
-html[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4) { color: var(--maple-h4); }
-html[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5) { color: var(--maple-h5); }
-html[data-maple-theme='on'][data-maple-heading='colorful'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) { color: var(--maple-h6); }
-
-/* 另两种标题配色：六级统一取一个色，不再逐级换。
- * 令牌层给了 --maple-heading-color，这里按元素逐级挂上——宿主用的是元素选择器，
- * 一次 :where(h1, h2, …) 的优先级与它相同，分不开。 */
-html[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1),
-html[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2),
-html[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3),
-html[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4),
-html[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5),
-html[data-maple-theme='on'][data-maple-heading='accent'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) { color: var(--maple-heading-color); }
-
-html[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1),
-html[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2),
-html[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3),
-html[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4),
-html[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5),
-html[data-maple-theme='on'][data-maple-heading='text'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6) { color: var(--maple-heading-color); }
-
-/* 标题等级标记：Maple 的 heading-indicator-auto——平时看不见，悬停时在左侧淡入 H1…H6。 */
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6)::before {
-  position: absolute;
-  inset-inline-start: -1.9rem;
-  top: 0.15em;
-  font-size: calc(var(--dsh-content-font-size, 14px) * 0.7);
-  font-weight: 500;
-  line-height: 1;
-  color: var(--dsw-alias-label-caption);
-  opacity: 0;
-  transition: opacity var(--ds-transition-duration-fast) var(--ds-ease-in-out);
-  pointer-events: none;
-}
-
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6):hover::before {
-  opacity: 1;
-}
-
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1)::before { content: 'H1'; }
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h2)::before { content: 'H2'; }
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h3)::before { content: 'H3'; }
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h4)::before { content: 'H4'; }
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h5)::before { content: 'H5'; }
-html[data-maple-theme='on'][data-maple-indicator='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h6)::before { content: 'H6'; }
-
-/* 引用：Maple 是浅底 + 左侧一条色带，不是宿主的单边竖线。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(blockquote) {
-  position: relative;
-  margin: 14px 0;
-  padding: 8px 14px 8px 18px;
-  border: 0;
-  border-radius: var(--dsw-radius-sm);
-  background: var(--maple-quote-fill);
-  color: var(--dsw-alias-label-secondary);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(blockquote)::before {
-  content: '';
-  position: absolute;
-  inset-block: 8px;
-  inset-inline-start: 7px;
-  width: 3px;
-  border-radius: var(--dsw-radius-xs);
-  background: var(--maple-quote-bar);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(blockquote blockquote) {
-  margin-inline-end: 0;
-  background: color-mix(in srgb, var(--maple-quote-fill) 70%, var(--dsw-alias-bg-base));
-}
-
-/* 列表：Maple 的标记用等宽字体，并按层级换形状（实心圆 → 空心圆 → 方块）。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul, ol) {
-  margin: var(--maple-p-gap) 0;
-  padding-inline-start: 1.35em;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(li)::marker {
-  font-family: var(--ds-font-family-code);
-  color: var(--dsw-alias-state-business-primary);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul) > :where(li)::marker {
-  font-size: 0.85em;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul ul, ul ul ul ul, ul ul ul ul ul ul) {
-  list-style-type: circle;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(ul ul ul, ul ul ul ul ul) {
-  list-style-type: square;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(li) {
-  margin: 3px 0;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(input[type='checkbox']) {
-  accent-color: var(--dsw-alias-state-business-primary);
-  margin-inline-end: 8px;
-}
-
-/* 表格：Maple 的表头填一层浅底、外边圆角、横线只在行之间。
- * 宿主用 border-collapse: collapse，圆角会被裁掉，所以改成 separate + 零间距，
- * 只给四角的单元格上圆角。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(table) {
-  border-collapse: separate;
-  border-spacing: 0;
-  font-size: calc(var(--dsh-content-font-size, 14px) - 1px);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(th) {
-  background: var(--maple-table-head);
-  font-weight: 600;
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(thead > tr > th:first-child) {
-  border-start-start-radius: var(--dsw-radius-sm);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(thead > tr > th:last-child) {
-  border-start-end-radius: var(--dsw-radius-sm);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(tbody > tr:last-child > td:first-child) {
-  border-end-start-radius: var(--dsw-radius-sm);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(tbody > tr:last-child > td:last-child) {
-  border-end-end-radius: var(--dsw-radius-sm);
-}
-
-/* 分隔线：Maple 是一条两端淡出的渐变，不是一根等宽实线，上下留白也更大。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(hr) {
-  height: 1px;
-  margin: 28px 0;
-  border: 0;
-  background: linear-gradient(
-    to right,
-    transparent 0%,
-    var(--dsw-alias-border-l3) 22%,
-    var(--dsw-alias-border-l4) 50%,
-    var(--dsw-alias-border-l3) 78%,
-    transparent 100%
-  );
-}
-
-/* 代码块：Maple 给它一圈发丝边框、比宿主小一档的圆角，标题条用比正文深一档的底。
- * 宿主把圆角收在一个局部变量里（--dsl-code-block-border-radius，默认 radius-lg），
- * 所以换圆角只要换那个变量，不必去写各角的 border-radius。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(.md-code-block) {
-  border: 0.5px solid var(--dsw-alias-border-l2);
-  --dsl-code-block-border-radius: var(--dsw-radius-md);
-}
-
-/* 标题条：Maple 的 code-language 用等宽字体、行内代码那个暖色，字号小一号。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where([data-code-block-banner]) {
-  border-bottom: 0.5px solid var(--dsw-alias-border-l1);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where([data-code-block-banner]) :where(div:first-child) {
-  font-family: var(--ds-font-family-code);
-  letter-spacing: 0.02em;
-  color: var(--maple-inline-code);
-}
-
-/* 行号栏：Maple 的行号比宿主的再淡一档，让代码本身更突出。
- * 宿主把行号画在 `.line::before` 上并直接取 --dsw-alias-label-tertiary，所以在行号容器里
- * 把那个变量换成 caption 一档；`--dsl-*` 是组件自己的局部变量，不在这里改。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where([data-line-numbers]) {
-  --dsw-alias-label-tertiary: var(--dsw-alias-label-caption);
-}
-
-/* 选中文字：Maple 用强调色的低透明度，不是浏览器的默认蓝。 */
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step'] ::selection {
-  background: hsl(35 60% 62% / 28%);
-}
-
-html[data-maple-theme='on'] [data-chat-flow-kind='assistant-step']:not([data-chat-group-part='reasoning']) :where(h1, h2, h3, h4, h5, h6):first-child {
-  margin-top: 0;
-}

package/src/client/styles/shell.css

@@ -1,83 +0,0 @@
-/* Maple 外壳层：侧栏、会话头部、输入区与标签条的观感。
- *
- * 锚点只有一样是稳的：`data-slot`。宿主的外壳类名全是 CSS Modules 的哈希串
- * （`pI_x6G_sidebarCol`、`wSkVaW_tabActive`），换一次构建就变；而 `data-slot` 是座位注册时
- * 写死的名字，属于跨包契约——插件的座位就是靠它认的。需要选中「装座位的那个壳」时用
- * `:has(> [data-slot='…'])`：壳没有名字，但它的孩子有。行与标签另有具体属性：
- * `[data-row-key^='session:']`、`[data-conversation-tabs] [aria-selected]`。
- *
- * 这一层只改**观感**：底色、分隔线、圆角、留白。唯独中央列那一圈内边距算是尺寸——
- * 它是 Maple 卡片式布局的外沿，值固定在 6px，不参与宿主的任何计算。
- * 不动 grid 轨道、不动滚动归属，所以折叠、拖宽、响应式都照旧。
- *
- * 整层受 `data-maple-shell` 开关控制，配置页上可以整个关掉回到宿主原样。
- */
-
-/* 中央列：Maple 的 app-layout-card 把编辑区当成一张浮在侧栏底色上的卡片，
- * 四周留一条窄缝（它的 --app-layout-spacing 默认在 6~8px）。这里照同样思路，
- * 但只给内边距，不动 grid 轨道——轨道由宿主按拖宽实时写行内样式。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='main']) {
-  padding: 6px 6px 0;
-  box-sizing: border-box;
-}
-
-/* 侧栏与中央卡片之间：宿主的 0.5px 冷灰分隔线，Maple 用留白分层，不要这条线。
- * 两侧都要撤——非 darwin 画在侧栏的右边框上，darwin 画在中央列的左边框上。
- * 侧栏底色已由 tokens.css 的 --dsw-specific-sidebar-fill 给出（Maple 的暖灰）。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='sidebar']) {
-  border-right: 0;
-}
-
-html[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='main']) {
-  border-left: 0;
-}
-
-/* 会话头部：Maple 的标题区没有那条贯穿的分隔线。
- * 座位锚点自己是 display: contents，边框画在它包着的真 <header> 上，
- * 所以这里往下一层找；改成 transparent 而不是 none，避免高度跳 0.5px。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body [data-slot='conversation.header'] header {
-  border-bottom-color: transparent;
-}
-
-/* 标签条：Maple 的 tab-float 把活动标签做成一枚浮起的圆角块，底下不带指示条。
- * 宿主的活动指示是 `::after` 的一条 2px 线，这里撤掉它、改用同宽的圆角底。
- * 圆角与 corner-shape 必须写在同一组声明里，否则宿主的 superellipse 会把
- * 这个直角圆角揉成方圆形。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body [data-conversation-tabs] [aria-selected='true'] {
-  border-radius: var(--dsw-radius-sm);
-  corner-shape: round;
-  background: var(--dsw-alias-interactive-bg-hover-solid);
-}
-
-html[data-maple-theme='on'][data-maple-shell='on'] body [data-conversation-tabs] [aria-selected='true']::after {
-  opacity: 0;
-}
-
-/* 输入区：Maple 的输入卡是「比正文浅一档的纸」，圆角取面板级。
- * 宿主的 composer 已经是 border: 0 + elevation-soft（投影层只换填充与圆角，不碰阴影）。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body [data-composer-card] {
-  background: var(--dsw-specific-input-major);
-  border-radius: var(--dsw-radius-panel);
-}
-
-/* 侧栏的导航行与工作区行：Maple 的列表项带圆角，悬停与选中都是圆角块。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body [data-row-key^='session:'],
-html[data-maple-theme='on'][data-maple-shell='on'] body [data-row-key^='workspace:'] {
-  border-radius: var(--dsw-radius-sm);
-}
-
-/* 侧栏底部工具栏：宿主的冷灰浮层，换成 Maple 的纸色。
- * 座位锚点是 display: contents，涂在它不会见效，得涂装它的那个壳。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body :has(> [data-slot='shell.bottom']) {
-  background: var(--dsw-specific-tip);
-}
-
-/* 会话头部的图标按钮：Maple 的图标按钮是紧凑控件级圆角。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body [data-slot='conversation.session.header.actions'] button {
-  border-radius: var(--dsw-radius-sm);
-}
-
-/* 滚动条：Maple 的滑块宽 12px、圆头，颜色取它的暖灰（tokens.css 已换）。 */
-html[data-maple-theme='on'][data-maple-shell='on'] body {
-  --dsh-scrollbar-width: 12px;
-}

package/src/client/styles/tokens.css

@@ -1,119 +0,0 @@
-/* Maple 装饰层：标题配色、代码语法色、正文排版。
- *
- * 配色令牌本身不在这里——它们走宿主的主题通道（src/client/tokens.ts +
- * ctx.theme.overrideTokens），由宿主写到 body 的行内样式上。这里只剩三类：
- * 按开关切换的标题配色、shiki 语法色、以及正文排版的复合令牌。
- *
- * 每一条都挂在 `html[data-maple-theme='on']` 与它自己的开关属性下面：
- * 关掉时整段不匹配，不必跟宿主争优先级。
- */
-
-/* 标题六色：Maple 默认的 colorful，逐级换色。浅色那一列按 4.5:1 调过明度，
- * 深色用它自己那套提亮色。 */
-html[data-maple-theme='on'][data-maple-heading='colorful'] {
-  --maple-h1: hsl(0 45% 52.5%);
-  --maple-h2: hsl(32 70% 37%);
-  --maple-h3: hsl(95 75% 29%);
-  --maple-h4: hsl(193 94% 31.5%);
-  --maple-h5: hsl(260 20% 48%);
-  --maple-h6: hsl(156 75% 28%);
-}
-
-html[data-maple-theme='on'][data-maple-heading='colorful'] body[data-ds-dark-theme] {
-  --maple-h1: hsl(0 44% 68%);
-  --maple-h2: hsl(20 40% 68%);
-  --maple-h3: hsl(130 32% 68%);
-  --maple-h4: hsl(210 80% 72%);
-  --maple-h5: hsl(247 65% 82%);
-  --maple-h6: hsl(178 40% 64%);
-}
-
-/* 强调色一档：六级标题统一用主题的强调色，不分级换色。
- * 这是 Maple 的「标题颜色 = 强调色」分支，与本主题既有的强调色取同一个值。 */
-html[data-maple-theme='on'][data-maple-heading='accent'] {
-  --maple-heading-color: hsl(35 26% 38%);
-}
-
-/* 正文色一档：标题只靠字号与字重区分，颜色跟正文一致。 */
-html[data-maple-theme='on'][data-maple-heading='text'] {
-  --maple-heading-color: hsl(var(--maple-hue-light, 35) 10% 18%);
-}
-
-html[data-maple-theme='on'][data-maple-heading='accent'] body[data-ds-dark-theme] {
-  --maple-heading-color: hsl(207 26% 72%);
-}
-
-html[data-maple-theme='on'][data-maple-heading='text'] body[data-ds-dark-theme] {
-  --maple-heading-color: hsl(var(--maple-hue-dark, 207) 24% 88%);
-}
-
-/* 代码语法色：Maple 的 prism 调色板落到宿主的 shiki 变量上。
- * 宿主 CodeBlock 只认 --shiki-token-*，换这一组就整体换配色。 */
-html[data-maple-theme='on'][data-maple-code='on'] {
-  --shiki-token-keyword: hsl(260 20% 48%);
-  --shiki-token-string: hsl(95 75% 29%);
-  --shiki-token-string-expression: hsl(95 75% 29%);
-  --shiki-token-function: hsl(193 94% 31.5%);
-  --shiki-token-constant: hsl(156 75% 28%);
-  --shiki-token-parameter: hsl(32 70% 37%);
-  --shiki-token-comment: hsl(35 6% 58%);
-  --shiki-token-punctuation: hsl(35 7% 46%);
-  --shiki-token-link: hsl(162 76% 29%);
-}
-
-html[data-maple-theme='on'][data-maple-code='on'] body[data-ds-dark-theme] {
-  --shiki-token-keyword: hsl(247 65% 82%);
-  --shiki-token-string: hsl(130 32% 68%);
-  --shiki-token-string-expression: hsl(130 32% 68%);
-  --shiki-token-function: hsl(210 80% 72%);
-  --shiki-token-constant: hsl(178 40% 64%);
-  --shiki-token-parameter: hsl(20 40% 68%);
-  --shiki-token-comment: hsl(207 10% 46%);
-  --shiki-token-punctuation: hsl(207 12% 58%);
-  --shiki-token-link: hsl(178 30% 62%);
-}
-
-/* 正文排版：MarkdownText 用 `font: var(--dsw-font-markdown-*)` 一次取字号、行高与字族，
- * 所以改这几条就够，不必碰 CSS Modules 的哈希类名。
- *
- * 行高从宿主的字号轴推，不写死像素：宿主把正文行高写成「24px + 字号增量」，
- * 这里改成「字号 × 配置的行高倍数」——两个轴同时生效，用户调大字号时行高跟着长。
- *
- * h5 / h6 宿主归并进 base-strong，没有独立令牌，由 markdown.css 用元素选择器补。 */
-html[data-maple-theme='on'] body {
-  --dsw-font-markdown-base:
-    var(--dsh-content-font-size, 14px) / calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75))
-    var(--dsw-font-family);
-  --dsw-font-markdown-base-font-size: var(--dsh-content-font-size, 14px);
-  --dsw-font-markdown-base-line-height: calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75));
-
-  --dsw-font-markdown-base-strong:
-    600 var(--dsh-content-font-size, 14px) / calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75))
-    var(--dsw-font-family);
-  --dsw-font-markdown-base-strong-font-size: var(--dsh-content-font-size, 14px);
-  --dsw-font-markdown-base-strong-line-height: calc(var(--dsh-content-font-size, 14px) * var(--maple-line-height, 1.75));
-
-  --dsw-font-markdown-h1:
-    700 calc(var(--dsh-content-font-size, 14px) * 1.6) / 1.3 var(--dsw-font-family);
-  --dsw-font-markdown-h1-font-size: calc(var(--dsh-content-font-size, 14px) * 1.6);
-  --dsw-font-markdown-h1-font-weight: 700;
-  --dsw-font-markdown-h1-line-height: 1.3;
-
-  --dsw-font-markdown-h2:
-    700 calc(var(--dsh-content-font-size, 14px) * 1.5) / 1.3 var(--dsw-font-family);
-  --dsw-font-markdown-h2-font-size: calc(var(--dsh-content-font-size, 14px) * 1.5);
-  --dsw-font-markdown-h2-font-weight: 700;
-  --dsw-font-markdown-h2-line-height: 1.3;
-
-  --dsw-font-markdown-h3:
-    600 calc(var(--dsh-content-font-size, 14px) * 1.35) / 1.35 var(--dsw-font-family);
-  --dsw-font-markdown-h3-font-size: calc(var(--dsh-content-font-size, 14px) * 1.35);
-  --dsw-font-markdown-h3-font-weight: 600;
-  --dsw-font-markdown-h3-line-height: 1.35;
-
-  --dsw-font-markdown-h4:
-    600 calc(var(--dsh-content-font-size, 14px) * 1.15) / 1.4 var(--dsw-font-family);
-  --dsw-font-markdown-h4-font-size: calc(var(--dsh-content-font-size, 14px) * 1.15);
-  --dsw-font-markdown-h4-font-weight: 600;
-  --dsw-font-markdown-h4-line-height: 1.4;
-}