Improve sidebar workspace readability and host identity (#2790)
* fix(app): align turn footer actions Keep running-turn actions in the same position as completed-turn actions and use the shared small icon size for both copy and fork controls. * feat(app): improve sidebar workspace identity Make dense sidebar workspace rows easier to scan and let each device control how connected hosts are identified. * fix(app): keep host badges readable Use a compact display menu and keep identity color on the host icon so translated controls fit and badge text retains standard contrast. * fix(app): announce selected sidebar badge mode * fix(app): retain icon-only host names for screen readers * fix(app): name hoisted workspace rows * fix(app): retain host identity in workspace labels * fix(app): retain workspace status in row labels * fix(app): defer host appearance until identity resolves * fix(app): serialize host appearance writes * fix(app): serialize host registry writes * fix(app): bound sidebar host badge labels * test(app): match workspace status labels * fix(app): consolidate sidebar identity behavior * test(app): assert status grouping behavior * fix(app): keep sidebar row actions accessible * fix(app): stabilize optimistic message layout
This commit is contained in:
@@ -660,6 +660,19 @@ function expectAtomicIdleToRunningTransition(frames: TurnFrame[]): void {
|
||||
).toEqual([]);
|
||||
}
|
||||
|
||||
function expectSubmittedMessageHeightStable(frames: TurnFrame[]): void {
|
||||
const first = frames.findIndex((frame) => frame.userRow.visible);
|
||||
const baseline = frames[first]?.userRow.rect?.height;
|
||||
const changes = frames
|
||||
.slice(first)
|
||||
.flatMap((frame, offset) =>
|
||||
geometryChanged(frame.userRow.rect?.height, baseline)
|
||||
? [`frame ${first + offset}: submitted row height changed`]
|
||||
: [],
|
||||
);
|
||||
expect(changes, `submitted message geometry changed:\n${changes.join("\n")}`).toEqual([]);
|
||||
}
|
||||
|
||||
function expectAtomicFirstPromptTransition(frames: TurnFrame[]): void {
|
||||
expectRowContinuity(frames);
|
||||
const first = frames.findIndex((frame) => hasPaintedLayout(frame.userRow));
|
||||
@@ -828,6 +841,33 @@ test("keeps follow-up activity continuous when turn starts before response", asy
|
||||
expectAtomicIdleToRunningTransition(frames);
|
||||
});
|
||||
|
||||
test("keeps a submitted message height stable when its canonical echo arrives", async ({
|
||||
page,
|
||||
streamingAgent,
|
||||
}) => {
|
||||
const gate = await installDaemonWebSocketGate(page);
|
||||
await openAgentRoute(page, {
|
||||
workspaceId: streamingAgent.workspaceId,
|
||||
agentId: streamingAgent.agentId,
|
||||
});
|
||||
await expectAgentIdle(page);
|
||||
|
||||
const prompt = "Canonical echo must not resize this message.";
|
||||
gate.holdNextAgentStreamItem("user_message");
|
||||
await recordTurnFrames(page, prompt);
|
||||
await submitMessage(page, prompt);
|
||||
await gate.waitForHeldAgentStreamItem("user_message");
|
||||
const submittedRow = page.getByTestId("user-message").filter({ hasText: prompt });
|
||||
await expect(submittedRow).toBeVisible();
|
||||
await recordPaintsFor(page, 80);
|
||||
|
||||
gate.releaseHeldAgentStreamItem("user_message");
|
||||
await expect(submittedRow.getByTestId("rewind-menu-trigger")).toBeVisible();
|
||||
await recordPaintsFor(page, 80);
|
||||
|
||||
expectSubmittedMessageHeightStable(await stopTurnFrameRecording(page));
|
||||
});
|
||||
|
||||
test("keeps follow-up activity continuous when response arrives before running state", async ({
|
||||
page,
|
||||
streamingAgent,
|
||||
|
||||
Reference in New Issue
Block a user