@camstack/addon-osd-manager 0.1.214 → 0.1.215

package/dist/_stub.js

@@ -19868,20 +19868,13 @@ t();
 function XS() {
 	return /* @__PURE__ */ F(bo, {
 		"data-testid": "osd-slot-content-tabs",
-		children: [
-			/* @__PURE__ */ P(xo, {
-				value: "layer",
-				children: "Layer"
-			}),
-			/* @__PURE__ */ P(xo, {
-				value: "binding",
-				children: "Binding"
-			}),
-			/* @__PURE__ */ P(xo, {
-				value: "preview",
-				children: "Preview"
-			})
-		]
+		children: [/* @__PURE__ */ P(xo, {
+			value: "layer",
+			children: "Layer"
+		}), /* @__PURE__ */ P(xo, {
+			value: "binding",
+			children: "Binding"
+		})]
 	});
 }
 function ZS({ deviceId: e, slot: t, binding: n, onBindingChange: r, onMarkClear: i, markedClear: o = !1, sources: s, pickerDevices: c, listState: u, templates: d, onRefreshCurrent: f, refreshingCurrent: p = !1 }) {
@@ -19981,6 +19974,44 @@ function ZS({ deviceId: e, slot: t, binding: n, onBindingChange: r, onMarkClear:
 						"data-testid": "osd-slot-refresh-current",
 						children: [p ? /* @__PURE__ */ P(wt, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ P(Zt, { className: "h-3.5 w-3.5" }), "Refresh"]
 					})]
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "space-y-3 border-t border-border pt-3",
+					"data-testid": "osd-slot-section-preview",
+					children: [
+						/* @__PURE__ */ F("div", {
+							className: "flex flex-wrap items-start justify-between gap-2",
+							children: [/* @__PURE__ */ P("p", {
+								className: "text-[11px] text-foreground-subtle",
+								children: "Render this binding without writing the camera."
+							}), /* @__PURE__ */ P(W, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								disabled: x || o,
+								onClick: () => void w(),
+								children: "Preview"
+							})]
+						}),
+						S && /* @__PURE__ */ P("p", {
+							className: "text-xs text-danger",
+							role: "alert",
+							children: S.message
+						}),
+						h ? /* @__PURE__ */ F("div", {
+							className: "flex items-center gap-2 text-xs",
+							children: [/* @__PURE__ */ P(ea, {
+								variant: OS(h.outcome),
+								children: ES(h.outcome)
+							}), /* @__PURE__ */ P("span", {
+								className: "text-foreground-muted",
+								children: h.text ? `"${h.text}"` : "(blank)"
+							})]
+						}) : /* @__PURE__ */ P("p", {
+							className: "text-xs text-foreground-subtle",
+							children: "Run Preview to see the rendered text."
+						})
+					]
 				})
 			]
 		}),
@@ -20033,45 +20064,6 @@ function ZS({ deviceId: e, slot: t, binding: n, onBindingChange: r, onMarkClear:
 					})
 				}) : null] }) : null
 			]
-		}),
-		/* @__PURE__ */ F(So, {
-			value: "preview",
-			className: "space-y-3 pt-0",
-			"data-testid": "osd-slot-section-preview",
-			children: [
-				/* @__PURE__ */ F("div", {
-					className: "flex flex-wrap items-start justify-between gap-2",
-					children: [/* @__PURE__ */ P("p", {
-						className: "text-[11px] text-foreground-subtle",
-						children: "Render this binding without writing the camera."
-					}), /* @__PURE__ */ P(W, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						disabled: x || o,
-						onClick: () => void w(),
-						children: "Preview"
-					})]
-				}),
-				S && /* @__PURE__ */ P("p", {
-					className: "text-xs text-danger",
-					role: "alert",
-					children: S.message
-				}),
-				h ? /* @__PURE__ */ F("div", {
-					className: "flex items-center gap-2 text-xs",
-					children: [/* @__PURE__ */ P(ea, {
-						variant: OS(h.outcome),
-						children: ES(h.outcome)
-					}), /* @__PURE__ */ P("span", {
-						className: "text-foreground-muted",
-						children: h.text ? `"${h.text}"` : "(blank)"
-					})]
-				}) : /* @__PURE__ */ P("p", {
-					className: "text-xs text-foreground-subtle",
-					children: "Run Preview to see the rendered text."
-				})
-			]
 		})
 	] });
 }
@@ -20231,9 +20223,10 @@ function tC({ camera: e, pickerDevices: t, listState: r, templates: i, onRefetch
 		});
 	})(), k = e.supportsOsd && !f.isLoading && ae === null && h.length > 0, se = k && _ !== void 0 && !_.readOnly;
 	return /* @__PURE__ */ P(yo, {
+		appearance: "pills",
 		value: w,
 		onValueChange: (e) => {
-			(e === "layer" || e === "binding" || e === "preview") && T(e);
+			(e === "layer" || e === "binding") && T(e);
 		},
 		children: /* @__PURE__ */ P(hb, {
 			open: !0,
@@ -20708,9 +20701,10 @@ function xC({ createRequested: e = !1, onCreateConsumed: t }) {
 				onRowClick: (e) => s.openEdit(e.id)
 			}),
 			v && u !== null ? /* @__PURE__ */ P(yo, {
+				appearance: "pills",
 				value: b,
 				onValueChange: (e) => {
-					(e === "template" || e === "bindings" || e === "preview") && x(e);
+					(e === "template" || e === "bindings") && x(e);
 				},
 				children: /* @__PURE__ */ P(hb, {
 					open: !0,
@@ -20723,20 +20717,13 @@ function xC({ createRequested: e = !1, onCreateConsumed: t }) {
 					testId: "osd-template-editor",
 					beforeBody: /* @__PURE__ */ F(bo, {
 						"data-testid": "osd-tpl-editor-tabs",
-						children: [
-							/* @__PURE__ */ P(xo, {
-								value: "template",
-								children: "Template"
-							}),
-							/* @__PURE__ */ P(xo, {
-								value: "bindings",
-								children: "Bindings"
-							}),
-							/* @__PURE__ */ P(xo, {
-								value: "preview",
-								children: "Preview"
-							})
-						]
+						children: [/* @__PURE__ */ P(xo, {
+							value: "template",
+							children: "Template"
+						}), /* @__PURE__ */ P(xo, {
+							value: "bindings",
+							children: "Bindings"
+						})]
 					}),
 					footer: /* @__PURE__ */ P("div", {
 						className: "flex gap-2",
@@ -20766,73 +20753,29 @@ function SC({ draft: e, pickerDevices: t, listState: n, onChange: r }) {
 		...e,
 		bindings: e.bindings.filter(yC)
 	}, { stateByDevice: s }), [e, s]);
-	return /* @__PURE__ */ F(I, { children: [
-		/* @__PURE__ */ P(So, {
-			value: "template",
-			className: "space-y-3 pt-0",
-			"data-testid": "osd-tpl-section-template",
-			children: /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P($a, {
-				htmlFor: "osd-tpl-name",
-				children: "Name"
-			}), /* @__PURE__ */ P(Oi, {
-				id: "osd-tpl-name",
-				"data-testid": "osd-tpl-name",
-				value: e.name,
-				maxLength: 64,
-				onChange: (t) => r({
-					...e,
-					name: t.target.value
-				})
-			})] })
-		}),
-		/* @__PURE__ */ F(So, {
-			value: "bindings",
-			className: "space-y-3 pt-0",
-			"data-testid": "osd-tpl-section-bindings",
-			children: [
-				/* @__PURE__ */ F("div", {
-					className: "flex flex-wrap items-start justify-between gap-2",
-					children: [/* @__PURE__ */ P("p", {
-						className: "text-[11px] text-foreground-subtle",
-						children: "Each binding picks device → child (if a container) → field. The same container can appear on more than one binding."
-					}), /* @__PURE__ */ P(W, {
-						type: "button",
-						size: "sm",
-						variant: "ghost",
-						"data-testid": "osd-tpl-add-binding",
-						onClick: () => {
-							r({
-								...e,
-								bindings: [...e.bindings, vC()]
-							});
-						},
-						children: "Add binding"
-					})]
-				}),
-				e.bindings.length === 0 && /* @__PURE__ */ P("p", {
-					className: "text-xs text-foreground-muted",
-					children: "No bindings yet — add one to start."
-				}),
-				e.bindings.map((i, o) => /* @__PURE__ */ P(CC, {
-					binding: i,
-					index: o,
-					draft: e,
-					pickerDevices: t,
-					listState: n,
-					sources: a,
-					stateByDevice: s,
-					onChange: r
-				}, `binding-${o}`))
-			]
-		}),
-		/* @__PURE__ */ F(So, {
-			value: "preview",
-			className: "space-y-3 pt-0",
+	return /* @__PURE__ */ F(I, { children: [/* @__PURE__ */ F(So, {
+		value: "template",
+		className: "space-y-3 pt-0",
+		"data-testid": "osd-tpl-section-template",
+		children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P($a, {
+			htmlFor: "osd-tpl-name",
+			children: "Name"
+		}), /* @__PURE__ */ P(Oi, {
+			id: "osd-tpl-name",
+			"data-testid": "osd-tpl-name",
+			value: e.name,
+			maxLength: 64,
+			onChange: (t) => r({
+				...e,
+				name: t.target.value
+			})
+		})] }), /* @__PURE__ */ F("div", {
+			className: "space-y-3 border-t border-border pt-3",
 			"data-testid": "osd-tpl-section-preview",
 			children: [
 				/* @__PURE__ */ P("p", {
 					className: "text-[11px] text-foreground-subtle",
-					children: "Parser tokens expand from the bindings above."
+					children: "Parser tokens expand from the bindings on the Bindings tab."
 				}),
 				/* @__PURE__ */ P(iS, {
 					label: "Parser",
@@ -20862,8 +20805,47 @@ function SC({ draft: e, pickerDevices: t, listState: n, onChange: r }) {
 					})]
 				})
 			]
-		})
-	] });
+		})]
+	}), /* @__PURE__ */ F(So, {
+		value: "bindings",
+		className: "space-y-3 pt-0",
+		"data-testid": "osd-tpl-section-bindings",
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex flex-wrap items-start justify-between gap-2",
+				children: [/* @__PURE__ */ P("p", {
+					className: "text-[11px] text-foreground-subtle",
+					children: "Each binding picks device → child (if a container) → field. The same container can appear on more than one binding."
+				}), /* @__PURE__ */ P(W, {
+					type: "button",
+					size: "sm",
+					variant: "ghost",
+					"data-testid": "osd-tpl-add-binding",
+					onClick: () => {
+						r({
+							...e,
+							bindings: [...e.bindings, vC()]
+						});
+					},
+					children: "Add binding"
+				})]
+			}),
+			e.bindings.length === 0 && /* @__PURE__ */ P("p", {
+				className: "text-xs text-foreground-muted",
+				children: "No bindings yet — add one to start."
+			}),
+			e.bindings.map((i, o) => /* @__PURE__ */ P(CC, {
+				binding: i,
+				index: o,
+				draft: e,
+				pickerDevices: t,
+				listState: n,
+				sources: a,
+				stateByDevice: s,
+				onChange: r
+			}, `binding-${o}`))
+		]
+	})] });
 }
 function CC({ binding: e, index: t, draft: n, pickerDevices: r, listState: i, sources: a, stateByDevice: o, onChange: s }) {
 	let c = yC(e) ? fC(e, { stateByDevice: o }) : { reason: "Pick a device and field" }, l = {

package/package.json

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