feat(groups): audio and video calls in group chats; release v6.6.6
CodeQL Analysis / Analyze CodeQL (push) Canceled after 0s
Deploy Application / deploy (push) Canceled after 0s
Mirror to Codeberg / mirror (push) Canceled after 0s
Mirror to PrivacyGuides / mirror (push) Canceled after 0s

A group call is N-1 ordinary 1:1 calls, one to each other member, each riding
the pairwise session that member already has — a transport a human already
authenticated by comparing the safety code. No mixer, no SFU, no point at which
two people's media meets anywhere but on a device.

Call control is separate from call media, because the two reach different sets
of people. Who opened a call, who joined and who left travels as group frames
signed with the sender's group identity key, so it reaches members currently
reachable only through a relay — and a relaying member can drop one but cannot
write one. Media flows only where a direct link exists, so a member without one
shows as connecting rather than being omitted. Frames carry a per-sender
sequence checked before the action, so a captured leave cannot end a later call,
and simultaneous calls converge on the lower random call id.

One capture is shared across every leg rather than one getUserMedia per member,
and legs answer without prompting: the flag permitting that is set only locally,
only while this user is in the call, and cleared when they leave.

UI: a gallery that sizes itself from the space it has, a spotlight view, an
active-speaker indicator read from the waveform, and the call surface in the
same visual language as the 1:1 one.

Also in this commit, the v6.5.0 language-suggestion work that had not been
pushed yet; its notes are in the changelog. And two fixes: the safety-code input
asks for digits rather than text, and starting a new chat from inside a group no
longer creates it behind the group where it cannot be seen — which had made it
impossible to connect to anyone new, or to add anyone to a group, while a group
was open.

Claude-Session: https://claude.ai/code/session_01XSxAkET3hQTkYDQfbjCQwZ
This commit is contained in:
lockbitchat
2026-09-01 01:04:11 -04:00
parent 5e32f547b9
commit 113bb107d3
62 changed files with 8412 additions and 1039 deletions
+24 -24
View File
@@ -30,7 +30,7 @@
<!-- PWA Manifest -->
<link rel="manifest" href="/he/manifest.json">
<link rel="icon" type="image/x-icon" href="/logo/favicon.ico?v=1788040116230">
<link rel="icon" type="image/x-icon" href="/logo/favicon.ico?v=1788237895492">
<!-- PWA Meta Tags -->
<meta name="mobile-web-app-capable" content="yes">
@@ -96,7 +96,7 @@
<link rel="apple-touch-startup-image" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/logo/splash/splash_screens/8.3__iPad_Mini_portrait.png">
<!-- Apple Touch Icons -->
<link rel="apple-touch-icon" href="/logo/icon-180x180.png?v=1788040116230">
<link rel="apple-touch-icon" href="/logo/icon-180x180.png?v=1788237895492">
<link rel="apple-touch-icon" sizes="57x57" href="/logo/icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/logo/icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/logo/icon-72x72.png">
@@ -105,7 +105,7 @@
<link rel="apple-touch-icon" sizes="120x120" href="/logo/icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/logo/icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/logo/icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/logo/icon-180x180.png?v=1788040116230">
<link rel="apple-touch-icon" sizes="180x180" href="/logo/icon-180x180.png?v=1788237895492">
<!-- Microsoft Tiles -->
<meta name="msapplication-TileColor" content="#ff6b35">
@@ -222,7 +222,7 @@
<!-- Render-blocking JS is deferred: classic deferred scripts and module scripts
both execute in document order after parsing, so React still runs before the
app modules below, but the parser / first paint is no longer blocked. -->
<script defer src="/config/ice-servers.js?v=1788040116230"></script>
<script defer src="/config/ice-servers.js?v=1788237895492"></script>
<script defer src="/libs/react/react.production.min.js"></script>
<script defer src="/libs/react-dom/react-dom.production.min.js"></script>
<!-- Prism syntax highlighting (vendored, offline). Tokenizes code as TEXT only —
@@ -230,8 +230,8 @@
Its CSS is loaded async via load-async-css.js (not paint-critical). -->
<script defer src="/libs/prism/prism.js"></script>
<!-- Critical, paint-defining CSS stays render-blocking (avoids FOUC / layout shift). -->
<link rel="stylesheet" href="/assets/tailwind.css?v=1788040116230">
<link rel="icon" type="image/x-icon" href="/logo/favicon.ico?v=1788040116230">
<link rel="stylesheet" href="/assets/tailwind.css?v=1788237895492">
<link rel="icon" type="image/x-icon" href="/logo/favicon.ico?v=1788237895492">
<!-- Preload only the fonts needed for first paint. fa-solid covers the bulk of UI
icons; fa-regular/fa-brands are loaded on demand by their CSS (rarely on the
first screen). Inter latin 400/700 cover body text and headings/buttons. -->
@@ -239,38 +239,38 @@
<link rel="preload" href="/assets/fonts/inter/files/inter-latin-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/fonts/inter/files/inter-latin-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/assets/fonts/inter/inter.css">
<link rel="stylesheet" href="/src/styles/main.css?v=1788040116230">
<link rel="stylesheet" href="/src/styles/animations.css?v=1788040116230">
<link rel="stylesheet" href="/src/styles/components.css?v=1788040116230">
<link rel="stylesheet" href="/src/styles/main.css?v=1788237895492">
<link rel="stylesheet" href="/src/styles/animations.css?v=1788237895492">
<link rel="stylesheet" href="/src/styles/components.css?v=1788237895492">
<!-- Loads after components.css on purpose: press feedback, material weight,
size-specific tracking and the reduced-motion / -transparency / -contrast
answers all need to settle arguments with the sheets above on source order. -->
<link rel="stylesheet" href="/src/styles/apple-motion.css?v=1788040116230">
<link rel="stylesheet" href="/src/styles/apple-motion.css?v=1788237895492">
<!-- Last of the hand-written sheets: the mirroring rules must win over anything
above them, and they only ever apply under [dir="rtl"]. -->
<link rel="stylesheet" href="/src/styles/rtl.css?v=1788040116230">
<link rel="stylesheet" href="/src/styles/rtl.css?v=1788237895492">
<!-- Non-critical CSS (FontAwesome ~102KB, Prism) loaded async — no longer blocks paint. -->
<script defer src="/src/scripts/load-async-css.js?v=1788040116230"></script>
<script defer src="/src/scripts/load-async-css.js?v=1788237895492"></script>
<noscript>
<link rel="stylesheet" href="/assets/fontawesome/css/all.min.css">
<link rel="stylesheet" href="/libs/prism/prism.css">
</noscript>
<script defer src="/src/scripts/fa-check.js?v=1788040116230"></script>
<script defer src="/src/scripts/fa-check.js?v=1788237895492"></script>
<!-- Update Manager - система принудительного обновления -->
<script defer src="/src/utils/updateManager.js?v=1788040116230"></script>
<script type="module" src="/src/components/UpdateChecker.jsx?v=1788040116230"></script>
<script type="module" src="/dist/qr-local.js?v=1788040116230"></script>
<script type="module" src="/src/components/QRScanner.js?v=1788040116230"></script>
<script defer src="/src/utils/updateManager.js?v=1788237895492"></script>
<script type="module" src="/src/components/UpdateChecker.jsx?v=1788237895492"></script>
<script type="module" src="/dist/qr-local.js?v=1788237895492"></script>
<script type="module" src="/src/components/QRScanner.js?v=1788237895492"></script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/dist/app-boot.js?v=1788040116230"></script>
<script type="module" src="/dist/app.js?v=1788040116230"></script>
<script type="module" src="/dist/app-boot.js?v=1788237895492"></script>
<script type="module" src="/dist/app.js?v=1788237895492"></script>
<script defer src="/src/scripts/pwa-register.js?v=1788040116230"></script>
<script src="/src/pwa/install-prompt.js?v=1788040116230" type="module"></script>
<script src="/src/pwa/pwa-manager.js?v=1788040116230" type="module"></script>
<script defer src="/src/scripts/pwa-offline-test.js?v=1788040116230"></script>
<link rel="stylesheet" href="/src/styles/pwa.css?v=1788040116230">
<script defer src="/src/scripts/pwa-register.js?v=1788237895492"></script>
<script src="/src/pwa/install-prompt.js?v=1788237895492" type="module"></script>
<script src="/src/pwa/pwa-manager.js?v=1788237895492" type="module"></script>
<script defer src="/src/scripts/pwa-offline-test.js?v=1788237895492"></script>
<link rel="stylesheet" href="/src/styles/pwa.css?v=1788237895492">
</body>
</html>