From 339ae59438852c8ce0e798f3560add7f33b08797 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Tue, 2 Sep 2025 21:33:38 +0200
Subject: [PATCH 1/8] fix: Remove leftover from previous algorithm version
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 src/components/CallView/shared/TranscriptBlock.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/components/CallView/shared/TranscriptBlock.vue b/src/components/CallView/shared/TranscriptBlock.vue
index 7e8df1ae275..a0034819659 100644
--- a/src/components/CallView/shared/TranscriptBlock.vue
+++ b/src/components/CallView/shared/TranscriptBlock.vue
@@ -229,13 +229,6 @@ export default {
 			for (let i = lastKnownChunkIndex + 1; i < this.$refs.chunks.length; i++) {
 				const nextChunkElement = this.$refs.chunks[i]
 
-				// Separators are inline rather than inline-block, so they have
-				// different top and bottom boundaries and they should not be
-				// taken into account.
-				if (nextChunkElement.classList.contains('separator')) {
-					continue
-				}
-
 				const nextChunkElementClientRects = nextChunkElement.getClientRects()
 				const nextChunkElementTop = nextChunkElementClientRects[0].top
 

From 29ea0cff4007055fc24866ab84aeb2de28dacfa4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Tue, 2 Sep 2025 21:33:59 +0200
Subject: [PATCH 2/8] fix: Fix type of chunk elements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 src/components/CallView/shared/TranscriptBlock.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CallView/shared/TranscriptBlock.vue b/src/components/CallView/shared/TranscriptBlock.vue
index a0034819659..adf00c68e69 100644
--- a/src/components/CallView/shared/TranscriptBlock.vue
+++ b/src/components/CallView/shared/TranscriptBlock.vue
@@ -43,7 +43,7 @@ import { getDisplayNameWithFallback } from '../../../utils/getDisplayName.ts'
 
 declare module 'vue' {
 	interface TypeRefs {
-		chunks: undefined | Array<HTMLDivElement>
+		chunks: undefined | Array<HTMLSpanElement>
 	}
 
 	interface ComponentCustomProperties {

From db430c35e0ec6c939f9d596d8cea21919129610b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Tue, 2 Sep 2025 19:37:00 +0200
Subject: [PATCH 3/8] refactor: Extract object to its own variable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 .../CallView/shared/LiveTranscriptionRenderer.vue           | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/CallView/shared/LiveTranscriptionRenderer.vue b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
index fee333d115d..f37b652962c 100644
--- a/src/components/CallView/shared/LiveTranscriptionRenderer.vue
+++ b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
@@ -237,10 +237,12 @@ export default {
 				lastTranscriptBlock = transcriptBlock
 			}
 
-			lastTranscriptBlock.chunks.push({
+			const newTranscriptChunk = {
 				message,
 				languageId,
-			})
+			}
+
+			lastTranscriptBlock.chunks.push(newTranscriptChunk)
 
 			this.$nextTick(() => {
 				this.scrollToBottomLineByLine()

From 7c8000f085975b1ff758bd49f55e4475c9b91af0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Tue, 2 Sep 2025 19:47:27 +0200
Subject: [PATCH 4/8] refactor: Split type for chunk and chunk element data
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 src/components/CallView/shared/TranscriptBlock.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/CallView/shared/TranscriptBlock.vue b/src/components/CallView/shared/TranscriptBlock.vue
index adf00c68e69..5767033720d 100644
--- a/src/components/CallView/shared/TranscriptBlock.vue
+++ b/src/components/CallView/shared/TranscriptBlock.vue
@@ -66,6 +66,11 @@ interface Chunk {
 	languageId: string
 }
 
+interface ChunkElementData {
+	message: string
+	languageId: string
+}
+
 export default {
 	name: 'TranscriptBlock',
 
@@ -167,7 +172,7 @@ export default {
 		},
 
 		chunksWithSeparator() {
-			const chunksWithSeparator = [] as Array<Chunk>
+			const chunksWithSeparator = [] as Array<ChunkElementData>
 
 			if (!this.chunks.length) {
 				return chunksWithSeparator

From 8da135ec37ebc5bf5ba63b5175f91bd7b5f881d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Wed, 3 Sep 2025 04:51:50 +0200
Subject: [PATCH 5/8] refactor: Export and import type rather than defining it
 again
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 .../CallView/shared/LiveTranscriptionRenderer.vue           | 6 +-----
 src/components/CallView/shared/TranscriptBlock.vue          | 4 ++++
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/CallView/shared/LiveTranscriptionRenderer.vue b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
index f37b652962c..88883267c95 100644
--- a/src/components/CallView/shared/LiveTranscriptionRenderer.vue
+++ b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
@@ -20,6 +20,7 @@
 
 <script lang="ts">
 import type { PropType } from 'vue'
+import type { Chunk } from './TranscriptBlock.vue'
 
 import TranscriptBlock from './TranscriptBlock.vue'
 import { useLiveTranscriptionStore } from '../../../stores/liveTranscription.ts'
@@ -49,11 +50,6 @@ interface CallParticipantModel {
 	off: (event: string, handler: (model: CallParticipantModel, ...args: any[]) => void) => void
 }
 
-interface Chunk {
-	message: string
-	languageId: string
-}
-
 interface TranscriptBlockData {
 	id: number
 	model: CallParticipantModel
diff --git a/src/components/CallView/shared/TranscriptBlock.vue b/src/components/CallView/shared/TranscriptBlock.vue
index 5767033720d..d8a02809989 100644
--- a/src/components/CallView/shared/TranscriptBlock.vue
+++ b/src/components/CallView/shared/TranscriptBlock.vue
@@ -71,6 +71,10 @@ interface ChunkElementData {
 	languageId: string
 }
 
+export type {
+	Chunk,
+}
+
 export default {
 	name: 'TranscriptBlock',
 

From 4027eb9c0a32ea610a9ef57602da052c782f80d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Tue, 2 Sep 2025 19:49:09 +0200
Subject: [PATCH 6/8] feat: Handle partial transcript chunks in live
 transcription
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Originally the live_transcription app sent the transcripts once they
were definitive, so each transcript could take several seconds to be
received until the app was "confident" enough and settled on a text. Now
it will send transcripts as soon as possible instead, and a "final"
attribute is now included in the signaling message to mark whether a
transcript is "frozen" or should be replaced with the next transcript.

For backwards compatibility any transcript message without an explicit
"final" attribute is seen as final.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 .../CallView/shared/LiveTranscriptionRenderer.vue    | 12 ++++++++++--
 src/components/CallView/shared/TranscriptBlock.vue   |  1 +
 src/utils/webrtc/models/CallParticipantModel.js      |  2 +-
 src/utils/webrtc/simplewebrtc/simplewebrtc.js        |  7 ++++++-
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/CallView/shared/LiveTranscriptionRenderer.vue b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
index 88883267c95..fb332bba51c 100644
--- a/src/components/CallView/shared/LiveTranscriptionRenderer.vue
+++ b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
@@ -213,8 +213,10 @@ export default {
 		 * @param message the transcribed message.
 		 * @param languageId the ID of the language of the transcribed
 		 *        message.
+		 * @param final true if the transcript will not be updated afterwards,
+		 *        false otherwise.
 		 */
-		handleTranscript(model: CallParticipantModel, message: string, languageId: string) {
+		handleTranscript(model: CallParticipantModel, message: string, languageId: string, final: boolean) {
 			let lastTranscriptBlock = this.transcriptBlocks.at(-1)
 
 			const messageIsRightToLeft = this.liveTranscriptionLanguages[languageId]?.metadata.rtl || false
@@ -236,9 +238,15 @@ export default {
 			const newTranscriptChunk = {
 				message,
 				languageId,
+				final,
 			}
 
-			lastTranscriptBlock.chunks.push(newTranscriptChunk)
+			const lastTranscriptChunk = lastTranscriptBlock.chunks.at(-1)
+			if (!lastTranscriptChunk || lastTranscriptChunk.final) {
+				lastTranscriptBlock.chunks.push(newTranscriptChunk)
+			} else {
+				lastTranscriptBlock.chunks.splice(-1, 1, newTranscriptChunk)
+			}
 
 			this.$nextTick(() => {
 				this.scrollToBottomLineByLine()
diff --git a/src/components/CallView/shared/TranscriptBlock.vue b/src/components/CallView/shared/TranscriptBlock.vue
index d8a02809989..6a6a8bc381a 100644
--- a/src/components/CallView/shared/TranscriptBlock.vue
+++ b/src/components/CallView/shared/TranscriptBlock.vue
@@ -64,6 +64,7 @@ interface CallParticipantModel {
 interface Chunk {
 	message: string
 	languageId: string
+	final: boolean
 }
 
 interface ChunkElementData {
diff --git a/src/utils/webrtc/models/CallParticipantModel.js b/src/utils/webrtc/models/CallParticipantModel.js
index 72cde0a32a3..32866ea7168 100644
--- a/src/utils/webrtc/models/CallParticipantModel.js
+++ b/src/utils/webrtc/models/CallParticipantModel.js
@@ -420,7 +420,7 @@ CallParticipantModel.prototype = {
 			return
 		}
 
-		this._trigger('transcript', [data.message, data.languageId])
+		this._trigger('transcript', [data.message, data.languageId, data.final])
 	},
 
 }
diff --git a/src/utils/webrtc/simplewebrtc/simplewebrtc.js b/src/utils/webrtc/simplewebrtc/simplewebrtc.js
index 3d0057e9fdb..5a787e85ca4 100644
--- a/src/utils/webrtc/simplewebrtc/simplewebrtc.js
+++ b/src/utils/webrtc/simplewebrtc/simplewebrtc.js
@@ -131,7 +131,12 @@ export default function SimpleWebRTC(opts) {
 		} else if (message.type === 'transcript') {
 			// "transcript" will be received from the transcription service,
 			// which will not have a Peer object.
-			self.emit('transcript', { id: message.speakerSessionId, message: message.message, languageId: message.langId })
+			self.emit('transcript', {
+				id: message.speakerSessionId,
+				message: message.message,
+				languageId: message.langId,
+				final: message.final !== undefined ? message.final : true,
+			})
 		} else if (peers.length) {
 			peers.forEach(function(peer) {
 				if (message.sid && !self.connection.hasFeature('mcu')) {

From d49c5fb3996a6056ceeb392c5bfc4df8c237aec1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Tue, 2 Sep 2025 20:32:39 +0200
Subject: [PATCH 7/8] fix: Regenerate line information for last chunk
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Now that the last chunk can be replaced with a different one it is
necessary to remove the cached line information for the last known chunk
and generate it again, rather than updating the cache from the chunk
after the last known one.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 .../CallView/shared/TranscriptBlock.spec.js   | 194 ++++++++++++++++++
 .../CallView/shared/TranscriptBlock.vue       |  28 ++-
 2 files changed, 221 insertions(+), 1 deletion(-)
 create mode 100644 src/components/CallView/shared/TranscriptBlock.spec.js

diff --git a/src/components/CallView/shared/TranscriptBlock.spec.js b/src/components/CallView/shared/TranscriptBlock.spec.js
new file mode 100644
index 00000000000..df5a498ee13
--- /dev/null
+++ b/src/components/CallView/shared/TranscriptBlock.spec.js
@@ -0,0 +1,194 @@
+/*
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { shallowMount } from '@vue/test-utils'
+import { beforeEach, describe, expect, test } from 'vitest'
+import TranscriptBlock from './TranscriptBlock.vue'
+
+describe('TranscriptBlock.vue', () => {
+	describe('remove last chunk from lines', () => {
+		let wrapper
+		let lines
+
+		beforeEach(() => {
+			wrapper = shallowMount(TranscriptBlock, {
+				props: {
+					token: 'theToken',
+					model: {
+						attributes: {
+							peerId: 'thePeerId',
+							actorId: 'theActorId',
+							actorType: 'theActorType',
+							userId: 'theUserId',
+							name: 'The user name',
+						},
+					},
+					chunks: [],
+					rightToLeft: false,
+				},
+			})
+
+			lines = wrapper.vm.$data.lines
+		})
+
+		test('no lines', () => {
+			wrapper.vm.removeLastChunkFromLines()
+
+			expect(lines.length).toBe(0)
+		})
+
+		test('single line with single chunk', () => {
+			lines.push({
+				firstChunkIndex: 42,
+				lastChunkIndex: 42,
+			})
+
+			wrapper.vm.removeLastChunkFromLines()
+
+			expect(lines.length).toBe(0)
+		})
+
+		test('single line with several chunks', () => {
+			lines.push({
+				firstChunkIndex: 42,
+				lastChunkIndex: 108,
+			})
+
+			wrapper.vm.removeLastChunkFromLines()
+
+			expect(lines).toEqual([
+				{
+					firstChunkIndex: 42,
+					lastChunkIndex: 107,
+				},
+			])
+		})
+
+		test('several lines with single chunk', () => {
+			lines.push({
+				firstChunkIndex: 42,
+				lastChunkIndex: 42,
+			})
+			lines.push({
+				firstChunkIndex: 42,
+				lastChunkIndex: 42,
+			})
+			lines.push({
+				firstChunkIndex: 42,
+				lastChunkIndex: 42,
+			})
+
+			wrapper.vm.removeLastChunkFromLines()
+
+			expect(lines.length).toBe(0)
+		})
+
+		describe('several lines with several chunks', () => {
+			test('last chunk filling last line', () => {
+				lines.push({
+					firstChunkIndex: 23,
+					lastChunkIndex: 42,
+				})
+				lines.push({
+					firstChunkIndex: 108,
+					lastChunkIndex: 108,
+				})
+
+				wrapper.vm.removeLastChunkFromLines()
+
+				expect(lines).toEqual([
+					{
+						firstChunkIndex: 23,
+						lastChunkIndex: 42,
+					},
+				])
+			})
+
+			test('last chunk filling several lines', () => {
+				lines.push({
+					firstChunkIndex: 23,
+					lastChunkIndex: 42,
+				})
+				lines.push({
+					firstChunkIndex: 108,
+					lastChunkIndex: 108,
+				})
+				lines.push({
+					firstChunkIndex: 108,
+					lastChunkIndex: 108,
+				})
+				lines.push({
+					firstChunkIndex: 108,
+					lastChunkIndex: 108,
+				})
+
+				wrapper.vm.removeLastChunkFromLines()
+
+				expect(lines).toEqual([
+					{
+						firstChunkIndex: 23,
+						lastChunkIndex: 42,
+					},
+				])
+			})
+
+			test('last chunk partially in last line', () => {
+				lines.push({
+					firstChunkIndex: 23,
+					lastChunkIndex: 42,
+				})
+				lines.push({
+					firstChunkIndex: 42,
+					lastChunkIndex: 108,
+				})
+
+				wrapper.vm.removeLastChunkFromLines()
+
+				expect(lines).toEqual([
+					{
+						firstChunkIndex: 23,
+						lastChunkIndex: 42,
+					},
+					{
+						firstChunkIndex: 42,
+						lastChunkIndex: 107,
+					},
+				])
+			})
+
+			test('last chunk partially in several lines', () => {
+				lines.push({
+					firstChunkIndex: 23,
+					lastChunkIndex: 42,
+				})
+				lines.push({
+					firstChunkIndex: 42,
+					lastChunkIndex: 108,
+				})
+				lines.push({
+					firstChunkIndex: 108,
+					lastChunkIndex: 108,
+				})
+				lines.push({
+					firstChunkIndex: 108,
+					lastChunkIndex: 108,
+				})
+
+				wrapper.vm.removeLastChunkFromLines()
+
+				expect(lines).toEqual([
+					{
+						firstChunkIndex: 23,
+						lastChunkIndex: 42,
+					},
+					{
+						firstChunkIndex: 42,
+						lastChunkIndex: 107,
+					},
+				])
+			})
+		})
+	})
+})
diff --git a/src/components/CallView/shared/TranscriptBlock.vue b/src/components/CallView/shared/TranscriptBlock.vue
index 6a6a8bc381a..52426e6518f 100644
--- a/src/components/CallView/shared/TranscriptBlock.vue
+++ b/src/components/CallView/shared/TranscriptBlock.vue
@@ -129,7 +129,10 @@ export default {
 	data() {
 		return {
 			AVATAR,
-			lines: [] as Array<{ lastChunkIndex: number }>,
+			lines: [] as Array<{
+				firstChunkIndex: number
+				lastChunkIndex: number
+			}>,
 		}
 	},
 
@@ -211,11 +214,31 @@ export default {
 			this.lines = []
 		},
 
+		removeLastChunkFromLines() {
+			if (!this.lines.length) {
+				return
+			}
+
+			const lastKnownChunkIndex = this.lines.at(-1)!.lastChunkIndex
+
+			while (this.lines.length && this.lines.at(-1)!.firstChunkIndex === this.lines.at(-1)!.lastChunkIndex) {
+				this.lines.splice(-1, 1)
+			}
+
+			if (this.lines.length && this.lines.at(-1)!.lastChunkIndex === lastKnownChunkIndex) {
+				this.lines.at(-1)!.lastChunkIndex--
+			}
+		},
+
 		updateLines() {
 			if (!this.$refs.chunks || !this.$refs.chunks.length) {
 				return
 			}
 
+			// Remove information of last chunk to regenerate it, as it could
+			// have been updated and thus its lines could have changed.
+			this.removeLastChunkFromLines()
+
 			if (!this.lines.length) {
 				const firstChunkClientRectsLength = this.$refs.chunks[0].getClientRects().length
 
@@ -223,6 +246,7 @@ export default {
 				// rectangles each rectangle will be in its own line.
 				for (let i = 0; i < firstChunkClientRectsLength; i++) {
 					this.lines.push({
+						firstChunkIndex: 0,
 						lastChunkIndex: 0,
 					})
 				}
@@ -249,6 +273,7 @@ export default {
 					this.lines.at(-1)!.lastChunkIndex = i
 				} else {
 					this.lines.push({
+						firstChunkIndex: i,
 						lastChunkIndex: i,
 					})
 				}
@@ -257,6 +282,7 @@ export default {
 				// line.
 				for (let j = 1; j < nextChunkElementClientRects.length; j++) {
 					this.lines.push({
+						firstChunkIndex: i,
 						lastChunkIndex: i,
 					})
 				}

From 8d70a5cdab9cce2b02f0cabf5048c90c6be329f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= <danxuliu@gmail.com>
Date: Tue, 2 Sep 2025 21:30:23 +0200
Subject: [PATCH 8/8] fix: Ensure that lines will not disappear when updating
 last chunk
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Now that the last chunk can be replaced with a different one it could
happen that the new one is shorter than the previous one and the total
number of lines is reduced. To prevent all the lines from moving down
if the last one(s) are removed the "min-height" property now guarantees
that the transcript block will not reduce its height even if the number
of lines is reduced by forcing it to the largest known height of the
element.

Nevertheless, the "min-height" property is reset when the whole
transcript is resized, as in that case the text is expected to be
adjusted to the new size and therefore the number of lines is expected
to change.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
---
 .../shared/LiveTranscriptionRenderer.vue      |  9 +++++-
 .../CallView/shared/TranscriptBlock.vue       | 32 +++++++++++++++++--
 2 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/components/CallView/shared/LiveTranscriptionRenderer.vue b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
index fb332bba51c..8c0abfd1757 100644
--- a/src/components/CallView/shared/LiveTranscriptionRenderer.vue
+++ b/src/components/CallView/shared/LiveTranscriptionRenderer.vue
@@ -171,7 +171,7 @@ export default {
 			}
 
 			for (let i = 0; i < this.$refs.transcriptBlocks.length; i++) {
-				this.$refs.transcriptBlocks[i].resetLines()
+				this.$refs.transcriptBlocks[i].reset()
 			}
 
 			this.$refs.transcript.scrollTo({
@@ -291,6 +291,13 @@ export default {
 			}
 
 			const lastScrolledToBlockLineBoundaries = this.$refs.transcriptBlocks![this.lastScrolledToBlockAndLine.block].getLineBoundaries()
+
+			// Fix line number if last chunk was replaced with a shorter text
+			// that uses less lines.
+			if (this.lastScrolledToBlockAndLine.line >= lastScrolledToBlockLineBoundaries.length) {
+				this.lastScrolledToBlockAndLine.line = lastScrolledToBlockLineBoundaries.length - 1
+			}
+
 			if (this.lastScrolledToBlockAndLine.line < lastScrolledToBlockLineBoundaries.length - 1) {
 				this.scrollToBlockAndLine(this.lastScrolledToBlockAndLine.block, this.lastScrolledToBlockAndLine.line + 1)
 
diff --git a/src/components/CallView/shared/TranscriptBlock.vue b/src/components/CallView/shared/TranscriptBlock.vue
index 52426e6518f..b135e12bd54 100644
--- a/src/components/CallView/shared/TranscriptBlock.vue
+++ b/src/components/CallView/shared/TranscriptBlock.vue
@@ -20,7 +20,9 @@
 			<p class="transcript-block__author">
 				{{ actorInfo }}
 			</p>
-			<p class="transcript-block__chunks">
+			<p
+				ref="chunksWrapper"
+				class="transcript-block__chunks">
 				<span
 					v-for="(item, index) in chunksWithSeparator"
 					ref="chunks"
@@ -43,6 +45,7 @@ import { getDisplayNameWithFallback } from '../../../utils/getDisplayName.ts'
 
 declare module 'vue' {
 	interface TypeRefs {
+		chunksWrapper: HTMLParagraphElement
 		chunks: undefined | Array<HTMLSpanElement>
 	}
 
@@ -129,6 +132,7 @@ export default {
 	data() {
 		return {
 			AVATAR,
+			resizeObserver: null as null | ResizeObserver,
 			lines: [] as Array<{
 				firstChunkIndex: number
 				lastChunkIndex: number
@@ -209,9 +213,33 @@ export default {
 		},
 	},
 
+	mounted() {
+		this.resizeObserver = new ResizeObserver(this.handleChunksWrapperResize)
+		this.resizeObserver.observe(this.$refs.chunksWrapper)
+	},
+
+	beforeUnmount() {
+		this.resizeObserver!.disconnect()
+	},
+
 	methods: {
-		resetLines() {
+		reset() {
 			this.lines = []
+
+			this.$refs.chunksWrapper!.style.removeProperty('min-height')
+		},
+
+		handleChunksWrapperResize(entries: ResizeObserverEntry[], observer: ResizeObserver) {
+			if (!this.$refs.chunksWrapper) {
+				return
+			}
+
+			const height = parseFloat(window.getComputedStyle(this.$refs.chunksWrapper).getPropertyValue('height'))
+			const minHeight = parseFloat(window.getComputedStyle(this.$refs.chunksWrapper).getPropertyValue('min-height'))
+
+			if (height > minHeight || Number.isNaN(minHeight)) {
+				this.$refs.chunksWrapper.style.setProperty('min-height', `${height}px`)
+			}
 		},
 
 		removeLastChunkFromLines() {