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

fix: fill wide lifecycle presentation stage

Browse Source
This commit is contained in:
lda
2026-07-13 18:19:14 +07:00 Verified
parent 649844d28f
commit 4bfe8e5754
2 changed files with 3 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/apps/console/src/presentation/presentation-css.test.ts
+3 -18
View File
@@ -247,24 +247,9 @@ describe("presentation.css", () => {
expect(narrowAssistant).toContain("max-height: min(24rem, 60vh);");
});
it("keeps wide lifecycle evidence compact instead of stretching into a sparse frame", () => {
const wideContainer = cssBlock(css, "@container presentation-canvas (min-width: 1500px)") ?? "";
const widePresentation = cssBlocks(
wideContainer,
'.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__presentation',
).find((body) => body.includes("grid-template-rows: auto max-content;"));
const wideFrame = cssBlocks(
wideContainer,
'.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__frame',
).find((body) => body.includes("height: max-content;"));
// The scene itself must retain its bounded rows so the chat pane cannot size from its transcript.
expect(wideContainer).not.toMatch(
/\.prepared-lifecycle-scene\[data-presentation-surface="editorial"\]\s*\{/,
);
expect(widePresentation).toContain("align-content: start;");
expect(wideFrame).toContain("max-height: min(34rem, 56vh);");
expect(wideFrame).toContain("overflow: visible;");
it("does not cap lifecycle evidence on wide presentation canvases", () => {
expect(css).not.toContain("@container presentation-canvas (min-width: 1500px)");
expect(css).not.toContain("max-height: min(34rem, 56vh);");
});
it("bounds prepared conversation scrolling and recenters the agent handoff at compact stage widths", () => {
web/apps/console/src/presentation/presentation.css
-14
View File
@@ -4020,20 +4020,6 @@
}
}
/* Keep the wide stage editorial instead of turning the phase frame into a blank wall. */
@container presentation-canvas (min-width: 1500px) {
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__presentation {
grid-template-rows: auto max-content;
align-content: start;
}
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__frame {
height: max-content;
max-height: min(34rem, 56vh);
overflow: visible;
}
}
@keyframes authoring-frame-content-enter {
from { opacity: 0; }
to { opacity: 1; }