/** * 过程区单行摘要(思考过程 / 外层执行过程 / 工具组共用)。 * * 只有一行、没有大底色:预览过长省略,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; } }