From c085555bce0f6346b987a2b0f28c72e22882b238 Mon Sep 17 00:00:00 2001
From: Arnei <arnewilken@yahoo.de>
Date: Tue, 30 Sep 2025 16:52:36 +0200
Subject: [PATCH 1/4] Extended CA API - Add field stream

Adds a new field "stream" to the possible capture agent settings as an
example. Shows you all the files you need to touch to get this done.
---
 .../EventDetailsSchedulingTab.tsx             | 61 +++++++++++++-
 .../ModalTabsAndPages/NewSourcePage.tsx       | 54 +++++++++++-
 .../wizards/scheduling/SchedulingInputs.tsx   |  4 +-
 .../wizards/scheduling/SchedulingRadio.tsx    | 35 ++++++++
 .../adminui/languages/lang-en_US.json         | 18 ++--
 src/slices/eventDetailsSlice.ts               | 84 ++++++++++++-------
 src/slices/eventSlice.ts                      |  3 +
 src/slices/recordingDetailsSlice.ts           | 14 +++-
 src/slices/recordingSlice.ts                  | 18 +++-
 9 files changed, 239 insertions(+), 52 deletions(-)
 create mode 100644 src/components/events/partials/wizards/scheduling/SchedulingRadio.tsx

diff --git a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
index 005301990a..ddcad6de55 100644
--- a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
@@ -52,6 +52,7 @@ import SchedulingInputs from "../wizards/scheduling/SchedulingInputs";
 import SchedulingConflicts from "../wizards/scheduling/SchedulingConflicts";
 import { ParseKeys } from "i18next";
 import ModalContentTable from "../../../shared/modals/ModalContentTable";
+import SchedulingRadio from "../wizards/scheduling/SchedulingRadio";
 
 export type InitialValues = {
 	scheduleStartDate: string;
@@ -64,6 +65,7 @@ export type InitialValues = {
 	scheduleEndMinute: string;
 	captureAgent: string;
 	inputs: string[];
+	stream: string;
 }
 
 /**
@@ -124,11 +126,24 @@ const EventDetailsSchedulingTab = ({
 	// finds the inputs to be displayed in the formik
 	const getInputs = (deviceId: Recording["id"]) => {
 		if (deviceId === source.device.id) {
-			return source.device.inputs ? source.device.inputs : [];
+			return source.device.parsedCapabilities.inputs ? source.device.parsedCapabilities.inputs : [];
 		} else {
 			for (const agent of filterDevicesForAccess(user, captureAgents)) {
 				if (agent.id === deviceId) {
-					return agent.inputs ? agent.inputs : [];
+					return agent.parsedCapabilities.inputs ? agent.parsedCapabilities.inputs : [];
+				}
+			}
+			return [];
+		}
+	};
+
+	const getStream = (deviceId: Recording["id"]) => {
+		if (deviceId === source.device.id) {
+			return source.device.parsedCapabilities.stream ? source.device.parsedCapabilities.stream : [];
+		} else {
+			for (const agent of filterDevicesForAccess(user, captureAgents)) {
+				if (agent.id === deviceId) {
+					return agent.parsedCapabilities.stream ? agent.parsedCapabilities.stream : [];
 				}
 			}
 			return [];
@@ -141,6 +156,12 @@ const EventDetailsSchedulingTab = ({
 		return value ? t(value as ParseKeys) : "";
 	};
 
+	const getStreamForAgent = (deviceId: Recording["id"], s: string) => {
+		const stream = getStream(deviceId);
+		const value = stream.find(agent => agent.id === s)?.value;
+		return value ? t(value as ParseKeys) : "";
+	};
+
 	// changes the inputs in the formik
 	const changeInputs = (deviceId: Recording["id"], setFieldValue: (field: string, value: any) => Promise<void | FormikErrors<any>>) => {
 		setFieldValue("captureAgent", deviceId);
@@ -211,9 +232,12 @@ const EventDetailsSchedulingTab = ({
 		const startDate = new Date(source.start.date);
 		const endDate = new Date(source.end.date);
 
-		const inputs = source.device.inputMethods
-			? Array.from(source.device.inputMethods)
+		const inputs = source.device.capabilitiesMethods.inputs
+			? Array.from(source.device.capabilitiesMethods.inputs)
 			: [];
+		const stream = source.device.capabilitiesMethods.stream && source.device.capabilitiesMethods.stream.length > 0
+			? source.device.capabilitiesMethods.stream[0]
+			: "";
 
 		startDate.setHours(0, 0, 0);
 		endDate.setHours(0, 0, 0);
@@ -229,6 +253,7 @@ const EventDetailsSchedulingTab = ({
 			scheduleEndMinute: source.end.minute != null ? makeTwoDigits(source.end.minute) : "",
 			captureAgent: source.device.name,
 			inputs: inputs.filter(input => input !== ""),
+			stream: stream,
 		};
 	};
 
@@ -504,6 +529,7 @@ const EventDetailsSchedulingTab = ({
 														(hasAccessRole &&
 														accessAllowed(formik.values.captureAgent)
 															? <SchedulingInputs
+																	name="inputs"
 																	inputs={getInputs(formik.values.captureAgent)}
 																/>
 															: formik.values.inputs.map((input, key) => (
@@ -514,6 +540,33 @@ const EventDetailsSchedulingTab = ({
 																)))}
 												</td>
 											</tr>
+
+											{/* stream */}
+											<tr>
+												<td>
+													{t(
+														"EVENTS.EVENTS.DETAILS.SOURCE.PLACEHOLDER.STREAM",
+													)}
+												</td>
+												<td>
+													{!!formik.values.captureAgent &&
+														!!getStream(formik.values.captureAgent) &&
+														getStream(formik.values.captureAgent).length >
+															0 &&
+														(hasAccessRole &&
+														accessAllowed(formik.values.captureAgent)
+															? <SchedulingRadio
+																	name="stream"
+																	inputs={getStream(formik.values.captureAgent)}
+																/>
+															:
+																<span>
+																	{getStreamForAgent(formik.values.captureAgent, formik.values.stream)}
+																	<br />
+																</span>
+														)}
+												</td>
+											</tr>
 										</tbody>
 									</table>
 								</div>
diff --git a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
index 2bfedc4ae3..c04369da90 100644
--- a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
@@ -49,6 +49,7 @@ import SchedulingInputs from "../wizards/scheduling/SchedulingInputs";
 import SchedulingConflicts from "../wizards/scheduling/SchedulingConflicts";
 import { ParseKeys } from "i18next";
 import { LuCircleX } from "react-icons/lu";
+import SchedulingRadio from "../wizards/scheduling/SchedulingRadio";
 
 /**
  * This component renders the source page for new events in the new event wizard.
@@ -434,9 +435,32 @@ const Schedule = <T extends {
 				return <></>;
 			}
 			return (
-				<SchedulingInputs
-					inputs={inputDevice.inputs}
-				/>
+				<>
+					<SchedulingInputs
+						name="inputs"
+						inputs={inputDevice.parsedCapabilities.inputs}
+					/>
+				</>
+			);
+		}
+	};
+
+	const renderStreamDeviceOptions = () => {
+		if (formik.values.location) {
+			const inputDevice = inputDevices.find(
+				({ name }) => name === formik.values.location,
+			);
+			if (!inputDevice) {
+				return <></>;
+			}
+			return (
+				<>
+					<SchedulingRadio
+						name="stream"
+						inputs={inputDevice.parsedCapabilities.stream}
+						// formik={formik}
+					/>
+				</>
 			);
 		}
 	};
@@ -671,6 +695,24 @@ const Schedule = <T extends {
 								placeholder={"EVENTS.EVENTS.NEW.SOURCE.PLACEHOLDER.LOCATION"}
 								callback={(value: string) => {
 									formik.setFieldValue("location", value);
+									// Reset location specific fields
+									const inputDevice = inputDevices.find(
+										({ name }) => name === value,
+									);
+									if (inputDevice) {
+										if (inputDevice.parsedCapabilities.stream) {
+											formik.setFieldValue("inputs", []);
+										}
+										if (inputDevice.parsedCapabilities.stream) {
+											if (inputDevice.parsedCapabilities.stream.find(item => item.id === "0")) {
+												formik.setFieldValue("stream", 0);
+											} else if (inputDevice.parsedCapabilities.stream.length === 1) {
+												formik.setFieldValue("stream", inputDevice.parsedCapabilities.stream[0].id);
+											} else {
+												formik.setFieldValue("stream", "");
+											}
+										}
+									}
 								}}
 							/>
 						<tr>
@@ -680,6 +722,12 @@ const Schedule = <T extends {
 								{renderInputDeviceOptions()}
 							</td>
 						</tr>
+						<tr>
+							<td>{t("EVENTS.EVENTS.NEW.SOURCE.PLACEHOLDER.STREAM")}</td>
+							<td>
+								{renderStreamDeviceOptions()}
+							</td>
+						</tr>
 					</tbody>
 				</table>
 			</div>
diff --git a/src/components/events/partials/wizards/scheduling/SchedulingInputs.tsx b/src/components/events/partials/wizards/scheduling/SchedulingInputs.tsx
index 17bf33c7dc..14cebd858d 100644
--- a/src/components/events/partials/wizards/scheduling/SchedulingInputs.tsx
+++ b/src/components/events/partials/wizards/scheduling/SchedulingInputs.tsx
@@ -3,8 +3,10 @@ import { Field } from "formik";
 import { ParseKeys } from "i18next";
 
 const SchedulingInputs = ({
+	name,
 	inputs,
 }: {
+	name: string,
 	inputs: {
 		id: string,
 		value: string
@@ -18,7 +20,7 @@ const SchedulingInputs = ({
 				(input, key) => (
 					<label key={key}>
 						<Field
-							name="inputs"
+							name={name}
 							type="checkbox"
 							value={input.id}
 						/>
diff --git a/src/components/events/partials/wizards/scheduling/SchedulingRadio.tsx b/src/components/events/partials/wizards/scheduling/SchedulingRadio.tsx
new file mode 100644
index 0000000000..49dc9ed2e6
--- /dev/null
+++ b/src/components/events/partials/wizards/scheduling/SchedulingRadio.tsx
@@ -0,0 +1,35 @@
+import { useTranslation } from "react-i18next";
+import { Field } from "formik";
+import { ParseKeys } from "i18next";
+
+const SchedulingRadio = ({
+	name,
+	inputs,
+}: {
+	name: string,
+	inputs: {
+		id: string,
+		value: string
+	}[]
+}) => {
+	const { t } = useTranslation();
+
+	return (
+		<>
+			{inputs.map(
+				(input, key) => (
+					<label key={key}>
+						<Field
+							name={name}
+							type="radio"
+							value={input.id}
+						/>
+						{t(input.value as ParseKeys)}
+					</label>
+				),
+			)}
+		</>
+	);
+};
+
+export default SchedulingRadio;
diff --git a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
index fdb920c6f8..3724ef57b2 100644
--- a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
+++ b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
@@ -381,9 +381,15 @@
 	},
 	"CAPTURE_AGENT": {
 		"DEVICE": {
-			"MICROPHONE": "Microphone",
-			"CAMERA": "Camera",
-			"PRESENTATION": "Presentation"
+			"INPUTS": {
+				"MICROPHONE": "Microphone",
+				"CAMERA": "Camera",
+				"PRESENTATION": "Presentation"
+			},
+			"STREAM": {
+				"0": "Do not send a livestream",
+				"1": "Stream the event"
+			}
 		}
 	},
 	"NAV": {
@@ -520,7 +526,8 @@
 						"START_DATE": "yyyy-mm-dd",
 						"START_DATE_FORMAT": "yyyy-mm-dd",
 						"END_DATE": "yyyy-mm-dd",
-						"END_DATE_FORMAT": "yyyy-mm-dd"
+						"END_DATE_FORMAT": "yyyy-mm-dd",
+						"STREAM": "Stream"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
@@ -746,7 +753,8 @@
 						"MINUTE": "Minute",
 						"REPEATS": "Repeats",
 						"START_DATE": "yyyy-mm-dd",
-						"END_DATE": "yyyy-mm-dd"
+						"END_DATE": "yyyy-mm-dd",
+						"STREAM": "Stream"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
diff --git a/src/slices/eventDetailsSlice.ts b/src/slices/eventDetailsSlice.ts
index 879ce760d2..9411b408bd 100644
--- a/src/slices/eventDetailsSlice.ts
+++ b/src/slices/eventDetailsSlice.ts
@@ -114,8 +114,14 @@ export type WorkflowOperation = {
 
 type Device = {
 	id: string,
-	inputs: { id: string, value: string }[],
-	inputMethods: string[],
+	parsedCapabilities: {
+		inputs: { id: string, value: string }[],
+		stream: { id: string, value: string }[],
+	},
+	capabilitiesMethods: {
+		inputs: string[],
+		stream: string[],
+	}
 	name: string,
 	// Fields we add to "device" from recordings but don't actually care about?
 	// removable: boolean,
@@ -544,8 +550,14 @@ const initialState: EventDetailsState = {
 		device: {
 			id: "",
 			name: "",
-			inputs: [],
-			inputMethods: [],
+			parsedCapabilities: {
+				inputs: [],
+				stream: [],
+			},
+			capabilitiesMethods: {
+				inputs: [],
+				stream: [],
+			},
 		},
 		agentId: undefined,
 		agentConfiguration: {},
@@ -1014,6 +1026,7 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 			agentId: string,
 			agentConfiguration: {
 				"capture.device.names": string,
+				"capture.device.stream": string,
 			},
 			presenters: string[],
 			start: string,
@@ -1041,8 +1054,14 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 		let device: Device = {
 			id: "",
 			name: "",
-			inputs: [],
-			inputMethods: [],
+			parsedCapabilities: {
+				inputs: [],
+				stream: [],
+			},
+			capabilitiesMethods: {
+				inputs: [],
+				stream: [],
+			},
 		};
 
 		const agent = captureAgents.find(
@@ -1051,20 +1070,28 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 		if (agent) {
 			const inputMethods = [];
 
-			if (
-				schedulingResponse.agentConfiguration["capture.device.names"] !==
-				undefined
-			) {
-				const inputs = schedulingResponse.agentConfiguration[
-					"capture.device.names"
-				].split(",");
+			if (schedulingResponse.agentConfiguration["capture.device.names"] !== undefined) {
+				const inputs = schedulingResponse.agentConfiguration["capture.device.names"].split(",");
 				for (const input of inputs) {
 					inputMethods.push(input);
 				}
 			}
+
+			const streamMethods = [];
+
+			if (schedulingResponse.agentConfiguration["capture.device.stream"] !== undefined) {
+				const stream = schedulingResponse.agentConfiguration["capture.device.stream"].split(",");
+				for (const s of stream) {
+					streamMethods.push(s);
+				}
+			}
+
 			device = {
 				...agent,
-				inputMethods: inputMethods,
+				capabilitiesMethods: {
+					inputs: inputMethods,
+					stream: streamMethods,
+				},
 			};
 		}
 
@@ -1094,6 +1121,7 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 export type SchedulingInfo = {
 	captureAgent: string,
 	inputs: string[],
+	stream: string,
 	scheduleDurationHours: string,
 	scheduleDurationMinutes: string,
 	scheduleEndDate: string,
@@ -1114,24 +1142,12 @@ export const saveSchedulingInfo = createAppAsyncThunk("eventDetails/saveScheduli
 	const state = getState();
 	const oldSource = getSchedulingSource(state);
 	const captureAgents = getRecordings(state);
-	let device: Device = {
-		id: "",
-		name: "",
-		inputs: [],
-		inputMethods: [],
-	};
 
 	const agent = captureAgents.find(agent => agent.id === values.captureAgent);
-	if (agent) {
-		device = {
-			...agent,
-			inputMethods: values.inputs,
-		};
-	}
 
 	const source = {
 		...oldSource,
-		agentId: device.id,
+		agentId: agent ? agent.id : "",
 		start: {
 			date: startDate.toISOString(),
 			hour: parseInt(values.scheduleStartHour),
@@ -1146,11 +1162,11 @@ export const saveSchedulingInfo = createAppAsyncThunk("eventDetails/saveScheduli
 			hour: parseInt(values.scheduleDurationHours),
 			minute: parseInt(values.scheduleDurationMinutes),
 		},
-		device: { ...device },
 		agentConfiguration: {
 			...oldSource.agentConfiguration,
 			"capture.device.names": values.inputs.join(","),
-			"event.location": device.id,
+			"capture.device.stream": values.stream,
+			"event.location": agent ? agent.id : "",
 		},
 	};
 
@@ -2279,8 +2295,14 @@ const eventDetailsSlice = createSlice({
 					device: {
 						id: "",
 						name: "",
-						inputs: [],
-						inputMethods: [],
+						parsedCapabilities: {
+							inputs: [],
+							stream: [],
+						},
+						capabilitiesMethods: {
+							inputs: [],
+							stream: [],
+						},
 					},
 					agentId: undefined,
 					agentConfiguration: {},
diff --git a/src/slices/eventSlice.ts b/src/slices/eventSlice.ts
index baa4a318bc..a4377d8802 100644
--- a/src/slices/eventSlice.ts
+++ b/src/slices/eventSlice.ts
@@ -438,6 +438,7 @@ export const postNewEvent = (params: {
 		policies: TransformedAcl[],
 		configuration: { [key: string]: unknown },
 		inputs?: string[],
+		stream?: string,
 		processingWorkflow: string,
 		repeatOn: string[],
 		scheduleDurationHours: string,
@@ -468,6 +469,7 @@ export const postNewEvent = (params: {
 			start: Date,
 			device: unknown,
 			inputs: string,
+			stream: string,
 			end: Date,
 			duration: string,
 			rrule?: string,
@@ -544,6 +546,7 @@ export const postNewEvent = (params: {
 				start: startDate,
 				device: values.location,
 				inputs: values.inputs ? values.inputs.join(",") : "",
+				stream: values.stream ?? "",
 				end: endDate,
 				duration: duration.toString(),
 			},
diff --git a/src/slices/recordingDetailsSlice.ts b/src/slices/recordingDetailsSlice.ts
index 681ff9f6b3..3d6079f1a5 100644
--- a/src/slices/recordingDetailsSlice.ts
+++ b/src/slices/recordingDetailsSlice.ts
@@ -12,7 +12,7 @@ type FetchRecordingDetails = {
 	URL: RecordingDetailsState["url"],
 	capabilities: RecordingDetailsState["capabilities"],
 	configuration: RecordingDetailsState["configuration"],
-	inputs: RecordingDetailsState["inputs"],
+	parsedCapabilities: RecordingDetailsState["parsedCapabilities"],
 }
 
 export interface RecordingDetails {
@@ -22,7 +22,10 @@ export interface RecordingDetails {
 	url: string,
 	capabilities: { key: string, value: string }[],
 	configuration: { key: string, value: string }[],
-	inputs: { id: string, value: string }[],
+	parsedCapabilities: {
+		inputs: { id: string, value: string }[],
+		stream: { id: string, value: string }[],
+	},
 }
 
 interface RecordingDetailsState extends RecordingDetails {
@@ -40,7 +43,10 @@ const initialState: RecordingDetailsState = {
 	url: "",
 	capabilities: [],
 	configuration: [],
-	inputs: [],
+	parsedCapabilities: {
+		inputs: [],
+		stream: [],
+	},
 };
 
 // fetch details of certain recording from server
@@ -71,7 +77,7 @@ const recordingDetailsSlice = createSlice({
 				state.url = recordingDetails.URL;
 				state.capabilities = recordingDetails.capabilities;
 				state.configuration = recordingDetails.configuration;
-				state.inputs = recordingDetails.inputs;
+				state.parsedCapabilities = recordingDetails.parsedCapabilities;
 			})
 			.addCase(fetchRecordingDetails.rejected, (state, action) => {
 				state.statusRecordingDetails = "failed";
diff --git a/src/slices/recordingSlice.ts b/src/slices/recordingSlice.ts
index b24f94a1ef..2277d320ac 100644
--- a/src/slices/recordingSlice.ts
+++ b/src/slices/recordingSlice.ts
@@ -12,7 +12,10 @@ import { AppThunk } from "../store";
  */
 export type Recording = {
 	id: string,
-	inputs: { id: string, value: string }[],
+	parsedCapabilities: {
+		inputs: { id: string, value: string }[],
+		stream: { id: string, value: string }[],
+	},
 	name: string,
 	removable: boolean,
 	status: string,
@@ -57,7 +60,7 @@ export const fetchRecordings = createAppAsyncThunk("recordings/fetchRecordings",
 		Status: string,
 		Update: string,
 		URL: string,
-		inputs?: { id: string, value: string }[],
+		parsedCapabilities?: Recording["parsedCapabilities"],
 	};
 	type FetchRecordings = {
 		results: Results[],
@@ -70,7 +73,7 @@ export const fetchRecordings = createAppAsyncThunk("recordings/fetchRecordings",
 
 	if (flag === "inputs") {
 		res = await axios.get<FetchRecordings>(
-			"/admin-ng/capture-agents/agents.json?inputs=true",
+			"/admin-ng/capture-agents/agents.json?withParsedCapabilities=true",
 			);
 	} else {
 		const state = getState();
@@ -87,12 +90,19 @@ export const fetchRecordings = createAppAsyncThunk("recordings/fetchRecordings",
 	const captureAgents = [];
 
 	for (const agent of recordings.results) {
+		const parsedCapabilities = agent.parsedCapabilities ? agent.parsedCapabilities : {
+			inputs: [],
+			stream: [],
+		};
+		parsedCapabilities.inputs = parsedCapabilities.inputs ? [...parsedCapabilities.inputs] : [];
+		parsedCapabilities.stream = parsedCapabilities.stream ? [...parsedCapabilities.stream] : [];
+
 		const transformedAgent = {
 			id: agent.Name,
 			name: agent.Name,
 			status: agent.Status,
 			updated: agent.Update,
-			inputs: agent.inputs ? [...agent.inputs] : [],
+			parsedCapabilities: parsedCapabilities,
 			type: "LOCATION",
 			url: agent.URL ? agent.URL : "",
 			removable:

From 1d328f26baabcba8d88c9dfdaf3a3331232d678a Mon Sep 17 00:00:00 2001
From: Arnei <arnewilken@yahoo.de>
Date: Fri, 10 Oct 2025 11:29:28 +0200
Subject: [PATCH 2/4] Extended CA API - Add field record

With extra validation logic
---
 .../EventDetailsSchedulingTab.tsx             | 85 ++++++++++++++++++-
 .../ModalTabsAndPages/NewSourcePage.tsx       | 35 ++++++++
 .../adminui/languages/lang-en_US.json         | 10 ++-
 src/slices/eventDetailsSlice.ts               | 21 +++++
 src/slices/eventSlice.ts                      |  3 +
 src/slices/recordingDetailsSlice.ts           |  2 +
 src/slices/recordingSlice.ts                  |  3 +
 src/utils/validate.ts                         | 28 ++++++
 8 files changed, 184 insertions(+), 3 deletions(-)

diff --git a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
index ddcad6de55..8780d431ff 100644
--- a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import _ from "lodash";
 import DatePicker from "react-datepicker";
-import { Formik, FormikErrors, FormikProps } from "formik";
+import { Formik, FormikErrors, FormikProps, FormikValues } from "formik";
 import Notifications from "../../../shared/Notifications";
 import {
 	getSchedulingConflicts,
@@ -53,6 +53,7 @@ import SchedulingConflicts from "../wizards/scheduling/SchedulingConflicts";
 import { ParseKeys } from "i18next";
 import ModalContentTable from "../../../shared/modals/ModalContentTable";
 import SchedulingRadio from "../wizards/scheduling/SchedulingRadio";
+import * as Yup from "yup";
 
 export type InitialValues = {
 	scheduleStartDate: string;
@@ -66,6 +67,7 @@ export type InitialValues = {
 	captureAgent: string;
 	inputs: string[];
 	stream: string;
+	record: string;
 }
 
 /**
@@ -150,6 +152,19 @@ const EventDetailsSchedulingTab = ({
 		}
 	};
 
+	const getRecord = (deviceId: Recording["id"]) => {
+		if (deviceId === source.device.id) {
+			return source.device.parsedCapabilities.record ? source.device.parsedCapabilities.record : [];
+		} else {
+			for (const agent of filterDevicesForAccess(user, captureAgents)) {
+				if (agent.id === deviceId) {
+					return agent.parsedCapabilities.record ? agent.parsedCapabilities.record : [];
+				}
+			}
+			return [];
+		}
+	};
+
 	const getInputForAgent = (deviceId: Recording["id"], input: string) => {
 		const inputs = getInputs(deviceId);
 		const value = inputs.find(agent => agent.id === input)?.value;
@@ -162,6 +177,12 @@ const EventDetailsSchedulingTab = ({
 		return value ? t(value as ParseKeys) : "";
 	};
 
+	const getRecordForAgent = (deviceId: Recording["id"], s: string) => {
+		const record = getRecord(deviceId);
+		const value = record.find(agent => agent.id === s)?.value;
+		return value ? t(value as ParseKeys) : "";
+	};
+
 	// changes the inputs in the formik
 	const changeInputs = (deviceId: Recording["id"], setFieldValue: (field: string, value: any) => Promise<void | FormikErrors<any>>) => {
 		setFieldValue("captureAgent", deviceId);
@@ -227,6 +248,36 @@ const EventDetailsSchedulingTab = ({
 		);
 	};
 
+	const validationSchema = Yup.object({
+		// Capture agent specific validation
+		stream: Yup.string()
+			.nullable()
+			.oneOf(["0", "1"], "Invalid stream value")
+			.optional(),
+		record: Yup.string()
+			.nullable()
+			.oneOf(["0", "1"], "Invalid record value")
+			.optional()
+			.test(
+				"record-depends-on-stream",
+				"Record can be 0 only if Stream is 1",
+				function (value) {
+					const { stream } = this.parent as FormikValues;
+
+					// If record is not provided — no validation needed
+					if (value == null) { return true; }
+
+					// If stream is not provided — also fine
+					if (stream == null || stream === "") { return true; }
+
+					// Enforce the rule only when both are defined
+					if (value === "0" && stream !== "1") { return false; }
+
+					return true;
+				},
+			),
+	});
+
 	// initial values of the formik form
 	const getInitialValues = () => {
 		const startDate = new Date(source.start.date);
@@ -238,6 +289,9 @@ const EventDetailsSchedulingTab = ({
 		const stream = source.device.capabilitiesMethods.stream && source.device.capabilitiesMethods.stream.length > 0
 			? source.device.capabilitiesMethods.stream[0]
 			: "";
+		const record = source.device.capabilitiesMethods.record && source.device.capabilitiesMethods.record.length > 0
+			? source.device.capabilitiesMethods.record[0]
+			: "";
 
 		startDate.setHours(0, 0, 0);
 		endDate.setHours(0, 0, 0);
@@ -254,6 +308,7 @@ const EventDetailsSchedulingTab = ({
 			captureAgent: source.device.name,
 			inputs: inputs.filter(input => input !== ""),
 			stream: stream,
+			record: record,
 		};
 	};
 
@@ -274,6 +329,7 @@ const EventDetailsSchedulingTab = ({
 					<Formik<InitialValues>
 						enableReinitialize
 						initialValues={getInitialValues()}
+						validationSchema={validationSchema}
 						onSubmit={values => submitForm(values)}
 						innerRef={formikRef}
 					>
@@ -567,6 +623,33 @@ const EventDetailsSchedulingTab = ({
 														)}
 												</td>
 											</tr>
+
+											{/* record */}
+											<tr>
+												<td>
+													{t(
+														"EVENTS.EVENTS.DETAILS.SOURCE.PLACEHOLDER.RECORD",
+													)}
+												</td>
+												<td>
+													{!!formik.values.captureAgent &&
+														!!getRecord(formik.values.captureAgent) &&
+														getRecord(formik.values.captureAgent).length >
+															0 &&
+														(hasAccessRole &&
+														accessAllowed(formik.values.captureAgent)
+															? <SchedulingRadio
+																	name="record"
+																	inputs={getRecord(formik.values.captureAgent)}
+																/>
+															:
+																<span>
+																	{getRecordForAgent(formik.values.captureAgent, formik.values.record)}
+																	<br />
+																</span>
+														)}
+												</td>
+											</tr>
 										</tbody>
 									</table>
 								</div>
diff --git a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
index c04369da90..b9c5c2888e 100644
--- a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
@@ -465,6 +465,26 @@ const Schedule = <T extends {
 		}
 	};
 
+	const renderRecordDeviceOptions = () => {
+		if (formik.values.location) {
+			const inputDevice = inputDevices.find(
+				({ name }) => name === formik.values.location,
+			);
+			if (!inputDevice) {
+				return <></>;
+			}
+			return (
+				<>
+					<SchedulingRadio
+						name="record"
+						inputs={inputDevice.parsedCapabilities.record}
+						// formik={formik}
+					/>
+				</>
+			);
+		}
+	};
+
 	return (
 		<div className="obj">
 			<header>{t("EVENTS.EVENTS.NEW.SOURCE.DATE_TIME.CAPTION")}</header>
@@ -712,6 +732,15 @@ const Schedule = <T extends {
 												formik.setFieldValue("stream", "");
 											}
 										}
+										if (inputDevice.parsedCapabilities.record) {
+											if (inputDevice.parsedCapabilities.record.find(item => item.id === "0")) {
+												formik.setFieldValue("record", 0);
+											} else if (inputDevice.parsedCapabilities.record.length === 1) {
+												formik.setFieldValue("record", inputDevice.parsedCapabilities.record[0].id);
+											} else {
+												formik.setFieldValue("record", "");
+											}
+										}
 									}
 								}}
 							/>
@@ -728,6 +757,12 @@ const Schedule = <T extends {
 								{renderStreamDeviceOptions()}
 							</td>
 						</tr>
+							<tr>
+							<td>{t("EVENTS.EVENTS.NEW.SOURCE.PLACEHOLDER.RECORD")}</td>
+							<td>
+								{renderRecordDeviceOptions()}
+							</td>
+						</tr>
 					</tbody>
 				</table>
 			</div>
diff --git a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
index 3724ef57b2..e078de1d6f 100644
--- a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
+++ b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
@@ -389,6 +389,10 @@
 			"STREAM": {
 				"0": "Do not send a livestream",
 				"1": "Stream the event"
+			},
+			"RECORD": {
+				"0": "Do not record",
+				"1": "Record and upload"
 			}
 		}
 	},
@@ -527,7 +531,8 @@
 						"START_DATE_FORMAT": "yyyy-mm-dd",
 						"END_DATE": "yyyy-mm-dd",
 						"END_DATE_FORMAT": "yyyy-mm-dd",
-						"STREAM": "Stream"
+						"STREAM": "Stream",
+						"RECORD": "Record"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
@@ -754,7 +759,8 @@
 						"REPEATS": "Repeats",
 						"START_DATE": "yyyy-mm-dd",
 						"END_DATE": "yyyy-mm-dd",
-						"STREAM": "Stream"
+						"STREAM": "Stream",
+						"RECORD": "Record"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
diff --git a/src/slices/eventDetailsSlice.ts b/src/slices/eventDetailsSlice.ts
index 9411b408bd..c01806da3f 100644
--- a/src/slices/eventDetailsSlice.ts
+++ b/src/slices/eventDetailsSlice.ts
@@ -117,10 +117,12 @@ type Device = {
 	parsedCapabilities: {
 		inputs: { id: string, value: string }[],
 		stream: { id: string, value: string }[],
+		record: { id: string, value: string }[],
 	},
 	capabilitiesMethods: {
 		inputs: string[],
 		stream: string[],
+		record: string[],
 	}
 	name: string,
 	// Fields we add to "device" from recordings but don't actually care about?
@@ -553,10 +555,12 @@ const initialState: EventDetailsState = {
 			parsedCapabilities: {
 				inputs: [],
 				stream: [],
+				record: [],
 			},
 			capabilitiesMethods: {
 				inputs: [],
 				stream: [],
+				record: [],
 			},
 		},
 		agentId: undefined,
@@ -1027,6 +1031,7 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 			agentConfiguration: {
 				"capture.device.names": string,
 				"capture.device.stream": string,
+				"capture.device.record": string,
 			},
 			presenters: string[],
 			start: string,
@@ -1057,10 +1062,12 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 			parsedCapabilities: {
 				inputs: [],
 				stream: [],
+				record: [],
 			},
 			capabilitiesMethods: {
 				inputs: [],
 				stream: [],
+				record: [],
 			},
 		};
 
@@ -1086,11 +1093,21 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 				}
 			}
 
+			const recordMethods = [];
+
+			if (schedulingResponse.agentConfiguration["capture.device.record"] !== undefined) {
+				const record = schedulingResponse.agentConfiguration["capture.device.record"].split(",");
+				for (const s of record) {
+					recordMethods.push(s);
+				}
+			}
+
 			device = {
 				...agent,
 				capabilitiesMethods: {
 					inputs: inputMethods,
 					stream: streamMethods,
+					record: recordMethods,
 				},
 			};
 		}
@@ -1122,6 +1139,7 @@ export type SchedulingInfo = {
 	captureAgent: string,
 	inputs: string[],
 	stream: string,
+	record: string,
 	scheduleDurationHours: string,
 	scheduleDurationMinutes: string,
 	scheduleEndDate: string,
@@ -1166,6 +1184,7 @@ export const saveSchedulingInfo = createAppAsyncThunk("eventDetails/saveScheduli
 			...oldSource.agentConfiguration,
 			"capture.device.names": values.inputs.join(","),
 			"capture.device.stream": values.stream,
+			"capture.device.record": values.record,
 			"event.location": agent ? agent.id : "",
 		},
 	};
@@ -2298,10 +2317,12 @@ const eventDetailsSlice = createSlice({
 						parsedCapabilities: {
 							inputs: [],
 							stream: [],
+							record: [],
 						},
 						capabilitiesMethods: {
 							inputs: [],
 							stream: [],
+							record: [],
 						},
 					},
 					agentId: undefined,
diff --git a/src/slices/eventSlice.ts b/src/slices/eventSlice.ts
index a4377d8802..c0b87016bc 100644
--- a/src/slices/eventSlice.ts
+++ b/src/slices/eventSlice.ts
@@ -439,6 +439,7 @@ export const postNewEvent = (params: {
 		configuration: { [key: string]: unknown },
 		inputs?: string[],
 		stream?: string,
+		record?: string,
 		processingWorkflow: string,
 		repeatOn: string[],
 		scheduleDurationHours: string,
@@ -470,6 +471,7 @@ export const postNewEvent = (params: {
 			device: unknown,
 			inputs: string,
 			stream: string,
+			record: string,
 			end: Date,
 			duration: string,
 			rrule?: string,
@@ -547,6 +549,7 @@ export const postNewEvent = (params: {
 				device: values.location,
 				inputs: values.inputs ? values.inputs.join(",") : "",
 				stream: values.stream ?? "",
+				record: values.record ?? "",
 				end: endDate,
 				duration: duration.toString(),
 			},
diff --git a/src/slices/recordingDetailsSlice.ts b/src/slices/recordingDetailsSlice.ts
index 3d6079f1a5..516c41ce66 100644
--- a/src/slices/recordingDetailsSlice.ts
+++ b/src/slices/recordingDetailsSlice.ts
@@ -25,6 +25,7 @@ export interface RecordingDetails {
 	parsedCapabilities: {
 		inputs: { id: string, value: string }[],
 		stream: { id: string, value: string }[],
+		record: { id: string, value: string }[],
 	},
 }
 
@@ -46,6 +47,7 @@ const initialState: RecordingDetailsState = {
 	parsedCapabilities: {
 		inputs: [],
 		stream: [],
+		record: [],
 	},
 };
 
diff --git a/src/slices/recordingSlice.ts b/src/slices/recordingSlice.ts
index 2277d320ac..13034075f6 100644
--- a/src/slices/recordingSlice.ts
+++ b/src/slices/recordingSlice.ts
@@ -15,6 +15,7 @@ export type Recording = {
 	parsedCapabilities: {
 		inputs: { id: string, value: string }[],
 		stream: { id: string, value: string }[],
+		record: { id: string, value: string }[],
 	},
 	name: string,
 	removable: boolean,
@@ -93,9 +94,11 @@ export const fetchRecordings = createAppAsyncThunk("recordings/fetchRecordings",
 		const parsedCapabilities = agent.parsedCapabilities ? agent.parsedCapabilities : {
 			inputs: [],
 			stream: [],
+			record: [],
 		};
 		parsedCapabilities.inputs = parsedCapabilities.inputs ? [...parsedCapabilities.inputs] : [];
 		parsedCapabilities.stream = parsedCapabilities.stream ? [...parsedCapabilities.stream] : [];
+		parsedCapabilities.record = parsedCapabilities.record ? [...parsedCapabilities.record] : [];
 
 		const transformedAgent = {
 			id: agent.Name,
diff --git a/src/utils/validate.ts b/src/utils/validate.ts
index 15ce8cbdf6..989bce265c 100644
--- a/src/utils/validate.ts
+++ b/src/utils/validate.ts
@@ -1,6 +1,7 @@
 import { UploadAssetsTrack } from "./../slices/eventSlice";
 import * as Yup from "yup";
 import { MetadataCatalog } from "../slices/eventSlice";
+import { FormikValues } from "formik";
 
 /**
  * This File contains all schemas used for validation with yup in the context of events and series
@@ -139,6 +140,33 @@ export const NewEventSchema = {
 				value === "SCHEDULE_SINGLE" || value === "SCHEDULE_MULTIPLE",
 			then: () => Yup.string().required("Required"),
 		}),
+		// Capture Agent specific
+		stream: Yup.string()
+			.nullable()
+			.oneOf(["0", "1"], "Invalid stream value")
+			.optional(),
+		record: Yup.string()
+			.nullable()
+			.oneOf(["0", "1"], "Invalid record value")
+			.optional()
+			.test(
+				"record-depends-on-stream",
+				"Record can be 0 only if Stream is 1",
+				function (value) {
+					const { stream } = this.parent as FormikValues;
+
+					// If record is not provided — no validation needed
+					if (value == null) { return true; }
+
+					// If stream is not provided — also fine
+					if (stream == null || stream === "") { return true; }
+
+					// Enforce the rule only when both are defined
+					if (value === "0" && stream !== "1") { return false; }
+
+					return true;
+				},
+			),
 	}),
 	"upload-asset": Yup.object().shape({}),
 	"processing": Yup.object().shape({

From c84dcb08ad1300f233de983b321ea66282a6ef55 Mon Sep 17 00:00:00 2001
From: Arnei <arnewilken@yahoo.de>
Date: Fri, 10 Oct 2025 13:28:32 +0200
Subject: [PATCH 3/4] Extended CA API - Add field layout

---
 .../EventDetailsSchedulingTab.tsx             | 51 +++++++++++++++++++
 .../ModalTabsAndPages/NewSourcePage.tsx       | 33 +++++++++++-
 .../adminui/languages/lang-en_US.json         | 11 +++-
 src/slices/eventDetailsSlice.ts               | 21 ++++++++
 src/slices/eventSlice.ts                      |  3 ++
 src/slices/recordingDetailsSlice.ts           |  2 +
 src/slices/recordingSlice.ts                  |  3 ++
 7 files changed, 120 insertions(+), 4 deletions(-)

diff --git a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
index 8780d431ff..6eccb4d32c 100644
--- a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
@@ -68,6 +68,7 @@ export type InitialValues = {
 	inputs: string[];
 	stream: string;
 	record: string;
+	layout: string;
 }
 
 /**
@@ -165,6 +166,19 @@ const EventDetailsSchedulingTab = ({
 		}
 	};
 
+	const getLayout = (deviceId: Recording["id"]) => {
+		if (deviceId === source.device.id) {
+			return source.device.parsedCapabilities.layout ? source.device.parsedCapabilities.layout : [];
+		} else {
+			for (const agent of filterDevicesForAccess(user, captureAgents)) {
+				if (agent.id === deviceId) {
+					return agent.parsedCapabilities.layout ? agent.parsedCapabilities.layout : [];
+				}
+			}
+			return [];
+		}
+	};
+
 	const getInputForAgent = (deviceId: Recording["id"], input: string) => {
 		const inputs = getInputs(deviceId);
 		const value = inputs.find(agent => agent.id === input)?.value;
@@ -183,6 +197,12 @@ const EventDetailsSchedulingTab = ({
 		return value ? t(value as ParseKeys) : "";
 	};
 
+	const getLayoutForAgent = (deviceId: Recording["id"], s: string) => {
+		const layout = getLayout(deviceId);
+		const value = layout.find(agent => agent.id === s)?.value;
+		return value ? t(value as ParseKeys) : "";
+	};
+
 	// changes the inputs in the formik
 	const changeInputs = (deviceId: Recording["id"], setFieldValue: (field: string, value: any) => Promise<void | FormikErrors<any>>) => {
 		setFieldValue("captureAgent", deviceId);
@@ -292,6 +312,9 @@ const EventDetailsSchedulingTab = ({
 		const record = source.device.capabilitiesMethods.record && source.device.capabilitiesMethods.record.length > 0
 			? source.device.capabilitiesMethods.record[0]
 			: "";
+		const layout = source.device.capabilitiesMethods.layout && source.device.capabilitiesMethods.layout.length > 0
+			? source.device.capabilitiesMethods.layout[0]
+			: "";
 
 		startDate.setHours(0, 0, 0);
 		endDate.setHours(0, 0, 0);
@@ -309,6 +332,7 @@ const EventDetailsSchedulingTab = ({
 			inputs: inputs.filter(input => input !== ""),
 			stream: stream,
 			record: record,
+			layout: layout,
 		};
 	};
 
@@ -650,6 +674,33 @@ const EventDetailsSchedulingTab = ({
 														)}
 												</td>
 											</tr>
+
+											{/* layout */}
+											<tr>
+												<td>
+													{t(
+														"EVENTS.EVENTS.DETAILS.SOURCE.PLACEHOLDER.LAYOUT",
+													)}
+												</td>
+												<td>
+													{!!formik.values.captureAgent &&
+														!!getLayout(formik.values.captureAgent) &&
+														getLayout(formik.values.captureAgent).length >
+															0 &&
+														(hasAccessRole &&
+														accessAllowed(formik.values.captureAgent)
+															? <SchedulingRadio
+																	name="layout"
+																	inputs={getLayout(formik.values.captureAgent)}
+																/>
+															:
+																<span>
+																	{getLayoutForAgent(formik.values.captureAgent, formik.values.layout)}
+																	<br />
+																</span>
+														)}
+												</td>
+											</tr>
 										</tbody>
 									</table>
 								</div>
diff --git a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
index b9c5c2888e..9dfe4c165c 100644
--- a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
@@ -485,6 +485,26 @@ const Schedule = <T extends {
 		}
 	};
 
+	const renderLayoutDeviceOptions = () => {
+		if (formik.values.location) {
+			const inputDevice = inputDevices.find(
+				({ name }) => name === formik.values.location,
+			);
+			if (!inputDevice) {
+				return <></>;
+			}
+			return (
+				<>
+					<SchedulingRadio
+						name="layout"
+						inputs={inputDevice.parsedCapabilities.layout}
+						// formik={formik}
+					/>
+				</>
+			);
+		}
+	};
+
 	return (
 		<div className="obj">
 			<header>{t("EVENTS.EVENTS.NEW.SOURCE.DATE_TIME.CAPTION")}</header>
@@ -720,7 +740,7 @@ const Schedule = <T extends {
 										({ name }) => name === value,
 									);
 									if (inputDevice) {
-										if (inputDevice.parsedCapabilities.stream) {
+										if (inputDevice.parsedCapabilities.inputs) {
 											formik.setFieldValue("inputs", []);
 										}
 										if (inputDevice.parsedCapabilities.stream) {
@@ -741,6 +761,9 @@ const Schedule = <T extends {
 												formik.setFieldValue("record", "");
 											}
 										}
+										if (inputDevice.parsedCapabilities.layout) {
+											formik.setFieldValue("layout", "");
+										}
 									}
 								}}
 							/>
@@ -757,12 +780,18 @@ const Schedule = <T extends {
 								{renderStreamDeviceOptions()}
 							</td>
 						</tr>
-							<tr>
+						<tr>
 							<td>{t("EVENTS.EVENTS.NEW.SOURCE.PLACEHOLDER.RECORD")}</td>
 							<td>
 								{renderRecordDeviceOptions()}
 							</td>
 						</tr>
+						<tr>
+							<td>{t("EVENTS.EVENTS.NEW.SOURCE.PLACEHOLDER.LAYOUT")}</td>
+							<td>
+								{renderLayoutDeviceOptions()}
+							</td>
+						</tr>
 					</tbody>
 				</table>
 			</div>
diff --git a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
index e078de1d6f..93a3e5dec2 100644
--- a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
+++ b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
@@ -393,6 +393,11 @@
 			"RECORD": {
 				"0": "Do not record",
 				"1": "Record and upload"
+			},
+			"LAYOUT": {
+				"SBS": "side-by-side",
+				"PBP": "picture-by-picture",
+				"FULL_PRES": "full presentation"
 			}
 		}
 	},
@@ -532,7 +537,8 @@
 						"END_DATE": "yyyy-mm-dd",
 						"END_DATE_FORMAT": "yyyy-mm-dd",
 						"STREAM": "Stream",
-						"RECORD": "Record"
+						"RECORD": "Record",
+						"LAYOUT": "Layout"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
@@ -760,7 +766,8 @@
 						"START_DATE": "yyyy-mm-dd",
 						"END_DATE": "yyyy-mm-dd",
 						"STREAM": "Stream",
-						"RECORD": "Record"
+						"RECORD": "Record",
+						"LAYOUT": "Layout"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
diff --git a/src/slices/eventDetailsSlice.ts b/src/slices/eventDetailsSlice.ts
index c01806da3f..b65d3d1b4c 100644
--- a/src/slices/eventDetailsSlice.ts
+++ b/src/slices/eventDetailsSlice.ts
@@ -118,11 +118,13 @@ type Device = {
 		inputs: { id: string, value: string }[],
 		stream: { id: string, value: string }[],
 		record: { id: string, value: string }[],
+		layout: { id: string, value: string }[],
 	},
 	capabilitiesMethods: {
 		inputs: string[],
 		stream: string[],
 		record: string[],
+		layout: string[],
 	}
 	name: string,
 	// Fields we add to "device" from recordings but don't actually care about?
@@ -556,11 +558,13 @@ const initialState: EventDetailsState = {
 				inputs: [],
 				stream: [],
 				record: [],
+				layout: [],
 			},
 			capabilitiesMethods: {
 				inputs: [],
 				stream: [],
 				record: [],
+				layout: [],
 			},
 		},
 		agentId: undefined,
@@ -1032,6 +1036,7 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 				"capture.device.names": string,
 				"capture.device.stream": string,
 				"capture.device.record": string,
+				"capture.device.layout": string,
 			},
 			presenters: string[],
 			start: string,
@@ -1063,11 +1068,13 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 				inputs: [],
 				stream: [],
 				record: [],
+				layout: [],
 			},
 			capabilitiesMethods: {
 				inputs: [],
 				stream: [],
 				record: [],
+				layout: [],
 			},
 		};
 
@@ -1102,12 +1109,22 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 				}
 			}
 
+			const layoutMethods = [];
+
+			if (schedulingResponse.agentConfiguration["capture.device.layout"] !== undefined) {
+				const layout = schedulingResponse.agentConfiguration["capture.device.layout"].split(",");
+				for (const s of layout) {
+					layoutMethods.push(s);
+				}
+			}
+
 			device = {
 				...agent,
 				capabilitiesMethods: {
 					inputs: inputMethods,
 					stream: streamMethods,
 					record: recordMethods,
+					layout: layoutMethods,
 				},
 			};
 		}
@@ -1140,6 +1157,7 @@ export type SchedulingInfo = {
 	inputs: string[],
 	stream: string,
 	record: string,
+	layout: string,
 	scheduleDurationHours: string,
 	scheduleDurationMinutes: string,
 	scheduleEndDate: string,
@@ -1185,6 +1203,7 @@ export const saveSchedulingInfo = createAppAsyncThunk("eventDetails/saveScheduli
 			"capture.device.names": values.inputs.join(","),
 			"capture.device.stream": values.stream,
 			"capture.device.record": values.record,
+			"capture.device.layout": values.layout,
 			"event.location": agent ? agent.id : "",
 		},
 	};
@@ -2318,11 +2337,13 @@ const eventDetailsSlice = createSlice({
 							inputs: [],
 							stream: [],
 							record: [],
+							layout: [],
 						},
 						capabilitiesMethods: {
 							inputs: [],
 							stream: [],
 							record: [],
+							layout: [],
 						},
 					},
 					agentId: undefined,
diff --git a/src/slices/eventSlice.ts b/src/slices/eventSlice.ts
index c0b87016bc..0a789a9803 100644
--- a/src/slices/eventSlice.ts
+++ b/src/slices/eventSlice.ts
@@ -440,6 +440,7 @@ export const postNewEvent = (params: {
 		inputs?: string[],
 		stream?: string,
 		record?: string,
+		layout?: string,
 		processingWorkflow: string,
 		repeatOn: string[],
 		scheduleDurationHours: string,
@@ -472,6 +473,7 @@ export const postNewEvent = (params: {
 			inputs: string,
 			stream: string,
 			record: string,
+			layout: string,
 			end: Date,
 			duration: string,
 			rrule?: string,
@@ -550,6 +552,7 @@ export const postNewEvent = (params: {
 				inputs: values.inputs ? values.inputs.join(",") : "",
 				stream: values.stream ?? "",
 				record: values.record ?? "",
+				layout: values.layout ?? "",
 				end: endDate,
 				duration: duration.toString(),
 			},
diff --git a/src/slices/recordingDetailsSlice.ts b/src/slices/recordingDetailsSlice.ts
index 516c41ce66..230a6b8396 100644
--- a/src/slices/recordingDetailsSlice.ts
+++ b/src/slices/recordingDetailsSlice.ts
@@ -26,6 +26,7 @@ export interface RecordingDetails {
 		inputs: { id: string, value: string }[],
 		stream: { id: string, value: string }[],
 		record: { id: string, value: string }[],
+		layout: { id: string, value: string }[],
 	},
 }
 
@@ -48,6 +49,7 @@ const initialState: RecordingDetailsState = {
 		inputs: [],
 		stream: [],
 		record: [],
+		layout: [],
 	},
 };
 
diff --git a/src/slices/recordingSlice.ts b/src/slices/recordingSlice.ts
index 13034075f6..98229fec62 100644
--- a/src/slices/recordingSlice.ts
+++ b/src/slices/recordingSlice.ts
@@ -16,6 +16,7 @@ export type Recording = {
 		inputs: { id: string, value: string }[],
 		stream: { id: string, value: string }[],
 		record: { id: string, value: string }[],
+		layout: { id: string, value: string }[],
 	},
 	name: string,
 	removable: boolean,
@@ -95,10 +96,12 @@ export const fetchRecordings = createAppAsyncThunk("recordings/fetchRecordings",
 			inputs: [],
 			stream: [],
 			record: [],
+			layout: [],
 		};
 		parsedCapabilities.inputs = parsedCapabilities.inputs ? [...parsedCapabilities.inputs] : [];
 		parsedCapabilities.stream = parsedCapabilities.stream ? [...parsedCapabilities.stream] : [];
 		parsedCapabilities.record = parsedCapabilities.record ? [...parsedCapabilities.record] : [];
+		parsedCapabilities.layout = parsedCapabilities.layout ? [...parsedCapabilities.layout] : [];
 
 		const transformedAgent = {
 			id: agent.Name,

From fabf65126fb3d88af28448d720af6b82ed20e6a8 Mon Sep 17 00:00:00 2001
From: Arnei <arnewilken@yahoo.de>
Date: Mon, 13 Oct 2025 09:48:57 +0200
Subject: [PATCH 4/4] Extended CA API - Add field cameraPosition

---
 .../EventDetailsSchedulingTab.tsx             | 51 +++++++++++++++++++
 .../ModalTabsAndPages/NewSourcePage.tsx       | 26 ++++++++++
 .../adminui/languages/lang-en_US.json         |  6 ++-
 src/slices/eventDetailsSlice.ts               | 21 ++++++++
 src/slices/eventSlice.ts                      |  3 ++
 src/slices/recordingDetailsSlice.ts           |  2 +
 src/slices/recordingSlice.ts                  |  3 ++
 7 files changed, 110 insertions(+), 2 deletions(-)

diff --git a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
index 6eccb4d32c..a846699d29 100644
--- a/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/EventDetailsSchedulingTab.tsx
@@ -69,6 +69,7 @@ export type InitialValues = {
 	stream: string;
 	record: string;
 	layout: string;
+	cameraPosition: string;
 }
 
 /**
@@ -179,6 +180,19 @@ const EventDetailsSchedulingTab = ({
 		}
 	};
 
+	const getCameraPosition = (deviceId: Recording["id"]) => {
+		if (deviceId === source.device.id) {
+			return source.device.parsedCapabilities.cameraPosition ? source.device.parsedCapabilities.cameraPosition : [];
+		} else {
+			for (const agent of filterDevicesForAccess(user, captureAgents)) {
+				if (agent.id === deviceId) {
+					return agent.parsedCapabilities.cameraPosition ? agent.parsedCapabilities.cameraPosition : [];
+				}
+			}
+			return [];
+		}
+	};
+
 	const getInputForAgent = (deviceId: Recording["id"], input: string) => {
 		const inputs = getInputs(deviceId);
 		const value = inputs.find(agent => agent.id === input)?.value;
@@ -203,6 +217,12 @@ const EventDetailsSchedulingTab = ({
 		return value ? t(value as ParseKeys) : "";
 	};
 
+	const getCameraPositionForAgent = (deviceId: Recording["id"], s: string) => {
+		const cameraPosition = getCameraPosition(deviceId);
+		const value = cameraPosition.find(agent => agent.id === s)?.value;
+		return value ? t(value as ParseKeys) : "";
+	};
+
 	// changes the inputs in the formik
 	const changeInputs = (deviceId: Recording["id"], setFieldValue: (field: string, value: any) => Promise<void | FormikErrors<any>>) => {
 		setFieldValue("captureAgent", deviceId);
@@ -315,6 +335,9 @@ const EventDetailsSchedulingTab = ({
 		const layout = source.device.capabilitiesMethods.layout && source.device.capabilitiesMethods.layout.length > 0
 			? source.device.capabilitiesMethods.layout[0]
 			: "";
+		const cameraPosition = source.device.capabilitiesMethods.cameraPosition && source.device.capabilitiesMethods.cameraPosition.length > 0
+			? source.device.capabilitiesMethods.cameraPosition[0]
+			: "";
 
 		startDate.setHours(0, 0, 0);
 		endDate.setHours(0, 0, 0);
@@ -333,6 +356,7 @@ const EventDetailsSchedulingTab = ({
 			stream: stream,
 			record: record,
 			layout: layout,
+			cameraPosition: cameraPosition,
 		};
 	};
 
@@ -701,6 +725,33 @@ const EventDetailsSchedulingTab = ({
 														)}
 												</td>
 											</tr>
+
+											{/* cameraPosition */}
+											<tr>
+												<td>
+													{t(
+														"EVENTS.EVENTS.DETAILS.SOURCE.PLACEHOLDER.CAMERA_POSITION",
+													)}
+												</td>
+												<td>
+													{!!formik.values.captureAgent &&
+														!!getCameraPosition(formik.values.captureAgent) &&
+														getCameraPosition(formik.values.captureAgent).length >
+															0 &&
+														(hasAccessRole &&
+														accessAllowed(formik.values.captureAgent)
+															? <SchedulingRadio
+																	name="cameraPosition"
+																	inputs={getCameraPosition(formik.values.captureAgent)}
+																/>
+															:
+																<span>
+																	{getCameraPositionForAgent(formik.values.captureAgent, formik.values.cameraPosition)}
+																	<br />
+																</span>
+														)}
+												</td>
+											</tr>
 										</tbody>
 									</table>
 								</div>
diff --git a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
index 9dfe4c165c..347bea8907 100644
--- a/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/NewSourcePage.tsx
@@ -505,6 +505,26 @@ const Schedule = <T extends {
 		}
 	};
 
+		const renderCameraPositionDeviceOptions = () => {
+		if (formik.values.location) {
+			const inputDevice = inputDevices.find(
+				({ name }) => name === formik.values.location,
+			);
+			if (!inputDevice) {
+				return <></>;
+			}
+			return (
+				<>
+					<SchedulingRadio
+						name="cameraPosition"
+						inputs={inputDevice.parsedCapabilities.cameraPosition}
+						// formik={formik}
+					/>
+				</>
+			);
+		}
+	};
+
 	return (
 		<div className="obj">
 			<header>{t("EVENTS.EVENTS.NEW.SOURCE.DATE_TIME.CAPTION")}</header>
@@ -792,6 +812,12 @@ const Schedule = <T extends {
 								{renderLayoutDeviceOptions()}
 							</td>
 						</tr>
+						<tr>
+							<td>{t("EVENTS.EVENTS.NEW.SOURCE.PLACEHOLDER.CAMERA_POSITION")}</td>
+							<td>
+								{renderCameraPositionDeviceOptions()}
+							</td>
+						</tr>
 					</tbody>
 				</table>
 			</div>
diff --git a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
index 93a3e5dec2..271fc40941 100644
--- a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
+++ b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
@@ -538,7 +538,8 @@
 						"END_DATE_FORMAT": "yyyy-mm-dd",
 						"STREAM": "Stream",
 						"RECORD": "Record",
-						"LAYOUT": "Layout"
+						"LAYOUT": "Layout",
+						"CAMERA_POSITION": "Camera position"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
@@ -767,7 +768,8 @@
 						"END_DATE": "yyyy-mm-dd",
 						"STREAM": "Stream",
 						"RECORD": "Record",
-						"LAYOUT": "Layout"
+						"LAYOUT": "Layout",
+						"CAMERA_POSITION": "Camera position"
 					},
 					"UPLOAD": {
 						"CAPTION": "Upload",
diff --git a/src/slices/eventDetailsSlice.ts b/src/slices/eventDetailsSlice.ts
index b65d3d1b4c..d3dba81326 100644
--- a/src/slices/eventDetailsSlice.ts
+++ b/src/slices/eventDetailsSlice.ts
@@ -119,12 +119,14 @@ type Device = {
 		stream: { id: string, value: string }[],
 		record: { id: string, value: string }[],
 		layout: { id: string, value: string }[],
+		cameraPosition: { id: string, value: string }[],
 	},
 	capabilitiesMethods: {
 		inputs: string[],
 		stream: string[],
 		record: string[],
 		layout: string[],
+		cameraPosition: string[],
 	}
 	name: string,
 	// Fields we add to "device" from recordings but don't actually care about?
@@ -559,12 +561,14 @@ const initialState: EventDetailsState = {
 				stream: [],
 				record: [],
 				layout: [],
+				cameraPosition: [],
 			},
 			capabilitiesMethods: {
 				inputs: [],
 				stream: [],
 				record: [],
 				layout: [],
+				cameraPosition: [],
 			},
 		},
 		agentId: undefined,
@@ -1037,6 +1041,7 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 				"capture.device.stream": string,
 				"capture.device.record": string,
 				"capture.device.layout": string,
+				"capture.device.cameraPosition": string,
 			},
 			presenters: string[],
 			start: string,
@@ -1069,12 +1074,14 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 				stream: [],
 				record: [],
 				layout: [],
+				cameraPosition: [],
 			},
 			capabilitiesMethods: {
 				inputs: [],
 				stream: [],
 				record: [],
 				layout: [],
+				cameraPosition: [],
 			},
 		};
 
@@ -1118,6 +1125,15 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 				}
 			}
 
+			const cameraPositionMethods = [];
+
+			if (schedulingResponse.agentConfiguration["capture.device.cameraPosition"] !== undefined) {
+				const cameraPosition = schedulingResponse.agentConfiguration["capture.device.cameraPosition"].split(",");
+				for (const s of cameraPosition) {
+					cameraPositionMethods.push(s);
+				}
+			}
+
 			device = {
 				...agent,
 				capabilitiesMethods: {
@@ -1125,6 +1141,7 @@ export const fetchSchedulingInfo = createAppAsyncThunk("eventDetails/fetchSchedu
 					stream: streamMethods,
 					record: recordMethods,
 					layout: layoutMethods,
+					cameraPosition: cameraPositionMethods,
 				},
 			};
 		}
@@ -1158,6 +1175,7 @@ export type SchedulingInfo = {
 	stream: string,
 	record: string,
 	layout: string,
+	cameraPosition: string,
 	scheduleDurationHours: string,
 	scheduleDurationMinutes: string,
 	scheduleEndDate: string,
@@ -1204,6 +1222,7 @@ export const saveSchedulingInfo = createAppAsyncThunk("eventDetails/saveScheduli
 			"capture.device.stream": values.stream,
 			"capture.device.record": values.record,
 			"capture.device.layout": values.layout,
+			"capture.device.cameraPosition": values.cameraPosition,
 			"event.location": agent ? agent.id : "",
 		},
 	};
@@ -2338,12 +2357,14 @@ const eventDetailsSlice = createSlice({
 							stream: [],
 							record: [],
 							layout: [],
+							cameraPosition: [],
 						},
 						capabilitiesMethods: {
 							inputs: [],
 							stream: [],
 							record: [],
 							layout: [],
+							cameraPosition: [],
 						},
 					},
 					agentId: undefined,
diff --git a/src/slices/eventSlice.ts b/src/slices/eventSlice.ts
index 0a789a9803..1933110563 100644
--- a/src/slices/eventSlice.ts
+++ b/src/slices/eventSlice.ts
@@ -441,6 +441,7 @@ export const postNewEvent = (params: {
 		stream?: string,
 		record?: string,
 		layout?: string,
+		cameraPosition?: string,
 		processingWorkflow: string,
 		repeatOn: string[],
 		scheduleDurationHours: string,
@@ -474,6 +475,7 @@ export const postNewEvent = (params: {
 			stream: string,
 			record: string,
 			layout: string,
+			cameraPosition: string,
 			end: Date,
 			duration: string,
 			rrule?: string,
@@ -553,6 +555,7 @@ export const postNewEvent = (params: {
 				stream: values.stream ?? "",
 				record: values.record ?? "",
 				layout: values.layout ?? "",
+				cameraPosition: values.cameraPosition ?? "",
 				end: endDate,
 				duration: duration.toString(),
 			},
diff --git a/src/slices/recordingDetailsSlice.ts b/src/slices/recordingDetailsSlice.ts
index 230a6b8396..1c77bc1240 100644
--- a/src/slices/recordingDetailsSlice.ts
+++ b/src/slices/recordingDetailsSlice.ts
@@ -27,6 +27,7 @@ export interface RecordingDetails {
 		stream: { id: string, value: string }[],
 		record: { id: string, value: string }[],
 		layout: { id: string, value: string }[],
+		cameraPosition: { id: string, value: string }[],
 	},
 }
 
@@ -50,6 +51,7 @@ const initialState: RecordingDetailsState = {
 		stream: [],
 		record: [],
 		layout: [],
+		cameraPosition: [],
 	},
 };
 
diff --git a/src/slices/recordingSlice.ts b/src/slices/recordingSlice.ts
index 98229fec62..4ef9613219 100644
--- a/src/slices/recordingSlice.ts
+++ b/src/slices/recordingSlice.ts
@@ -17,6 +17,7 @@ export type Recording = {
 		stream: { id: string, value: string }[],
 		record: { id: string, value: string }[],
 		layout: { id: string, value: string }[],
+		cameraPosition: { id: string, value: string }[],
 	},
 	name: string,
 	removable: boolean,
@@ -97,11 +98,13 @@ export const fetchRecordings = createAppAsyncThunk("recordings/fetchRecordings",
 			stream: [],
 			record: [],
 			layout: [],
+			cameraPosition: [],
 		};
 		parsedCapabilities.inputs = parsedCapabilities.inputs ? [...parsedCapabilities.inputs] : [];
 		parsedCapabilities.stream = parsedCapabilities.stream ? [...parsedCapabilities.stream] : [];
 		parsedCapabilities.record = parsedCapabilities.record ? [...parsedCapabilities.record] : [];
 		parsedCapabilities.layout = parsedCapabilities.layout ? [...parsedCapabilities.layout] : [];
+		parsedCapabilities.cameraPosition = parsedCapabilities.cameraPosition ? [...parsedCapabilities.cameraPosition] : [];
 
 		const transformedAgent = {
 			id: agent.Name,