docs: complete Scenes 7-9 editorial focal proof

This commit is contained in:
lda
2026-07-12 02:25:33 +07:00 Verified
parent 1e9e8af228
commit ab9afa6457
4 changed files with 514 additions and 12 deletions
@@ -280,12 +280,15 @@ export const AssistantOperatorThread = ({
const activeGroup = viewport
?.querySelector<HTMLElement>(`[data-tool-group-id="${activeToolGroupId}"]`);
if (!viewport || !activeGroup) return;
const top = Math.max(
0,
activeGroup.offsetTop + activeGroup.offsetHeight - viewport.clientHeight,
const bottomAlignedTop = activeGroup.offsetTop + activeGroup.offsetHeight - viewport.clientHeight;
const dockCenteredTop = activeGroup.offsetTop - (viewport.clientHeight - activeGroup.offsetHeight) / 2;
const requestedTop = surface === "dock" ? dockCenteredTop : bottomAlignedTop;
const top = Math.min(
Math.max(0, requestedTop),
Math.max(0, viewport.scrollHeight - viewport.clientHeight),
);
viewport.scrollTop = top;
}, [activeToolGroupId, projected]);
}, [activeToolGroupId, projected, surface]);
const setToolGroupOpen = useCallback((groupId: string, open: boolean) => {
setToolGroupOverrides((current) => {
@@ -1512,7 +1512,7 @@
}
.scene-body__authoring-node[data-authoring-past="true"] {
opacity: 0.76;
opacity: 1;
}
.scene-body__authoring-node small {
@@ -2367,7 +2367,7 @@
.assistant-operator-thread[data-surface="dock"] {
height: 100%;
border-top: 1px solid var(--stage-line);
transition: height 200ms cubic-bezier(0.22, 1, 0.36, 1);
transition: opacity 180ms ease, border-color 180ms ease;
}
.assistant-operator-thread[data-surface="dock"] .assistant-thread {
@@ -3225,7 +3225,7 @@
--authoring-ink: var(--color-editorial-ink, oklch(0.19 0.015 65));
--authoring-muted: var(--color-editorial-muted, oklch(0.48 0.025 65));
--authoring-rule: color-mix(in oklch, var(--authoring-muted) 32%, transparent);
grid-template-rows: auto minmax(0, 1fr) minmax(7rem, 30%);
grid-template-rows: auto minmax(0, 1fr) minmax(9rem, 34%);
gap: 0;
background: var(--authoring-paper);
color: var(--authoring-ink);
@@ -3296,6 +3296,13 @@
color: var(--authoring-ink);
}
.agent-handoff-scene[data-presentation-surface="editorial"] .assistant-operator-thread [data-slot="tool-group-trigger"],
.agent-handoff-scene[data-presentation-surface="editorial"] .assistant-operator-thread [data-slot="tool-fallback-trigger"],
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .assistant-operator-thread [data-slot="tool-group-trigger"],
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .assistant-operator-thread [data-slot="tool-fallback-trigger"] {
text-transform: none;
}
.problem-loop-scene[data-problem-focus="tool-loop"] {
grid-template-columns: minmax(0, 1.35fr) auto minmax(17rem, 0.65fr);
}