@camstack/addon-osd-manager 0.1.209 → 0.1.210

package/dist/_stub.js

@@ -19046,93 +19046,95 @@ function eS({ source: e, destinations: t, onDuplicated: n }) {
 	let [r, i] = a(!1), [o, s] = a(void 0), [c, l] = a(void 0), [u, d] = a(void 0), f = Ki();
 	if (t.length === 0) return null;
 	function p() {
-		s(void 0), d(void 0), f.reset?.();
+		s(void 0), d(void 0), l(void 0), f.reset?.();
 	}
-	let m = t.find((e) => e.id === o)?.name;
-	async function h() {
+	async function m() {
 		if (o === void 0) return;
 		let r = o;
 		d(void 0);
 		try {
-			let a = await f.mutateAsync({
+			let i = await f.mutateAsync({
 				sourceDeviceId: e.id,
 				targetDeviceId: r
 			});
-			l(`${a.copied} slot${a.copied === 1 ? "" : "s"} copied into ${t.find((e) => e.id === r)?.name ?? `camera #${r}`}${a.skipped > 0 ? ` · ${a.skipped} skipped` : ""}`), i(!1), p(), n(r);
+			l(`${i.copied} slot${i.copied === 1 ? "" : "s"} copied into ${t.find((e) => e.id === r)?.name ?? `camera #${r}`}${i.skipped > 0 ? ` · ${i.skipped} skipped` : ""}`), n(r);
 		} catch (e) {
 			d(e instanceof Error ? e.message : "Duplication failed");
 		}
 	}
-	return /* @__PURE__ */ F(I, { children: [
-		/* @__PURE__ */ P(W, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			onClick: () => {
-				l(void 0), i(!0);
-			},
-			children: "Duplicate into…"
-		}),
-		c !== void 0 && /* @__PURE__ */ P("p", {
-			className: "text-xs text-success",
-			role: "status",
-			children: c
-		}),
-		r ? /* @__PURE__ */ P(ma, {
-			open: !0,
-			onOpenChange: (e) => {
-				i(e), e || p();
-			},
-			children: /* @__PURE__ */ F(ga, {
-				width: "sm",
-				children: [
-					/* @__PURE__ */ F(_a, { children: [/* @__PURE__ */ F(ba, { children: [
+	return /* @__PURE__ */ F(I, { children: [/* @__PURE__ */ P(W, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		onClick: (e) => {
+			e.stopPropagation(), p(), i(!0);
+		},
+		children: "Duplicate into…"
+	}), r ? /* @__PURE__ */ P(ma, {
+		open: !0,
+		onOpenChange: (e) => {
+			i(e), e || p();
+		},
+		children: /* @__PURE__ */ F(ga, {
+			width: "sm",
+			className: "overflow-x-hidden",
+			children: [
+				/* @__PURE__ */ F(_a, { children: [/* @__PURE__ */ F(ba, {
+					className: "break-words",
+					children: [
 						"Duplicate “",
 						e.name,
 						"” into…"
-					] }), /* @__PURE__ */ F(xa, { children: [
-						"Copies every configured overlay binding from “",
-						e.name,
-						"” onto the camera you pick below, replacing its current OSD configuration."
-					] })] }),
-					/* @__PURE__ */ P(oa, {
-						"aria-label": "Destination camera",
-						value: o === void 0 ? "" : String(o),
-						options: [{
-							value: "",
-							label: "Select destination camera…"
-						}, ...t.map((e) => ({
-							value: String(e.id),
-							label: e.name
-						}))],
-						onChange: (e) => {
-							s(e.target.value === "" ? void 0 : Number(e.target.value));
-						}
-					}),
-					(u ?? f.error?.message) && /* @__PURE__ */ P("p", {
-						className: "mt-2 text-xs text-danger",
-						role: "alert",
-						children: u ?? f.error?.message
-					}),
-					/* @__PURE__ */ F(ya, { children: [/* @__PURE__ */ P(W, {
-						type: "button",
-						variant: "secondary",
-						disabled: f.isPending,
-						onClick: () => {
-							i(!1), p();
-						},
-						children: "Cancel"
-					}), /* @__PURE__ */ P(W, {
-						type: "button",
-						variant: "primary",
-						disabled: o === void 0 || f.isPending,
-						onClick: h,
-						children: m ? `Duplicate into ${m}` : "Duplicate"
-					})] })
-				]
-			})
-		}) : null
-	] });
+					]
+				}), /* @__PURE__ */ P(xa, { children: "Copies every overlay binding onto the camera you pick. Replaces its current OSD configuration." })] }),
+				c === void 0 ? /* @__PURE__ */ P(oa, {
+					"aria-label": "Destination camera",
+					value: o === void 0 ? "" : String(o),
+					options: [{
+						value: "",
+						label: "Select destination camera…"
+					}, ...t.map((e) => ({
+						value: String(e.id),
+						label: e.name
+					}))],
+					onChange: (e) => {
+						s(e.target.value === "" ? void 0 : Number(e.target.value));
+					}
+				}) : /* @__PURE__ */ P("p", {
+					className: "text-xs text-success break-words",
+					role: "status",
+					children: c
+				}),
+				(u ?? f.error?.message) && /* @__PURE__ */ P("p", {
+					className: "mt-2 text-xs text-danger break-words",
+					role: "alert",
+					children: u ?? f.error?.message
+				}),
+				/* @__PURE__ */ P(ya, { children: c === void 0 ? /* @__PURE__ */ F(I, { children: [/* @__PURE__ */ P(W, {
+					type: "button",
+					variant: "secondary",
+					disabled: f.isPending,
+					onClick: () => {
+						i(!1), p();
+					},
+					children: "Cancel"
+				}), /* @__PURE__ */ P(W, {
+					type: "button",
+					variant: "primary",
+					disabled: o === void 0 || f.isPending,
+					onClick: () => void m(),
+					children: "Duplicate"
+				})] }) : /* @__PURE__ */ P(W, {
+					type: "button",
+					variant: "primary",
+					onClick: () => {
+						i(!1), p();
+					},
+					children: "Close"
+				}) })
+			]
+		})
+	}) : null] });
 }
 //#endregion
 //#region src/ui/osd-page-model.ts
@@ -19997,16 +19999,15 @@ function qS({ cameraId: e, supportsOsd: t, deviceNameById: n, templateNameById:
 		children: "Loading…"
 	});
 	let a = vS(i.data?.slots ?? [], n, r);
-	return a.length === 0 ? /* @__PURE__ */ P("span", {
+	if (a.length === 0) return /* @__PURE__ */ P("span", {
 		className: "text-xs text-foreground-subtle",
 		children: "No active sources"
-	}) : /* @__PURE__ */ P("div", {
-		className: "flex flex-wrap gap-1",
-		children: a.map((e) => /* @__PURE__ */ P($i, {
-			variant: "default",
-			style: "outline",
-			children: e.label
-		}, e.key))
+	});
+	let o = a.map((e) => e.label).join(" · ");
+	return /* @__PURE__ */ P("span", {
+		className: "block max-w-[16rem] truncate text-xs text-foreground",
+		title: o,
+		children: o
 	});
 }
 function JS({ cameraId: e, supportsOsd: t, onRendered: n }) {
@@ -20275,6 +20276,7 @@ function $S({ cameras: e, osdCapableIds: t, allDevices: r, pickerDevices: i, lis
 			key: "sources",
 			header: "Active sources",
 			notSortableReason: "Live probe",
+			nowrap: !0,
 			render: (e) => /* @__PURE__ */ P(qS, {
 				cameraId: e.id,
 				supportsOsd: e.supportsOsd,
@@ -20289,21 +20291,17 @@ function $S({ cameras: e, osdCapableIds: t, allDevices: r, pickerDevices: i, lis
 			notSortableReason: "Row actions",
 			nowrap: !0,
 			render: (e) => /* @__PURE__ */ F("div", {
-				className: "flex flex-wrap items-center justify-end gap-1",
+				className: "flex justify-end gap-1",
 				children: [
 					/* @__PURE__ */ P(JS, {
 						cameraId: e.id,
 						supportsOsd: e.supportsOsd,
 						onRendered: () => w(e.id)
 					}),
-					e.supportsOsd ? /* @__PURE__ */ P("span", {
-						onClick: (e) => e.stopPropagation(),
-						onKeyDown: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ P(eS, {
-							source: e,
-							destinations: x.filter((t) => t.id !== e.id && t.supportsOsd),
-							onDuplicated: (e) => w(e)
-						})
+					e.supportsOsd ? /* @__PURE__ */ P(eS, {
+						source: e,
+						destinations: x.filter((t) => t.id !== e.id && t.supportsOsd),
+						onDuplicated: (e) => w(e)
 					}) : null,
 					/* @__PURE__ */ P(W, {
 						type: "button",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/addon-osd-manager",
-  "version": "0.1.209",
+  "version": "0.1.210",
   "description": "Binds camera on-screen-display slots to live state and recognitions",
   "keywords": [
     "camstack",