fix for safari browser handling media files

Update Docker Pulls badge color in README

README.md

@@ -53,16 +53,19 @@ docker run -d \
   -p 3000:3000 \
   -p 3001:3001 \
   -v ./config:/app/config \
-  -e REDIS_URL=redis://user:pass@redis:6379 \
-  -e MEDIA_MAX_UPLOAD_MB=200 \
   -e WEB_ORIGIN=http://localhost:3000 \
   -e SOCKET_URL=http://localhost:3001 \
   ralex91/rahoot:latest
 ```
 
-**Configuration & Media Volume:**
-- `-v ./config:/app/config` mounts a local `config` folder to persist settings, quizzes, and uploaded media (`config/quizz`, `config/media`). This keeps your data across redeploys and lets you back it up easily.
-- The folder is auto-created on first run with an example quiz.
+**Configuration Volume:**
+The `-v ./config:/app/config` option mounts a local `config` folder to persist your game settings and quizzes. This allows you to:
+
+- Edit your configuration files directly on your host machine
+- Keep your settings when updating the container
+- Easily backup your quizzes and game configuration
+
+The folder will be created automatically on first run with an example quiz to get you started.
 
 The application will be available at:
 
@@ -147,30 +150,16 @@ Quiz Options:
   - `question`: The question text
   - `answers`: Array of possible answers (2-4 options)
   - `image`: Optional URL for question image (legacy; use `media` for new content)
-- `media`: Optional media attachment `{ "type": "image" | "audio" | "video", "url": "<link>" }`. Examples:
+  - `media`: Optional media attachment `{ "type": "image" | "audio" | "video" | "youtube", "url": "<link>" }`. Examples:
     - `{"type":"audio","url":"https://.../clip.mp3"}`
     - `{"type":"video","url":"https://.../clip.mp4"}`
+    - `{"type":"youtube","url":"https://youtu.be/dQw4w9WgXcQ"}`
   - `solution`: Index of correct answer (0-based)
   - `cooldown`: Time in seconds before showing the question
   - `time`: Time in seconds allowed to answer
 
 Tip: You can now create and edit quizzes directly from the Manager UI (login at `/manager` and click “Manage”).
 
-### Manager Features
-- Upload image/audio/video directly in the quiz editor (stored under `config/media`).
-- Manual “Set timing from media” to align cooldown/answer time with clip length.
-- Media library view: see all uploads, where they’re used, and delete unused files.
-- Delete quizzes from the editor.
-- Pause/Resume/Skip question intro and answer timers; End Game button to reset everyone.
-- Player list in manager view showing connected/disconnected players.
-- Click-to-zoom images during questions.
-- Player reconnect resilience: Redis snapshotting keeps game state; clients auto-rejoin using stored `clientId`/last game; username/points are hydrated locally after refresh without a manual reload.
-
-### Resilience & Persistence
-- Redis snapshotting (set `REDIS_URL`, e.g., `redis://:password@redis:6379`) keeps game state so managers/players can reconnect without losing progress.
-- Client auto-reconnects using stored `clientId` and last `gameId`; state resumes after refresh/tab close if the game still exists.
-- `MEDIA_MAX_UPLOAD_MB` env controls upload size limit (default 50MB; set higher for video).
-
 ## 🎮 How to Play
 
 1. Access the manager interface at http://localhost:3000/manager

packages/common/src/types/game/socket.ts

@@ -31,11 +31,9 @@ export interface ServerToClientEvents {
   "game:errorMessage": (_message: string) => void
   "game:startCooldown": () => void
   "game:cooldown": (_count: number) => void
-  "game:cooldownPause": (_paused: boolean) => void
   "game:reset": (_message: string) => void
   "game:updateQuestion": (_data: { current: number; total: number }) => void
   "game:playerAnswer": (_count: number) => void
-  "game:break": (_active: boolean) => void
 
   // Player events
   "player:successReconnect": (_data: {
@@ -61,13 +59,10 @@ export interface ServerToClientEvents {
   }) => void
   "manager:newPlayer": (_player: Player) => void
   "manager:removePlayer": (_playerId: string) => void
-  "manager:players": (_players: Player[]) => void
   "manager:errorMessage": (_message: string) => void
   "manager:playerKicked": (_playerId: string) => void
   "manager:quizzLoaded": (_quizz: QuizzWithId) => void
   "manager:quizzSaved": (_quizz: QuizzWithId) => void
-  "manager:quizzDeleted": (_id: string) => void
-  "manager:break": (_active: boolean) => void
 }
 
 export interface ClientToServerEvents {
@@ -78,13 +73,7 @@ export interface ClientToServerEvents {
   "manager:kickPlayer": (_message: { gameId: string; playerId: string }) => void
   "manager:startGame": (_message: MessageGameId) => void
   "manager:abortQuiz": (_message: MessageGameId) => void
-  "manager:pauseCooldown": (_message: MessageGameId) => void
-  "manager:resumeCooldown": (_message: MessageGameId) => void
-  "manager:setBreak": (_message: { gameId?: string; active: boolean }) => void
-  "manager:endGame": (_message: MessageGameId) => void
-  "manager:skipQuestionIntro": (_message: MessageGameId) => void
   "manager:nextQuestion": (_message: MessageGameId) => void
-  "manager:deleteQuizz": (_message: { id: string }) => void
   "manager:showLeaderboard": (_message: MessageGameId) => void
   "manager:getQuizz": (_quizzId: string) => void
   "manager:saveQuizz": (_payload: { id: string | null; quizz: Quizz }) => void

packages/socket/package.json

@@ -15,7 +15,6 @@
     "@rahoot/common": "workspace:*",
     "@t3-oss/env-core": "^0.13.8",
     "dayjs": "^1.11.18",
-    "redis": "^4.6.13",
     "socket.io": "^4.8.1",
     "uuid": "^13.0.0",
     "zod": "^4.1.12"

packages/socket/src/index.ts

@@ -4,7 +4,6 @@ import env from "@rahoot/socket/env"
 import Config from "@rahoot/socket/services/config"
 import Game from "@rahoot/socket/services/game"
 import Registry from "@rahoot/socket/services/registry"
-import { loadSnapshot } from "@rahoot/socket/services/persistence"
 import { withGame } from "@rahoot/socket/utils/game"
 import { Server as ServerIO } from "socket.io"
 
@@ -35,24 +34,6 @@ io.on("connection", (socket) => {
     `A user connected: socketId: ${socket.id}, clientId: ${socket.handshake.auth.clientId}`
   )
 
-  const ensureGame = async (gameId: string) => {
-    let game = registry.getGameById(gameId)
-    if (game) return game
-
-    try {
-      const snapshot = await loadSnapshot(gameId)
-      if (snapshot) {
-        const restored = await Game.fromSnapshot(io, snapshot)
-        registry.addGame(restored)
-        return restored
-      }
-    } catch (error) {
-      console.error("Failed to restore game", error)
-    }
-
-    return null
-  }
-
   socket.on("player:reconnect", ({ gameId }) => {
     const game = registry.getPlayerGame(gameId, socket.handshake.auth.clientId)
 
@@ -62,22 +43,11 @@ io.on("connection", (socket) => {
       return
     }
 
-    ensureGame(gameId).then((restored) => {
-      if (restored) {
-        restored.reconnect(socket)
-
-        return
-      }
-
     socket.emit("game:reset", "Game not found")
   })
-  })
 
   socket.on("manager:reconnect", ({ gameId }) => {
-    const game = registry.getManagerGame(
-      gameId,
-      socket.handshake.auth.clientId
-    )
+    const game = registry.getManagerGame(gameId, socket.handshake.auth.clientId)
 
     if (game) {
       game.reconnect(socket)
@@ -85,16 +55,8 @@ io.on("connection", (socket) => {
       return
     }
 
-    ensureGame(gameId).then((restored) => {
-      if (restored) {
-        restored.reconnect(socket)
-
-        return
-      }
-
     socket.emit("game:reset", "Game expired")
   })
-  })
 
   socket.on("manager:auth", (password) => {
     try {
@@ -149,27 +111,6 @@ io.on("connection", (socket) => {
     }
   })
 
-  socket.on("manager:deleteQuizz", ({ id }) => {
-    if (!id) {
-      socket.emit("manager:errorMessage", "Invalid quizz id")
-      return
-    }
-
-    try {
-      const deleted = Config.deleteQuizz(id)
-      if (!deleted) {
-        socket.emit("manager:errorMessage", "Quizz not found")
-        return
-      }
-
-      socket.emit("manager:quizzDeleted", id)
-      socket.emit("manager:quizzList", Config.quizz())
-    } catch (error) {
-      console.error("Failed to delete quizz", error)
-      socket.emit("manager:errorMessage", "Failed to delete quizz")
-    }
-  })
-
   socket.on("game:create", (quizzId) => {
     const quizzList = Config.quizz()
     const quizz = quizzList.find((q) => q.id === quizzId)
@@ -226,30 +167,10 @@ io.on("connection", (socket) => {
     withGame(gameId, socket, (game) => game.abortRound(socket))
   )
 
-  socket.on("manager:pauseCooldown", ({ gameId }) =>
-    withGame(gameId, socket, (game) => game.pauseCooldown(socket))
-  )
-
-  socket.on("manager:resumeCooldown", ({ gameId }) =>
-    withGame(gameId, socket, (game) => game.resumeCooldown(socket))
-  )
-
-  socket.on("manager:setBreak", ({ gameId, active }) =>
-    withGame(gameId, socket, (game) => game.setBreak(socket, active))
-  )
-
-  socket.on("manager:endGame", ({ gameId }) =>
-    withGame(gameId, socket, (game) => game.endGame(socket, registry))
-  )
-
   socket.on("manager:nextQuestion", ({ gameId }) =>
     withGame(gameId, socket, (game) => game.nextRound(socket))
   )
 
-  socket.on("manager:skipQuestionIntro", ({ gameId }) =>
-    withGame(gameId, socket, (game) => game.skipQuestionIntro(socket))
-  )
-
   socket.on("manager:showLeaderboard", ({ gameId }) =>
     withGame(gameId, socket, (game) => game.showLeaderboard())
   )
@@ -285,9 +206,19 @@ io.on("connection", (socket) => {
       return
     }
 
+    if (!game.started) {
+      game.players = game.players.filter((p) => p.id !== socket.id)
+
+      io.to(game.manager.id).emit("manager:removePlayer", player.id)
+      io.to(game.gameId).emit("game:totalPlayers", game.players.length)
+
+      console.log(`Removed player ${player.username} from game ${game.gameId}`)
+
+      return
+    }
+
     player.connected = false
     io.to(game.gameId).emit("game:totalPlayers", game.players.length)
-    io.to(game.manager.id).emit("manager:players", game.players)
   })
 })
 

packages/socket/src/services/config.ts

@@ -37,22 +37,6 @@ class Config {
     if (!isMediaExists) {
       fs.mkdirSync(getPath("media"))
     }
-
-    const isThemeExists = fs.existsSync(getPath("theme.json"))
-
-    if (!isThemeExists) {
-      fs.writeFileSync(
-        getPath("theme.json"),
-        JSON.stringify(
-          {
-            brandName: "Rahoot",
-            backgroundUrl: null,
-          },
-          null,
-          2
-        )
-      )
-    }
   }
 
   static init() {
@@ -167,17 +151,6 @@ class Config {
     return {}
   }
 
-  static theme() {
-    this.ensureBaseFolders()
-    try {
-      const raw = fs.readFileSync(getPath("theme.json"), "utf-8")
-      return JSON.parse(raw)
-    } catch (error) {
-      console.error("Failed to read theme config:", error)
-      return { brandName: "Rahoot", backgroundUrl: null }
-    }
-  }
-
   static quizz() {
     this.ensureBaseFolders()
 
@@ -241,34 +214,11 @@ class Config {
     return this.getQuizz(finalId)
   }
 
-  static deleteQuizz(id: string) {
-    this.ensureBaseFolders()
-    const filePath = getPath(`quizz/${id}.json`)
-
-    if (!fs.existsSync(filePath)) {
-      return false
-    }
-
-    fs.unlinkSync(filePath)
-    return true
-  }
-
   static getMediaPath(fileName: string = "") {
     this.ensureBaseFolders()
 
     return getPath(fileName ? `media/${fileName}` : "media")
   }
-
-  static saveTheme(theme: { brandName?: string; backgroundUrl?: string | null }) {
-    this.ensureBaseFolders()
-    const next = {
-      brandName: theme.brandName || "Rahoot",
-      backgroundUrl: theme.backgroundUrl ?? null,
-    }
-
-    fs.writeFileSync(getPath("theme.json"), JSON.stringify(next, null, 2))
-    return next
-  }
 }
 
 export default Config

packages/socket/src/services/game.ts

@@ -2,7 +2,6 @@ import { Answer, Player, Quizz } from "@rahoot/common/types/game"
 import { Server, Socket } from "@rahoot/common/types/game/socket"
 import { Status, STATUS, StatusDataMap } from "@rahoot/common/types/game/status"
 import Registry from "@rahoot/socket/services/registry"
-import { saveSnapshot, loadSnapshot, deleteSnapshot, GameSnapshot } from "@rahoot/socket/services/persistence"
 import { createInviteCode, timeToPoint } from "@rahoot/socket/utils/game"
 import sleep from "@rahoot/socket/utils/sleep"
 import { v4 as uuid } from "uuid"
@@ -41,12 +40,8 @@ class Game {
 
   cooldown: {
     active: boolean
-    paused: boolean
-    remaining: number
-    timer: NodeJS.Timeout | null
-    resolve: (() => void) | null
+    ms: number
   }
-  breakActive: boolean
 
   constructor(io: Server, socket: Socket, quizz: Quizz) {
     if (!io) {
@@ -57,8 +52,8 @@ class Game {
     this.gameId = uuid()
     this.manager = {
       id: "",
-      clientId: socket.handshake.auth.clientId,
-      connected: true,
+      clientId: "",
+      connected: false,
     }
     this.inviteCode = ""
     this.started = false
@@ -80,17 +75,16 @@ class Game {
 
     this.cooldown = {
       active: false,
-      paused: false,
-      remaining: 0,
-      timer: null,
-      resolve: null,
+      ms: 0,
     }
-    this.breakActive = false
 
     const roomInvite = createInviteCode()
     this.inviteCode = roomInvite
-    this.manager.id = socket.id
-
+    this.manager = {
+      id: socket.id,
+      clientId: socket.handshake.auth.clientId,
+      connected: true,
+    }
     this.quizz = quizz
 
     socket.join(this.gameId)
@@ -102,57 +96,12 @@ class Game {
     console.log(
       `New game created: ${roomInvite} subject: ${this.quizz.subject}`
     )
-    this.persist()
-  }
-
-  static async fromSnapshot(io: Server, snapshot: GameSnapshot) {
-    const game = Object.create(Game.prototype) as Game
-    game.io = io
-    game.gameId = snapshot.gameId
-    game.manager = {
-      id: "",
-      clientId: snapshot.manager?.clientId || "",
-      connected: false,
-    }
-    game.inviteCode = snapshot.inviteCode
-    game.started = snapshot.started
-    game.lastBroadcastStatus = snapshot.lastBroadcastStatus || null
-    game.managerStatus = snapshot.managerStatus || null
-    game.playerStatus = new Map()
-    game.leaderboard = snapshot.leaderboard || []
-    game.tempOldLeaderboard = snapshot.tempOldLeaderboard || null
-    game.quizz = snapshot.quizz
-    game.players = (snapshot.players || []).map((p: Player) => ({
-      ...p,
-      id: "",
-      connected: false,
-    }))
-    game.round = snapshot.round || {
-      playersAnswers: [],
-      currentQuestion: 0,
-      startTime: 0,
-    }
-    game.cooldown = {
-      active: snapshot.cooldown?.active || false,
-      paused: snapshot.cooldown?.paused || false,
-      remaining: snapshot.cooldown?.remaining || 0,
-      timer: null,
-      resolve: null,
-    }
-    game.breakActive = snapshot.breakActive || false
-
-    if (game.cooldown.active && game.cooldown.remaining > 0 && !game.cooldown.paused) {
-      game.startCooldown(game.cooldown.remaining)
-    }
-
-    return game
   }
 
   broadcastStatus<T extends Status>(status: T, data: StatusDataMap[T]) {
     const statusData = { name: status, data }
     this.lastBroadcastStatus = statusData
     this.io.to(this.gameId).emit("game:status", statusData)
-    this.persist()
   }
 
   sendStatus<T extends Status>(
@@ -169,66 +118,16 @@ class Game {
     }
 
     this.io.to(target).emit("game:status", statusData)
-    this.persist()
-  }
-
-  toSnapshot(): GameSnapshot {
-    return {
-      gameId: this.gameId,
-      inviteCode: this.inviteCode,
-      started: this.started,
-      manager: {
-        clientId: this.manager.clientId,
-      },
-      lastBroadcastStatus: this.lastBroadcastStatus,
-      managerStatus: this.managerStatus,
-      leaderboard: this.leaderboard,
-      tempOldLeaderboard: this.tempOldLeaderboard,
-      quizz: this.quizz,
-      players: this.players.map((p) => ({
-        ...p,
-        id: undefined,
-        connected: false,
-      })),
-      round: this.round,
-      cooldown: {
-        active: this.cooldown.active,
-        paused: this.cooldown.paused,
-        remaining: this.cooldown.remaining,
-      },
-      breakActive: this.breakActive,
-    }
-  }
-
-  async persist() {
-    try {
-      await saveSnapshot(this.gameId, this.toSnapshot())
-    } catch (error) {
-      console.error("Failed to persist game snapshot", error)
-    }
-  }
-
-  async clearPersisted() {
-    try {
-      await deleteSnapshot(this.gameId)
-    } catch (error) {
-      console.error("Failed to delete game snapshot", error)
-    }
   }
 
   join(socket: Socket, username: string) {
-    const existing = this.players.find(
+    const isAlreadyConnected = this.players.find(
       (p) => p.clientId === socket.handshake.auth.clientId
     )
 
-    if (existing) {
-      // Reconnect existing player (even before game start)
-      existing.id = socket.id
-      existing.connected = true
-      if (username) existing.username = username
-      socket.join(this.gameId)
-      this.io.to(this.manager.id).emit("manager:players", this.players)
-      socket.emit("game:successJoin", this.gameId)
+    if (isAlreadyConnected) {
+      socket.emit("game:errorMessage", "Player already connected")
+
       return
     }
 
@@ -245,7 +144,6 @@ class Game {
     this.players.push(playerData)
 
     this.io.to(this.manager.id).emit("manager:newPlayer", playerData)
-    this.io.to(this.manager.id).emit("manager:players", this.players)
     this.io.to(this.gameId).emit("game:totalPlayers", this.players.length)
 
     socket.emit("game:successJoin", this.gameId)
@@ -270,7 +168,6 @@ class Game {
       .to(player.id)
       .emit("game:reset", "You have been kicked by the manager")
     this.io.to(this.manager.id).emit("manager:playerKicked", player.id)
-    this.io.to(this.manager.id).emit("manager:players", this.players)
 
     this.io.to(this.gameId).emit("game:totalPlayers", this.players.length)
   }
@@ -284,7 +181,6 @@ class Game {
     } else {
       this.reconnectPlayer(socket)
     }
-    this.io.to(this.manager.id).emit("manager:players", this.players)
   }
 
   private reconnectManager(socket: Socket) {
@@ -314,10 +210,6 @@ class Game {
       players: this.players,
     })
     socket.emit("game:totalPlayers", this.players.length)
-    if (this.breakActive) {
-      socket.emit("manager:break", true)
-      socket.emit("game:break", true)
-    }
 
     registry.reactivateGame(this.gameId)
     console.log(`Manager reconnected to game ${this.inviteCode}`)
@@ -354,7 +246,6 @@ class Game {
       this.playerStatus.delete(oldSocketId)
       this.playerStatus.set(socket.id, oldStatus)
     }
-    this.io.to(this.manager.id).emit("manager:players", this.players)
 
     socket.emit("player:successReconnect", {
       gameId: this.gameId,
@@ -369,9 +260,6 @@ class Game {
       },
     })
     socket.emit("game:totalPlayers", this.players.length)
-    if (this.breakActive) {
-      socket.emit("game:break", true)
-    }
     console.log(
       `Player ${player.username} reconnected to game ${this.inviteCode}`
     )
@@ -383,118 +271,26 @@ class Game {
     }
 
     this.cooldown.active = true
-    this.cooldown.paused = false
-    this.cooldown.remaining = seconds
+    let count = seconds - 1
 
     return new Promise<void>((resolve) => {
-      this.cooldown.resolve = resolve
+      const cooldownTimeout = setInterval(() => {
+        if (!this.cooldown.active || count <= 0) {
+          this.cooldown.active = false
+          clearInterval(cooldownTimeout)
+          resolve()
 
-      const tick = () => {
-        if (!this.cooldown.active) {
-          this.finishCooldown()
           return
         }
 
-        if (this.cooldown.paused) {
-          return
-        }
-
-        this.cooldown.remaining -= 1
-
-        if (this.cooldown.remaining <= 0) {
-          this.finishCooldown()
-          return
-        }
-
-        this.io.to(this.gameId).emit("game:cooldown", this.cooldown.remaining)
-        this.persist()
-      }
-
-      // initial emit
-      this.io.to(this.gameId).emit("game:cooldown", this.cooldown.remaining)
-      this.persist()
-
-      this.cooldown.timer = setInterval(tick, 1000)
+        this.io.to(this.gameId).emit("game:cooldown", count)
+        count -= 1
+      }, 1000)
     })
   }
 
   abortCooldown() {
-    if (!this.cooldown.active) {
-      return
-    }
-
-    this.cooldown.active = false
-    this.cooldown.paused = false
-    this.io.to(this.gameId).emit("game:cooldownPause", false)
-    this.persist()
-    this.finishCooldown()
-  }
-
-  finishCooldown() {
-    if (this.cooldown.timer) {
-      clearInterval(this.cooldown.timer)
-    }
-    this.cooldown.timer = null
-    this.cooldown.active = false
-    this.cooldown.paused = false
-    this.cooldown.remaining = 0
-    if (this.cooldown.resolve) {
-      this.cooldown.resolve()
-    }
-    this.cooldown.resolve = null
-  }
-
-  pauseCooldown(socket: Socket) {
-    if (this.manager.id !== socket.id || !this.cooldown.active || this.cooldown.paused) {
-      return
-    }
-
-    this.cooldown.paused = true
-    this.io.to(this.gameId).emit("game:cooldownPause", true)
-    this.persist()
-  }
-
-  resumeCooldown(socket: Socket) {
-    if (this.manager.id !== socket.id || !this.cooldown.active || !this.cooldown.paused) {
-      return
-    }
-
-    this.cooldown.paused = false
-    this.io.to(this.gameId).emit("game:cooldownPause", false)
-    this.persist()
-  }
-
-  setBreak(socket: Socket, active: boolean) {
-    if (this.manager.id !== socket.id) {
-      return
-    }
-
-    this.breakActive = active
-
-    if (this.cooldown.active) {
-      if (active) {
-        this.cooldown.paused = true
-      } else {
-        this.cooldown.paused = false
-      }
-      this.io.to(this.gameId).emit("game:cooldownPause", this.cooldown.paused)
-    }
-
-    this.io.to(this.gameId).emit("game:break", active)
-    this.io.to(this.manager.id).emit("manager:break", active)
-    this.persist()
-  }
-
-  skipQuestionIntro(socket: Socket) {
-    if (this.manager.id !== socket.id) {
-      return
-    }
-
-    if (!this.started) {
-      return
-    }
-
-    this.abortCooldown()
+    this.cooldown.active &&= false
   }
 
   async start(socket: Socket) {
@@ -519,7 +315,6 @@ class Game {
     await this.startCooldown(3)
 
     this.newRound()
-    this.persist()
   }
 
   async newRound() {
@@ -555,7 +350,7 @@ class Game {
       cooldown: question.cooldown,
     })
 
-    await this.startCooldown(question.cooldown)
+    await sleep(question.cooldown)
 
     if (!this.started) {
       return
@@ -579,7 +374,6 @@ class Game {
     }
 
     this.showResults(question)
-    this.persist()
   }
 
   showResults(question: any) {
@@ -645,7 +439,6 @@ class Game {
     this.tempOldLeaderboard = oldLeaderboard
 
     this.round.playersAnswers = []
-    this.persist()
   }
   selectAnswer(socket: Socket, answerId: number) {
     const player = this.players.find((player) => player.id === socket.id)
@@ -678,7 +471,6 @@ class Game {
     if (this.round.playersAnswers.length === this.players.length) {
       this.abortCooldown()
     }
-    this.persist()
   }
 
   nextRound(socket: Socket) {
@@ -721,7 +513,6 @@ class Game {
         subject: this.quizz.subject,
         top: this.leaderboard.slice(0, 3),
       })
-      this.clearPersisted()
 
       return
     }
@@ -736,17 +527,6 @@ class Game {
     })
 
     this.tempOldLeaderboard = null
-    this.persist()
-  }
-
-  endGame(socket: Socket, registry: typeof Registry.prototype) {
-    if (socket.id !== this.manager.id) {
-      return
-    }
-    this.started = false
-    this.abortCooldown()
-    this.io.to(this.gameId).emit("game:reset", "Game ended by manager")
-    registry.removeGame(this.gameId)
   }
 }
 

packages/socket/src/services/persistence.ts

@@ -1,36 +0,0 @@
-import { createClient } from "redis"
-
-const redisUrl = process.env.REDIS_URL || "redis://localhost:6379"
-
-const redis =
-  createClient({ url: redisUrl })
-    .on("error", (err) => console.error("Redis Client Error", err))
-
-export type GameSnapshot = Record<string, any>
-
-export const connectRedis = async () => {
-  if (!redis.isOpen) {
-    await redis.connect()
-  }
-}
-
-export const saveSnapshot = async (gameId: string, snapshot: GameSnapshot) => {
-  if (!gameId) return
-  await connectRedis()
-  await redis.set(`game:${gameId}`, JSON.stringify(snapshot), {
-    EX: 60 * 60 * 6, // 6 hours
-  })
-}
-
-export const loadSnapshot = async (gameId: string): Promise<GameSnapshot | null> => {
-  if (!gameId) return null
-  await connectRedis()
-  const raw = await redis.get(`game:${gameId}`)
-  return raw ? (JSON.parse(raw) as GameSnapshot) : null
-}
-
-export const deleteSnapshot = async (gameId: string) => {
-  if (!gameId) return
-  await connectRedis()
-  await redis.del(`game:${gameId}`)
-}

packages/socket/src/services/registry.ts

@@ -86,9 +86,6 @@ class Registry {
   }
 
   removeGame(gameId: string): boolean {
-    const game = this.games.find((g) => g.gameId === gameId)
-    void game?.clearPersisted?.()
-
     const initialLength = this.games.length
     this.games = this.games.filter((g) => g.gameId !== gameId)
     this.emptyGames = this.emptyGames.filter((g) => g.game.gameId !== gameId)
@@ -128,7 +125,6 @@ class Registry {
 
     const removed = this.emptyGames.filter((g) => !stillEmpty.includes(g))
     const removedGameIds = removed.map((r) => r.game.gameId)
-    removed.forEach((entry) => void entry.game.clearPersisted?.())
 
     this.games = this.games.filter((g) => !removedGameIds.includes(g.gameId))
     this.emptyGames = stillEmpty

packages/web/src/app/(auth)/layout.tsx

@@ -1,8 +1,9 @@
 "use client"
 
-import BrandHeading from "@rahoot/web/components/BrandHeading"
+import logo from "@rahoot/web/assets/logo.svg"
 import Loader from "@rahoot/web/components/Loader"
 import { useSocket } from "@rahoot/web/contexts/socketProvider"
+import Image from "next/image"
 import { PropsWithChildren, useEffect } from "react"
 
 const AuthLayout = ({ children }: PropsWithChildren) => {
@@ -13,34 +14,34 @@ const AuthLayout = ({ children }: PropsWithChildren) => {
     }
   }, [connect, isConnected])
 
-  const Shell = ({ children: inner }: PropsWithChildren) => (
-    <section className="relative flex min-h-screen flex-col items-center justify-center px-4 text-center">
-      <div className="pointer-events-none absolute inset-0 overflow-hidden">
-        <div className="bg-primary/15 absolute -top-[15vmin] -left-[15vmin] min-h-[75vmin] min-w-[75vmin] rounded-full" />
-        <div className="bg-primary/15 absolute -right-[15vmin] -bottom-[15vmin] min-h-[75vmin] min-w-[75vmin] rotate-45" />
-      </div>
-
-      <div className="z-10 flex w-full flex-col items-center gap-8 px-4">
-        <BrandHeading size="md" />
-        <div className="flex w-full justify-center">{inner}</div>
-      </div>
-    </section>
-  )
-
   if (!isConnected) {
     return (
-      <Shell>
-        <div className="flex flex-col items-center gap-3">
+      <section className="relative flex min-h-screen flex-col items-center justify-center">
+        <div className="pointer-events-none absolute h-full w-full overflow-hidden">
+          <div className="bg-primary/15 absolute -top-[15vmin] -left-[15vmin] min-h-[75vmin] min-w-[75vmin] rounded-full"></div>
+          <div className="bg-primary/15 absolute -right-[15vmin] -bottom-[15vmin] min-h-[75vmin] min-w-[75vmin] rotate-45"></div>
+        </div>
+
+        <Image src={logo} className="mb-6 h-32" alt="logo" />
         <Loader className="h-23" />
-          <h2 className="text-2xl font-bold text-white drop-shadow-lg md:text-3xl">
+        <h2 className="mt-2 text-center text-2xl font-bold text-white drop-shadow-lg md:text-3xl">
           Loading...
         </h2>
-        </div>
-      </Shell>
+      </section>
     )
   }
 
-  return <Shell>{children}</Shell>
+  return (
+    <section className="relative flex min-h-screen flex-col items-center justify-center">
+      <div className="pointer-events-none absolute h-full w-full overflow-hidden">
+        <div className="bg-primary/15 absolute -top-[15vmin] -left-[15vmin] min-h-[75vmin] min-w-[75vmin] rounded-full"></div>
+        <div className="bg-primary/15 absolute -right-[15vmin] -bottom-[15vmin] min-h-[75vmin] min-w-[75vmin] rotate-45"></div>
+      </div>
+
+      <Image src={logo} className="mb-6 h-32" alt="logo" />
+      {children}
+    </section>
+  )
 }
 
 export default AuthLayout

packages/web/src/app/(auth)/manager/page.tsx

@@ -4,26 +4,20 @@ import { QuizzWithId } from "@rahoot/common/types/game"
 import { STATUS } from "@rahoot/common/types/game/status"
 import ManagerPassword from "@rahoot/web/components/game/create/ManagerPassword"
 import QuizEditor from "@rahoot/web/components/game/create/QuizEditor"
-import MediaLibrary from "@rahoot/web/components/game/create/MediaLibrary"
-import ThemeEditor from "@rahoot/web/components/game/create/ThemeEditor"
 import SelectQuizz from "@rahoot/web/components/game/create/SelectQuizz"
-import Button from "@rahoot/web/components/Button"
 import { useEvent, useSocket } from "@rahoot/web/contexts/socketProvider"
 import { useManagerStore } from "@rahoot/web/stores/manager"
 import { useRouter } from "next/navigation"
-import { useEffect, useState } from "react"
+import { useState } from "react"
 
 const Manager = () => {
-  const { gameId, setGameId, setStatus } = useManagerStore()
+  const { setGameId, setStatus } = useManagerStore()
   const router = useRouter()
   const { socket } = useSocket()
 
   const [isAuth, setIsAuth] = useState(false)
   const [quizzList, setQuizzList] = useState<QuizzWithId[]>([])
   const [showEditor, setShowEditor] = useState(false)
-  const [showMedia, setShowMedia] = useState(false)
-  const [showTheme, setShowTheme] = useState(false)
-  const [resumeGameId, setResumeGameId] = useState<string | null>(null)
 
   useEvent("manager:quizzList", (quizzList) => {
     setIsAuth(true)
@@ -33,44 +27,15 @@ const Manager = () => {
   useEvent("manager:gameCreated", ({ gameId, inviteCode }) => {
     setGameId(gameId)
     setStatus(STATUS.SHOW_ROOM, { text: "Waiting for the players", inviteCode })
-    setResumeGameId(gameId)
     router.push(`/game/manager/${gameId}`)
   })
 
-  useEvent(
-    "manager:successReconnect",
-    ({ gameId, status, players, currentQuestion }) => {
-      setGameId(gameId)
-      setStatus(status.name, status.data)
-      setResumeGameId(gameId)
-      router.push(`/game/manager/${gameId}`)
-    },
-  )
-
   const handleAuth = (password: string) => {
     socket?.emit("manager:auth", password)
   }
   const handleCreate = (quizzId: string) => {
     socket?.emit("game:create", quizzId)
   }
-  const handleBreakToggle = (active: boolean) => {
-    if (!gameId) return
-    socket?.emit("manager:setBreak", { gameId, active })
-  }
-
-  const handleResume = () => {
-    if (!resumeGameId) return
-    socket?.emit("manager:reconnect", { gameId: resumeGameId })
-  }
-
-  useEffect(() => {
-    try {
-      const stored = localStorage.getItem("last_manager_game_id")
-      if (stored) {
-        setResumeGameId(stored)
-      }
-    } catch {}
-  }, [])
 
   if (!isAuth) {
     return <ManagerPassword onSubmit={handleAuth} />
@@ -82,42 +47,15 @@ const Manager = () => {
         quizzList={quizzList}
         onBack={() => setShowEditor(false)}
         onListUpdate={setQuizzList}
-        onBreakToggle={handleBreakToggle}
-        gameId={gameId}
       />
     )
   }
 
-  if (showMedia) {
-    return (
-      <div className="flex w-full max-w-6xl flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
-        <div className="flex items-center gap-2">
-          <Button onClick={() => setShowMedia(false)} className="bg-gray-700">
-            Back
-          </Button>
-          <div className="flex flex-col leading-tight">
-            <h2 className="text-lg font-semibold text-gray-900">Media library</h2>
-            <p className="text-xs text-gray-500">Upload, view, and delete unused media.</p>
-          </div>
-        </div>
-        <MediaLibrary />
-      </div>
-    )
-  }
-
-  if (showTheme) {
-    return <ThemeEditor onBack={() => setShowTheme(false)} />
-  }
-
   return (
     <SelectQuizz
       quizzList={quizzList}
       onSelect={handleCreate}
       onManage={() => setShowEditor(true)}
-      onMedia={() => setShowMedia(true)}
-      onTheme={() => setShowTheme(true)}
-      resumeGameId={resumeGameId}
-      onResume={handleResume}
     />
   )
 }

packages/web/src/app/(auth)/page.tsx

@@ -5,13 +5,11 @@ import Username from "@rahoot/web/components/game/join/Username"
 import { useEvent, useSocket } from "@rahoot/web/contexts/socketProvider"
 import { usePlayerStore } from "@rahoot/web/stores/player"
 import { useEffect } from "react"
-import { useRouter } from "next/navigation"
 import toast from "react-hot-toast"
 
 const Home = () => {
-  const { isConnected, connect, socket } = useSocket()
+  const { isConnected, connect } = useSocket()
   const { player } = usePlayerStore()
-  const router = useRouter()
 
   useEffect(() => {
     if (!isConnected) {
@@ -19,19 +17,6 @@ const Home = () => {
     }
   }, [connect, isConnected])
 
-  useEffect(() => {
-    if (!isConnected) return
-    try {
-      const storedGameId = localStorage.getItem("last_game_id")
-      if (storedGameId) {
-        socket?.emit("player:reconnect", { gameId: storedGameId })
-        router.replace(`/game/${storedGameId}`)
-      }
-    } catch {
-      // ignore
-    }
-  }, [isConnected, socket, router])
-
   useEvent("game:errorMessage", (message) => {
     toast.error(message)
   })

packages/web/src/app/api/theme/route.ts

@@ -1,30 +0,0 @@
-import { getTheme, saveTheme } from "@rahoot/web/server/theme"
-import { NextResponse } from "next/server"
-
-export const runtime = "nodejs"
-export const dynamic = "force-dynamic"
-
-export async function GET() {
-  try {
-    const theme = getTheme()
-    return NextResponse.json({ theme })
-  } catch (error) {
-    console.error("Failed to load theme", error)
-    return NextResponse.json({ error: "Failed to load theme" }, { status: 500 })
-  }
-}
-
-export async function POST(request: Request) {
-  try {
-    const body = await request.json()
-    const theme = saveTheme({
-      brandName: body.brandName,
-      backgroundUrl: body.backgroundUrl,
-    })
-    return NextResponse.json({ theme })
-  } catch (error) {
-    console.error("Failed to save theme", error)
-    const message = error instanceof Error ? error.message : "Failed to save theme"
-    return NextResponse.json({ error: message }, { status: 400 })
-  }
-}

packages/web/src/app/game/[gameId]/page.tsx

@@ -13,15 +13,13 @@ import { usePlayerStore } from "@rahoot/web/stores/player"
 import { useQuestionStore } from "@rahoot/web/stores/question"
 import { GAME_STATE_COMPONENTS } from "@rahoot/web/utils/constants"
 import { useParams, useRouter } from "next/navigation"
-import { useEffect } from "react"
 import toast from "react-hot-toast"
 
 const Game = () => {
   const router = useRouter()
   const { socket } = useSocket()
   const { gameId: gameIdParam }: { gameId?: string } = useParams()
-  const { status, player, setPlayer, setGameId, setStatus, reset } =
-    usePlayerStore()
+  const { status, setPlayer, setGameId, setStatus, reset } = usePlayerStore()
   const { setQuestionStates } = useQuestionStore()
 
   useEvent("connect", () => {
@@ -37,12 +35,6 @@ const Game = () => {
       setStatus(status.name, status.data)
       setPlayer(player)
       setQuestionStates(currentQuestion)
-      try {
-        localStorage.setItem("last_game_id", gameId)
-        if (player?.username) {
-          localStorage.setItem("last_username", player.username)
-        }
-      } catch {}
     },
   )
 
@@ -56,32 +48,9 @@ const Game = () => {
     router.replace("/")
     reset()
     setQuestionStates(null)
-    try {
-      localStorage.removeItem("last_game_id")
-      localStorage.removeItem("last_username")
-      localStorage.removeItem("last_points")
-    } catch {}
     toast.error(message)
   })
 
-  // Hydrate username/points for footer immediately after refresh
-  useEffect(() => {
-    if (player?.username) return
-    try {
-      const name = localStorage.getItem("last_username")
-      const ptsRaw = localStorage.getItem("last_points")
-      const pts = ptsRaw ? Number(ptsRaw) : undefined
-      if (name || typeof pts === "number") {
-        setPlayer({
-          username: name || undefined,
-          points: pts,
-        })
-      }
-    } catch {
-      // ignore
-    }
-  }, [player?.username, setPlayer])
-
   if (!gameIdParam) {
     return null
   }

packages/web/src/app/game/manager/[gameId]/page.tsx

@@ -16,7 +16,6 @@ import { useQuestionStore } from "@rahoot/web/stores/question"
 import { GAME_STATE_COMPONENTS_MANAGER } from "@rahoot/web/utils/constants"
 import { useParams, useRouter } from "next/navigation"
 import toast from "react-hot-toast"
-import { useState } from "react"
 
 const ManagerGame = () => {
   const router = useRouter()
@@ -25,9 +24,6 @@ const ManagerGame = () => {
   const { gameId, status, setGameId, setStatus, setPlayers, reset } =
     useManagerStore()
   const { setQuestionStates } = useQuestionStore()
-  const [cooldownPaused, setCooldownPaused] = useState(false)
-  const [breakActive, setBreakActive] = useState(false)
-  const { players } = useManagerStore()
 
   useEvent("game:status", ({ name, data }) => {
     if (name in GAME_STATE_COMPONENTS_MANAGER) {
@@ -58,25 +54,6 @@ const ManagerGame = () => {
     toast.error(message)
   })
 
-  useEvent("manager:newPlayer", (player) => {
-    setPlayers((prev) => [...prev.filter((p) => p.id !== player.id), player])
-  })
-
-  useEvent("manager:removePlayer", (playerId) => {
-    setPlayers((prev) => prev.filter((p) => p.id !== playerId))
-  })
-
-  useEvent("manager:players", (players) => {
-    setPlayers(players)
-  })
-
-  useEvent("game:cooldownPause", (isPaused) => {
-    setCooldownPaused(isPaused)
-  })
-
-  useEvent("game:break", (active) => setBreakActive(active))
-  useEvent("manager:break", (active) => setBreakActive(active))
-
   const handleSkip = () => {
     if (!gameId) {
       return
@@ -88,11 +65,6 @@ const ManagerGame = () => {
 
         break
 
-      case STATUS.SHOW_QUESTION:
-        socket?.emit("manager:skipQuestionIntro", { gameId })
-
-        break
-
       case STATUS.SELECT_ANSWER:
         socket?.emit("manager:abortQuiz", { gameId })
 
@@ -110,25 +82,6 @@ const ManagerGame = () => {
     }
   }
 
-  const handlePauseToggle = () => {
-    if (!gameId) return
-    if (cooldownPaused) {
-      socket?.emit("manager:resumeCooldown", { gameId })
-    } else {
-      socket?.emit("manager:pauseCooldown", { gameId })
-    }
-  }
-
-  const handleBreakToggle = () => {
-    if (!gameId) return
-    socket?.emit("manager:setBreak", { gameId, active: !breakActive })
-  }
-
-  const handleEndGame = () => {
-    if (!gameId) return
-    socket?.emit("manager:endGame", { gameId })
-  }
-
   let component = null
 
   switch (status?.name) {
@@ -174,20 +127,7 @@ const ManagerGame = () => {
   }
 
   return (
-    <GameWrapper
-      statusName={status?.name}
-      onNext={handleSkip}
-      onPause={handlePauseToggle}
-      paused={cooldownPaused}
-      showPause={
-        status?.name === STATUS.SHOW_QUESTION || status?.name === STATUS.SELECT_ANSWER
-      }
-      onBreakToggle={handleBreakToggle}
-      breakActive={breakActive}
-      onEnd={handleEndGame}
-      players={players}
-      manager
-    >
+    <GameWrapper statusName={status?.name} onNext={handleSkip} manager>
       {component}
     </GameWrapper>
   )

packages/web/src/app/layout.tsx

@@ -1,32 +1,24 @@
 import Toaster from "@rahoot/web/components/Toaster"
-import BrandingHelmet from "@rahoot/web/components/BrandingHelmet"
-import ThemeHydrator from "@rahoot/web/components/ThemeHydrator"
 import { SocketProvider } from "@rahoot/web/contexts/socketProvider"
 import type { Metadata } from "next"
 import { Montserrat } from "next/font/google"
 import { PropsWithChildren } from "react"
 import "./globals.css"
-import { getTheme } from "@rahoot/web/server/theme"
 
 const montserrat = Montserrat({
   variable: "--font-montserrat",
   subsets: ["latin"],
 })
 
-export async function generateMetadata(): Promise<Metadata> {
-  const theme = getTheme()
-  return {
-    title: theme.brandName || "Rahoot",
+export const metadata: Metadata = {
+  title: "Rahoot !",
   icons: "/icon.svg",
 }
-}
 
 const RootLayout = ({ children }: PropsWithChildren) => (
   <html lang="en" suppressHydrationWarning={true} data-lt-installed="true">
     <body className={`${montserrat.variable} bg-secondary antialiased`}>
       <SocketProvider>
-        <BrandingHelmet />
-        <ThemeHydrator />
         <main className="text-base-[8px] flex flex-col">{children}</main>
         <Toaster />
       </SocketProvider>

packages/web/src/app/media/[file]/route.ts

@@ -2,7 +2,6 @@ import Config from "@rahoot/socket/services/config"
 import { mimeForStoredFile } from "@rahoot/web/server/media"
 import fs from "fs"
 import { promises as fsp } from "fs"
-import { Readable } from "node:stream"
 import path from "path"
 import { NextRequest, NextResponse } from "next/server"
 
@@ -43,20 +42,14 @@ export async function GET(
       const start = Number(rawStart)
       const end = rawEnd ? Number(rawEnd) : fileSize - 1
 
-      if (
-        Number.isNaN(start) ||
-        Number.isNaN(end) ||
-        start < 0 ||
-        end >= fileSize ||
-        start > end
-      ) {
+      if (Number.isNaN(start) || Number.isNaN(end) || start > end) {
         return new NextResponse(null, { status: 416 })
       }
 
       const chunkSize = end - start + 1
       const stream = fs.createReadStream(filePath, { start, end })
 
-      return new NextResponse(Readable.toWeb(stream) as any, {
+      return new NextResponse(stream as any, {
         status: 206,
         headers: {
           "Content-Range": `bytes ${start}-${end}/${fileSize}`,
@@ -68,9 +61,9 @@ export async function GET(
       })
     }
 
-    const stream = fs.createReadStream(filePath)
+    const buffer = await fsp.readFile(filePath)
 
-    return new NextResponse(Readable.toWeb(stream) as any, {
+    return new NextResponse(buffer, {
       status: 200,
       headers: {
         "Content-Type": mime,

packages/web/src/components/BrandHeading.tsx

@@ -1,33 +0,0 @@
-"use client"
-
-import { useThemeStore } from "@rahoot/web/stores/theme"
-import clsx from "clsx"
-
-type Props = {
-  className?: string
-  size?: "md" | "lg"
-}
-
-const BrandHeading = ({ className, size = "lg" }: Props) => {
-  const { brandName } = useThemeStore()
-  const label = brandName || "Rahoot!"
-
-  const sizeClass =
-    size === "lg"
-      ? "text-4xl md:text-5xl lg:text-6xl"
-      : "text-2xl md:text-3xl"
-
-  return (
-    <div
-      className={clsx(
-        "text-center font-black tracking-tight text-[#f7931e] drop-shadow-lg leading-tight",
-        sizeClass,
-        className,
-      )}
-    >
-      {label}
-    </div>
-  )
-}
-
-export default BrandHeading

packages/web/src/components/BrandingHelmet.tsx

@@ -1,18 +0,0 @@
-"use client"
-
-import { useThemeStore } from "@rahoot/web/stores/theme"
-import { useEffect } from "react"
-
-const BrandingHelmet = () => {
-  const { brandName } = useThemeStore()
-
-  useEffect(() => {
-    if (brandName) {
-      document.title = brandName
-    }
-  }, [brandName])
-
-  return null
-}
-
-export default BrandingHelmet

packages/web/src/components/Form.tsx

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from "react"
 
 const Form = ({ children }: PropsWithChildren) => (
-  <div className="z-10 mx-auto flex w-full max-w-80 flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
+  <div className="z-10 flex w-full max-w-80 flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
     {children}
   </div>
 )

packages/web/src/components/ThemeHydrator.tsx

@@ -1,32 +0,0 @@
-"use client"
-
-import { useEffect } from "react"
-import { useThemeStore } from "@rahoot/web/stores/theme"
-
-const ThemeHydrator = () => {
-  const { setBackground, setBrandName } = useThemeStore()
-
-  useEffect(() => {
-    const load = async () => {
-      try {
-        const res = await fetch("/api/theme", { cache: "no-store" })
-        const data = await res.json()
-        if (res.ok && data.theme) {
-          if (typeof data.theme.backgroundUrl === "string") {
-            setBackground(data.theme.backgroundUrl || null)
-          }
-          if (typeof data.theme.brandName === "string") {
-            setBrandName(data.theme.brandName)
-          }
-        }
-      } catch (error) {
-        console.error("Failed to hydrate theme", error)
-      }
-    }
-    load()
-  }, [setBackground, setBrandName])
-
-  return null
-}
-
-export default ThemeHydrator

packages/web/src/components/game/GameWrapper.tsx

@@ -7,43 +7,22 @@ import Loader from "@rahoot/web/components/Loader"
 import { useEvent, useSocket } from "@rahoot/web/contexts/socketProvider"
 import { usePlayerStore } from "@rahoot/web/stores/player"
 import { useQuestionStore } from "@rahoot/web/stores/question"
-import { useThemeStore } from "@rahoot/web/stores/theme"
 import { MANAGER_SKIP_BTN } from "@rahoot/web/utils/constants"
 import clsx from "clsx"
+import Image from "next/image"
 import { PropsWithChildren, useEffect, useState } from "react"
 
 type Props = PropsWithChildren & {
   statusName: Status | undefined
   onNext?: () => void
-  onPause?: () => void
-  paused?: boolean
-  showPause?: boolean
-  onEnd?: () => void
-  players?: { id: string; username: string; connected: boolean }[]
   manager?: boolean
-  onBreakToggle?: () => void
-  breakActive?: boolean
 }
 
-const GameWrapper = ({
-  children,
-  statusName,
-  onNext,
-  onPause,
-  paused,
-  showPause,
-  onEnd,
-  players,
-  manager,
-  onBreakToggle,
-  breakActive,
-}: Props) => {
+const GameWrapper = ({ children, statusName, onNext, manager }: Props) => {
   const { isConnected } = useSocket()
   const { player } = usePlayerStore()
   const { questionStates, setQuestionStates } = useQuestionStore()
-  const { backgroundUrl, setBackground, setBrandName } = useThemeStore()
   const [isDisabled, setIsDisabled] = useState(false)
-  const [onBreak, setOnBreak] = useState(false)
   const next = statusName ? MANAGER_SKIP_BTN[statusName] : null
 
   useEvent("game:updateQuestion", ({ current, total }) => {
@@ -57,50 +36,19 @@ const GameWrapper = ({
     setIsDisabled(false)
   }, [statusName])
 
-  useEvent("game:break", (active) => setOnBreak(active))
-  useEvent("manager:break", (active) => setOnBreak(active))
-
-  useEffect(() => {
-    const loadTheme = async () => {
-      try {
-        const res = await fetch("/api/theme", { cache: "no-store" })
-        const data = await res.json()
-        if (res.ok && data.theme) {
-          if (typeof data.theme.backgroundUrl === "string") {
-            setBackground(data.theme.backgroundUrl || null)
-          }
-          if (typeof data.theme.brandName === "string") {
-            setBrandName(data.theme.brandName)
-          }
-        }
-      } catch (error) {
-        console.error("Failed to load theme", error)
-      }
-    }
-
-    loadTheme()
-  }, [setBackground, setBrandName])
-
   const handleNext = () => {
     setIsDisabled(true)
     onNext?.()
   }
 
-  const resolvedBackground = backgroundUrl || background.src
-
   return (
     <section className="relative flex min-h-screen w-full flex-col justify-between">
-      <div
-        className="fixed top-0 left-0 -z-10 h-full w-full bg-orange-600 opacity-70"
-        style={{
-          backgroundImage: `url(${resolvedBackground})`,
-          backgroundSize: "cover",
-          backgroundPosition: "center",
-          backgroundRepeat: "no-repeat",
-          opacity: 0.7,
-        }}
-      >
-        <div className="h-full w-full bg-black/10" />
+      <div className="fixed top-0 left-0 -z-10 h-full w-full bg-orange-600 opacity-70">
+        <Image
+          className="pointer-events-none h-full w-full object-cover opacity-60"
+          src={background}
+          alt="background"
+        />
       </div>
 
       {!isConnected && !statusName ? (
@@ -127,59 +75,8 @@ const GameWrapper = ({
                 {next}
               </Button>
             )}
-
-            {manager && showPause && (
-              <Button
-                className={clsx("self-end bg-white px-4 text-black!", {
-                  "pointer-events-none": isDisabled,
-                })}
-                onClick={onPause}
-              >
-                {paused ? "Resume" : "Pause"}
-              </Button>
-            )}
-
-            {manager && onBreakToggle && (
-              <Button
-                className={clsx("self-end bg-white px-4 text-black!", {
-                  "pointer-events-none": isDisabled,
-                })}
-                onClick={onBreakToggle}
-              >
-                {breakActive ? "Resume game" : "Break"}
-              </Button>
-            )}
-
-            {manager && onEnd && (
-              <Button className="self-end bg-red-600 px-4" onClick={onEnd}>
-                End game
-              </Button>
-            )}
           </div>
 
-          {manager && players && players.length > 0 && (
-            <div className="mx-4 mb-2 rounded-md bg-white/90 p-3 text-sm shadow">
-              <div className="mb-1 text-xs font-semibold uppercase text-gray-600">
-                Players ({players.length})
-              </div>
-              <div className="flex flex-wrap gap-2">
-                {players.map((p) => (
-                  <span
-                    key={p.id}
-                    className={clsx(
-                      "rounded border px-2 py-1 font-semibold",
-                      p.connected
-                        ? "border-green-500 text-green-700"
-                        : "border-gray-300 text-gray-500",
-                    )}
-                  >
-                    {p.username || p.id} {p.connected ? "" : "(disc.)"}
-                  </span>
-                ))}
-              </div>
-            </div>
-          )}
-
           {children}
 
           {!manager && (
@@ -190,15 +87,6 @@ const GameWrapper = ({
               </div>
             </div>
           )}
-
-          {onBreak && (
-            <div className="pointer-events-none fixed inset-0 z-40 flex items-center justify-center bg-black/60">
-              <div className="rounded-md bg-white/90 px-6 py-4 text-center shadow-lg">
-                <p className="text-lg font-semibold text-gray-800">Game paused for a break</p>
-                <p className="text-sm text-gray-600">We&apos;ll resume from the same spot.</p>
-              </div>
-            </div>
-          )}
         </>
       )}
     </section>

packages/web/src/components/game/QuestionMedia.tsx

@@ -2,7 +2,6 @@
 
 import type { QuestionMedia as QuestionMediaType } from "@rahoot/common/types/game"
 import clsx from "clsx"
-import { useState } from "react"
 
 type Props = {
   media?: QuestionMediaType
@@ -11,39 +10,22 @@ type Props = {
 }
 
 const QuestionMedia = ({ media, alt, onPlayChange }: Props) => {
-  const [zoomed, setZoomed] = useState(false)
-
   if (!media) {
     return null
   }
 
-  const containerClass = "mx-auto flex w-full max-w-5xl justify-center"
+  const containerClass = "mx-auto flex w-full max-w-3xl justify-center"
 
   switch (media.type) {
     case "image":
       return (
-        <>
         <div className={containerClass}>
           <img
             alt={alt}
             src={media.url}
-              className="m-4 h-full max-h-[400px] min-h-[200px] w-auto max-w-full cursor-zoom-in rounded-md object-contain shadow-lg"
-              onClick={() => setZoomed(true)}
+            className="m-4 h-full max-h-[400px] min-h-[200px] w-auto max-w-full rounded-md object-contain shadow-lg"
           />
         </div>
-          {zoomed && (
-            <div
-              className="fixed inset-0 z-50 flex items-center justify-center bg-black/70"
-              onClick={() => setZoomed(false)}
-            >
-              <img
-                src={media.url}
-                alt={alt}
-                className="max-h-[90vh] max-w-[90vw] rounded-md shadow-2xl"
-              />
-            </div>
-          )}
-        </>
       )
 
     case "audio":
@@ -51,7 +33,6 @@ const QuestionMedia = ({ media, alt, onPlayChange }: Props) => {
         <div className={clsx(containerClass, "px-4")}>
           <audio
             controls
-            crossOrigin="anonymous"
             src={media.url}
             className="mt-4 w-full rounded-md bg-black/40 p-2 shadow-lg"
             preload="none"
@@ -67,10 +48,8 @@ const QuestionMedia = ({ media, alt, onPlayChange }: Props) => {
         <div className={containerClass}>
           <video
             controls
-            crossOrigin="anonymous"
-            playsInline
             src={media.url}
-            className="m-4 w-full max-w-5xl rounded-md shadow-lg"
+            className="m-4 w-full max-w-3xl rounded-md shadow-lg"
             preload="metadata"
             onPlay={() => onPlayChange?.(true)}
             onPause={() => onPlayChange?.(false)}

packages/web/src/components/game/create/ManagerPassword.tsx

@@ -27,7 +27,6 @@ const ManagerPassword = ({ onSubmit }: Props) => {
   })
 
   return (
-    <div className="w-full max-w-xl">
     <Form>
       <Input
         type="password"
@@ -37,7 +36,6 @@ const ManagerPassword = ({ onSubmit }: Props) => {
       />
       <Button onClick={handleSubmit}>Submit</Button>
     </Form>
-    </div>
   )
 }
 

packages/web/src/components/game/create/MediaLibrary.tsx

@@ -1,147 +0,0 @@
-"use client"
-
-import Button from "@rahoot/web/components/Button"
-import { useEffect, useState } from "react"
-
-type MediaItem = {
-  fileName: string
-  url: string
-  size: number
-  mime: string
-  type: string
-  usedBy: {
-    quizzId: string
-    subject: string
-    questionIndex: number
-    question: string
-  }[]
-}
-
-const formatBytes = (bytes: number) => {
-  if (!bytes) return "0 B"
-  const units = ["B", "KB", "MB", "GB"]
-  const i = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1)
-  const value = bytes / 1024 ** i
-  return `${value.toFixed(value >= 10 || value % 1 === 0 ? 0 : 1)} ${units[i]}`
-}
-
-const MediaLibrary = () => {
-  const [items, setItems] = useState<MediaItem[]>([])
-  const [loading, setLoading] = useState(false)
-  const [deleting, setDeleting] = useState<Record<string, boolean>>({})
-
-  const load = async () => {
-    setLoading(true)
-    try {
-      const res = await fetch("/api/media", { cache: "no-store" })
-      const data = await res.json()
-      if (!res.ok) throw new Error(data.error || "Failed to load media")
-      setItems(data.media || [])
-    } catch (error) {
-      console.error(error)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  useEffect(() => {
-    load()
-  }, [])
-
-  const handleDelete = async (fileName: string) => {
-    setDeleting((prev) => ({ ...prev, [fileName]: true }))
-    try {
-      const res = await fetch(`/api/media/${encodeURIComponent(fileName)}`, {
-        method: "DELETE",
-      })
-      const data = await res.json()
-      if (!res.ok) throw new Error(data.error || "Failed to delete file")
-      load()
-    } catch (error) {
-      console.error(error)
-      alert(error instanceof Error ? error.message : "Failed to delete")
-    } finally {
-      setDeleting((prev) => ({ ...prev, [fileName]: false }))
-    }
-  }
-
-  return (
-    <div className="space-y-3 rounded-md border border-gray-200 bg-white p-4 shadow-sm">
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-xl font-semibold text-gray-800">Media library</h2>
-          <p className="text-sm text-gray-500">
-            Uploaded files with their usage. Delete is enabled only when unused.
-          </p>
-        </div>
-        <Button className="bg-gray-700" onClick={load} disabled={loading}>
-          {loading ? "Refreshing..." : "Refresh"}
-        </Button>
-      </div>
-
-      <div className="overflow-x-auto">
-        <table className="min-w-full text-left text-sm">
-          <thead>
-            <tr className="border-b border-gray-200 text-xs uppercase text-gray-500">
-              <th className="p-2">File</th>
-              <th className="p-2">Type</th>
-              <th className="p-2">Size</th>
-              <th className="p-2">Used by</th>
-              <th className="p-2">Actions</th>
-            </tr>
-          </thead>
-          <tbody>
-            {items.map((item) => (
-              <tr key={item.fileName} className="border-b border-gray-100">
-                <td className="p-2 font-semibold text-gray-800">
-                  <a
-                    href={item.url}
-                    target="_blank"
-                    rel="noreferrer"
-                    className="text-blue-600 underline"
-                  >
-                    {item.fileName}
-                  </a>
-                </td>
-                <td className="p-2">{item.type}</td>
-                <td className="p-2 text-gray-600">{formatBytes(item.size)}</td>
-                <td className="p-2">
-                  {item.usedBy.length === 0 ? (
-                    <span className="text-green-700">Unused</span>
-                  ) : (
-                    <div className="space-y-1">
-                      {item.usedBy.map((u, idx) => (
-                        <div key={idx} className="text-gray-700">
-                          <span className="font-semibold">{u.subject || u.quizzId}</span>
-                          {` – Q${u.questionIndex + 1}: ${u.question}`}
-                        </div>
-                      ))}
-                    </div>
-                  )}
-                </td>
-                <td className="p-2">
-                  <Button
-                    className="bg-red-500 px-3 py-1 text-sm"
-                    onClick={() => handleDelete(item.fileName)}
-                    disabled={item.usedBy.length > 0 || deleting[item.fileName]}
-                  >
-                    {deleting[item.fileName] ? "Deleting..." : "Delete"}
-                  </Button>
-                </td>
-              </tr>
-            ))}
-            {items.length === 0 && !loading && (
-              <tr>
-                <td className="p-3 text-sm text-gray-500" colSpan={5}>
-                  No media uploaded yet.
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-}
-
-export default MediaLibrary

packages/web/src/components/game/create/QuizEditor.tsx

@@ -12,8 +12,6 @@ type Props = {
   quizzList: QuizzWithId[]
   onBack: () => void
   onListUpdate: (_quizz: QuizzWithId[]) => void
-  onBreakToggle?: (_active: boolean) => void
-  gameId?: string | null
 }
 
 type EditableQuestion = QuizzWithId["questions"][number]
@@ -57,13 +55,7 @@ const formatBytes = (bytes: number) => {
   return `${value.toFixed(value >= 10 || value % 1 === 0 ? 0 : 1)} ${units[i]}`
 }
 
-const QuizEditor = ({
-  quizzList,
-  onBack,
-  onListUpdate,
-  onBreakToggle,
-  gameId,
-}: Props) => {
+const QuizEditor = ({ quizzList, onBack, onListUpdate }: Props) => {
   const { socket } = useSocket()
   const [selectedId, setSelectedId] = useState<string | null>(null)
   const [draft, setDraft] = useState<QuizzWithId | null>(null)
@@ -73,7 +65,6 @@ const QuizEditor = ({
   const [uploading, setUploading] = useState<Record<number, boolean>>({})
   const [deleting, setDeleting] = useState<Record<number, boolean>>({})
   const [refreshingLibrary, setRefreshingLibrary] = useState(false)
-  const [probing, setProbing] = useState<Record<number, boolean>>({})
 
   useEvent("manager:quizzLoaded", (quizz) => {
     setDraft(quizz)
@@ -88,15 +79,6 @@ const QuizEditor = ({
     refreshMediaLibrary()
   })
 
-  useEvent("manager:quizzDeleted", (id) => {
-    toast.success("Quiz deleted")
-    if (selectedId === id) {
-      setSelectedId(null)
-      setDraft(null)
-    }
-    refreshMediaLibrary()
-  })
-
   useEvent("manager:quizzList", (list) => {
     onListUpdate(list)
   })
@@ -147,13 +129,6 @@ const QuizEditor = ({
     })
   }
 
-  const handleDeleteQuizz = () => {
-    if (!selectedId) return
-    if (!window.confirm("Delete this quiz?")) return
-    setSaving(true)
-    socket?.emit("manager:deleteQuizz", { id: selectedId })
-  }
-
   const updateQuestion = (
     index: number,
     patch: Partial<EditableQuestion>,
@@ -288,91 +263,6 @@ const QuizEditor = ({
     setQuestionMedia(qIndex, undefined)
   }
 
-  const probeMediaDuration = async (url: string, type: QuestionMedia["type"]) => {
-    if (!url || (type !== "audio" && type !== "video")) {
-      return null
-    }
-
-    try {
-      const el = document.createElement(type)
-      el.crossOrigin = "anonymous"
-      el.preload = "metadata"
-      el.src = url
-      el.load()
-
-      await new Promise<void>((resolve, reject) => {
-        const cleanup = () => {
-          el.onloadedmetadata = null
-          el.onloadeddata = null
-          el.oncanplaythrough = null
-          el.onerror = null
-        }
-        const done = () => {
-          cleanup()
-          resolve()
-        }
-        el.onloadedmetadata = done
-        el.onloadeddata = done
-        el.oncanplaythrough = done
-        el.onerror = () => {
-          cleanup()
-          reject(new Error("Failed to load media metadata"))
-        }
-        // safety timeout
-        setTimeout(() => {
-          cleanup()
-          reject(new Error("Timed out loading media metadata"))
-        }, 5000)
-      })
-
-      const duration = el.duration
-      return Number.isFinite(duration) && duration > 0 ? duration : null
-    } catch (error) {
-      console.warn("Failed to probe media duration", error)
-      return null
-    }
-  }
-
-  const adjustTimingWithMedia = async (
-    qIndex: number,
-    media: QuestionMedia | undefined,
-  ) => {
-    if (!draft || !media?.url || !media.type || media.type === "image") {
-      return
-    }
-
-    setProbing((prev) => ({ ...prev, [qIndex]: true }))
-
-    try {
-      const duration = await probeMediaDuration(media.url, media.type)
-      if (!duration || !draft) {
-        return
-      }
-
-      const rounded = Math.ceil(duration)
-      const buffer = 3
-      const minCooldown = rounded
-      const minAnswer = rounded + buffer
-      const question = draft.questions[qIndex]
-
-      const nextCooldown = Math.max(question.cooldown, minCooldown)
-      const nextTime = Math.max(question.time, minAnswer)
-
-      if (nextCooldown !== question.cooldown || nextTime !== question.time) {
-        updateQuestion(qIndex, {
-          cooldown: nextCooldown,
-          time: nextTime,
-        })
-        toast.success(
-          `Adjusted timing to media length (~${rounded}s, answers ${nextTime}s)`,
-          { id: `timing-${qIndex}` },
-        )
-      }
-    } finally {
-      setProbing((prev) => ({ ...prev, [qIndex]: false }))
-    }
-  }
-
   const handleMediaUpload = async (qIndex: number, file: File) => {
     if (!draft) return
     const question = draft.questions[qIndex]
@@ -468,7 +358,7 @@ const QuizEditor = ({
   }, [quizzList, selectedId])
 
   return (
-    <div className="mx-auto flex w-full max-w-[1280px] flex-col gap-7 rounded-md bg-white p-6 shadow-sm md:p-8">
+    <div className="flex w-full max-w-6xl flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-2">
           <Button onClick={onBack} className="bg-gray-700">
@@ -477,21 +367,6 @@ const QuizEditor = ({
           <Button onClick={handleNew} className="bg-blue-600">
             New quiz
           </Button>
-          {selectedId && (
-            <Button className="bg-red-600" onClick={handleDeleteQuizz} disabled={saving}>
-              Delete quiz
-            </Button>
-          )}
-          {onBreakToggle && gameId && (
-            <>
-              <Button className="bg-amber-500" onClick={() => onBreakToggle(true)}>
-                Break
-              </Button>
-              <Button className="bg-green-600" onClick={() => onBreakToggle(false)}>
-                Resume
-              </Button>
-            </>
-          )}
         </div>
 
         <Button onClick={handleSave} disabled={saving || loading}>
@@ -640,8 +515,6 @@ const QuizEditor = ({
                       <span className="text-xs text-gray-500">
                         {isUploading
                           ? "Uploading..."
-                        : probing[qIndex]
-                          ? "Probing..."
                           : refreshingLibrary
                             ? "Refreshing..."
                             : mediaFileName
@@ -707,21 +580,6 @@ const QuizEditor = ({
                       </span>
                     </label>
 
-                  {question.media?.type !== "image" && question.media?.url && (
-                    <div className="flex flex-wrap items-center gap-2">
-                      <Button
-                        className="bg-gray-800"
-                        onClick={() => adjustTimingWithMedia(qIndex, question.media)}
-                        disabled={probing[qIndex]}
-                      >
-                        {probing[qIndex] ? "Probing..." : "Set timing from media"}
-                      </Button>
-                      <span className="text-xs text-gray-500">
-                        Probes audio/video duration and bumps cooldown/answer time if needed.
-                      </span>
-                    </div>
-                  )}
-
                     <div className="flex flex-wrap gap-2">
                       <Button
                         className="bg-gray-700"

packages/web/src/components/game/create/SelectQuizz.tsx

@@ -8,21 +8,9 @@ type Props = {
   quizzList: QuizzWithId[]
   onSelect: (_id: string) => void
   onManage?: () => void
-  onMedia?: () => void
-  onTheme?: () => void
-  resumeGameId?: string | null
-  onResume?: () => void
 }
 
-const SelectQuizz = ({
-  quizzList,
-  onSelect,
-  onManage,
-  onMedia,
-  onTheme,
-  resumeGameId,
-  onResume,
-}: Props) => {
+const SelectQuizz = ({ quizzList, onSelect, onManage }: Props) => {
   const [selected, setSelected] = useState<string | null>(null)
 
   const handleSelect = (id: string) => () => {
@@ -47,31 +35,6 @@ const SelectQuizz = ({
     <div className="z-10 flex w-full max-w-md flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
       <div className="flex items-center justify-between">
         <h1 className="text-2xl font-bold">Select a quizz</h1>
-        <div className="flex items-center gap-2">
-          {resumeGameId && onResume && (
-            <button
-              className="rounded-md bg-amber-500 px-3 py-1 text-sm font-semibold text-white shadow"
-              onClick={onResume}
-            >
-              Resume game
-            </button>
-          )}
-          {onMedia && (
-            <button
-              className="text-sm font-semibold text-gray-700 underline"
-              onClick={onMedia}
-            >
-              Media
-            </button>
-          )}
-          {onTheme && (
-            <button
-              className="text-sm font-semibold text-amber-700 underline"
-              onClick={onTheme}
-            >
-              Theme
-            </button>
-          )}
         {onManage && (
           <button
             className="text-sm font-semibold text-primary underline"
@@ -81,7 +44,6 @@ const SelectQuizz = ({
           </button>
         )}
       </div>
-      </div>
       <div className="flex flex-col items-center justify-center">
         <div className="w-full space-y-2">
           {quizzList.map((quizz) => (

packages/web/src/components/game/create/ThemeEditor.tsx

@@ -1,291 +0,0 @@
-"use client"
-
-import background from "@rahoot/web/assets/background.webp"
-import Button from "@rahoot/web/components/Button"
-import { useThemeStore } from "@rahoot/web/stores/theme"
-import clsx from "clsx"
-import Image from "next/image"
-import { useEffect, useMemo, useState } from "react"
-
-type MediaItem = {
-  fileName: string
-  url: string
-  size: number
-  mime: string
-  type: string
-}
-
-type Props = {
-  onBack: () => void
-}
-
-const ThemeEditor = ({ onBack }: Props) => {
-  const { backgroundUrl, brandName, setBackground, setBrandName, reset } = useThemeStore()
-  const [customUrl, setCustomUrl] = useState("")
-  const [items, setItems] = useState<MediaItem[]>([])
-  const [loading, setLoading] = useState(false)
-  const [uploading, setUploading] = useState(false)
-  const [uploadError, setUploadError] = useState<string | null>(null)
-  const [savingTheme, setSavingTheme] = useState(false)
-  const [saveError, setSaveError] = useState<string | null>(null)
-  const [initializing, setInitializing] = useState(true)
-
-  const previewUrl = useMemo(
-    () => backgroundUrl || customUrl || background.src,
-    [backgroundUrl, customUrl],
-  )
-
-  const load = async () => {
-    setLoading(true)
-    try {
-      const [mediaRes, themeRes] = await Promise.all([
-        fetch("/api/media", { cache: "no-store" }),
-        fetch("/api/theme", { cache: "no-store" }),
-      ])
-
-      const mediaData = await mediaRes.json()
-      const themeData = await themeRes.json()
-
-      if (!mediaRes.ok) throw new Error(mediaData.error || "Failed to load media")
-      if (!themeRes.ok) throw new Error(themeData.error || "Failed to load theme")
-
-      const onlyImages = (mediaData.media || []).filter(
-        (item: MediaItem) => item.mime?.startsWith("image/"),
-      )
-      setItems(onlyImages)
-
-      if (themeData.theme) {
-        if (typeof themeData.theme.backgroundUrl === "string") {
-          setBackground(themeData.theme.backgroundUrl || null)
-          setCustomUrl(themeData.theme.backgroundUrl || "")
-        }
-        if (typeof themeData.theme.brandName === "string") {
-          setBrandName(themeData.theme.brandName)
-        }
-      }
-    } catch (error) {
-      console.error(error)
-    } finally {
-      setLoading(false)
-      setInitializing(false)
-    }
-  }
-
-  useEffect(() => {
-    load()
-  }, [])
-
-  const persistTheme = async (next: { backgroundUrl?: string | null; brandName?: string }) => {
-    setSavingTheme(true)
-    setSaveError(null)
-    try {
-      const res = await fetch("/api/theme", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(next),
-      })
-      const data = await res.json()
-      if (!res.ok) throw new Error(data.error || "Failed to save theme")
-    } catch (error) {
-      const message = error instanceof Error ? error.message : "Failed to save theme"
-      setSaveError(message)
-    } finally {
-      setSavingTheme(false)
-    }
-  }
-
-  const handleSet = (url: string) => {
-    if (!url) return
-    setBackground(url)
-    persistTheme({ backgroundUrl: url })
-  }
-
-  const handleApplyCustom = () => {
-    if (!customUrl.trim()) return
-    handleSet(customUrl.trim())
-  }
-
-  const handleUpload = async (file?: File | null) => {
-    if (!file) return
-    setUploading(true)
-    setUploadError(null)
-    try {
-      const form = new FormData()
-      form.append("file", file)
-      const res = await fetch("/api/media", {
-        method: "POST",
-        body: form,
-      })
-      const data = await res.json()
-      if (!res.ok) {
-        throw new Error(data.error || "Upload failed")
-      }
-      if (data.media?.url) {
-        handleSet(data.media.url)
-        setCustomUrl(data.media.url)
-      }
-      load()
-    } catch (error) {
-      const message = error instanceof Error ? error.message : "Upload failed"
-      setUploadError(message)
-    } finally {
-      setUploading(false)
-    }
-  }
-
-  const handleReset = () => {
-    reset()
-    setCustomUrl("")
-    persistTheme({ backgroundUrl: null, brandName: "Rahoot" })
-  }
-
-  return (
-    <div className="flex w-full max-w-6xl flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          <Button onClick={onBack} className="bg-gray-700">
-            Back
-          </Button>
-          <div className="flex flex-col leading-tight">
-            <h2 className="text-lg font-semibold text-gray-900">Theme editor</h2>
-            <p className="text-xs text-gray-500">
-              Set the game background from uploads or a custom URL.
-            </p>
-          </div>
-        </div>
-      </div>
-
-      <div className="grid gap-4 lg:grid-cols-2">
-        <div className="space-y-3 rounded-md border border-gray-200 bg-white p-4 shadow-sm">
-          <h3 className="text-lg font-semibold text-gray-800">Branding</h3>
-          <label className="flex flex-col gap-2">
-            <span className="text-sm font-semibold text-gray-600">
-              Brand name
-            </span>
-            <input
-              value={brandName}
-              onChange={(e) => {
-                setBrandName(e.target.value)
-                persistTheme({ brandName: e.target.value })
-              }}
-              className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
-              placeholder="e.g., Kwalitaria Pub Quiz"
-            />
-            <span className="text-xs text-gray-500">
-              Appears in the browser title bar and elsewhere we surface the brand.
-            </span>
-          </label>
-        </div>
-
-        <div className="space-y-3 rounded-md border border-gray-200 bg-white p-4 shadow-sm">
-          <h3 className="text-lg font-semibold text-gray-800">Preview</h3>
-          <div className="relative h-60 w-full overflow-hidden rounded-md border border-gray-100 bg-gray-50">
-            <Image
-              src={previewUrl}
-              alt="Background preview"
-              fill
-              className="object-cover"
-              sizes="100vw"
-              unoptimized
-            />
-            <div className="absolute inset-0 bg-black/20" />
-            <div className="absolute inset-0 flex items-center justify-center text-white">
-              <span className="rounded bg-black/50 px-3 py-1 text-sm font-semibold">
-                Current background
-              </span>
-            </div>
-          </div>
-          <div className="flex gap-2">
-            <Button className="bg-gray-700" onClick={handleReset}>
-              Reset to default
-            </Button>
-            <Button className="bg-primary" onClick={handleApplyCustom}>
-              Apply custom URL
-            </Button>
-          </div>
-          <input
-            value={customUrl}
-            onChange={(e) => setCustomUrl(e.target.value)}
-            placeholder="https://example.com/background.webp or /media/your-file"
-            className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
-          />
-          <p className="text-sm text-gray-600">
-            Paste any reachable image URL (including your uploaded media path). Changes apply immediately to the game background.
-          </p>
-        </div>
-
-        <div className="space-y-3 rounded-md border border-gray-200 bg-white p-4 shadow-sm">
-        <div className="flex items-center justify-between">
-          <div>
-            <h3 className="text-lg font-semibold text-gray-800">Images from media library</h3>
-            <p className="text-sm text-gray-500">Pick any uploaded image as the background.</p>
-          </div>
-          <Button className="bg-gray-700" onClick={load} disabled={loading}>
-            {loading ? "Refreshing..." : "Refresh"}
-          </Button>
-        </div>
-
-        <div className="rounded-md border border-dashed border-gray-300 p-3">
-          <label className="flex items-center gap-3 text-sm font-semibold text-gray-800">
-            <input
-              type="file"
-              accept="image/*"
-              className="text-sm"
-              onChange={(e) => handleUpload(e.target.files?.[0])}
-              disabled={uploading}
-            />
-            {uploading ? "Uploading..." : "Upload image"}
-          </label>
-          <p className="mt-1 text-xs text-gray-500">
-            Upload a background image (webp/png/jpg). It will be available immediately and selected as the current background.
-          </p>
-          {uploadError && (
-            <p className="mt-1 text-xs font-semibold text-red-600">{uploadError}</p>
-          )}
-          {saveError && (
-            <p className="mt-1 text-xs font-semibold text-red-600">{saveError}</p>
-          )}
-          {(savingTheme || initializing) && !uploading && (
-            <p className="mt-1 text-xs text-gray-500">
-              {initializing ? "Loading theme…" : "Saving theme…"}
-            </p>
-          )}
-        </div>
-
-          <div className="grid gap-3 sm:grid-cols-2">
-            {items.map((item) => (
-              <button
-                key={item.fileName}
-                className={clsx(
-                  "relative h-32 overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-left shadow-sm transition hover:border-primary",
-                  backgroundUrl === item.url && "ring-2 ring-primary",
-                )}
-                onClick={() => handleSet(item.url)}
-              >
-                <Image
-                  src={item.url}
-                  alt={item.fileName}
-                  fill
-                  className="object-cover"
-                  sizes="200px"
-                  unoptimized
-                />
-                <div className="absolute inset-0 bg-gradient-to-t from-black/50 via-black/0" />
-                <div className="absolute bottom-2 left-2 right-2 text-xs font-semibold text-white drop-shadow">
-                  {item.fileName}
-                </div>
-              </button>
-            ))}
-            {!loading && items.length === 0 && (
-              <div className="rounded-md border border-dashed border-gray-300 p-4 text-sm text-gray-500">
-                No images uploaded yet. Upload an image in the Media page, then pick it here.
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default ThemeEditor

packages/web/src/components/game/join/BrandShell.tsx

@@ -1,11 +0,0 @@
-"use client"
-
-import { PropsWithChildren } from "react"
-
-const BrandShell = ({ children }: PropsWithChildren) => (
-  <div className="flex w-full max-w-xl flex-col items-center justify-center gap-4">
-    {children}
-  </div>
-)
-
-export default BrandShell

packages/web/src/components/game/join/Room.tsx

@@ -3,7 +3,6 @@ import Form from "@rahoot/web/components/Form"
 import Input from "@rahoot/web/components/Input"
 import { useEvent, useSocket } from "@rahoot/web/contexts/socketProvider"
 import { usePlayerStore } from "@rahoot/web/stores/player"
-import BrandShell from "@rahoot/web/components/game/join/BrandShell"
 import { KeyboardEvent, useState } from "react"
 
 const Room = () => {
@@ -26,7 +25,6 @@ const Room = () => {
   })
 
   return (
-    <BrandShell>
     <Form>
       <Input
         onChange={(e) => setInvitation(e.target.value)}
@@ -35,7 +33,6 @@ const Room = () => {
       />
       <Button onClick={handleJoin}>Submit</Button>
     </Form>
-    </BrandShell>
   )
 }
 

packages/web/src/components/game/join/Username.tsx

@@ -4,7 +4,6 @@ import { STATUS } from "@rahoot/common/types/game/status"
 import Button from "@rahoot/web/components/Button"
 import Form from "@rahoot/web/components/Form"
 import Input from "@rahoot/web/components/Input"
-import BrandShell from "@rahoot/web/components/game/join/BrandShell"
 import { useEvent, useSocket } from "@rahoot/web/contexts/socketProvider"
 import { usePlayerStore } from "@rahoot/web/stores/player"
 
@@ -34,16 +33,11 @@ const Username = () => {
   useEvent("game:successJoin", (gameId) => {
     setStatus(STATUS.WAIT, { text: "Waiting for the players" })
     login(username)
-    try {
-      localStorage.setItem("last_game_id", gameId)
-      localStorage.setItem("last_username", username)
-    } catch {}
 
     router.replace(`/game/${gameId}`)
   })
 
   return (
-    <BrandShell>
     <Form>
       <Input
         onChange={(e) => setUsername(e.target.value)}
@@ -52,7 +46,6 @@ const Username = () => {
       />
       <Button onClick={handleLogin}>Submit</Button>
     </Form>
-    </BrandShell>
   )
 }
 

packages/web/src/components/game/states/Answers.tsx

@@ -28,7 +28,6 @@ const Answers = ({
   const { player } = usePlayerStore()
 
   const [cooldown, setCooldown] = useState(time)
-  const [paused, setPaused] = useState(false)
   const [totalAnswer, setTotalAnswer] = useState(0)
   const [isMediaPlaying, setIsMediaPlaying] = useState(false)
 
@@ -79,10 +78,6 @@ const Answers = ({
     setCooldown(sec)
   })
 
-  useEvent("game:cooldownPause", (isPaused) => {
-    setPaused(isPaused)
-  })
-
   useEvent("game:playerAnswer", (count) => {
     setTotalAnswer(count)
     sfxPop()
@@ -107,11 +102,6 @@ const Answers = ({
           <div className="flex flex-col items-center rounded-full bg-black/40 px-4 text-lg font-bold">
             <span className="translate-y-1 text-sm">Time</span>
             <span>{cooldown}</span>
-            {paused && (
-              <span className="text-xs font-semibold uppercase text-amber-200">
-                Paused
-              </span>
-            )}
           </div>
           <div className="flex flex-col items-center rounded-full bg-black/40 px-4 text-lg font-bold">
             <span className="translate-y-1 text-sm">Answers</span>

packages/web/src/components/game/states/Question.tsx

@@ -2,9 +2,8 @@
 
 import { CommonStatusDataMap } from "@rahoot/common/types/game/status"
 import QuestionMedia from "@rahoot/web/components/game/QuestionMedia"
-import { useEvent } from "@rahoot/web/contexts/socketProvider"
 import { SFX_SHOW_SOUND } from "@rahoot/web/utils/constants"
-import { useEffect, useState } from "react"
+import { useEffect } from "react"
 import useSound from "use-sound"
 
 type Props = {
@@ -13,23 +12,11 @@ type Props = {
 
 const Question = ({ data: { question, image, media, cooldown } }: Props) => {
   const [sfxShow] = useSound(SFX_SHOW_SOUND, { volume: 0.5 })
-  const [seconds, setSeconds] = useState(cooldown)
-  const [paused, setPaused] = useState(false)
 
   useEffect(() => {
     sfxShow()
   }, [sfxShow])
 
-  useEvent("game:cooldown", (sec) => {
-    setSeconds(sec)
-  })
-
-  useEvent("game:cooldownPause", (isPaused) => {
-    setPaused(isPaused)
-  })
-
-  const percent = Math.max(0, Math.min(100, (seconds / cooldown) * 100))
-
   return (
     <section className="relative mx-auto flex h-full w-full max-w-7xl flex-1 flex-col items-center px-4">
       <div className="flex flex-1 flex-col items-center justify-center gap-5">
@@ -42,17 +29,10 @@ const Question = ({ data: { question, image, media, cooldown } }: Props) => {
           alt={question}
         />
       </div>
-      <div className="mb-20 h-4 w-full max-w-4xl self-start overflow-hidden rounded-full bg-white/30">
       <div
-          className="h-full bg-primary transition-[width]"
-          style={{ width: `${percent}%` }}
-        />
-      </div>
-      {paused && (
-        <div className="absolute bottom-6 right-6 rounded-md bg-black/60 px-3 py-1 text-sm font-semibold text-white">
-          Paused
-        </div>
-      )}
+        className="bg-primary mb-20 h-4 self-start justify-self-end rounded-full"
+        style={{ animation: `progressBar ${cooldown}s linear forwards` }}
+      ></div>
     </section>
   )
 }

packages/web/src/server/media.ts

@@ -4,11 +4,6 @@ import fs from "fs"
 import { promises as fsp } from "fs"
 import path from "path"
 
-const toBytes = (valueMb: number) => valueMb * 1024 * 1024
-
-const envMaxMb = Number(process.env.MEDIA_MAX_UPLOAD_MB || process.env.MAX_UPLOAD_MB || 50)
-const MAX_UPLOAD_SIZE = Number.isFinite(envMaxMb) && envMaxMb > 0 ? toBytes(envMaxMb) : toBytes(50)
-
 export type StoredMedia = {
   fileName: string
   url: string
@@ -23,6 +18,8 @@ export type StoredMedia = {
   }[]
 }
 
+const MAX_UPLOAD_SIZE = 50 * 1024 * 1024 // 50MB
+
 const ensureMediaFolder = () => {
   Config.ensureBaseFolders()
   const folder = Config.getMediaPath()
@@ -37,30 +34,19 @@ const ensureMediaFolder = () => {
 const inferMimeFromName = (fileName: string) => {
   const ext = path.extname(fileName).toLowerCase()
 
-  const map: Record<string, string> = {
-    ".jpg": "image/jpeg",
-    ".jpeg": "image/jpeg",
-    ".png": "image/png",
-    ".gif": "image/gif",
-    ".webp": "image/webp",
-    ".bmp": "image/bmp",
-    ".svg": "image/svg+xml",
-    ".mp3": "audio/mpeg",
-    ".m4a": "audio/mp4",
-    ".aac": "audio/aac",
-    ".wav": "audio/wav",
-    ".ogg": "audio/ogg",
-    ".oga": "audio/ogg",
-    ".flac": "audio/flac",
-    ".mp4": "video/mp4",
-    ".m4v": "video/mp4",
-    ".mov": "video/quicktime",
-    ".webm": "video/webm",
-    ".ogv": "video/ogg",
-    ".mkv": "video/x-matroska",
+  if ([".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp", ".svg"].includes(ext)) {
+    return `image/${ext.replace(".", "") || "jpeg"}`
   }
 
-  return map[ext] || "application/octet-stream"
+  if ([".mp3", ".wav", ".ogg", ".aac", ".m4a", ".flac"].includes(ext)) {
+    return `audio/${ext.replace(".", "") || "mpeg"}`
+  }
+
+  if ([".mp4", ".webm", ".mov", ".ogv", ".mkv"].includes(ext)) {
+    return `video/${ext.replace(".", "") || "mp4"}`
+  }
+
+  return "application/octet-stream"
 }
 
 const inferMediaType = (mime: string): QuestionMedia["type"] | null => {
@@ -186,9 +172,7 @@ export const storeMediaFile = async (file: File): Promise<StoredMedia> => {
   const buffer = Buffer.from(arrayBuffer)
 
   if (buffer.byteLength > MAX_UPLOAD_SIZE) {
-    throw new Error(
-      `File is too large. Max ${Math.round(MAX_UPLOAD_SIZE / 1024 / 1024)}MB.`,
-    )
+    throw new Error("File is too large. Max 50MB.")
   }
 
   const targetFolder = ensureMediaFolder()

packages/web/src/server/theme.ts

@@ -1,29 +0,0 @@
-import Config from "@rahoot/socket/services/config"
-
-export type ThemeSettings = {
-  brandName: string
-  backgroundUrl: string | null
-}
-
-export const getTheme = (): ThemeSettings => {
-  const theme = Config.theme()
-  return {
-    brandName: theme.brandName || "Rahoot",
-    backgroundUrl:
-      typeof theme.backgroundUrl === "string" && theme.backgroundUrl.length > 0
-        ? theme.backgroundUrl
-        : null,
-  }
-}
-
-export const saveTheme = (payload: Partial<ThemeSettings>): ThemeSettings => {
-  const current = getTheme()
-  const merged = {
-    brandName: payload.brandName ?? current.brandName,
-    backgroundUrl:
-      payload.backgroundUrl === undefined
-        ? current.backgroundUrl
-        : payload.backgroundUrl,
-  }
-  return Config.saveTheme(merged)
-}

packages/web/src/stores/manager.tsx

@@ -11,7 +11,7 @@ type ManagerStore<T> = {
   setGameId: (_gameId: string | null) => void
   setStatus: <K extends keyof T>(_name: K, _data: T[K]) => void
   resetStatus: () => void
-  setPlayers: (_players: Player[] | ((_prev: Player[]) => Player[])) => void
+  setPlayers: (_players: Player[]) => void
 
   reset: () => void
 }
@@ -25,29 +25,12 @@ const initialState = {
 export const useManagerStore = create<ManagerStore<StatusDataMap>>((set) => ({
   ...initialState,
 
-  setGameId: (gameId) => {
-    try {
-      if (gameId) {
-        localStorage.setItem("last_manager_game_id", gameId)
-      } else {
-        localStorage.removeItem("last_manager_game_id")
-      }
-    } catch {}
-    set({ gameId })
-  },
+  setGameId: (gameId) => set({ gameId }),
 
   setStatus: (name, data) => set({ status: createStatus(name, data) }),
   resetStatus: () => set({ status: null }),
 
-  setPlayers: (players) =>
-    set((state) => ({
-      players: typeof players === "function" ? players(state.players) : players,
-    })),
+  setPlayers: (players) => set({ players }),
 
-  reset: () => {
-    try {
-      localStorage.removeItem("last_manager_game_id")
-    } catch {}
-    set(initialState)
-  },
+  reset: () => set(initialState),
 }))

packages/web/src/stores/player.tsx

@@ -35,24 +35,11 @@ export const usePlayerStore = create<PlayerStore<StatusDataMap>>((set) => ({
 
   setGameId: (gameId) => set({ gameId }),
 
-  setPlayer: (player: PlayerState) => {
-    try {
-      if (player.username) localStorage.setItem("last_username", player.username)
-      if (typeof player.points === "number") {
-        localStorage.setItem("last_points", String(player.points))
-      }
-    } catch {}
-    set({ player })
-  },
+  setPlayer: (player: PlayerState) => set({ player }),
   login: (username) =>
-    set((state) => {
-      try {
-        localStorage.setItem("last_username", username)
-      } catch {}
-      return {
+    set((state) => ({
       player: { ...state.player, username },
-      }
-    }),
+    })),
 
   join: (gameId) => {
     set((state) => ({
@@ -61,22 +48,12 @@ export const usePlayerStore = create<PlayerStore<StatusDataMap>>((set) => ({
     }))
   },
 
-  updatePoints: (points) => {
-    try {
-      localStorage.setItem("last_points", String(points))
-    } catch {}
+  updatePoints: (points) =>
     set((state) => ({
       player: { ...state.player, points },
-    }))
-  },
+    })),
 
   setStatus: (name, data) => set({ status: createStatus(name, data) }),
 
-  reset: () => {
-    try {
-      localStorage.removeItem("last_username")
-      localStorage.removeItem("last_points")
-    } catch {}
-    set(initialState)
-  },
+  reset: () => set(initialState),
 }))

packages/web/src/stores/theme.tsx

@@ -1,23 +0,0 @@
-import { create } from "zustand"
-import { persist } from "zustand/middleware"
-
-type ThemeState = {
-  backgroundUrl: string | null
-  brandName: string
-  setBackground: (_url: string | null) => void
-  setBrandName: (_name: string) => void
-  reset: () => void
-}
-
-export const useThemeStore = create<ThemeState>()(
-  persist(
-    (set) => ({
-      backgroundUrl: null,
-      brandName: "Rahoot",
-      setBackground: (backgroundUrl) => set({ backgroundUrl }),
-      setBrandName: (brandName) => set({ brandName }),
-      reset: () => set({ backgroundUrl: null, brandName: "Rahoot" }),
-    }),
-    { name: "theme-preferences" },
-  ),
-)

packages/web/src/utils/constants.ts

@@ -66,7 +66,7 @@ export const MANAGER_SKIP_BTN = {
   [STATUS.SHOW_ROOM]: "Start Game",
   [STATUS.SHOW_START]: null,
   [STATUS.SHOW_PREPARED]: null,
-  [STATUS.SHOW_QUESTION]: "Skip",
+  [STATUS.SHOW_QUESTION]: null,
   [STATUS.SELECT_ANSWER]: "Skip",
   [STATUS.SHOW_RESULT]: null,
   [STATUS.SHOW_RESPONSES]: "Next",

pnpm-lock.yaml

@@ -54,9 +54,6 @@ importers:
       dayjs:
         specifier: ^1.11.18
         version: 1.11.18
-      redis:
-        specifier: ^4.6.13
-        version: 4.7.1
       socket.io:
         specifier: ^4.8.1
         version: 4.8.1
@@ -696,35 +693,6 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
-  '@redis/bloom@1.2.0':
-    resolution: {integrity: sha512-HG2DFjYKbpNmVXsa0keLHp/3leGJz1mjh09f2RLGGLQZzSHpkmZWuwJbAvo3QcRY8p80m5+ZdXZdYOSBLlp7Cg==}
-    peerDependencies:
-      '@redis/client': ^1.0.0
-
-  '@redis/client@1.6.1':
-    resolution: {integrity: sha512-/KCsg3xSlR+nCK8/8ZYSknYxvXHwubJrU82F3Lm1Fp6789VQ0/3RJKfsmRXjqfaTA++23CvC3hqmqe/2GEt6Kw==}
-    engines: {node: '>=14'}
-
-  '@redis/graph@1.1.1':
-    resolution: {integrity: sha512-FEMTcTHZozZciLRl6GiiIB4zGm5z5F3F6a6FZCyrfxdKOhFlGkiAqlexWMBzCi4DcRoyiOsuLfW+cjlGWyExOw==}
-    peerDependencies:
-      '@redis/client': ^1.0.0
-
-  '@redis/json@1.0.7':
-    resolution: {integrity: sha512-6UyXfjVaTBTJtKNG4/9Z8PSpKE6XgSyEb8iwaqDcy+uKrd/DGYHTWkUdnQDyzm727V7p21WUMhsqz5oy65kPcQ==}
-    peerDependencies:
-      '@redis/client': ^1.0.0
-
-  '@redis/search@1.2.0':
-    resolution: {integrity: sha512-tYoDBbtqOVigEDMAcTGsRlMycIIjwMCgD8eR2t0NANeQmgK/lvxNAvYyb6bZDD4frHRhIHkJu2TBRvB0ERkOmw==}
-    peerDependencies:
-      '@redis/client': ^1.0.0
-
-  '@redis/time-series@1.1.0':
-    resolution: {integrity: sha512-c1Q99M5ljsIuc4YdaCwfUEXsofakb9c8+Zse2qxTadu8TalLXuAESzLvFAvNVbkmSlvlzIQOLpBCmWI9wTOt+g==}
-    peerDependencies:
-      '@redis/client': ^1.0.0
-
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
@@ -1177,10 +1145,6 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
-  cluster-key-slot@1.1.2:
-    resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
-    engines: {node: '>=0.10.0'}
-
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1565,10 +1529,6 @@ packages:
     resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
     engines: {node: '>= 0.4'}
 
-  generic-pool@3.9.0:
-    resolution: {integrity: sha512-hymDOu5B53XvN4QT9dBmZxPX4CWhBPPLguTZ9MMFeFa/Kg0xWVfylOVNlJji/E7yTZWFd/q9GO5TxDLq156D7g==}
-    engines: {node: '>= 4'}
-
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -2002,7 +1962,6 @@ packages:
   next@15.5.4:
     resolution: {integrity: sha512-xH4Yjhb82sFYQfY3vbkJfgSDgXvBB6a8xPs9i35k6oZJRoQRihZH+4s9Yo2qsWpzBmZ3lPXaJ2KPXLfkvW4LnA==}
     engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
-    deprecated: This version has a security vulnerability. Please upgrade to a patched version. See https://nextjs.org/blog/CVE-2025-66478 for more details.
     hasBin: true
     peerDependencies:
       '@opentelemetry/api': ^1.1.0
@@ -2218,9 +2177,6 @@ packages:
     resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
     engines: {node: '>=0.10.0'}
 
-  redis@4.7.1:
-    resolution: {integrity: sha512-S1bJDnqLftzHXHP8JsT5II/CtHWQrASX5K96REjWjlmWKrviSOLWmM7QnRLstAWsu1VBBV1ffV6DzCvxNP0UJQ==}
-
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -2550,9 +2506,6 @@ packages:
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
-  yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
@@ -3004,32 +2957,6 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
-  '@redis/bloom@1.2.0(@redis/client@1.6.1)':
-    dependencies:
-      '@redis/client': 1.6.1
-
-  '@redis/client@1.6.1':
-    dependencies:
-      cluster-key-slot: 1.1.2
-      generic-pool: 3.9.0
-      yallist: 4.0.0
-
-  '@redis/graph@1.1.1(@redis/client@1.6.1)':
-    dependencies:
-      '@redis/client': 1.6.1
-
-  '@redis/json@1.0.7(@redis/client@1.6.1)':
-    dependencies:
-      '@redis/client': 1.6.1
-
-  '@redis/search@1.2.0(@redis/client@1.6.1)':
-    dependencies:
-      '@redis/client': 1.6.1
-
-  '@redis/time-series@1.1.0(@redis/client@1.6.1)':
-    dependencies:
-      '@redis/client': 1.6.1
-
   '@rtsao/scc@1.1.0': {}
 
   '@rushstack/eslint-patch@1.14.1': {}
@@ -3466,8 +3393,6 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cluster-key-slot@1.1.2: {}
-
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -3749,7 +3674,7 @@ snapshots:
       '@typescript-eslint/parser': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.38.0(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.38.0(jiti@2.6.1))
       eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.38.0(jiti@2.6.1))
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.38.0(jiti@2.6.1))
       eslint-plugin-react: 7.37.5(eslint@9.38.0(jiti@2.6.1))
@@ -3769,7 +3694,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.38.0(jiti@2.6.1)):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.3
@@ -3784,14 +3709,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.38.0(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       '@typescript-eslint/parser': 8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.38.0(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.38.0(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
@@ -3806,7 +3731,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.38.0(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1)))(eslint@9.38.0(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.38.0(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -4028,8 +3953,6 @@ snapshots:
 
   generator-function@2.0.1: {}
 
-  generic-pool@3.9.0: {}
-
   gensync@1.0.0-beta.2: {}
 
   get-intrinsic@1.3.0:
@@ -4576,15 +4499,6 @@ snapshots:
 
   react@19.1.0: {}
 
-  redis@4.7.1:
-    dependencies:
-      '@redis/bloom': 1.2.0(@redis/client@1.6.1)
-      '@redis/client': 1.6.1
-      '@redis/graph': 1.1.1(@redis/client@1.6.1)
-      '@redis/json': 1.0.7(@redis/client@1.6.1)
-      '@redis/search': 1.2.0(@redis/client@1.6.1)
-      '@redis/time-series': 1.1.0(@redis/client@1.6.1)
-
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -5053,8 +4967,6 @@ snapshots:
 
   yallist@3.1.1: {}
 
-  yallist@4.0.0: {}
-
   yocto-queue@0.1.0: {}
 
   yup@1.7.1: