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

fix: normalize discussion surface theme

Browse Source
This commit is contained in:
lda
2026-07-08 09:38:25 +07:00 Verified
parent fa70a3ea04
commit 22859816ab
2 changed files with 33 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/apps/console/src/presentation/DiscussionPanel.test.tsx
+2
View File
@@ -81,6 +81,7 @@ describe("DiscussionPanel", () => {
expect(screen.getByText(/workflow substrate that external agents operate/i)).toBeDefined(); expect(screen.getByText(/workflow substrate that external agents operate/i)).toBeDefined();
expect(screen.getByText(/not a new planning algorithm/i)).toBeDefined(); expect(screen.getByText(/not a new planning algorithm/i)).toBeDefined();
expect(screen.getByText(/Answer directly first/i)).toBeDefined(); expect(screen.getByText(/Answer directly first/i)).toBeDefined();
expect(screen.getByLabelText("defense question")).toBeInTheDocument();
}); });
it("renders speaker hints as presenter notes instead of answer content", () => { it("renders speaker hints as presenter notes instead of answer content", () => {
@@ -89,6 +90,7 @@ describe("DiscussionPanel", () => {
const note = screen.getByLabelText("presenter note"); const note = screen.getByLabelText("presenter note");
expect(note).toHaveTextContent(/Answer directly first/i); expect(note).toHaveTextContent(/Answer directly first/i);
expect(note).toHaveTextContent(/Presenter note/i); expect(note).toHaveTextContent(/Presenter note/i);
expect(note).toHaveClass("discussion-panel__presenter-note");
}); });
it("shows mcp-agent-scale links to Anthropic and Cloudflare", () => { it("shows mcp-agent-scale links to Anthropic and Cloudflare", () => {
web/apps/console/src/presentation/presentation.css
+31 -27
View File
@@ -529,21 +529,24 @@
.discussion-panel { .discussion-panel {
padding: 1rem; padding: 1rem;
border: 1px solid oklch(0.36 0.04 250); border: 1px solid color-mix(in oklch, var(--color-editorial-muted, oklch(0.48 0.025 65)) 35%, transparent);
background: oklch(0.16 0.025 250); border-radius: 0.75rem;
border-radius: 0.65rem; background: color-mix(in oklch, var(--color-editorial-paper, oklch(0.975 0.012 82)) 88%, white);
color: var(--color-editorial-ink, oklch(0.19 0.015 65));
} }
.discussion-panel h2 { .discussion-panel h2 {
font-size: 1.1rem; font-size: 1.1rem;
margin: 0 0 0.5rem; margin: 0 0 0.5rem;
color: var(--color-editorial-ink, oklch(0.19 0.015 65));
} }
.discussion-panel__badge { .discussion-panel__badge {
display: inline-block; display: inline-block;
padding: 0.15rem 0.4rem; padding: 0.15rem 0.4rem;
border-radius: 0.3rem; border-radius: 0.3rem;
background: oklch(0.25 0.04 250); background: color-mix(in oklch, var(--color-editorial-muted, oklch(0.48 0.025 65)) 18%, transparent);
color: var(--color-editorial-ink, oklch(0.19 0.015 65));
font-size: 0.7rem; font-size: 0.7rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@@ -551,11 +554,12 @@
.discussion-panel__evidence { .discussion-panel__evidence {
font-size: 0.8rem; font-size: 0.8rem;
color: oklch(0.72 0.03 250); color: var(--color-editorial-muted, oklch(0.48 0.025 65));
} }
.discussion-panel__summary { .discussion-panel__summary {
margin: 0.5rem 0; margin: 0.5rem 0;
color: var(--color-editorial-ink, oklch(0.19 0.015 65));
} }
.discussion-panel__qna { .discussion-panel__qna {
@@ -563,36 +567,36 @@
gap: 0.6rem; gap: 0.6rem;
margin: 0.75rem 0; margin: 0.75rem 0;
padding: 0.85rem; padding: 0.85rem;
border: 1px solid color-mix(in srgb, var(--accent-cyan) 35%, transparent); border: 1px solid color-mix(in oklch, var(--color-intent, oklch(0.53 0.17 250)) 28%, transparent);
border-radius: 1rem; border-radius: 1rem;
background: color-mix(in srgb, var(--stage-surface) 82%, transparent); background: color-mix(in oklch, var(--color-editorial-paper, oklch(0.975 0.012 82)) 74%, white);
} }
.discussion-panel__question { .discussion-panel__question,
.discussion-panel__short-answer {
margin: 0; margin: 0;
font-size: 1.02rem; font-size: 1.02rem;
font-weight: 750; font-weight: 750;
color: var(--text-primary); color: var(--color-editorial-ink, oklch(0.19 0.015 65));
}
.discussion-panel__short-answer,
.discussion-panel__expanded-answer {
margin: 0;
color: var(--text-muted);
line-height: 1.45;
} }
.discussion-panel__short-answer { .discussion-panel__short-answer {
color: var(--text-primary); font-weight: 400;
}
.discussion-panel__expanded-answer {
margin: 0;
color: color-mix(in oklch, var(--color-editorial-ink, oklch(0.19 0.015 65)) 82%, var(--color-editorial-muted, oklch(0.48 0.025 65)));
line-height: 1.45;
} }
.discussion-panel__presenter-note { .discussion-panel__presenter-note {
margin: 0; margin: 0;
padding: 0.55rem 0.65rem; padding: 0.55rem 0.65rem;
border: 1px dashed color-mix(in oklch, var(--stage-line) 70%, transparent); border: 1px dashed color-mix(in oklch, var(--color-human, oklch(0.68 0.17 55)) 38%, transparent);
border-radius: 0.55rem; border-radius: 0.55rem;
background: color-mix(in oklch, var(--stage-surface) 72%, transparent); background: color-mix(in oklch, var(--color-human, oklch(0.68 0.17 55)) 10%, var(--color-editorial-paper, oklch(0.975 0.012 82)));
color: var(--text-muted); color: color-mix(in oklch, var(--color-editorial-ink, oklch(0.19 0.015 65)) 76%, var(--color-editorial-muted, oklch(0.48 0.025 65)));
font-size: 0.82rem; font-size: 0.82rem;
line-height: 1.35; line-height: 1.35;
} }
@@ -600,7 +604,7 @@
.discussion-panel__presenter-note span { .discussion-panel__presenter-note span {
display: block; display: block;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
color: var(--accent-amber); color: color-mix(in oklch, var(--color-human, oklch(0.68 0.17 55)) 70%, var(--color-editorial-ink, oklch(0.19 0.015 65)));
font: 750 0.64rem/1 var(--font-mono, monospace); font: 750 0.64rem/1 var(--font-mono, monospace);
letter-spacing: 0.08em; letter-spacing: 0.08em;
text-transform: uppercase; text-transform: uppercase;
@@ -608,19 +612,19 @@
.discussion-panel__detail { .discussion-panel__detail {
font-size: 0.85rem; font-size: 0.85rem;
color: oklch(0.85 0.02 250); color: color-mix(in oklch, var(--color-editorial-ink, oklch(0.19 0.015 65)) 82%, var(--color-editorial-muted, oklch(0.48 0.025 65)));
border-left: 2px solid oklch(0.4 0.05 250); border-left: 2px solid color-mix(in oklch, var(--color-editorial-muted, oklch(0.48 0.025 65)) 42%, transparent);
padding-left: 0.65rem; padding-left: 0.65rem;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.discussion-panel__return { .discussion-panel__return {
margin-top: 0.75rem; margin-top: 0.75rem;
padding: 0.4rem 0.75rem; border: 1px solid var(--color-editorial-ink, oklch(0.19 0.015 65));
border: 1px solid oklch(0.7 0.16 195);
background: oklch(0.7 0.16 195);
color: oklch(0.12 0.025 250);
border-radius: 0.4rem; border-radius: 0.4rem;
padding: 0.4rem 0.75rem;
background: var(--color-editorial-ink, oklch(0.19 0.015 65));
color: var(--color-editorial-paper, oklch(0.975 0.012 82));
font-weight: 600; font-weight: 600;
} }