mirror of
https://github.com/deepseek-ai/deepseek-harness
synced 2026-08-15 21:04:50 +00:00
78e4d36214
Every expandable tool row shares one interaction (whole-row toggle, icon-to-chevron hover preview) and one expanded body: an IN/OUT gutter-labeled card with per-section 150px scroll caps and sticky labels. toolRowModel derives result output and the error first line, terminalFailed surfaces a failing exit as the collapsed row's red dot, a hover Inspect pill jumps to the call's trajectory record through a one-shot store handoff, and the chat view keeps its scroll offset across view switches.
233 lines
10 KiB
CSS
233 lines
10 KiB
CSS
body {
|
||
--dsw-linear-gradient-think: linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%);
|
||
--dsw-linear-think-select: linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%);
|
||
/* 阴影 */
|
||
--dsw-shadow-lv1: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
|
||
--dsw-shadow-lv1-blur: 0 4px 12px 0 rgba(0, 0, 0, 0.02);
|
||
--dsw-shadow-lv2: 0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
|
||
--dsw-shadow-lv3:
|
||
0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08);
|
||
/* blur filter */
|
||
--dsw-mask-blur: blur(2px);
|
||
}
|
||
|
||
body[data-ds-dark-theme] {
|
||
--dsw-linear-gradient-think: linear-gradient(180deg, #151517 20.19%, rgba(21, 21, 23, 0) 100%);
|
||
--dsw-linear-think-select: linear-gradient(180deg, #232325 20.19%, rgba(35, 35, 37, 0) 100%);
|
||
}
|
||
|
||
/* ---------- 字体 ---------- */
|
||
/* 由 @deepseek-figma-plugin/custom-variable-name 插件导出 */
|
||
body {
|
||
--dsw-font-markdown-h1: 700 24px/34px var(--dsw-font-family);
|
||
--dsw-font-markdown-h1-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h1-font-weight: 700;
|
||
--dsw-font-markdown-h1-line-height: 34px;
|
||
--dsw-font-markdown-h1-font-size: 24px;
|
||
--dsw-font-markdown-h1-font-style: normal;
|
||
|
||
--dsw-font-markdown-h2: 700 22px/32px var(--dsw-font-family);
|
||
--dsw-font-markdown-h2-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h2-font-weight: 700;
|
||
--dsw-font-markdown-h2-line-height: 32px;
|
||
--dsw-font-markdown-h2-font-size: 22px;
|
||
--dsw-font-markdown-h2-font-style: normal;
|
||
|
||
--dsw-font-markdown-h3: 700 20px/30px var(--dsw-font-family);
|
||
--dsw-font-markdown-h3-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h3-font-weight: 700;
|
||
--dsw-font-markdown-h3-line-height: 30px;
|
||
--dsw-font-markdown-h3-font-size: 20px;
|
||
--dsw-font-markdown-h3-font-style: normal;
|
||
|
||
--dsw-font-markdown-h4: 600 16px/28px var(--dsw-font-family);
|
||
--dsw-font-markdown-h4-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h4-font-weight: 600;
|
||
--dsw-font-markdown-h4-line-height: 28px;
|
||
--dsw-font-markdown-h4-font-size: 16px;
|
||
--dsw-font-markdown-h4-font-style: normal;
|
||
|
||
--dsw-font-markdown-base: 16px/28px var(--dsw-font-family);
|
||
--dsw-font-markdown-base-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-font-weight: 400;
|
||
--dsw-font-markdown-base-line-height: 28px;
|
||
--dsw-font-markdown-base-font-size: 16px;
|
||
--dsw-font-markdown-base-font-style: normal;
|
||
|
||
--dsw-font-markdown-base-strong: 600 16px/28px var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-font-weight: 600;
|
||
--dsw-font-markdown-base-strong-line-height: 28px;
|
||
--dsw-font-markdown-base-strong-font-size: 16px;
|
||
--dsw-font-markdown-base-strong-font-style: normal;
|
||
|
||
--dsw-font-markdown-base-italic: italic 16px/28px var(--dsw-font-family);
|
||
--dsw-font-markdown-base-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-italic-font-weight: 400;
|
||
--dsw-font-markdown-base-italic-line-height: 28px;
|
||
--dsw-font-markdown-base-italic-font-size: 16px;
|
||
--dsw-font-markdown-base-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-base-strong-italic: italic 600 16px/28px var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-italic-font-weight: 600;
|
||
--dsw-font-markdown-base-strong-italic-line-height: 28px;
|
||
--dsw-font-markdown-base-strong-italic-font-size: 16px;
|
||
--dsw-font-markdown-base-strong-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-table: 15px/25px var(--dsw-font-family);
|
||
--dsw-font-markdown-table-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-table-font-weight: 400;
|
||
--dsw-font-markdown-table-line-height: 25px;
|
||
--dsw-font-markdown-table-font-size: 15px;
|
||
--dsw-font-markdown-table-font-style: normal;
|
||
|
||
--dsw-font-markdown-table-head: 500 15px/25px var(--dsw-font-family);
|
||
--dsw-font-markdown-table-head-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-table-head-font-weight: 500;
|
||
--dsw-font-markdown-table-head-line-height: 25px;
|
||
--dsw-font-markdown-table-head-font-size: 15px;
|
||
--dsw-font-markdown-table-head-font-style: normal;
|
||
|
||
--dsw-font-markdown-small: 14px/24px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-font-weight: 400;
|
||
--dsw-font-markdown-small-line-height: 24px;
|
||
--dsw-font-markdown-small-font-size: 14px;
|
||
--dsw-font-markdown-small-font-style: normal;
|
||
|
||
--dsw-font-markdown-small-strong: 600 14px/24px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-font-weight: 600;
|
||
--dsw-font-markdown-small-strong-line-height: 24px;
|
||
--dsw-font-markdown-small-strong-font-size: 14px;
|
||
--dsw-font-markdown-small-strong-font-style: normal;
|
||
|
||
--dsw-font-markdown-small-italic: italic 14px/24px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-italic-font-weight: 400;
|
||
--dsw-font-markdown-small-italic-line-height: 24px;
|
||
--dsw-font-markdown-small-italic-font-size: 14px;
|
||
--dsw-font-markdown-small-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-small-strong-italic: italic 600 14px/24px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-italic-font-weight: 600;
|
||
--dsw-font-markdown-small-strong-italic-line-height: 24px;
|
||
--dsw-font-markdown-small-strong-italic-font-size: 14px;
|
||
--dsw-font-markdown-small-strong-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-code: 14px/22px var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-font-family: var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-font-weight: 400;
|
||
--dsw-font-markdown-code-line-height: 22px;
|
||
--dsw-font-markdown-code-font-size: 14px;
|
||
--dsw-font-markdown-code-font-style: normal;
|
||
|
||
--dsw-font-markdown-code-block: 13px/22px var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-font-family: var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-font-weight: 400;
|
||
--dsw-font-markdown-code-block-line-height: 22px;
|
||
--dsw-font-markdown-code-block-font-size: 13px;
|
||
--dsw-font-markdown-code-block-font-style: normal;
|
||
|
||
/* 手工补充（非插件导出）：tool row 展开卡片内的小号 code 字体。 */
|
||
--dsw-font-markdown-code-block-small: 12px/18px var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-small-font-family: var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-small-font-weight: 400;
|
||
--dsw-font-markdown-code-block-small-line-height: 18px;
|
||
--dsw-font-markdown-code-block-small-font-size: 12px;
|
||
--dsw-font-markdown-code-block-small-font-style: normal;
|
||
|
||
--dsw-font-xl-24: 600 24px/32px var(--dsw-font-family);
|
||
--dsw-font-xl-24-font-family: var(--dsw-font-family);
|
||
--dsw-font-xl-24-font-weight: 600;
|
||
--dsw-font-xl-24-line-height: 32px;
|
||
--dsw-font-xl-24-font-size: 24px;
|
||
--dsw-font-xl-24-font-style: normal;
|
||
|
||
--dsw-font-l-20: 500 20px/28px var(--dsw-font-family);
|
||
--dsw-font-l-20-font-family: var(--dsw-font-family);
|
||
--dsw-font-l-20-font-weight: 500;
|
||
--dsw-font-l-20-line-height: 28px;
|
||
--dsw-font-l-20-font-size: 20px;
|
||
--dsw-font-l-20-font-style: normal;
|
||
|
||
--dsw-font-m-18: 500 16px/28px var(--dsw-font-family);
|
||
--dsw-font-m-18-font-family: var(--dsw-font-family);
|
||
--dsw-font-m-18-font-weight: 500;
|
||
--dsw-font-m-18-line-height: 28px;
|
||
--dsw-font-m-18-font-size: 16px;
|
||
--dsw-font-m-18-font-style: normal;
|
||
|
||
--dsw-font-base-16: 16px/24px var(--dsw-font-family);
|
||
--dsw-font-base-16-font-family: var(--dsw-font-family);
|
||
--dsw-font-base-16-font-weight: 400;
|
||
--dsw-font-base-16-line-height: 24px;
|
||
--dsw-font-base-16-font-size: 16px;
|
||
--dsw-font-base-16-font-style: normal;
|
||
|
||
--dsw-font-base-strong-16: 500 16px/24px var(--dsw-font-family);
|
||
--dsw-font-base-strong-16-font-family: var(--dsw-font-family);
|
||
--dsw-font-base-strong-16-font-weight: 500;
|
||
--dsw-font-base-strong-16-line-height: 24px;
|
||
--dsw-font-base-strong-16-font-size: 16px;
|
||
--dsw-font-base-strong-16-font-style: normal;
|
||
|
||
--dsw-font-s-14: 14px/22px var(--dsw-font-family);
|
||
--dsw-font-s-14-font-family: var(--dsw-font-family);
|
||
--dsw-font-s-14-font-weight: 400;
|
||
--dsw-font-s-14-line-height: 22px;
|
||
--dsw-font-s-14-font-size: 14px;
|
||
--dsw-font-s-14-font-style: normal;
|
||
|
||
--dsw-font-s-strong-14: 500 14px/22px var(--dsw-font-family);
|
||
--dsw-font-s-strong-14-font-family: var(--dsw-font-family);
|
||
--dsw-font-s-strong-14-font-weight: 500;
|
||
--dsw-font-s-strong-14-line-height: 22px;
|
||
--dsw-font-s-strong-14-font-size: 14px;
|
||
--dsw-font-s-strong-14-font-style: normal;
|
||
|
||
--dsw-font-xs-13: 13px/20px var(--dsw-font-family);
|
||
--dsw-font-xs-13-font-family: var(--dsw-font-family);
|
||
--dsw-font-xs-13-font-weight: 400;
|
||
--dsw-font-xs-13-line-height: 20px;
|
||
--dsw-font-xs-13-font-size: 13px;
|
||
--dsw-font-xs-13-font-style: normal;
|
||
|
||
--dsw-font-xs-strong-13: 500 13px/20px var(--dsw-font-family);
|
||
--dsw-font-xs-strong-13-font-family: var(--dsw-font-family);
|
||
--dsw-font-xs-strong-13-font-weight: 500;
|
||
--dsw-font-xs-strong-13-line-height: 20px;
|
||
--dsw-font-xs-strong-13-font-size: 13px;
|
||
--dsw-font-xs-strong-13-font-style: normal;
|
||
|
||
--dsw-font-xxs-12: 12px/18px var(--dsw-font-family);
|
||
--dsw-font-xxs-12-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxs-12-font-weight: 400;
|
||
--dsw-font-xxs-12-line-height: 18px;
|
||
--dsw-font-xxs-12-font-size: 12px;
|
||
--dsw-font-xxs-12-font-style: normal;
|
||
|
||
--dsw-font-xxs-strong-12: 500 12px/18px var(--dsw-font-family);
|
||
--dsw-font-xxs-strong-12-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxs-strong-12-font-weight: 500;
|
||
--dsw-font-xxs-strong-12-line-height: 18px;
|
||
--dsw-font-xxs-strong-12-font-size: 12px;
|
||
--dsw-font-xxs-strong-12-font-style: normal;
|
||
|
||
--dsw-font-xxxs-11: 11px/14px var(--dsw-font-family);
|
||
--dsw-font-xxxs-11-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxxs-11-font-weight: 400;
|
||
--dsw-font-xxxs-11-line-height: 14px;
|
||
--dsw-font-xxxs-11-font-size: 11px;
|
||
--dsw-font-xxxs-11-font-style: normal;
|
||
|
||
--dsw-font-xxxs-strong-11: 500 11px/14px var(--dsw-font-family);
|
||
--dsw-font-xxxs-strong-11-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxxs-strong-11-font-weight: 500;
|
||
--dsw-font-xxxs-strong-11-line-height: 14px;
|
||
--dsw-font-xxxs-strong-11-font-size: 11px;
|
||
--dsw-font-xxxs-strong-11-font-style: normal;
|
||
}
|