Skip to content

fix: polish live surface loading states#31

Merged
drown0315 merged 2 commits into
mainfrom
fix/live-surface-polish
Jul 13, 2026
Merged

fix: polish live surface loading states#31
drown0315 merged 2 commits into
mainfrom
fix/live-surface-polish

Conversation

@drown0315

Copy link
Copy Markdown
Owner

Summary

Fixes two UI states that looked stalled or visually inconsistent in the Ask UI web workbench: the Agent working placeholder now animates, and the live device screen keeps the phone hardware frame after video starts rendering.

What Changed

  • Added a subtle border pulse and animated dots to the temporary Agent working chat placeholder.
  • Kept the live DeviceShell rendered inside a phone hardware frame instead of switching to a bare screen rectangle.
  • Preserved Select Widget mode highlighting on the live phone hardware frame.
  • Added a structure regression test for the live device shell.
  • Rebuilt and synced the packaged web assets under apps/bridge/web.

Why

The fixed Agent working row looked like a frozen placeholder. The live device surface also lost its phone shell when the real screen appeared, creating a jarring transition from loading to rendering.

Test Plan

  • npm test -- src/components/live-app-surface/DeviceShellStructure.test.ts
  • npm run build:bridge
  • dart run tool/validate_release_layout.dart

@drown0315
drown0315 merged commit 9cfabb6 into main Jul 13, 2026
3 checks passed
@drown0315
drown0315 deleted the fix/live-surface-polish branch July 13, 2026 09:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant