Say Remove for displays, and make the default accent purple (#210050)
CI / verify (pull_request) Successful in 1m14s
CI / infrastructure-smoke (pull_request) Successful in 42s
CI / package-release (pull_request) Successful in 49s
CI / migration-smoke (pull_request) Successful in 2m30s
CI / image-build (pull_request) Successful in 1m8s
CI / deploy-smoke (same-origin) (pull_request) Successful in 45s
CI / package-publication (pull_request) Successful in 56s
CI / deploy-smoke (split) (pull_request) Successful in 8m55s

Administrators now remove a display: the card's Remove, "Remove display?",
and "Display removed". The platform still revokes the device's credential;
the endpoint, fields, and security history keep revoke/revoked (ADR 0065).

The default accent is a deep purple anchored on #210050, set in the shared
design tokens only (ADR 0066, superseding ADR 0060's teal in part). The
anchor is the light primary action with white on it; the light accent text,
focus ring, and selection, and the dark theme's lavender accent, are
variants on its hue chosen for contrast. The teal-tinted neutrals move to a
faint violet-grey at the same lightness, so every contrast pairing holds.
The contrast test gains six pairings the accent depends on, and pins the
anchor.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
ekklesia
2026-10-16 19:14:46 -05:00
co-authored by Claude Opus 5.5
parent d9dafcb0f7
commit 0009f62fbd
10 changed files with 261 additions and 97 deletions
+19 -7
View File
@@ -755,24 +755,36 @@ await waitFor(`!${selector("add-display-dialog")}`, "the Add display dialog clos
);
}
// Revoked, it leaves the normal list at once, and its screen returns to a pairing code.
// Removed (its credential revoked), it leaves the normal list at once, and its screen returns
// to a pairing code. The interface says "remove" throughout; only the platform says "revoke".
if (cardId !== "") {
await evaluate(`${selector(cardId.replace("device-", "device-revoke-"))}.click()`);
await waitFor(selector("device-revoke-confirm"), "the revoke confirmation");
const removeId = cardId.replace("device-", "device-revoke-");
check(
(await evaluate(`${selector(removeId)}?.textContent`)) === "Remove",
"a paired display's card offers Remove",
);
await evaluate(`${selector(removeId)}.click()`);
await waitFor(selector("device-revoke-confirm"), "the remove confirmation");
check(
await evaluate(
`(() => { const d = document.querySelector('[role="dialog"]'); return d !== null && d.textContent.includes("Remove display?") && !/revok/i.test(d.textContent); })()`,
),
"the confirmation asks Remove display?, never Revoke",
);
await evaluate(`${selector("device-revoke-confirm")}.click()`);
check(
await waitFor(
`!${selector(cardId)} && ${selector("device-revoke-success")}`,
"the revoked display gone from the list",
`!${selector(cardId)} && ${selector("device-outcome")}?.textContent.includes("Display removed") && !/revok/i.test(document.querySelector("main")?.textContent ?? document.body.textContent)`,
"the removed display gone from the list",
),
"a revoked display leaves Paired displays at once, without a reload",
"a removed display leaves Paired displays at once, without a reload, and says Display removed",
);
check(
await kioskWaitFor(
`/^[0-9]{6}$/.test(${selector("display-pairing-code")}?.textContent ?? "")`,
75_000,
),
"the revoked screen returns to a pairing code on its own",
"the removed screen returns to a pairing code on its own",
);
}
}