Skip to content

fix(web): 回る印を、いつ付いたものも同じ向きで回す - #827

Merged
aida0710 merged 1 commit into
mainfrom
fix/rings-in-step
Nov 11, 2026
Merged

aida0710 merged 1 commit into
mainfrom
fix/rings-in-step

Conversation

@aida0710

Copy link
Copy Markdown
Owner

何を直したか

作業中のセッションの行に出る回る印が、セッションごとに違う向きで回っていました。印は付いた瞬間から回り始めるので、作業が始まった時刻が違うと、片方は上、片方は下を向きます。

  • web/src/ui/useSharedTurn.tsを足しました。印のアニメーションの始まりをページの時計の0に置き、いつ付いた印も同じ向きで回します
  • セッションの行の印(SessionMarker)と、待っている間のSpinnerに使いました
  • 動きを減らす設定のときはアニメーションが無いので、何もしません

確かめたこと

  • e2e/terminal-osc.spec.tsに、2つのセッションで時刻をずらして作業を始め、2つの印の角度を同時に読んで比べるテストを足しました。直す前のビルドでは約160°ずれて落ちます(2回実行して144°と-18°、144°と-12°)。直した後は2回とも通りました
  • npm run typecheck、npm run lint、npm testが通りました

https://claude.ai/code/session_014WPnWu8NLT7prLQhhzYpc1

回る印(animate-spin)は付いた瞬間から回り始めるので、2つのセッションで作業が始まった時刻が違うと、
片方は上、片方は下を向いて回っていた。印のアニメーションの始まりをページの時計の 0 に置き、
セッションの行の印と、待っている間の Spinner をどれも同じ向きで回す。

Claude-Session: https://claude.ai/code/session_014WPnWu8NLT7prLQhhzYpc1
@aida0710
aida0710 merged commit 3af01cb into main Nov 11, 2026
29 checks passed
@aida0710
aida0710 deleted the fix/rings-in-step branch November 11, 2026 11:36
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