lda.chat/lda-wf
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: normalize presentation chat surface

Browse Source
This commit is contained in:
lda
2026-07-08 09:37:24 +07:00 Verified
parent 50b618744f
commit fa70a3ea04
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/apps/console/src/presentation/OperatorChat.test.tsx
+2
View File
@@ -19,6 +19,8 @@ describe("OperatorChat", () => {
const chat = screen.getByLabelText("scripted operator chat");
expect(chat).toHaveAttribute("data-chat-theme", "light");
expect(chat).toHaveAttribute("data-presentation-surface", "editorial");
expect(screen.getAllByText(/Found prepared workflow recipe/)[0]?.closest(".chat-message"))
.toHaveClass("chat-message");
});
it("maps dark chat theme to the night presentation surface", () => {
web/apps/console/src/presentation/presentation.css
+7 -5
View File
@@ -168,13 +168,13 @@
color: inherit;
}
.operator-chat[data-readable-surface="light"] .chat-message {
border-color: color-mix(in oklch, var(--color-editorial-muted, oklch(0.48 0.025 65)) 35%, transparent);
background: color-mix(in oklch, var(--color-editorial-paper, oklch(0.975 0.012 82)) 92%, white);
.operator-chat[data-presentation-surface="editorial"] .chat-message {
border-color: color-mix(in oklch, var(--color-editorial-muted, oklch(0.48 0.025 65)) 34%, transparent);
background: color-mix(in oklch, var(--color-editorial-paper, oklch(0.975 0.012 82)) 82%, var(--color-editorial-muted, oklch(0.48 0.025 65)) 18%);
color: var(--color-editorial-ink, oklch(0.19 0.015 65));
}
.operator-chat[data-readable-surface="light"] .chat-message strong {
.operator-chat[data-presentation-surface="editorial"] .chat-message strong {
color: var(--color-editorial-ink, oklch(0.19 0.015 65));
}
@@ -636,7 +636,9 @@
color: var(--text-primary);
}
.operator-chat[data-readable-surface="light"] .chat-tool-part {
.operator-chat[data-presentation-surface="editorial"] .chat-tool-part {
border-color: color-mix(in oklch, var(--color-editorial-muted, oklch(0.48 0.025 65)) 40%, transparent);
background: color-mix(in oklch, var(--color-editorial-paper, oklch(0.975 0.012 82)) 70%, transparent);
color: var(--color-editorial-ink, oklch(0.19 0.015 65));
}