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

fix: polish zoomed-out presentation layouts

Browse Source
This commit is contained in:
lda
2026-07-12 08:26:32 +07:00 Verified
parent 97c2bbe9a0
commit 2cf3091ffd
2 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/apps/console/src/presentation/presentation-css.test.ts
+9
View File
@@ -53,6 +53,15 @@ describe("presentation.css", () => {
expect(scene9Rules.join("\n")).toMatch(/minmax\(15rem, 0\.35fr\)\s+minmax\(0, 0\.65fr\)/);
});
it("bounds Scene 9 conversation scrolling and recenters Scene 8 at compact stage widths", () => {
expect(css).toMatch(
/\.prepared-lifecycle-scene\[data-presentation-surface="editorial"\] \.presentation-assistant-pane__conversation\s*\{[\s\S]*?flex:\s*1 1 auto;[\s\S]*?min-height:\s*0;[\s\S]*?overflow:\s*auto;/,
);
expect(css).toMatch(
/@media \(max-width: 1100px\)[\s\S]*?\.presentation-stage\[data-scene-view="agent"\] \.presentation-stage__primary\s*\{[\s\S]*?align-items:\s*center;[\s\S]*?justify-content:\s*center;/,
);
});
it("keeps evidence inside a substrate stack from wide desktop through the 1080px breakpoint", () => {
expect(css).toMatch(/\.conclusion-map__flow\s*\{\s*display: grid;\s*grid-template-columns: repeat\(3, minmax\(0, 1fr\)\);/);
expect(css).toMatch(/\.conclusion-map__flow-unit--substrate-stack\s*\{[\s\S]*?grid-template-rows: auto auto;/);
web/apps/console/src/presentation/presentation.css
+18
View File
@@ -3186,6 +3186,18 @@
color: var(--authoring-paper);
}
/* Keep the compact Scene 8 request surface centered inside the presentation canvas. */
@media (max-width: 1100px) {
.presentation-stage[data-scene-view="agent"] .presentation-stage__primary {
align-items: center;
justify-content: center;
}
.presentation-stage[data-scene-view="agent"] .agent-handoff-scene {
width: min(100%, 60rem);
}
}
/* Scene 9 — persistent assistant beside the dominant phase projection. */
.prepared-lifecycle-scene {
display: grid;
@@ -3397,6 +3409,12 @@
border-color: var(--authoring-rule);
}
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .presentation-assistant-pane__conversation {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
}
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .presentation-assistant-pane .assistant-operator-thread {
color: var(--authoring-ink);
}