suzmii
a0f6b7c67d
思考展开复用安全Markdown渲染，折叠显示浅色单行纯文本预览与右侧箭头。 共享过程摘要组件，执行过程按真实操作数显示统计并保留各组独立计时。 工具、整轮、生成任务和策划耗时统一为中文时分秒格式。 补齐格式与Markdown回归、更新已有界面断言并验证窄屏键盘操作。
66 lines
1.6 KiB
CSS
66 lines
1.6 KiB
CSS
/**
|
|
* 过程区单行摘要（思考过程 / 外层执行过程 / 工具组共用）。
|
|
*
|
|
* 只有一行、没有大底色：预览过长省略，chevron 永远贴右。展开态由宿主的
|
|
* `[aria-expanded='true']` 或 `details[open]` 决定，这里只负责视觉。
|
|
*/
|
|
.agent-process-summary {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
width: 100%;
|
|
min-width: 0;
|
|
min-height: 20px;
|
|
line-height: 1.4;
|
|
background: none;
|
|
}
|
|
|
|
.agent-process-summary-icon {
|
|
display: inline-flex;
|
|
flex: none;
|
|
align-items: center;
|
|
color: var(--platform-text-soft, #988476);
|
|
}
|
|
|
|
.agent-process-summary-preview {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.agent-process-summary-meta {
|
|
flex: none;
|
|
color: var(--platform-text-soft, #988476);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.agent-process-summary-chevron {
|
|
display: inline-flex;
|
|
flex: none;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
color: var(--platform-text-soft, #988476);
|
|
transition: transform 120ms ease;
|
|
}
|
|
|
|
[aria-expanded='true'] > .agent-process-summary .agent-process-summary-chevron,
|
|
details[open] > summary .agent-process-summary .agent-process-summary-chevron {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
/* 焦点画在共享摘要内，避免宿主按钮的 outline:none 抹掉键盘定位。 */
|
|
button:focus-visible > .agent-process-summary,
|
|
summary:focus-visible > .agent-process-summary {
|
|
outline: 2px solid var(--platform-accent, #c26a3e);
|
|
outline-offset: 2px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.agent-process-summary-chevron {
|
|
transition: none;
|
|
}
|
|
}
|