From c990593f9f7abbdbe68c1927b7157e0f64643100 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Fri, 2 Oct 2026 00:44:37 +0200
Subject: [PATCH] Own camera is not mirrored in the large view

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/ui/VoiceStage.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ui/VoiceStage.svelte b/src/ui/VoiceStage.svelte
index 4dc70e3..6650c05 100644
--- a/src/ui/VoiceStage.svelte
+++ b/src/ui/VoiceStage.svelte
@@ -267,7 +267,8 @@
       {:else}
         <div class="pic" role="presentation" oncontextmenu={streamMenu}
           ontouchstart={touchStart} ontouchend={touchEnd} ontouchmove={touchEnd} ontouchcancel={touchEnd}>
-          <video bind:this={spotVideo} class:mirror={focus === self.session && share.mirror} use:media={focused} autoplay playsinline muted ondblclick={fullscreen}></video>
+          <!-- Large, your own camera is shown as the others see it; only the small tile is a mirror -->
+          <video bind:this={spotVideo} use:media={focused} autoplay playsinline muted ondblclick={fullscreen}></video>
           {#if focus !== self.session && focusWatch && focusWatch.state !== 'live'}
             <p class="pending" class:bad={focusWatch.state === 'failed'}>{focusWatch.state === 'failed'
               ? 'Could not connect to the stream. Across the internet both of you need a STUN server; networks that block direct connections need a relay. Both are in Settings, Voice.'
@@ -414,7 +415,7 @@
   /* A camera keeps its own shape inside the tile, whatever size the tile is: nothing is cut
      off, a phone held upright gets bars at the sides. Your own is mirrored, like a mirror. */
   .tile video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; }
-  .tile video.mirror, .spot video.mirror { transform: scaleX(-1); }
+  .tile video.mirror { transform: scaleX(-1); }
   .icon-btn.live, .icon-btn.live:hover { color: var(--speaking); }
   .camgrid { position: relative; display: flex; flex-direction: column; flex: none; }
   /* Name tag over the lower left corner */