Confirm hand refresh visually in Deep Upkeep

After a resting Deep player confirms their hand refresh, replace the
discard/keep drag editor with a confirmation panel showing the freshly
drawn hand and a "Waiting for the rest of the crew" message, instead of
re-rendering the editable drag UI (which made it look like nothing
happened). Also stops nagging "please complete your Hand Refresh" once
they're done. Visible whenever they remain in deep_upkeep waiting on
other resting Deep players.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-14 09:19:58 -07:00
parent bfe982251e
commit b37b655118
2 changed files with 15 additions and 2 deletions

View File

@@ -254,6 +254,19 @@
{#if state.game.phase === 'between_scenes'}
<p class="info-text text-center gold-text" style="margin-top: 1rem;">Voting is currently in progress. Hand refresh will begin after voting concludes.</p>
{:else if state.game.phase === 'deep_upkeep' && state.player.is_ready}
<!-- Confirmation: the refresh went through; show the freshly-drawn hand. -->
<div class="voted-confirmation-box glass-panel" style="margin-top: 1rem;">
<p class="success-text">✔️ Hand refreshed! You're holding {hand.length} card{hand.length === 1 ? '' : 's'} for the next scene.</p>
</div>
<div class="upkeep-flex" style="justify-content: center; margin-top: 1rem;">
{#each hand as card}
<Card {card} />
{:else}
<p class="empty-text text-center w-full">No cards in hand.</p>
{/each}
</div>
<p class="info-text text-center" style="margin-top: 1rem;">Waiting for the rest of the crew to finish upkeep...</p>
{:else if state.game.phase === 'deep_upkeep'}
<p class="info-text" style="margin-top: 1rem;">
<strong>Your Hand Size Limit: {maxHandSize} cards.</strong><br/>
@@ -332,7 +345,7 @@
<!-- Next Scene Ready Up -->
<div class="action-box margin-top">
{#if state.game.phase === 'deep_upkeep'}
{#if state.player.role === 'deep'}
{#if state.player.role === 'deep' && !state.player.is_ready}
<p class="info-text gold-text">⚠️ Please complete your Hand Refresh above to proceed to the next scene.</p>
{:else}
<div class="waiting-box">