🔖(minor) bump release to 1.32.0

Snyk has created this PR to upgrade i18next from 26.4.1 to 26.4.2.

See this package in npm:
i18next

See this project in Snyk:
https://app.eu.snyk.io/org/lasuite-dinum-default/project/af693e79-8c43-4c09-ab65-60580515c9e8?utm_source=github&utm_medium=referral&page=upgrade-pr

CHANGELOG.md

@@ -8,12 +8,13 @@ and this project adheres to
 
 ## [Unreleased]
 
+## [1.32.0] - 2026-09-25
+
 ### Added
 
 - ✨(backend) make the LiveKit default video codec configurable
 - 🔧(dev) add support for Bureautix workstations
 - ✨(frontend) add screen share zoom controls #1498
-- ✨(frontend) open screen share in a separate window #1734
 
 ### Changed
 
@@ -29,13 +30,13 @@ and this project adheres to
 - ⬆️(frontend) upgrade posthog-js from 1.414.0 to 1.418.10
 - ⬆️(addons) upgrade i18next from 26.3.6 to 26.4.0
 - ⬆️(frontend) upgrade humanize-duration from 3.33.2 to 3.34.1
-- ⬆️(addons) upgrade i18next from 26.4.0 to 26.4.1
+- ⬆️(addons) upgrade i18next from 26.4.0 to 26.4.2
 - 🔖(helm) release chart 0.0.28
 - ♻️(backend) decouple recording event handling from LiveKit egress statuses
 
 ### Fixed
 
-- 🐛(helm) probe liveness on **lbheartbeat** and readiness on **heartbeat**
+- 🐛(helm) probe liveness on __lbheartbeat__ and readiness on __heartbeat__
 - 🐛(helm) render periodSeconds and failureThreshold on probes
 - 🐛(backend) report the app release to Sentry instead of "NA"
 - 🐛(frontend) play the waiting room notification sound on every arrival

src/addons/outlook/package-lock.json

@@ -10,7 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "core-js": "3.50.0",
-        "i18next": "26.4.1",
+        "i18next": "26.4.2",
         "i18next-browser-languagedetector": "8.2.1",
         "regenerator-runtime": "0.14.1"
       },
@@ -9367,9 +9367,9 @@
       }
     },
     "node_modules/i18next": {
-      "version": "26.4.1",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-26.4.1.tgz",
-      "integrity": "sha512-9YbX5E6gd1H+yaOSX3izCsPj5iWXyH7X4oC+iuHHJJw8AeHglzOK5SJf+1CHxaYKYigcea+8jvzSxqYx46YvyA==",
+      "version": "26.4.2",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-26.4.2.tgz",
+      "integrity": "sha512-RX+R0VLg13IbvRuJSxnqykUFS9vQZTl8wYpWPCIUDWVrSGjsQywB5Y+pjzrkboxGAuYfJZVH1InFTdgBdxq6ug==",
       "funding": [
         {
           "type": "individual",

src/addons/outlook/package.json

@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "core-js": "3.50.0",
-    "i18next": "26.4.1",
+    "i18next": "26.4.2",
     "i18next-browser-languagedetector": "8.2.1",
     "regenerator-runtime": "0.14.1"
   },

src/agents/pyproject.toml

@@ -1,7 +1,7 @@
 
 [project]
 name = "agents"
-version = "1.31.0"
+version = "1.32.0"
 requires-python = ">=3.12"
 dependencies = [
     "livekit-agents==1.6.7",

src/agents/uv.lock

@@ -9,7 +9,7 @@ resolution-markers = [
 
 [[package]]
 name = "agents"
-version = "1.31.0"
+version = "1.32.0"
 source = { virtual = "." }
 dependencies = [
     { name = "httpx" },

src/backend/pyproject.toml

@@ -7,7 +7,7 @@ build-backend = "uv_build"
 
 [project]
 name = "meet"
-version = "1.31.0"
+version = "1.32.0"
 authors = [{ "name" = "DINUM", "email" = "dev@mail.numerique.gouv.fr" }]
 classifiers = [
     "Development Status :: 5 - Production/Stable",

src/backend/uv.lock

@@ -1187,7 +1187,7 @@ wheels = [
 
 [[package]]
 name = "meet"
-version = "1.31.0"
+version = "1.32.0"
 source = { editable = "." }
 dependencies = [
     { name = "aiohttp" },

src/frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "meet",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "meet",
-      "version": "1.31.0",
+      "version": "1.32.0",
       "dependencies": {
         "@fontsource-variable/atkinson-hyperlegible-next": "5.3.0",
         "@fontsource-variable/lexend": "5.3.0",

src/frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "meet",
   "private": true,
-  "version": "1.31.0",
+  "version": "1.32.0",
   "type": "module",
   "scripts": {
     "dev": "panda codegen && vite",

src/frontend/src/features/layout/components/StageLayout.tsx

@@ -12,10 +12,6 @@ import {
 import { Track } from 'livekit-client'
 import { useSnapshot } from 'valtio'
 import { clearPinnedTrack, layoutStore, setPinnedTrack } from '@/stores/layout'
-import {
-  closeScreenSharePopout,
-  screenSharePopoutStore,
-} from '@/stores/screenSharePopout'
 import { useEffect, useRef } from 'react'
 
 export const StageLayout = () => {
@@ -35,26 +31,8 @@ export const StageLayout = () => {
     .filter((track) => track.publication.source === Track.Source.ScreenShare)
 
   const { pinnedTrackRef } = useSnapshot(layoutStore)
-  const { entry: popoutEntry } = useSnapshot(screenSharePopoutStore)
-  const detachedSid = popoutEntry?.trackSid
 
-  // The popped-out share stays mounted below, but out of the grid and the
-  // carousel. It comes back with the other tracks when its window closes.
-  const visibleTracks = detachedSid
-    ? tracks.filter(
-        (track) =>
-          !isTrackReference(track) || track.publication.trackSid !== detachedSid
-      )
-    : tracks
-
-  const detachedTrack = detachedSid
-    ? tracks.find(
-        (track) =>
-          isTrackReference(track) && track.publication.trackSid === detachedSid
-      )
-    : undefined
-
-  const carouselTracks = visibleTracks.filter(
+  const carouselTracks = tracks.filter(
     (track) => !isEqualTrackRef(track, pinnedTrackRef)
   )
 
@@ -107,36 +85,11 @@ export const StageLayout = () => {
   ])
   /* eslint-enable react-hooks/exhaustive-deps */
 
-  const screenShareKey = screenShareTracks
-    .map((track) => track.publication.trackSid)
-    .join()
-
-  // The popped-out tile is kept mounted below, so nothing else notices when
-  // the share stops. Close the window here instead.
-  useEffect(() => {
-    const entry = screenSharePopoutStore.entry
-    if (!entry) return
-    const alive = screenShareTracks.some(
-      (track) => track.publication.trackSid === entry.trackSid
-    )
-    if (!alive) closeScreenSharePopout({ restorePin: false })
-    // screenShareKey is the sid list; the array itself is new every render.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [screenShareKey])
-
   return (
     <>
-      {/* Out of the layout, but still mounted: this subtree is what renders
-          into the separate window. hidden also takes it off the a11y tree
-          and out of the tab order. */}
-      {detachedTrack && (
-        <div hidden>
-          <ParticipantTile trackRef={detachedTrack} />
-        </div>
-      )}
       {!pinnedTrackRef ? (
         <div className="lk-grid-layout-wrapper" style={{ height: 'auto' }}>
-          <GridLayout tracks={visibleTracks} style={{ padding: 0 }}>
+          <GridLayout tracks={tracks} style={{ padding: 0 }}>
             <ParticipantTile />
           </GridLayout>
         </div>

src/frontend/src/features/participantTile/components/ParticipantTile.tsx

@@ -153,12 +153,7 @@ export const ParticipantTile: (
     // there without the dead fullscreen button.
     trackMedia =
       isRemoteScreenShare && !disableTileControls ? (
-        <ScreenShareZoomableVideo
-          tileRef={tileRef}
-          participantName={participantName}
-          trackSid={trackReference.publication.trackSid}
-          windowName={`meet-screen-share-${trackReference.publication.trackSid || trackReference.participant.identity}`}
-        >
+        <ScreenShareZoomableVideo tileRef={tileRef}>
           {videoTrack}
         </ScreenShareZoomableVideo>
       ) : (

src/frontend/src/features/rooms/livekit/components/ScreenShareFullscreenButton.tsx

@@ -4,8 +4,6 @@ import { memo, useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce'
 
-const getOwnerDocument = (el: Element | null) => el?.ownerDocument ?? document
-
 // Keeps the fullscreen state here rather than on the toolbar, so entering or
 // leaving fullscreen does not re-render the zoom controls.
 export const ScreenShareFullscreenButton = memo(
@@ -18,22 +16,15 @@ export const ScreenShareFullscreenButton = memo(
     const announce = useScreenReaderAnnounce()
 
     const [isFullscreen, setIsFullscreen] = useState(false)
-    const [isFullscreenAvailable, setIsFullscreenAvailable] = useState(
-      () => document.fullscreenEnabled
-    )
     // Tracks whether this tile's container triggered fullscreen (vs another share's).
     const wasThisTileFullscreen = useRef(false)
 
     // Covers Esc and browser UI exits, not just this button.
-    // Listens on the element's own document, so it still works in the popup.
     // Only this tile's instance announces to avoid duplicates with multiple shares.
     useEffect(() => {
-      const doc = getOwnerDocument(containerRef.current)
-      setIsFullscreenAvailable(!!doc.fullscreenEnabled)
-
       const onChange = () => {
         const isThisTileFullscreen =
-          doc.fullscreenElement === containerRef.current
+          document.fullscreenElement === containerRef.current
         setIsFullscreen(isThisTileFullscreen)
 
         if (isThisTileFullscreen) {
@@ -44,17 +35,16 @@ export const ScreenShareFullscreenButton = memo(
           announce(t('fullScreenExited'), 'assertive')
         }
       }
-      doc.addEventListener('fullscreenchange', onChange)
-      return () => doc.removeEventListener('fullscreenchange', onChange)
+      document.addEventListener('fullscreenchange', onChange)
+      return () => document.removeEventListener('fullscreenchange', onChange)
     }, [announce, t, containerRef])
 
     const toggleFullScreen = useCallback(async () => {
-      const doc = getOwnerDocument(containerRef.current)
       try {
-        if (doc.fullscreenElement === containerRef.current) {
-          await doc.exitFullscreen()
+        if (document.fullscreenElement === containerRef.current) {
+          await document.exitFullscreen()
         } else {
-          // Tile / pop-out chrome so zoom controls stay visible in fullscreen.
+          // Tile container so zoom controls stay visible in fullscreen.
           await containerRef.current?.requestFullscreen()
         }
       } catch (error) {
@@ -62,7 +52,7 @@ export const ScreenShareFullscreenButton = memo(
       }
     }, [containerRef])
 
-    if (!isFullscreenAvailable) return null
+    if (!document.fullscreenEnabled) return null
 
     return (
       <Button

src/frontend/src/features/rooms/livekit/components/ScreenSharePopoutPortal.tsx

@@ -1,30 +0,0 @@
-import { createPortal } from 'react-dom'
-import { UNSAFE_PortalProvider } from '@react-aria/overlays'
-import { ScreenReaderAnnouncer } from '@/primitives'
-import { CrossDocumentOverlaysContext } from '@/primitives/CrossDocumentOverlaysContext'
-
-/**
- * Render in the popup. Tooltips have to live there too, or they show up
- * in the meeting window instead.
- */
-export const ScreenSharePopoutPortal = ({
-  container,
-  children,
-}: {
-  container: HTMLElement
-  children: React.ReactNode
-}) => {
-  if (!container.isConnected) return null
-
-  return createPortal(
-    <UNSAFE_PortalProvider getContainer={() => container}>
-      <CrossDocumentOverlaysContext.Provider value={true}>
-        {/* The meeting live region sits in the other document, which a screen
-            reader stops reading once the focus is here. */}
-        <ScreenReaderAnnouncer />
-        {children}
-      </CrossDocumentOverlaysContext.Provider>
-    </UNSAFE_PortalProvider>,
-    container
-  )
-}

src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx

@@ -2,8 +2,6 @@ import { css } from '@/styled-system/css'
 import { Button } from '@/primitives'
 import {
   RiFullscreenExitLine,
-  RiArrowGoBackLine,
-  RiShareBoxLine,
   RiZoomInLine,
   RiZoomOutLine,
 } from '@remixicon/react'
@@ -12,7 +10,6 @@ import { Toolbar } from 'react-aria-components'
 import { useEffect, useRef } from 'react'
 import { isMacintosh } from '@/utils/livekit'
 import { srOnly } from '@/styles/a11y'
-import { useIsMobile } from '@/utils/useIsMobile'
 import { ScreenShareFullscreenButton } from './ScreenShareFullscreenButton'
 
 interface ScreenShareZoomControlsProps {
@@ -21,12 +18,9 @@ interface ScreenShareZoomControlsProps {
   zoomPercentage: number
   canZoomIn: boolean
   canZoomOut: boolean
-  isPoppedOut: boolean
-  popoutButtonRef: React.Ref<HTMLButtonElement>
   onZoomIn: () => void
   onZoomOut: () => void
   onResetZoom: () => void
-  onTogglePopout: () => void
 }
 
 export const ScreenShareZoomControls = ({
@@ -35,15 +29,11 @@ export const ScreenShareZoomControls = ({
   zoomPercentage,
   canZoomIn,
   canZoomOut,
-  isPoppedOut,
-  popoutButtonRef,
   onZoomIn,
   onZoomOut,
   onResetZoom,
-  onTogglePopout,
 }: ScreenShareZoomControlsProps) => {
   const { t } = useTranslation('rooms', { keyPrefix: 'screenShareZoom' })
-  const isMobile = useIsMobile()
 
   const zoomInButtonRef = useRef<HTMLButtonElement>(null)
   const hadFocusInCollapsibleRef = useRef(false)
@@ -168,28 +158,6 @@ export const ScreenShareZoomControls = ({
         >
           <RiZoomInLine size={20} />
         </Button>
-        {/* Desktop only — popups on mobile are usually blocked. */}
-        {!isMobile && (
-          <Button
-            ref={popoutButtonRef}
-            size="sm"
-            variant="primaryTextDark"
-            square
-            tooltip={
-              isPoppedOut ? t('closeSeparateWindow') : t('openInSeparateWindow')
-            }
-            aria-label={
-              isPoppedOut ? t('closeSeparateWindow') : t('openInSeparateWindow')
-            }
-            onPress={onTogglePopout}
-          >
-            {isPoppedOut ? (
-              <RiArrowGoBackLine size={20} />
-            ) : (
-              <RiShareBoxLine size={20} />
-            )}
-          </Button>
-        )}
         <ScreenShareFullscreenButton containerRef={containerRef} />
       </Toolbar>
     </div>

src/frontend/src/features/rooms/livekit/components/ScreenShareZoomableVideo.tsx

@@ -1,83 +1,24 @@
 import { css } from '@/styled-system/css'
-import {
-  cloneElement,
-  isValidElement,
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useRef,
-  type ReactNode,
-} from 'react'
+import { useEffect, useRef, type ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useScreenShareZoom } from '../hooks/useScreenShareZoom'
-import { useScreenSharePopout } from '../hooks/useScreenSharePopout'
 import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce'
 import { ScreenShareZoomControls } from './ScreenShareZoomControls'
-import { ScreenSharePopoutPortal } from './ScreenSharePopoutPortal'
-import {
-  saveScreenShareZoom,
-  takePopoutButtonFocus,
-  takeScreenShareZoom,
-} from '@/stores/screenSharePopout'
 
 interface ScreenShareZoomableVideoProps {
   tileRef: React.RefObject<HTMLDivElement | null>
-  participantName: string
-  trackSid: string
-  windowName: string
   children: ReactNode
 }
 
-const popoutChromeClassName = css({
-  width: '100%',
-  height: '100%',
-  position: 'relative',
-  backgroundColor: 'primaryDark.50',
-  outline: 'none',
-  _focusVisible: {
-    outline: '2px solid',
-    outlineColor: 'primary.500',
-    outlineOffset: '-2px',
-  },
-  '& .lk-participant-media-video': {
-    width: '100%',
-    height: '100%',
-    objectFit: 'contain',
-  },
-})
-
+// The video comes in as children so that a zoom change, which only re-renders
+// this wrapper, leaves the video subtree untouched.
 export const ScreenShareZoomableVideo = ({
   tileRef,
-  participantName,
-  trackSid,
-  windowName,
   children,
 }: ScreenShareZoomableVideoProps) => {
   const zoom = useScreenShareZoom()
   const { t } = useTranslation('rooms', { keyPrefix: 'screenShareZoom' })
   const announce = useScreenReaderAnnounce()
-  const popoutChromeRef = useRef<HTMLDivElement>(null)
-  const popoutButtonRef = useRef<HTMLButtonElement>(null)
-  const wasPoppedOut = useRef(false)
-
-  const getVideoElement = useCallback(
-    () => zoom.transformElRef.current?.querySelector('video') ?? null,
-    [zoom.transformElRef]
-  )
-
-  const popout = useScreenSharePopout({
-    trackSid,
-    windowName,
-    title: t('separateWindowTitle', { name: participantName }),
-    getVideoElement,
-  })
-
-  // Moving the video in or out of the window remounts this tile, because the
-  // stage pin changes. Stash the zoom so the new instance picks it up.
-  const { capture, resync } = zoom
-  useLayoutEffect(() => {
-    return () => saveScreenShareZoom(trackSid, capture())
-  }, [trackSid, capture])
 
   // SR announcement: announce zoom level on change, with a one-time pan hint
   // on the first zoom above 100 % per session.
@@ -98,45 +39,23 @@ export const ScreenShareZoomableVideo = ({
     if (!zoom.isZoomed) hasAnnouncedPanHint.current = false
   }, [zoom.zoomPercentage, zoom.isZoomed, announce, t])
 
-  // Keys on the tile, or on the popup once the video is over there.
+  // Attach keyboard listener on the tile container (has tabIndex=0).
   useEffect(() => {
-    const el = popout.isOpen ? popoutChromeRef.current : tileRef.current
+    const el = tileRef.current
     if (!el) return
     el.addEventListener('keydown', zoom.handleKeyDown)
     return () => el.removeEventListener('keydown', zoom.handleKeyDown)
-  }, [popout.isOpen, tileRef, zoom.handleKeyDown])
+  }, [tileRef, zoom.handleKeyDown])
 
   // Native wheel listener with { passive: false } so preventDefault works.
-  // Re-attach when the video moves to the other window.
   useEffect(() => {
     const el = zoom.surfaceElRef.current
     if (!el) return
     el.addEventListener('wheel', zoom.handleWheel, { passive: false })
     return () => el.removeEventListener('wheel', zoom.handleWheel)
-  }, [zoom.handleWheel, zoom.surfaceElRef, popout.isOpen])
+  }, [zoom.handleWheel, zoom.surfaceElRef])
 
-  // Open: focus the popup. Close: focus the button again (the toolbar remounts).
-  useLayoutEffect(() => {
-    resync(takeScreenShareZoom(trackSid) ?? undefined)
-    if (popout.isOpen) {
-      wasPoppedOut.current = true
-      popoutChromeRef.current?.focus()
-      return
-    }
-    if (!wasPoppedOut.current && !takePopoutButtonFocus(trackSid)) return
-    wasPoppedOut.current = false
-    popoutButtonRef.current?.focus()
-  }, [popout.isOpen, resync, trackSid])
-
-  // LiveKit unsubscribes tiles it believes are off-screen. Its observer
-  // cannot measure an element living in another window and reads it as
-  // hidden, which would drop the track a few seconds after opening.
-  const video =
-    popout.isOpen && isValidElement<{ manageSubscription?: boolean }>(children)
-      ? cloneElement(children, { manageSubscription: false })
-      : children
-
-  const media = (
+  return (
     <>
       <div
         ref={zoom.surfaceElRef}
@@ -161,44 +80,19 @@ export const ScreenShareZoomableVideo = ({
             transformOrigin: 'center center',
           }}
         >
-          {video}
+          {children}
         </div>
       </div>
       <ScreenShareZoomControls
-        containerRef={popout.isOpen ? popoutChromeRef : tileRef}
+        containerRef={tileRef}
         isZoomed={zoom.isZoomed}
         zoomPercentage={zoom.zoomPercentage}
         canZoomIn={zoom.canZoomIn}
         canZoomOut={zoom.canZoomOut}
-        isPoppedOut={popout.isOpen}
-        popoutButtonRef={popoutButtonRef}
         onZoomIn={zoom.zoomIn}
         onZoomOut={zoom.zoomOut}
         onResetZoom={zoom.resetZoom}
-        onTogglePopout={popout.toggle}
       />
     </>
   )
-
-  // Video in the popup. The meeting layout does not keep a tile for it.
-  if (popout.isOpen && popout.container) {
-    return (
-      <ScreenSharePopoutPortal container={popout.container}>
-        <div
-          ref={popoutChromeRef}
-          role="group"
-          // Focusable on purpose: it carries the zoom key handler, and the
-          // popup body is an ancestor, so keys would never bubble to it.
-          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-          tabIndex={0}
-          aria-label={t('separateWindowLabel', { name: participantName })}
-          className={popoutChromeClassName}
-        >
-          {media}
-        </div>
-      </ScreenSharePopoutPortal>
-    )
-  }
-
-  return media
 }

src/frontend/src/features/rooms/livekit/hooks/useScreenSharePopout.ts

@@ -1,112 +0,0 @@
-import { useCallback } from 'react'
-import { useSnapshot } from 'valtio'
-import { useTranslation } from 'react-i18next'
-import { reportError } from '@/features/analytics/telemetry'
-import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce'
-import {
-  closeScreenSharePopout,
-  openScreenSharePopout,
-  screenSharePopoutStore,
-} from '@/stores/screenSharePopout'
-import {
-  getAuxiliaryWindowFeatures,
-  getAuxiliaryWindowSize,
-  initializeAuxiliaryWindow,
-} from '@/utils/auxiliaryWindow'
-
-type UseScreenSharePopoutOptions = {
-  trackSid: string
-  windowName: string
-  title: string
-  getVideoElement?: () => HTMLVideoElement | null
-}
-
-/**
- * Opens the screen share in another window. Closing it does not stop the
- * share: the video just comes back into the meeting.
- *
- * The window lives in a store, not in this hook. Opening it drops the stage
- * pin, so the tile moves from the focus layout into the grid and this
- * component remounts. The store is what keeps the window open across that.
- *
- * A real popup, not the meeting PiP, that one is already taken, and a
- * popup can be as large as another screen.
- */
-export const useScreenSharePopout = ({
-  trackSid,
-  windowName,
-  title,
-  getVideoElement,
-}: UseScreenSharePopoutOptions) => {
-  const { t } = useTranslation('rooms', { keyPrefix: 'screenShareZoom' })
-  const announce = useScreenReaderAnnounce()
-  const { entry } = useSnapshot(screenSharePopoutStore)
-  const isOpen = entry?.trackSid === trackSid
-
-  // Brings the video back into the meeting, from the toolbar button as well as
-  // from the window's own close button. Safe to call after this hook's
-  // component has unmounted: the listener sits on the popup, not on the tile.
-  const release = useCallback(() => {
-    if (screenSharePopoutStore.entry?.trackSid !== trackSid) return
-    closeScreenSharePopout({ restorePin: true })
-    announce(t('separateWindowClosed'), 'assertive')
-  }, [announce, t, trackSid])
-
-  const open = useCallback(() => {
-    if (screenSharePopoutStore.entry) return
-
-    const { width, height } = getAuxiliaryWindowSize(getVideoElement?.())
-    // Open right away: waiting first (fullscreen, etc.) lets the browser
-    // block the popup.
-    const next = window.open(
-      '',
-      windowName,
-      getAuxiliaryWindowFeatures(width, height)
-    )
-
-    if (!next) {
-      announce(t('separateWindowBlocked'), 'assertive')
-      return
-    }
-
-    try {
-      const container = initializeAuxiliaryWindow(next, { title })
-
-      openScreenSharePopout({
-        trackSid,
-        popup: next,
-        container,
-        // The window X does not go through close() — still bring the video back.
-        onPopupClosed: release,
-      })
-      next.focus()
-      announce(t('separateWindowOpened'), 'assertive')
-      // Drop meeting fullscreen: the stage this share was filling goes away.
-      if (document.fullscreenElement) {
-        void document.exitFullscreen()
-      }
-    } catch (error) {
-      reportError('generic_failure', error, {
-        context: 'screen_share_popout_init',
-      })
-      next.close()
-    }
-  }, [announce, getVideoElement, release, t, title, trackSid, windowName])
-
-  const toggle = useCallback(() => {
-    if (screenSharePopoutStore.entry?.trackSid === trackSid) release()
-    else open()
-  }, [open, release, trackSid])
-
-  return {
-    isOpen,
-    // The snapshot deep-freezes the element. The portal needs the real node,
-    // which `ref()` kept out of the proxy.
-    container: isOpen
-      ? (screenSharePopoutStore.entry?.container ?? null)
-      : null,
-    open,
-    close: release,
-    toggle,
-  }
-}

src/frontend/src/features/rooms/livekit/hooks/useScreenShareZoom.ts

@@ -19,8 +19,6 @@ import {
   getZoomTransform,
 } from '../utils/screenShareZoom'
 
-export type ZoomState = { zoom: number; pan: PanOffset }
-
 /**
  * Manages zoom and pan state for a remote screen share.
  *
@@ -81,28 +79,6 @@ export const useScreenShareZoom = () => {
     )
   }, [])
 
-  // After the video moves to the other window, write the current zoom back
-  // on the new nodes (otherwise it looks like 100 % until the next scroll).
-  // Pass a state to adopt one captured before a remount; the pan is clamped
-  // against the new container either way.
-  const resync = useCallback(
-    (state?: ZoomState) => {
-      if (state) {
-        zoomRef.current = state.zoom
-        panRef.current = state.pan
-      }
-      panRef.current = clampPan(
-        panRef.current,
-        zoomRef.current,
-        readPictureRatio()
-      )
-      applyTransform()
-      applyCursor()
-      syncToolbar()
-    },
-    [applyCursor, applyTransform, syncToolbar, readPictureRatio]
-  )
-
   const setZoom = useCallback(
     (next: number) => {
       zoomRef.current = next
@@ -277,13 +253,6 @@ export const useScreenShareZoom = () => {
     [panBy, zoomIn, zoomOut, resetZoom]
   )
 
-  // The tile remounts when the layout switches. Callers stash this across
-  // that remount so the popup keeps the zoom the user already had.
-  const capture = useCallback(
-    (): ZoomState => ({ zoom: zoomRef.current, pan: { ...panRef.current } }),
-    []
-  )
-
   return {
     zoomPercentage: Math.round(zoomLevel * 100),
     isZoomed: zoomLevel > MIN_ZOOM,
@@ -295,8 +264,6 @@ export const useScreenShareZoom = () => {
     zoomIn,
     zoomOut,
     resetZoom,
-    resync,
-    capture,
     handleWheel,
     handleKeyDown,
   }

src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx

@@ -1,7 +1,7 @@
 import { isWeb } from '@livekit/components-core'
 import { MediaDeviceFailure, Track } from 'livekit-client'
 import { getMediaDeviceFailure } from '../utils/mediaPermissions'
-import React, { useEffect, useState } from 'react'
+import React, { useState } from 'react'
 import {
   ConnectionStateToast,
   RoomAudioRenderer,
@@ -32,7 +32,6 @@ import { ChatProvider } from '@/features/chat/components/ChatProvider'
 import { SyncDevicePreferences } from '@/features/rooms/livekit/components/SyncDevicePreferences'
 import { RoomSilentMicDetector } from '@/features/rooms/components/SilentMicDetector'
 import { LobbyProvider } from '@/features/rooms/components/LobbyProvider'
-import { closeScreenSharePopout } from '@/stores/screenSharePopout'
 
 /**
  * @public
@@ -79,12 +78,6 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
 
   const { isOpen: isPictureInPictureOpen } = usePictureInPicture()
 
-  // Picture-in-picture replaces the stage, which is what renders a popped-out
-  // share. Bring it back rather than leave an empty window behind.
-  useEffect(() => {
-    if (isPictureInPictureOpen) closeScreenSharePopout({ restorePin: true })
-  }, [isPictureInPictureOpen])
-
   const [isShareErrorVisible, setIsShareErrorVisible] = useState(false)
 
   const handleDeviceError = ({

src/frontend/src/locales/de/rooms.json

@@ -772,14 +772,7 @@
     "currentZoomLevel": "Zoom {{level}} %",
     "panHint": "Zoom {{level}} %. Mit der Maus ziehen oder den Fokus zurück auf die Bildschirmfreigabe setzen und mit den Pfeiltasten im Bild navigieren.",
     "fullScreenEntered": "Vollbild aktiviert",
-    "fullScreenExited": "Vollbild deaktiviert",
-    "openInSeparateWindow": "In eigenem Fenster öffnen",
-    "closeSeparateWindow": "Bildschirmfreigabe zurück in die Besprechung holen",
-    "separateWindowOpened": "Bildschirmfreigabe in einem eigenen Fenster geöffnet",
-    "separateWindowClosed": "Bildschirmfreigabe zurück in die Besprechung geholt",
-    "separateWindowBlocked": "Der Browser hat das eigene Fenster blockiert. Erlauben Sie Pop-ups für diese Website und versuchen Sie es erneut.",
-    "separateWindowTitle": "Bildschirmfreigabe von {{name}}",
-    "separateWindowLabel": "Bildschirmfreigabe von {{name}} in einem eigenen Fenster"
+    "fullScreenExited": "Vollbild deaktiviert"
   },
   "shortcutsPanel": {
     "title": "Tastenkürzel",

src/frontend/src/locales/en/rooms.json

@@ -772,14 +772,7 @@
     "currentZoomLevel": "Zoom {{level}} %",
     "panHint": "Zoom {{level}} %. Drag with mouse, or move focus back to the screen share and use arrow keys to navigate the picture.",
     "fullScreenEntered": "Full screen enabled",
-    "fullScreenExited": "Full screen disabled",
-    "openInSeparateWindow": "Open in separate window",
-    "closeSeparateWindow": "Return screen share to meeting",
-    "separateWindowOpened": "Screen share opened in a separate window",
-    "separateWindowClosed": "Screen share returned to the meeting",
-    "separateWindowBlocked": "The browser blocked the separate window. Allow pop-ups for this site and try again.",
-    "separateWindowTitle": "{{name}}'s screen share",
-    "separateWindowLabel": "{{name}}'s screen share in a separate window"
+    "fullScreenExited": "Full screen disabled"
   },
   "shortcutsPanel": {
     "title": "Keyboard shortcuts",

src/frontend/src/locales/es/rooms.json

@@ -771,14 +771,7 @@
     "currentZoomLevel": "Zoom {{level}} %",
     "panHint": "Zoom {{level}} %. Arrastra con el ratón, o vuelve a la pantalla compartida y usa las flechas para moverte por la imagen.",
     "fullScreenEntered": "Pantalla completa activada",
-    "fullScreenExited": "Pantalla completa desactivada",
-    "openInSeparateWindow": "Abrir en una ventana separada",
-    "closeSeparateWindow": "Devolver la pantalla compartida a la reunión",
-    "separateWindowOpened": "Pantalla compartida abierta en una ventana separada",
-    "separateWindowClosed": "Pantalla compartida devuelta a la reunión",
-    "separateWindowBlocked": "El navegador bloqueó la ventana separada. Permite las ventanas emergentes para este sitio y vuelve a intentarlo.",
-    "separateWindowTitle": "Pantalla compartida de {{name}}",
-    "separateWindowLabel": "Pantalla compartida de {{name}} en una ventana separada"
+    "fullScreenExited": "Pantalla completa desactivada"
   },
   "shortcutsPanel": {
     "title": "Atajos de teclado",

src/frontend/src/locales/fr/rooms.json

@@ -772,14 +772,7 @@
     "currentZoomLevel": "Zoom {{level}} %",
     "panHint": "Zoom {{level}} %. Glissez avec la souris, ou revenez sur le partage d'écran et utilisez les touches fléchées pour naviguer dans l'image.",
     "fullScreenEntered": "Plein écran activé",
-    "fullScreenExited": "Plein écran désactivé",
-    "openInSeparateWindow": "Ouvrir dans une fenêtre séparée",
-    "closeSeparateWindow": "Ramener le partage d'écran dans la réunion",
-    "separateWindowOpened": "Partage d'écran ouvert dans une fenêtre séparée",
-    "separateWindowClosed": "Partage d'écran ramené dans la réunion",
-    "separateWindowBlocked": "Le navigateur a bloqué la fenêtre séparée. Autorisez les pop-ups pour ce site, puis réessayez.",
-    "separateWindowTitle": "Partage d'écran de {{name}}",
-    "separateWindowLabel": "Partage d'écran de {{name}} dans une fenêtre séparée"
+    "fullScreenExited": "Plein écran désactivé"
   },
   "shortcutsPanel": {
     "title": "Raccourcis clavier",

src/frontend/src/locales/nl/rooms.json

@@ -772,14 +772,7 @@
     "currentZoomLevel": "Zoom {{level}} %",
     "panHint": "Zoom {{level}} %. Sleep met de muis, of zet de focus terug op de schermdeling en gebruik de pijltjestoetsen om door het beeld te navigeren.",
     "fullScreenEntered": "Volledig scherm ingeschakeld",
-    "fullScreenExited": "Volledig scherm uitgeschakeld",
-    "openInSeparateWindow": "Openen in een apart venster",
-    "closeSeparateWindow": "Schermdeling terugzetten in de vergadering",
-    "separateWindowOpened": "Schermdeling geopend in een apart venster",
-    "separateWindowClosed": "Schermdeling teruggezet in de vergadering",
-    "separateWindowBlocked": "De browser heeft het aparte venster geblokkeerd. Sta pop-ups toe voor deze site en probeer het opnieuw.",
-    "separateWindowTitle": "Schermdeling van {{name}}",
-    "separateWindowLabel": "Schermdeling van {{name}} in een apart venster"
+    "fullScreenExited": "Volledig scherm uitgeschakeld"
   },
   "shortcutsPanel": {
     "title": "Sneltoetsen",

src/frontend/src/stores/screenSharePopout.ts

@@ -1,123 +0,0 @@
-import { flushSync } from 'react-dom'
-import { proxy, ref } from 'valtio'
-import type { TrackReferenceOrPlaceholder } from '@livekit/components-core'
-import type { ZoomState } from '@/features/rooms/livekit/hooks/useScreenShareZoom'
-import { clearPinnedTrack, layoutStore, setPinnedTrack } from '@/stores/layout'
-
-type Entry = {
-  trackSid: string
-  window: Window
-  container: HTMLElement
-  // Pin that was on screen when the window opened. Restored on close so the
-  // share (or whichever tile was focused) comes back. Absent when the meeting
-  // was already in grid view.
-  pinnedTrack?: TrackReferenceOrPlaceholder
-  detachListeners: () => void
-}
-
-export const screenSharePopoutStore = proxy<{ entry: Entry | null }>({
-  entry: null,
-})
-
-// Opening and closing both move the video between documents, which remounts
-// the tile. These two slots carry what must survive that remount. They are
-// armed by the transitions below, so an unrelated remount keeps its previous
-// behaviour: the zoom resets and the focus stays where it was.
-let armedSid: string | null = null
-let carriedZoom: { trackSid: string; state: ZoomState } | null = null
-let pendingButtonFocusSid: string | null = null
-
-export const saveScreenShareZoom = (trackSid: string, state: ZoomState) => {
-  if (armedSid !== trackSid) return
-  // One save per transition, so a later unrelated remount starts from scratch.
-  armedSid = null
-  carriedZoom = { trackSid, state }
-}
-
-export const takeScreenShareZoom = (trackSid: string) => {
-  if (carriedZoom?.trackSid !== trackSid) return null
-  const { state } = carriedZoom
-  carriedZoom = null
-  return state
-}
-
-export const takePopoutButtonFocus = (trackSid: string) => {
-  if (pendingButtonFocusSid !== trackSid) return false
-  pendingButtonFocusSid = null
-  return true
-}
-
-export const openScreenSharePopout = ({
-  trackSid,
-  popup,
-  container,
-  onPopupClosed,
-}: {
-  trackSid: string
-  popup: Window
-  container: HTMLElement
-  onPopupClosed: () => void
-}) => {
-  const popupHidden = () => onPopupClosed()
-  // The meeting tab is going away: drop the window rather than run the
-  // bring-back flow, which would touch React while the page tears down.
-  const openerHidden = () => {
-    popup.removeEventListener('pagehide', popupHidden)
-    popup.close()
-  }
-  popup.addEventListener('pagehide', popupHidden, { once: true })
-  window.addEventListener('pagehide', openerHidden)
-
-  const pinnedTrack = layoutStore.pinnedTrackRef
-  armedSid = trackSid
-  screenSharePopoutStore.entry = {
-    trackSid,
-    window: ref(popup),
-    container: ref(container),
-    pinnedTrack: pinnedTrack ? ref(pinnedTrack) : undefined,
-    detachListeners: () => {
-      popup.removeEventListener('pagehide', popupHidden)
-      window.removeEventListener('pagehide', openerHidden)
-    },
-  }
-  // The share (or another pin) was filling the stage. Grid view leaves the
-  // rest of the meeting the whole window while the share is outside.
-  if (pinnedTrack) clearPinnedTrack()
-}
-
-// Clears the popout. The previous pin is restored only when the video is
-// coming back: if the share itself ended, that pin points at a dead track.
-export const closeScreenSharePopout = ({
-  restorePin,
-}: {
-  restorePin: boolean
-}) => {
-  const entry = screenSharePopoutStore.entry
-  if (!entry) return
-  const { window: popup, pinnedTrack, trackSid, detachListeners } = entry
-  detachListeners()
-
-  if (restorePin) {
-    // Both must be set before the render below: it remounts the tile, which
-    // reads them from its layout effect.
-    armedSid = trackSid
-    pendingButtonFocusSid = trackSid
-    // Put the cursor back in the meeting so the tile can focus its button.
-    window.focus()
-  } else {
-    armedSid = null
-    carriedZoom = null
-    pendingButtonFocusSid = null
-  }
-
-  // Unmount the portal while the other document is still alive, and put the
-  // pin back in the same render so the share doesn't flash through the grid.
-  flushSync(() => {
-    screenSharePopoutStore.entry = null
-    if (restorePin && pinnedTrack && !layoutStore.pinnedTrackRef) {
-      setPinnedTrack(pinnedTrack)
-    }
-  })
-  popup.close()
-  armedSid = null
-}

src/frontend/src/utils/auxiliaryWindow.ts

@@ -1,89 +0,0 @@
-// Helpers for a separate window. Not the meeting PiP: that API allows only
-// one window, and it is already used. A blank popup has no CSS, so we copy
-// styles from the meeting.
-
-const AUXILIARY_ROOT_ID = 'root'
-
-const copyDocumentChrome = (target: Window) => {
-  const { document: targetDoc } = target
-  document.head
-    .querySelectorAll('link[rel="stylesheet"], style')
-    .forEach((node) => {
-      targetDoc.head.appendChild(node.cloneNode(true))
-    })
-
-  targetDoc.documentElement.className = document.documentElement.className
-  targetDoc.documentElement.style.cssText =
-    document.documentElement.style.cssText
-  targetDoc.documentElement.setAttribute(
-    'lang',
-    document.documentElement.lang || 'en'
-  )
-
-  const theme = document.documentElement.dataset.lkTheme
-  if (theme) {
-    targetDoc.documentElement.dataset.lkTheme = theme
-  }
-}
-
-const ensureAuxiliaryRoot = (target: Window) => {
-  const existing = target.document.getElementById(AUXILIARY_ROOT_ID)
-  if (existing) return existing
-
-  const root = target.document.createElement('div')
-  root.id = AUXILIARY_ROOT_ID
-  root.style.width = '100%'
-  root.style.height = '100%'
-  target.document.body.appendChild(root)
-  return root
-}
-
-// Fill the window and reuse the meeting colors so it does not flash white.
-const applyLayout = (target: Window) => {
-  const { document: targetDoc } = target
-  const sourceBody = getComputedStyle(document.body)
-
-  targetDoc.documentElement.style.height = '100%'
-  targetDoc.body.style.margin = '0'
-  targetDoc.body.style.height = '100%'
-  targetDoc.body.style.overflow = 'hidden'
-  targetDoc.body.style.backgroundColor = sourceBody.backgroundColor
-  targetDoc.body.style.color = sourceBody.color
-}
-
-// Returns the element to portal into.
-export const initializeAuxiliaryWindow = (
-  target: Window,
-  { title }: { title: string }
-) => {
-  copyDocumentChrome(target)
-  target.document.title = title
-  applyLayout(target)
-  return ensureAuxiliaryRoot(target)
-}
-
-// Match the shared screen size, but keep the window on one display.
-export const getAuxiliaryWindowSize = (
-  video?: Pick<HTMLVideoElement, 'videoWidth' | 'videoHeight'> | null
-) => {
-  const maxWidth = Math.max(320, Math.round(window.screen.availWidth * 0.9))
-  const maxHeight = Math.max(240, Math.round(window.screen.availHeight * 0.9))
-  const videoWidth = video?.videoWidth ?? 0
-  const videoHeight = video?.videoHeight ?? 0
-
-  if (videoWidth > 0 && videoHeight > 0) {
-    const scale = Math.min(maxWidth / videoWidth, maxHeight / videoHeight, 1)
-    return {
-      width: Math.max(320, Math.round(videoWidth * scale)),
-      height: Math.max(240, Math.round(videoHeight * scale)),
-    }
-  }
-
-  return {
-    width: Math.min(1280, maxWidth),
-    height: Math.min(720, maxHeight),
-  }
-}
-
-export const getAuxiliaryWindowFeatures = (width: number, height: number) =>
-  `popup=yes,width=${width},height=${height},resizable=yes,scrollbars=no,status=no,location=no,toolbar=no,menubar=no`

src/mail/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "mail_mjml",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mail_mjml",
-      "version": "1.31.0",
+      "version": "1.32.0",
       "license": "MIT",
       "dependencies": {
         "@html-to/text-cli": "0.6.1",

src/mail/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mail_mjml",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "description": "An util to generate html and text django's templates from mjml templates",
   "type": "module",
   "dependencies": {

src/sdk/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "sdk",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "sdk",
-      "version": "1.31.0",
+      "version": "1.32.0",
       "license": "ISC",
       "workspaces": [
         "./library",

src/sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdk",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "author": "",
   "license": "ISC",
   "description": "",

src/summary/pyproject.toml

@@ -1,7 +1,7 @@
 
 [project]
 name = "summary"
-version = "1.31.0"
+version = "1.32.0"
 requires-python = ">=3.13"
 dependencies = [
     "fastapi[standard]>=0.105.0",

src/summary/uv.lock

@@ -1516,7 +1516,7 @@ wheels = [
 
 [[package]]
 name = "summary"
-version = "1.31.0"
+version = "1.32.0"
 source = { editable = "." }
 dependencies = [
     { name = "celery" },