docs(shopfloor): implementation plan for tablet lock-screen redesign
6 tasks covering the visual + interaction redesign:
Task 1 — Backend: 3 module-level helpers in tablet_controller.py
(_initials_from, _avatar_gradient_for, _lock_company_payload)
+ extended /fp/tablet/tiles payload + 3 test classes (TDD)
Task 2 — Create _tablet_lock_tokens.scss design tokens (light + dark
branches via $o-webclient-color-scheme)
Task 3 — Full rewrite of tablet_lock.scss (gradient bg, glassmorphic
tiles, 4 entrance keyframes, hover lift, click press,
clocked-in pulse, prefers-reduced-motion gate)
Task 4 — Extend tablet_lock.xml with logo + clock + prompt blocks
wrapping the existing tile loop
Task 5 — Extend tablet_lock.js with state.clockText / state.dateText /
state.company + setInterval clock tick + _formatTime /
_formatDate / tileStyle / avatarClass helpers (all per
project rule 20 — coercion lives in JS, not in templates)
Task 6 — Register the new tokens SCSS in manifest BEFORE
tablet_lock.scss (per rule 8), bump version 19.0.32.0.0,
deploy + verify
Each task has TDD-style steps with full code blocks. Self-review
confirms 1-to-1 coverage of every spec section + correct deferral of
every §12 Phase 2 item.
Plan: docs/superpowers/plans/2026-05-24-tablet-lock-screen-redesign-plan.md
Spec: docs/superpowers/specs/2026-05-24-tablet-lock-screen-redesign-design.md
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
7a0bd67fc0