From d1dfd2ca9edd1a7e5a00a26a3fa901bd4afe4710 Mon Sep 17 00:00:00 2001
From: Natalie Bridgers <natalie@stream.place>
Date: Sun, 6 Sep 2026 15:56:02 -0500
Subject: [PATCH] add isStreamer

Signed-off-by: Natalie Bridgers <natalie@stream.place>
---
 .../src/components/dashboard/moderators.tsx   |  2 +-
 .../components/dashboard/stream-monitor.tsx   |  1 +
 js/web/src/components/player/player.tsx       | 28 ++++++-------------
 js/web/src/components/stream/chat-input.tsx   |  1 +
 .../src/components/stream/video-section.tsx   |  7 +++++
 5 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/js/web/src/components/dashboard/moderators.tsx b/js/web/src/components/dashboard/moderators.tsx
index 7bb61dd50..09ef91d07 100644
--- a/js/web/src/components/dashboard/moderators.tsx
+++ b/js/web/src/components/dashboard/moderators.tsx
@@ -377,7 +377,7 @@ function AddModeratorDialog({
                 setHandleOrDid(e.target.value);
                 if (error) setError(null);
               }}
-              placeholder="handle.bsky.social or did:plc:…"
+              placeholder={t("moderators-handle-placeholder")}
               onKeyDown={(e) => {
                 if (e.key === "Enter") handleAdd();
               }}
diff --git a/js/web/src/components/dashboard/stream-monitor.tsx b/js/web/src/components/dashboard/stream-monitor.tsx
index 562034203..cdc390401 100644
--- a/js/web/src/components/dashboard/stream-monitor.tsx
+++ b/js/web/src/components/dashboard/stream-monitor.tsx
@@ -74,6 +74,7 @@ export function StreamMonitorWidget({
             onError={(message) =>
               captureError(message, { user, source: "stream-monitor" })
             }
+            isStreamer={true}
           />
         ) : (
           <div className="absolute inset-0 flex items-center justify-center">
diff --git a/js/web/src/components/player/player.tsx b/js/web/src/components/player/player.tsx
index d1193cd3c..cdb77b9d0 100644
--- a/js/web/src/components/player/player.tsx
+++ b/js/web/src/components/player/player.tsx
@@ -1,10 +1,3 @@
-// Public <Player> component. Owns the video element and the shared
-// chrome (controls overlay, error display, fullscreen, auto-hide,
-// click-to-toggle). The actual playback source is handled by a
-// backend, currently <HLSPlayer>, soon <WebRTCPlayer> and others.
-// Backends are rendered as siblings of the <video> element and use
-// the shared videoRef to attach their source. This keeps the chrome
-// implementation-free of any specific transport.
 import { useSonare } from "@/lib/useSonare";
 import {
   useCallback,
@@ -59,6 +52,8 @@ export type PlayerProps = {
    * travels with the video into fullscreen.
    */
   danmuOverlay?: ReactNode;
+  /** Whether the current user is the stream owner. */
+  isStreamer?: boolean;
 };
 
 /** One quality option shown in the player's settings menu. */
@@ -168,6 +163,7 @@ export function Player({
   showDanmu = false,
   onShowDanmuChange,
   danmuOverlay,
+  isStreamer,
 }: PlayerProps) {
   const videoRef = useRef<HTMLVideoElement | null>(null);
   const containerRef = useRef<HTMLDivElement | null>(null);
@@ -198,8 +194,11 @@ export function Player({
   onErrorRef.current = onError;
 
   const surfaceError = useCallback((msg: string) => {
-    setError(msg);
-    onErrorRef.current?.(msg);
+    if (isStreamer) {
+      setError(msg);
+      onErrorRef.current?.(msg);
+      return;
+    }
     // WebRTC failed; fall back to HLS automatically.
     if (useWebRTCRef.current) {
       setUseWebRTC(false);
@@ -223,10 +222,7 @@ export function Player({
     setStats(null);
   }, [src, active]);
 
-  // When the user toggles transport (HLS <-> WebRTC) the backend child
-  // inside <PlayerBackend> is a different component type, so React
-  // unmounts the old one and mounts the new one automatically. We just
-  // need to reset the chrome's per-transport state.
+  // reset chrome's per-transport state.
   useEffect(() => {
     setBuffering(active);
     setQualities([]);
@@ -507,12 +503,6 @@ function PlayerBackend({
   );
 }
 
-/**
- * "Stats for nerds" panel. Draggable, moveable window; grab anywhere
- * on the panel and drag to reposition. Uses pointer events so mouse and
- * touch both work, with setPointerCapture so the drag keeps tracking
- * even if the cursor leaves the panel mid-drag.
- */
 function StatsOverlay({
   stats,
   protocol,
diff --git a/js/web/src/components/stream/chat-input.tsx b/js/web/src/components/stream/chat-input.tsx
index e15893ed4..59dc15d86 100644
--- a/js/web/src/components/stream/chat-input.tsx
+++ b/js/web/src/components/stream/chat-input.tsx
@@ -9,6 +9,7 @@ import { exitSuggestion, Suggestion } from "@tiptap/suggestion";
 import type { SkinTone } from "frimousse";
 import { Reply, Smile, X } from "lucide-react";
 import { useCallback, useMemo, useRef, useState } from "react";
+import { flushSync } from "react-dom";
 import { useTranslation } from "react-i18next";
 import type { ChatMessageViewHydrated } from "streamplace";
 import { useStore } from "zustand";
diff --git a/js/web/src/components/stream/video-section.tsx b/js/web/src/components/stream/video-section.tsx
index 99475e606..fcc41ce39 100644
--- a/js/web/src/components/stream/video-section.tsx
+++ b/js/web/src/components/stream/video-section.tsx
@@ -74,6 +74,9 @@ export function VideoSection({
     };
   }, [user]);
 
+  // check if the current user is the streamer
+  const isStreamer = useAppStore((s) => s.pdsAgent?.did === user);
+
   return (
     <VideoSectionInner
       user={user}
@@ -89,6 +92,7 @@ export function VideoSection({
       danmuSpeed={danmuSpeed}
       danmuLaneCount={danmuLaneCount}
       danmuMaxMessages={danmuMaxMessages}
+      isStreamer={true}
     />
   );
 }
@@ -112,6 +116,7 @@ export function VideoSectionInner({
   danmuSpeed = 1,
   danmuLaneCount = 12,
   danmuMaxMessages = 50,
+  isStreamer = false,
 }: {
   user: string;
   liveness: Liveness;
@@ -127,6 +132,7 @@ export function VideoSectionInner({
   danmuSpeed?: number;
   danmuLaneCount?: number;
   danmuMaxMessages?: number;
+  isStreamer?: boolean;
 }) {
   const { t } = useTranslation("common");
   const { theatre } = useFullscreen();
@@ -223,6 +229,7 @@ export function VideoSectionInner({
         {neverLive && <UserOffline user={user} />}
 
         {showPlayer &&
+          isStreamer &&
           problems
             .filter((p) => p.severity === "error")
             .map((p) => (
-- 
2.51.2