rayzee 11.11.0 → 11.13.0

package/dist/{ColorManagement-B_HjAiy2.js → ColorManagement-3xw0xXRg.js}

@@ -3,23 +3,100 @@ import { n as t } from "./EngineIssues-CfJiBaNj.js";
 import { a as n, n as r, t as i } from "./WorkingMatrix-C6y233hT.js";
 import { i as a, n as o, r as s, t as c } from "./ActiveColor-YvuQq44O.js";
 import { n as l } from "./AssetConfig-DSEntE65.js";
-import { _ as u, a as d, c as f, d as p, f as m, g as h, h as g, l as _, m as v, n as ee, o as te, p as ne, u as y } from "./ViewTransforms-CYN7bq2w.js";
-import { Fn as re, If as b, clamp as x, float as ie, floor as ae, ivec3 as S, log2 as oe, max as se, texture3DLoad as ce, vec3 as C } from "three/tsl";
-import { ClampToEdgeWrapping as le, Data3DTexture as ue, HalfFloatType as de, LinearSRGBColorSpace as fe, NearestFilter as pe, NoColorSpace as me, RGBAFormat as he, SRGBColorSpace as ge } from "three";
+import { _ as u, a as d, c as f, d as p, f as m, g as h, h as g, l as _, m as v, n as y, o as ee, p as te, u as b } from "./ViewTransforms-CYN7bq2w.js";
+import { Fn as ne, If as re, clamp as x, float as ie, floor as ae, ivec3 as S, log2 as oe, max as se, texture3DLoad as ce, vec3 as C } from "three/tsl";
+import { ClampToEdgeWrapping as le, Data3DTexture as ue, HalfFloatType as de, LinearSRGBColorSpace as fe, NearestFilter as pe, NoColorSpace as me, NoToneMapping as he, RGBAFormat as ge, SRGBColorSpace as _e } from "three";
 //#region src/Color/Displays.js
 function w(e) {
 	let t = String(e ?? "");
-	return /(hdr|pq|hlg|2100|st2084)/i.test(t) ? null : /^display\s*p3\b/i.test(t) ? "display-p3" : /^(srgb|rec\.?\s*1886|bt\.?\s*1886|gamma\s*2\.2\s*rec\.?\s*709)\b(?!.*(p3|2020))/i.test(t) ? "srgb" : null;
+	return /(hdr|pq|hlg|2100|st2084)/i.test(t) ? null : /^display\s*p3\b/i.test(t) ? "display-p3" : /^srgb\b(?!.*(p3|2020))/i.test(t) ? "srgb" : null;
+}
+var ve = new Set(["hdr-video", "edr-video"]), ye = /(^|[^a-z])(hdr|pq|hlg|st-?2084|2100)([^a-z]|$)/i;
+function be(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e?.colorSpaces ?? []) for (let e of [t.name, ...t.aliases ?? []]) n.set(e, t.encoding);
+	let r = (e) => e.colorSpace === "<USE_DISPLAY_NAME>" ? t : e.colorSpace;
+	return (e?.views?.[t] ?? []).map((e) => n.get(r(e))).filter(Boolean);
+}
+function T(e, t) {
+	let n = be(e, t);
+	return n.length ? n.some((e) => ve.has(e)) : ye.test(t);
+}
+var xe = 1e3, E = (e) => String(e).replace(/\([^)]*\)/g, " ").split(/\s+-\s+/)[0].trim().replace(/\s+/g, " ").toLowerCase(), Se = (e) => e.replace(/\s*\d+(\.\d+)*$/, ""), D = (e) => /\bHDR\b/i.test(e) ? "hdr" : /\bSDR\b/i.test(e) ? "sdr" : null;
+function Ce(e, t) {
+	let n = e.findIndex((e, n) => e !== t[n]);
+	return n >= 0 && e[n] < t[n];
+}
+var we = (e) => new Set((e?.colorSpaces ?? []).filter((e) => e.isData).flatMap((e) => [e.name, ...e.aliases ?? []]));
+function Te(e, t, n) {
+	return we(e).has(e?.views?.[t]?.find((e) => e.name === n)?.colorSpace);
+}
+function Ee(e, t) {
+	return E(e) === E(t);
+}
+var De = (e, t) => Se(E(e)) === Se(E(t));
+function Oe(e, t, n) {
+	let r = D(t), i = Number(/(\d+)\s*nits/i.exec(t)?.[1] ?? xe);
+	return [
+		E(t) === E(e) ? 0 : 1,
+		(n ? r === "hdr" : r !== "hdr") ? 0 : 1,
+		t === e ? 0 : 1,
+		n ? Math.abs(Math.log2(i / xe)) : 0,
+		+!/p3/i.test(t)
+	];
+}
+function ke(e, t, n) {
+	let r = we(e), i = T(e, n), a = null;
+	for (let o of e?.views?.[n] ?? []) {
+		if (r.has(o.colorSpace) || !De(t, o.name)) continue;
+		let e = Oe(t, o.name, i);
+		(!a || Ce(e, a.rank)) && (a = {
+			view: o.name,
+			rank: e
+		});
+	}
+	return a;
+}
+function Ae(e, t, n, r) {
+	if (Te(e, t, n)) {
+		let t = we(e);
+		return e?.views?.[r]?.find((e) => t.has(e.colorSpace))?.name ?? null;
+	}
+	return ke(e, n, r)?.view ?? null;
+}
+function je(e, t, n) {
+	if (Te(e, t, n)) return null;
+	if (T(e, t)) return {
+		display: t,
+		view: n
+	};
+	if (D(n) === "hdr") return null;
+	let r = null;
+	for (let t of e?.displays ?? []) {
+		if (!T(e, t)) continue;
+		let i = ke(e, n, t), a = D(i?.view) === null;
+		if (!i || D(i.view) === "sdr" || a && (i.rank[0] || D(n) !== null)) continue;
+		let o = [...i.rank, be(e, t).includes("edr-video") ? 0 : /pq|st-?2084/i.test(t) ? 1 : 2];
+		(!r || Ce(o, r.rank)) && (r = {
+			display: t,
+			view: i.view,
+			rank: o
+		});
+	}
+	return r && {
+		display: r.display,
+		view: r.view
+	};
 }
 //#endregion
 //#region src/Color/OcioRuntime.js
-var T = e("ocio");
-function _e(e) {
+var Me = e("ocio");
+function Ne(e) {
 	let t = String(e);
-	/\[OpenColorIO Error\]/.test(t) ? T.error(t) : /\[OpenColorIO Warning\]/.test(t) ? T.warn(t) : T.debug(t);
+	/\[OpenColorIO Error\]/.test(t) ? Me.error(t) : /\[OpenColorIO Warning\]/.test(t) ? Me.warn(t) : Me.debug(t);
 }
-var E = null, D = null, O = null, k = null, A = null;
-async function ve() {
+var O = null, k = null, A = null, j = null, M = null;
+async function Pe() {
 	let { ocioRuntimeFactory: e, ocioRuntimeUrl: t } = l();
 	if (typeof e == "function") return await e();
 	if (typeof t == "string" && t) return await import(
@@ -28,28 +105,28 @@ async function ve() {
 );
 	throw Error("OpenColorIO runtime not configured. Call configureAssets({ ocioRuntimeFactory: () => import('@bb-studio/ocio') }) before loading a config.");
 }
-async function ye() {
-	return D || (E ||= (async () => {
-		let e = await ve();
+async function Fe() {
+	return k || (O ||= (async () => {
+		let e = await Pe();
 		if (typeof e.createOcioRuntime != "function") throw Error("OCIO module has no createOcioRuntime() — wrong package or version");
 		let { ocioWasmUrl: t } = l();
-		return D = await e.createOcioRuntime({
+		return k = await e.createOcioRuntime({
 			...t ? { wasmUrl: t } : {},
 			moduleOptions: {
-				print: _e,
-				printErr: _e
+				print: Ne,
+				printErr: Ne
 			}
-		}), D;
+		}), k;
 	})().catch((e) => {
-		throw E = null, e;
-	}), await E);
+		throw O = null, e;
+	}), await O);
 }
-async function be() {
-	return (await ye()).ocio.listBuiltinConfigs();
+async function Ie() {
+	return (await Fe()).ocio.listBuiltinConfigs();
 }
-async function xe({ builtin: e, text: t, files: n = [], configPath: r = "config.ocio", id: i } = {}) {
-	let a = await ye();
-	if (e) O = a.loadBuiltinConfig(e), k = e, A = Ce(a, e);
+async function Le({ builtin: e, text: t, files: n = [], configPath: r = "config.ocio", id: i } = {}) {
+	let a = await Fe();
+	if (e) A = a.loadBuiltinConfig(e), j = e, M = Be(a, e);
 	else {
 		let e = n.map((e) => ({
 			relativePath: e.relativePath ?? e.path ?? e.name,
@@ -59,42 +136,45 @@ async function xe({ builtin: e, text: t, files: n = [], configPath: r = "config.
 			relativePath: r,
 			data: new TextEncoder().encode(t)
 		}), !e.some((e) => e.relativePath === r)) throw Error(`config package has no "${r}" — pass configPath to name the .ocio file`);
-		O = a.loadConfigPackage({
+		A = a.loadConfigPackage({
 			configRelativePath: r,
 			files: e
-		}, i ? { id: i } : void 0), k = i ?? O.id;
+		}, i ? { id: i } : void 0), j = i ?? A.id;
 		let o = e.find((e) => e.relativePath === r);
-		A = o ? new TextDecoder().decode(o.data) : null;
+		M = o ? new TextDecoder().decode(o.data) : null;
 	}
-	return P();
-}
-function Se() {
-	O = null, k = null, A = null;
-}
-function j() {
-	return O !== null;
+	return I();
 }
-function M() {
-	return O ? D : null;
+function Re() {
+	A = null, j = null, M = null;
 }
 function N() {
-	return O;
+	return A !== null;
 }
 function P() {
-	if (!O) return null;
-	let e = Object.fromEntries(O.roles.map((e) => [e.name, e.colorSpace]));
+	return A ? k : null;
+}
+function F() {
+	return A;
+}
+function ze() {
+	return M;
+}
+function I() {
+	if (!A) return null;
+	let e = Object.fromEntries(A.roles.map((e) => [e.name, e.colorSpace]));
 	return {
-		id: k,
-		name: A?.match(/^name:\s*(\S.*?)\s*$/m)?.[1] ?? null,
-		ocioVersion: O.ocioVersion,
-		version: O.version,
+		id: j,
+		name: M?.match(/^name:\s*(\S.*?)\s*$/m)?.[1] ?? null,
+		ocioVersion: A.ocioVersion,
+		version: A.version,
 		roles: e,
 		sceneLinear: e.scene_linear ?? null,
 		colorPicking: e.color_picking ?? e.texture_paint ?? null,
 		texturePaint: e.texture_paint ?? e.color_picking ?? null,
 		data: e.data ?? null,
 		compositingLog: e.compositing_log ?? e.color_timing ?? null,
-		colorSpaces: O.colorSpaces.map((e) => ({
+		colorSpaces: A.colorSpaces.map((e) => ({
 			name: e.name,
 			family: e.family,
 			categories: e.categories ?? [],
@@ -103,25 +183,25 @@ function P() {
 			aliases: e.aliases,
 			description: e.description
 		})),
-		displays: O.displays.slice(),
-		defaultDisplay: O.defaultDisplay,
-		views: Object.fromEntries(Object.entries(O.viewsByDisplay).map(([e, t]) => [e, t.map((e) => ({
+		displays: A.displays.slice(),
+		defaultDisplay: A.defaultDisplay,
+		views: Object.fromEntries(Object.entries(A.viewsByDisplay).map(([e, t]) => [e, t.map((e) => ({
 			name: e.name,
 			transform: e.transform,
 			colorSpace: e.colorSpace,
 			looks: e.looks,
 			description: e.description
 		}))])),
-		defaultViews: { ...O.defaultViewsByDisplay },
-		looks: O.looks.map((e) => ({
+		defaultViews: { ...A.defaultViewsByDisplay },
+		looks: A.looks.map((e) => ({
 			name: e.name,
 			processSpace: e.processSpace,
 			description: e.description,
 			forward: e.hasForwardTransform,
 			inverse: e.hasInverseTransform
 		})),
-		namedTransforms: O.namedTransforms.map((e) => e.name),
-		fileRules: O.fileRules.map((e) => ({
+		namedTransforms: A.namedTransforms.map((e) => e.name),
+		fileRules: A.fileRules.map((e) => ({
 			index: e.index,
 			name: e.name,
 			colorSpace: e.colorSpace,
@@ -129,19 +209,19 @@ function P() {
 			extension: e.extension,
 			regex: e.regex
 		})),
-		contextVariables: we()
+		contextVariables: Ve()
 	};
 }
-function Ce(e, t) {
-	try {
-		return e.ocio.getBuiltinConfigYaml(t);
-	} catch {
-		return null;
-	}
+function Be(e, t) {
+	for (let n of [t, t.replace(/^ocio:\/\//, "")]) try {
+		let t = e.ocio.getBuiltinConfigYaml(n);
+		if (t) return t;
+	} catch {}
+	return null;
 }
-function we() {
-	if (!A) return [];
-	let e = /* @__PURE__ */ new Map(), t = A.split(/\r?\n/), n = t.findIndex((e) => /^environment:\s*(\{\s*\})?\s*$/.test(e));
+function Ve() {
+	if (!M) return [];
+	let e = /* @__PURE__ */ new Map(), t = M.split(/\r?\n/), n = t.findIndex((e) => /^environment:\s*(\{\s*\})?\s*$/.test(e));
 	if (n >= 0 && !/\{\s*\}/.test(t[n])) for (let r = n + 1; r < t.length; r++) {
 		let n = t[r];
 		if (/^\S/.test(n)) break;
@@ -152,99 +232,99 @@ function we() {
 			declared: !0
 		});
 	}
-	for (let t of A.matchAll(/\$\{?([A-Za-z_][A-Za-z0-9_]*)\}?/g)) e.has(t[1]) || e.set(t[1], {
+	for (let t of M.matchAll(/\$\{?([A-Za-z_][A-Za-z0-9_]*)\}?/g)) e.has(t[1]) || e.set(t[1], {
 		name: t[1],
 		default: null,
 		declared: !1
 	});
 	return [...e.values()].sort((e, t) => e.name.localeCompare(t.name));
 }
-function Te() {
-	Se(), D?.dispose?.(), D = null, E = null;
+function He() {
+	Re(), k?.dispose?.(), k = null, O = null;
 }
 //#endregion
 //#region src/Color/ColorSpaces.js
-var F = 1 << 20, I = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), Ee = 4096, R = /* @__PURE__ */ new Map();
-function z(e, t, n) {
+var L = 1 << 20, R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), Ue = 4096, B = /* @__PURE__ */ new Map();
+function We(e, t, n) {
 	return `${e}\u0000${t}\u0000${n ? JSON.stringify(n) : ""}`;
 }
-function B() {
-	for (let e of I.values()) e.dispose?.();
-	I.clear(), L.clear(), R.clear();
+function Ge() {
+	for (let e of R.values()) e.dispose?.();
+	R.clear(), z.clear(), B.clear();
 }
-function V(e, t, { context: n = null } = {}) {
-	if (!M() || e === t) return null;
-	let r = z(e, t, n), i = I.get(r);
+function Ke(e, t, { context: n = null } = {}) {
+	if (!P() || e === t) return null;
+	let r = We(e, t, n), i = R.get(r);
 	if (i !== void 0) return i;
 	try {
-		i = De().createColorSpaceProcessor(e, t, n ? { context: n } : void 0), i.isNoOp && (i.dispose(), i = null);
+		i = Je().createColorSpaceProcessor(e, t, n ? { context: n } : void 0), i.isNoOp && (i.dispose(), i = null);
 	} catch (n) {
 		throw Error(`no OCIO transform from "${e}" to "${t}": ${n.message}`);
 	}
-	return I.set(r, i), i;
+	return R.set(r, i), i;
 }
-var H = null, U = null, W = !1;
-function De() {
-	let e = M();
+var V = null, qe = null, H = !1;
+function Je() {
+	let e = P();
 	if (!e) throw Error("no OCIO config loaded");
 	if (e.config) return e.config;
-	let t = N();
-	if (H && U === t.id) return H;
-	if (W && H?.dispose?.(), !t.id?.startsWith("ocio://")) throw Error("OCIO runtime exposes no Config handle for this config");
-	return H = e.ocio.createBuiltinConfig(t.id), W = !0, U = t.id, H;
+	let t = F();
+	if (V && qe === t.id) return V;
+	if (H && V?.dispose?.(), !t.id?.startsWith("ocio://")) throw Error("OCIO runtime exposes no Config handle for this config");
+	return V = e.ocio.createBuiltinConfig(t.id), H = !0, qe = t.id, V;
 }
-function G() {
-	W && H?.dispose?.(), H = null, U = null, W = !1, B();
+function Ye() {
+	H && V?.dispose?.(), V = null, qe = null, H = !1, Ge();
 }
-function Oe(e, t, n, { context: r = null } = {}) {
-	let i = M();
+function Xe(e, t, n, { context: r = null } = {}) {
+	let i = P();
 	if (!i || t === n) return [
 		e[0],
 		e[1],
 		e[2]
 	];
-	let a = `${z(t, n, r)}\u0000${e[0]},${e[1]},${e[2]}`, o = L.get(a);
+	let a = `${We(t, n, r)}\u0000${e[0]},${e[1]},${e[2]}`, o = z.get(a);
 	if (o) return o.slice();
 	let s = i.transformRgb(t, n, [
 		e[0],
 		e[1],
 		e[2]
 	], r ? { context: r } : void 0);
-	return L.size >= Ee && L.clear(), L.set(a, s), s.slice();
+	return z.size >= Ue && z.clear(), z.set(a, s), s.slice();
 }
-function K(e, t, n, { context: r = null } = {}) {
+function U(e, t, n, { context: r = null } = {}) {
 	if (e.length % 4 != 0) throw Error("convertPixelsF32 wants 4 floats per pixel");
-	let i = V(t, n, { context: r });
+	let i = Ke(t, n, { context: r });
 	if (!i) return e;
 	let a = e.length / 4;
-	if (a <= F) return i.applyRGBAF32(e), e;
-	for (let t = 0; t < a; t += F) {
-		let n = Math.min(F, a - t);
+	if (a <= L) return i.applyRGBAF32(e), e;
+	for (let t = 0; t < a; t += L) {
+		let n = Math.min(L, a - t);
 		i.applyRGBAF32(e.subarray(t * 4, (t + n) * 4));
 	}
 	return e;
 }
-var q = .055;
-function ke(e) {
-	return e <= .04045 ? e / 12.92 : ((e + q) / (1 + q)) ** 2.4;
+var W = .055;
+function Ze(e) {
+	return e <= .04045 ? e / 12.92 : ((e + W) / (1 + W)) ** 2.4;
 }
-function Ae(e) {
-	return e <= 0 ? 0 : e <= .0031308 ? 12.92 * e : (1 + q) * e ** (1 / 2.4) - q;
+function Qe(e) {
+	return e <= 0 ? 0 : e <= .0031308 ? 12.92 * e : (1 + W) * e ** (1 / 2.4) - W;
 }
-var je = new Float32Array(256);
-for (let e = 0; e < 256; e++) je[e] = ke(e / 255);
-var Me = new Float32Array(256);
-for (let e = 0; e < 256; e++) Me[e] = e / 255;
-function Ne(e) {
-	return e === "srgb" ? je : Me;
+var $e = new Float32Array(256);
+for (let e = 0; e < 256; e++) $e[e] = Ze(e / 255);
+var et = new Float32Array(256);
+for (let e = 0; e < 256; e++) et[e] = e / 255;
+function tt(e) {
+	return e === "srgb" ? $e : et;
 }
-function Pe(e, t, n, { context: r = null, inputEncoding: i = "raw", outputEncoding: a = "srgb" } = {}) {
+function nt(e, t, n, { context: r = null, inputEncoding: i = "raw", outputEncoding: a = "srgb" } = {}) {
 	if (e.length % 4 != 0) throw Error("convertEncodedRGBA8 wants 4 bytes per pixel");
-	let o = V(t, n, { context: r });
+	let o = Ke(t, n, { context: r });
 	if (!o) return e;
-	let s = e.length / 4, c = Ne(i), l = a === "srgb" ? Ie : Le, u = new Float32Array(Math.min(F, s) * 4);
-	for (let t = 0; t < s; t += F) {
-		let n = Math.min(F, s - t), r = n * 4 === u.length ? u : u.subarray(0, n * 4);
+	let s = e.length / 4, c = tt(i), l = a === "srgb" ? it : at, u = new Float32Array(Math.min(L, s) * 4);
+	for (let t = 0; t < s; t += L) {
+		let n = Math.min(L, s - t), r = n * 4 === u.length ? u : u.subarray(0, n * 4);
 		for (let i = 0; i < n; i++) {
 			let n = (t + i) * 4, a = i * 4;
 			r[a] = c[e[n]], r[a + 1] = c[e[n + 1]], r[a + 2] = c[e[n + 2]], r[a + 3] = 1;
@@ -257,28 +337,28 @@ function Pe(e, t, n, { context: r = null, inputEncoding: i = "raw", outputEncodi
 	}
 	return e;
 }
-var J = 65536, Fe = new Uint8Array(J + 1);
-for (let e = 0; e <= J; e++) {
-	let t = e / J;
-	Fe[e] = Math.round(Ae(t * t) * 255);
+var G = 65536, rt = new Uint8Array(G + 1);
+for (let e = 0; e <= G; e++) {
+	let t = e / G;
+	rt[e] = Math.round(Qe(t * t) * 255);
 }
-function Ie(e) {
-	return e > 0 ? e >= 1 ? 255 : Fe[Math.sqrt(e) * J + .5 | 0] : 0;
+function it(e) {
+	return e > 0 ? e >= 1 ? 255 : rt[Math.sqrt(e) * G + .5 | 0] : 0;
 }
-function Le(e) {
+function at(e) {
 	return e > 0 ? e >= 1 ? 255 : e * 255 + .5 | 0 : 0;
 }
-function Re(e, t, n = "srgb") {
+function ot(e, t, n = "srgb") {
 	if (!t) return e;
-	let r = Ne(n), i = n === "srgb" ? Ie : Le, [a, o, s, c, l, u, d, f, p] = t;
+	let r = tt(n), i = n === "srgb" ? it : at, [a, o, s, c, l, u, d, f, p] = t;
 	for (let t = 0; t < e.length; t += 4) {
 		let n = r[e[t]], m = r[e[t + 1]], h = r[e[t + 2]];
 		e[t] = i(a * n + o * m + s * h), e[t + 1] = i(c * n + l * m + u * h), e[t + 2] = i(d * n + f * m + p * h);
 	}
 	return e;
 }
-function ze(e, t, { context: n = null, tolerance: r = 1e-4 } = {}) {
-	if (!M()) return null;
+function st(e, t, { context: n = null, tolerance: r = 1e-4 } = {}) {
+	if (!P()) return null;
 	if (e === t) return [
 		1,
 		0,
@@ -290,10 +370,10 @@ function ze(e, t, { context: n = null, tolerance: r = 1e-4 } = {}) {
 		0,
 		1
 	];
-	let i = z(e, t, n);
-	if (R.has(i)) return R.get(i);
-	let a = V(e, t, { context: n });
-	if (!a) return R.set(i, [
+	let i = We(e, t, n);
+	if (B.has(i)) return B.get(i);
+	let a = Ke(e, t, { context: n });
+	if (!a) return B.set(i, [
 		1,
 		0,
 		0,
@@ -303,7 +383,7 @@ function ze(e, t, { context: n = null, tolerance: r = 1e-4 } = {}) {
 		0,
 		0,
 		1
-	]), R.get(i);
+	]), B.get(i);
 	let o = (e) => {
 		let t = new Float32Array([
 			e[0],
@@ -384,36 +464,36 @@ function ze(e, t, { context: n = null, tolerance: r = 1e-4 } = {}) {
 		if (!d) break;
 	}
 	let f = d ? c : null;
-	return R.set(i, f), f;
+	return B.set(i, f), f;
 }
-function Be(e) {
-	let t = N();
+function ct(e) {
+	let t = F();
 	if (!t) return !1;
 	let n = t.colorSpaces.find((t) => t.name === e || t.aliases?.includes(e));
 	return n ? n.isData : !1;
 }
-function Y(e) {
-	let t = N();
+function K(e) {
+	let t = F();
 	return !t || !e ? !1 : t.colorSpaces.some((t) => t.name === e || t.aliases?.includes(e));
 }
 //#endregion
 //#region src/Color/LutBake.js
-var Ve = 1e-10;
-function He(e, t, n, r) {
+var lt = 1e-10;
+function ut(e, t, n, r) {
 	return e <= 0 ? 0 : 2 ** (n + e / (t - 1) * (r - n));
 }
-function Ue(e, t, n, r) {
-	let i = (Math.log2(Math.max(e, Ve)) - n) / (r - n);
+function dt(e, t, n, r) {
+	let i = (Math.log2(Math.max(e, lt)) - n) / (r - n);
 	return Math.min(Math.max(i, 0), 1) * (t - 1);
 }
-function We({ size: e, minEv: t, maxEv: n, apply: r }) {
+function ft({ size: e, minEv: t, maxEv: n, apply: r }) {
 	let i = e * e * e, a = new Float32Array(i * 4), o = new Float64Array(e);
-	for (let r = 0; r < e; r++) o[r] = He(r, e, t, n);
+	for (let r = 0; r < e; r++) o[r] = ut(r, e, t, n);
 	let s = 0;
 	for (let t = 0; t < e; t++) for (let n = 0; n < e; n++) for (let r = 0; r < e; r++) a[s++] = o[r], a[s++] = o[n], a[s++] = o[t], a[s++] = 1;
 	return r(a), a;
 }
-function Ge(e) {
+function pt(e) {
 	let t = new Uint16Array(e.length), n = new Float32Array(1), r = new Uint32Array(n.buffer);
 	for (let i = 0; i < e.length; i++) {
 		n[0] = e[i];
@@ -430,23 +510,23 @@ function Ge(e) {
 	}
 	return t;
 }
-function Ke(e, t = new Float32Array(e.length)) {
+function mt(e, t = new Float32Array(e.length)) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n], i = r & 32768 ? -1 : 1, a = (r & 31744) >> 10, o = r & 1023;
 		a === 0 ? t[n] = i * 2 ** -14 * (o / 1024) : a === 31 ? t[n] = o ? NaN : i * Infinity : t[n] = i * 2 ** (a - 15) * (1 + o / 1024);
 	}
 	return t;
 }
-var qe = null;
-function Je() {
-	if (!qe) {
+var ht = null;
+function gt() {
+	if (!ht) {
 		let e = new Uint16Array(65536);
 		for (let t = 0; t < 65536; t++) e[t] = t;
-		qe = Ke(e);
+		ht = mt(e);
 	}
-	return qe;
+	return ht;
 }
-function Ye(e, t, n) {
+function _t(e, t, n) {
 	return e > t ? t > n ? {
 		w: [
 			e,
@@ -587,10 +667,10 @@ function Ye(e, t, n) {
 		]
 	};
 }
-function Xe({ data: e, size: t, minEv: n, maxEv: r }) {
-	let i = t * t, a = t - 1, o = e instanceof Uint16Array, s = o ? Je() : null, c = o ? (n, r, a, o) => s[e[(n + r * t + a * i) * 4 + o]] : (n, r, a, o) => e[(n + r * t + a * i) * 4 + o];
+function vt({ data: e, size: t, minEv: n, maxEv: r }) {
+	let i = t * t, a = t - 1, o = e instanceof Uint16Array, s = o ? gt() : null, c = o ? (n, r, a, o) => s[e[(n + r * t + a * i) * 4 + o]] : (n, r, a, o) => e[(n + r * t + a * i) * 4 + o];
 	return function(e, i, o, s) {
-		let l = Ue(e, t, n, r), u = Ue(i, t, n, r), d = Ue(o, t, n, r), f = Math.min(Math.floor(l), a - 1), p = Math.min(Math.floor(u), a - 1), m = Math.min(Math.floor(d), a - 1), { w: h, c: g } = Ye(Math.min(Math.max(l - f, 0), 1), Math.min(Math.max(u - p, 0), 1), Math.min(Math.max(d - m, 0), 1));
+		let l = dt(e, t, n, r), u = dt(i, t, n, r), d = dt(o, t, n, r), f = Math.min(Math.floor(l), a - 1), p = Math.min(Math.floor(u), a - 1), m = Math.min(Math.floor(d), a - 1), { w: h, c: g } = _t(Math.min(Math.max(l - f, 0), 1), Math.min(Math.max(u - p, 0), 1), Math.min(Math.max(d - m, 0), 1));
 		for (let e = 0; e < 3; e++) {
 			let t = c(f, p, m, e), n = t, r = t;
 			for (let t = 0; t < 3; t++) {
@@ -601,7 +681,7 @@ function Xe({ data: e, size: t, minEv: n, maxEv: r }) {
 		}
 	};
 }
-function Ze({ fnName: e, texName: t, size: n, minEv: r, maxEv: i }) {
+function yt({ fnName: e, texName: t, size: n, minEv: r, maxEv: i }) {
 	let a = (e) => Number.isInteger(e) ? `${e}.0` : String(e);
 	return `
 fn ${e}_shape( v: vec3<f32> ) -> vec3<f32> {
@@ -657,7 +737,7 @@ fn ${e}( c: vec3<f32> ) -> vec3<f32> {
 }
 `;
 }
-function Qe({ sampler: e, apply: t, count: n = 4e3, seed: r = 31337 }) {
+function bt({ sampler: e, apply: t, count: n = 4e3, seed: r = 31337 }) {
 	let i = r >>> 0, a = () => (i = i * 1664525 + 1013904223 >>> 0) / 4294967296, o = [];
 	for (let e = 0; e < n; e++) {
 		let e = .18 * 2 ** (-7 + a() * 13), t = a() ** 1.2, n = a() * 6, r = [
@@ -689,41 +769,199 @@ function Qe({ sampler: e, apply: t, count: n = 4e3, seed: r = 31337 }) {
 }
 //#endregion
 //#region src/Color/OcioViews.js
-var $e = -12.47393, et = 12.5260688117, tt = 65, nt = null, X = /* @__PURE__ */ new Map();
-function rt(e) {
-	nt = e;
+var xt = -12.47393, St = 12.5260688117, Ct = 65, wt = null, q = /* @__PURE__ */ new Map();
+function Tt(e) {
+	wt = e;
 }
-function it() {
-	let e = M();
+function Et() {
+	let e = P();
 	if (!e) throw Error("load an OCIO config first");
 	if (!e.config) throw Error("OCIO runtime exposes no Config handle");
 	return e.config;
 }
-function at({ source: e, display: t, view: n, look: r, context: i }) {
-	let a = it(), o = i ? { context: i } : void 0;
-	return r ? a.createGroupTransformProcessor([{
-		type: "look",
-		source: e,
-		destination: e,
-		looks: r
-	}, {
-		type: "displayView",
+function Dt({ source: e, display: t, view: n, look: r, context: i, decodeFrom: a = null, decodeTo: o = null }) {
+	let s = Et(), c = i ? { context: i } : void 0;
+	return !r && !o ? s.createDisplayViewProcessor({
 		source: e,
 		display: t,
-		view: n
-	}], o) : a.createDisplayViewProcessor({
+		view: n,
+		...i ? { context: i } : {}
+	}) : s.createGroupTransformProcessor([
+		...r ? [{
+			type: "look",
+			source: e,
+			destination: e,
+			looks: r
+		}] : [],
+		{
+			type: "displayView",
+			source: e,
+			display: t,
+			view: n
+		},
+		...o ? [{
+			type: "colorSpace",
+			source: a,
+			destination: o
+		}] : []
+	], c);
+}
+function Ot(e, t, n) {
+	let r = e.viewsByDisplay[t]?.find((e) => e.name === n)?.colorSpace;
+	return !r || r === "<USE_DISPLAY_NAME>" ? t : r;
+}
+var kt = /* @__PURE__ */ new WeakMap(), At = (e) => Math.sign(e) * (Math.abs(e) <= .04045 ? Math.abs(e) / 12.92 : ((Math.abs(e) + .055) / 1.055) ** 2.4), jt = (e, t) => [
+	0,
+	3,
+	6
+].map((n) => e[n] * t[0] + e[n + 1] * t[1] + e[n + 2] * t[2]);
+function Mt(e) {
+	let [t, n, r, i, a, o, s, c, l] = e, u = a * l - o * c, d = o * s - i * l, f = i * c - a * s, p = t * u + n * d + r * f;
+	return [
+		u,
+		r * c - n * l,
+		n * o - r * a,
+		d,
+		t * l - r * s,
+		r * i - t * o,
+		f,
+		n * s - t * c,
+		t * a - n * i
+	].map((e) => e / p);
+}
+function Nt(e) {
+	let t = F();
+	if (!t) return {
+		fit: w(e),
+		wide: !1,
+		convertible: !1
+	};
+	let n = kt.get(t);
+	if (n || kt.set(t, n = /* @__PURE__ */ new Map()), n.has(e)) return n.get(e);
+	let r = t.colorSpaces.find((t) => t.name === e || t.aliases?.includes(e)), i = Y(), a = {
+		fit: w(e),
+		wide: !1,
+		convertible: !1
+	};
+	if (i && !r?.isData && r?.referenceSpace !== 0) {
+		let t = [
+			[
+				1,
+				0,
+				0
+			],
+			[
+				0,
+				1,
+				0
+			],
+			[
+				0,
+				0,
+				1
+			],
+			[
+				.5,
+				.5,
+				.5
+			],
+			[
+				.2,
+				.7,
+				.1
+			],
+			[
+				.9,
+				.05,
+				.4
+			],
+			[
+				.02,
+				.02,
+				.02
+			],
+			[
+				1,
+				1,
+				1
+			]
+		], n = new Float32Array(t.flatMap((e) => [...e, 1])), r = Et().createColorSpaceProcessor(e, i);
+		try {
+			r.applyRGBAF32(n);
+		} finally {
+			r.dispose();
+		}
+		let o = (e) => [
+			n[e * 4],
+			n[e * 4 + 1],
+			n[e * 4 + 2]
+		], s = (e) => {
+			let n = Mt(J[e]);
+			return t.every((e, t) => jt(n, e.map(At)).every((e, n) => Math.abs(o(t)[n] - e) <= .002 * Math.max(1, Math.abs(e))));
+		}, c = [
+			0,
+			1,
+			2
+		].some((e) => {
+			let t = jt(J.srgb, o(e));
+			return Math.min(...t) < -.001 * Math.max(...t.map(Math.abs));
+		});
+		a = {
+			fit: ["srgb", "display-p3"].find(s) ?? null,
+			wide: c,
+			convertible: !0
+		};
+	}
+	return n.set(e, a), a;
+}
+function Pt(e, t) {
+	let n = J[t];
+	for (let t = 0; t < e.length; t += 4) {
+		let r = e[t], i = e[t + 1], a = e[t + 2];
+		e[t] = Vt(n[0] * r + n[1] * i + n[2] * a), e[t + 1] = Vt(n[3] * r + n[4] * i + n[5] * a), e[t + 2] = Vt(n[6] * r + n[7] * i + n[8] * a);
+	}
+}
+function Ft({ source: e, display: t, view: n, look: r, context: i, canvas: a = null, size: o, minEv: s, maxEv: c }) {
+	let l = Dt({
 		source: e,
 		display: t,
 		view: n,
-		...i ? { context: i } : {}
-	});
+		look: r,
+		context: i,
+		decodeFrom: a ? Ot(F(), t, n) : null,
+		decodeTo: a && Y()
+	}), u = (e) => {
+		l.applyRGBAF32(e), a && Pt(e, a);
+	};
+	try {
+		let e = pt(ft({
+			size: o,
+			minEv: s,
+			maxEv: c,
+			apply: u
+		}));
+		return {
+			half: e,
+			error: bt({
+				sampler: vt({
+					data: e,
+					size: o,
+					minEv: s,
+					maxEv: c
+				}),
+				apply: u
+			})
+		};
+	} finally {
+		l.dispose();
+	}
 }
-function ot({ texture: e, size: t, minEv: n, maxEv: r }) {
+function It({ texture: e, size: t, minEv: n, maxEv: r }) {
 	let i = t - 1, a = r - n, o = (t) => ce(e, x(t, S(0), S(i))).rgb;
-	return re(([e, r]) => {
+	return ne(([e, r]) => {
 		let s = x(oe(se(se(e.mul(r), C(0)), C(1e-10))).sub(ie(n)).div(ie(a)), C(0), C(1)).mul(ie(i)).toVar(), c = x(S(ae(s)), S(0), S(t - 2)).toVar(), l = x(s.sub(C(c)), C(0), C(1)).toVar(), u = C(0).toVar(), d = S(0).toVar(), f = S(0).toVar(), p = S(1).toVar();
-		b(l.x.greaterThan(l.y), () => {
-			b(l.y.greaterThan(l.z), () => {
+		re(l.x.greaterThan(l.y), () => {
+			re(l.y.greaterThan(l.z), () => {
 				u.assign(C(l.x, l.y, l.z)), d.assign(S(1, 0, 0)), f.assign(S(1, 1, 0)), p.assign(S(1, 1, 1));
 			}).ElseIf(l.x.greaterThan(l.z), () => {
 				u.assign(C(l.x, l.z, l.y)), d.assign(S(1, 0, 0)), f.assign(S(1, 0, 1)), p.assign(S(1, 1, 1));
@@ -731,7 +969,7 @@ function ot({ texture: e, size: t, minEv: n, maxEv: r }) {
 				u.assign(C(l.z, l.x, l.y)), d.assign(S(0, 0, 1)), f.assign(S(1, 0, 1)), p.assign(S(1, 1, 1));
 			});
 		}).Else(() => {
-			b(l.z.greaterThan(l.y), () => {
+			re(l.z.greaterThan(l.y), () => {
 				u.assign(C(l.z, l.y, l.x)), d.assign(S(0, 0, 1)), f.assign(S(0, 1, 1)), p.assign(S(1, 1, 1));
 			}).ElseIf(l.z.greaterThan(l.x), () => {
 				u.assign(C(l.y, l.z, l.x)), d.assign(S(0, 1, 0)), f.assign(S(0, 1, 1)), p.assign(S(1, 1, 1));
@@ -743,8 +981,8 @@ function ot({ texture: e, size: t, minEv: n, maxEv: r }) {
 		return m.add(h.sub(m).mul(u.x)).add(g.sub(h).mul(u.y)).add(_.sub(g).mul(u.z));
 	});
 }
-function st({ display: e, view: n, look: r = null, context: i = null, source: a = null, size: o = 65, minEv: s = $e, maxEv: c = et, id: l = null, name: u = null } = {}) {
-	let d = N();
+function Lt({ display: e, view: n, look: r = null, context: i = null, source: a = null, size: o = 65, minEv: s = xt, maxEv: c = St, id: l = null, name: u = null } = {}) {
+	let d = F();
 	if (!d) throw Error("load an OCIO config first");
 	let f = d.roles.find((e) => e.name === "scene_linear")?.colorSpace, p = a ?? f;
 	if (!p) throw Error("config has no scene_linear role — pass an explicit source space");
@@ -752,39 +990,26 @@ function st({ display: e, view: n, look: r = null, context: i = null, source: a
 	let m = (d.viewsByDisplay[e] ?? []).map((e) => e.name);
 	if (!m.includes(n)) throw Error(`display "${e}" has no view "${n}" — has ${m.join(", ")}`);
 	if (r && !d.looks.some((e) => e.name === r)) throw Error(`config has no look "${r}" — has ${d.looks.map((e) => e.name).join(", ")}`);
-	w(e) === null && nt?.warn(t.VIEW_TRANSFORM_DISPLAY_MISMATCH, `"${e}" is not an sRGB-class SDR display, which is all the canvas is configured for — its view will be shown clipped or in the wrong gamut on screen, though a saved buffer is right`, {
+	let { fit: h, wide: g, convertible: _ } = Nt(Ot(d, e, n)), v = !h && _, y = h ?? (v && g ? "display-p3" : "srgb");
+	!h && !Y() && !Te(I(), e, n) && wt?.warn(t.VIEW_TRANSFORM_DISPLAY_MISMATCH, `"${e}" is no canvas colour space and the config cannot convert it, so the screen shows its codes as sRGB`, {
 		display: e,
 		view: n
 	});
-	let h = at({
+	let { half: ee, error: te } = Ft({
 		source: p,
 		display: e,
 		view: n,
 		look: r,
-		context: i
-	}), g = (e) => h.applyRGBAF32(e), _, v;
-	try {
-		_ = Ge(We({
-			size: o,
-			minEv: s,
-			maxEv: c,
-			apply: g
-		})), v = Qe({
-			sampler: Xe({
-				data: _,
-				size: o,
-				minEv: s,
-				maxEv: c
-			}),
-			apply: g
-		});
-	} finally {
-		h.dispose();
-	}
-	return lt({
+		context: i,
+		canvas: v ? y : null,
+		size: o,
+		minEv: s,
+		maxEv: c
+	});
+	return Bt({
 		id: l,
-		half: _,
-		error: v,
+		half: ee,
+		error: te,
 		name: u ?? (r ? `${n} + ${r} (${e})` : `${n} (${e})`),
 		ocio: {
 			display: e,
@@ -795,13 +1020,15 @@ function st({ display: e, view: n, look: r = null, context: i = null, source: a
 			configId: d.id,
 			size: o,
 			minEv: s,
-			maxEv: c
+			maxEv: c,
+			canvas: y,
+			emulated: v
 		}
 	});
 }
-function ct(e, t = null) {
-	let { name: n, data: r, error: i, configId: a, display: o, view: s, look: c, context: l, source: u, size: d, minEv: f, maxEv: p, fingerprint: m, ocioVersion: h } = e;
-	return lt({
+function Rt(e, t = null) {
+	let { name: n, data: r, error: i, configId: a, display: o, view: s, look: c, context: l, source: u, size: d, minEv: f, maxEv: p, fingerprint: m, ocioVersion: h, canvas: g, emulated: _ } = e;
+	return Bt({
 		id: t,
 		name: n,
 		error: i,
@@ -816,6 +1043,8 @@ function ct(e, t = null) {
 			size: d,
 			minEv: f,
 			maxEv: p,
+			canvas: g ?? w(o) ?? "srgb",
+			emulated: !!_,
 			baked: {
 				fingerprint: m ?? null,
 				ocioVersion: h ?? null
@@ -823,19 +1052,23 @@ function ct(e, t = null) {
 		}
 	});
 }
-function lt({ id: e, name: t, half: n, error: r, ocio: i }) {
-	let { size: a, minEv: o, maxEv: s } = i, c = Xe({
+function zt(e, t) {
+	let n = new ue(e, t, t, t);
+	return n.format = ge, n.type = de, n.minFilter = pe, n.magFilter = pe, n.wrapS = n.wrapT = n.wrapR = le, n.needsUpdate = !0, n;
+}
+function Bt({ id: e, name: t, half: n, error: r, ocio: i }) {
+	let { size: a, minEv: o, maxEv: s } = i, c = vt({
 		data: n,
 		size: a,
 		minEv: o,
 		maxEv: s
-	}), l = e ?? m(), u = `TM_OCIO_${l}`, d = `tm_ocio_${l}`, f = X.get(l), p = f && f.size === a && f.minEv === o && f.maxEv === s, h, g;
-	return p ? (h = f.texture, h.image.data = n, h.needsUpdate = !0, g = f.tsl) : (f?.texture.dispose(), h = new ue(n, a, a, a), h.format = he, h.type = de, h.minFilter = pe, h.magFilter = pe, h.wrapS = h.wrapT = h.wrapR = le, h.needsUpdate = !0, g = ot({
+	}), l = e ?? m(), u = `TM_OCIO_${l}`, d = `tm_ocio_${l}`, f = q.get(l), p = f && f.size === a && f.minEv === o && f.maxEv === s, h, g;
+	return p ? (h = f.texture, h.image.data = n, h.needsUpdate = !0, g = f.tsl) : (f?.texture.dispose(), h = zt(n, a), g = It({
 		texture: h,
 		size: a,
 		minEv: o,
 		maxEv: s
-	})), X.set(l, {
+	})), q.set(l, {
 		texture: h,
 		tsl: g,
 		size: a,
@@ -849,7 +1082,7 @@ function lt({ id: e, name: t, half: n, error: r, ocio: i }) {
 		outputEncoded: !0,
 		appliesExposure: !0,
 		cpu: (e, t, n, r, i) => c(e * r, t * r, n * r, i),
-		wgsl: Ze({
+		wgsl: yt({
 			fnName: d,
 			texName: `${u.toLowerCase()}_tex`,
 			size: a,
@@ -867,11 +1100,121 @@ function lt({ id: e, name: t, half: n, error: r, ocio: i }) {
 		ocio: i
 	};
 }
-function Z(e) {
-	return te(st(e));
+var J = Object.freeze({
+	srgb: [
+		3.2409699419045226,
+		-1.537383177570094,
+		-.4986107602930034,
+		-.9692436362808796,
+		1.8759675015077202,
+		.04155505740717559,
+		.05563007969699366,
+		-.20397695888897652,
+		1.0569715142428786
+	],
+	"display-p3": [
+		446124 / 178915,
+		-333277 / 357830,
+		-72051 / 178915,
+		-14852 / 17905,
+		63121 / 35810,
+		423 / 17905,
+		11844 / 330415,
+		-50337 / 660830,
+		316169 / 330415
+	]
+});
+function Vt(e) {
+	let t = Math.abs(e), n = t <= .0031308 ? 12.92 * t : 1.055 * t ** (1 / 2.4) - .055;
+	return e < 0 ? -n : n;
+}
+function Y() {
+	let e = F()?.colorSpaces.find((e) => e.encoding === "display-linear")?.name, t = (ze()?.split(/^display_colorspaces:[^\n]*$/m)[1]?.split(/^\S/m)[0] ?? "").split(/-\s*!<ColorSpace>/).slice(1), n = t.find((e) => /^\s*encoding:\s*display-linear\s*$/m.test(e)) ?? t.find((e) => !/_display_reference:/.test(e)), r = e ?? n?.match(/^\s*name:\s*(.+?)\s*$/m)?.[1].replace(/^["']|["']$/g, "") ?? null;
+	return r && /xyz/i.test(r) ? r : null;
+}
+function Ht({ display: e, view: t, look: n = null, context: r = null, source: i = null, canvas: a = "srgb", for: o = null, size: s = 65, minEv: c = xt, maxEv: l = St } = {}) {
+	let u = F();
+	if (!u) throw Error("load an OCIO config first");
+	let d = i ?? u.roles.find((e) => e.name === "scene_linear")?.colorSpace;
+	if (!Y()) throw Error("the config names no display-referred CIE XYZ space to decode its displays in");
+	if (!J[a]) throw Error(`no encoding for a "${a}" canvas`);
+	let { half: f, error: p } = Ft({
+		source: d,
+		display: e,
+		view: t,
+		look: n,
+		context: r,
+		canvas: a,
+		size: s,
+		minEv: c,
+		maxEv: l
+	});
+	return Wt({
+		name: n ? `${t} + ${n} (${e})` : `${t} (${e})`,
+		half: f,
+		error: p,
+		ocio: {
+			display: e,
+			view: t,
+			look: n,
+			context: r,
+			source: d,
+			configId: u.id,
+			size: s,
+			minEv: c,
+			maxEv: l,
+			canvas: a,
+			for: o
+		}
+	});
+}
+function Ut(e) {
+	let { name: t, data: n, error: r, configId: i, display: a, view: o, look: s, context: c, source: l, size: u, minEv: d, maxEv: f, canvas: p, for: m } = e;
+	return Wt({
+		name: t,
+		half: n,
+		error: r,
+		ocio: {
+			display: a,
+			view: o,
+			look: s ?? null,
+			context: c ?? null,
+			source: l,
+			configId: i,
+			size: u,
+			minEv: d,
+			maxEv: f,
+			canvas: p ?? "srgb",
+			for: m ?? null
+		}
+	});
+}
+function Wt({ name: e, half: t, error: n, ocio: r }) {
+	let { size: i, minEv: a, maxEv: o } = r, s = zt(t, i);
+	return {
+		name: e,
+		source: "ocio",
+		error: n,
+		ocio: r,
+		table: {
+			data: t,
+			size: i,
+			texture: s
+		},
+		tsl: It({
+			texture: s,
+			size: i,
+			minEv: a,
+			maxEv: o
+		}),
+		dispose: () => s.dispose()
+	};
+}
+function X(e) {
+	return ee(Lt(e));
 }
-function ut({ display: e = null, look: n = null, context: r = null, source: i = null, size: a = 65 } = {}) {
-	let o = N();
+function Gt({ display: e = null, look: n = null, context: r = null, source: i = null, size: a = 65 } = {}) {
+	let o = F();
 	if (!o) throw Error("load an OCIO config first");
 	let s = e ?? o.defaultDisplay, c = o.viewsByDisplay[s] ?? [], l = [], u = [];
 	for (let e of c) {
@@ -883,7 +1226,7 @@ function ut({ display: e = null, look: n = null, context: r = null, source: i =
 			continue;
 		}
 		try {
-			l.push(Z({
+			l.push(X({
 				display: s,
 				view: e.name,
 				look: n,
@@ -895,7 +1238,7 @@ function ut({ display: e = null, look: n = null, context: r = null, source: i =
 			u.push({
 				view: e.name,
 				reason: n.message
-			}), nt?.warn(t.VIEW_TRANSFORM_BAKE_FAILED, `could not bake "${e.name}" (${s}): ${n.message}`, {
+			}), wt?.warn(t.VIEW_TRANSFORM_BAKE_FAILED, `could not bake "${e.name}" (${s}): ${n.message}`, {
 				display: s,
 				view: e.name
 			});
@@ -906,38 +1249,38 @@ function ut({ display: e = null, look: n = null, context: r = null, source: i =
 		skipped: u
 	};
 }
-function dt(e) {
-	let t = X.get(e);
-	t && (t.texture.dispose(), X.delete(e));
+function Kt(e) {
+	let t = q.get(e);
+	t && (t.texture.dispose(), q.delete(e));
 }
-function ft(e = null) {
+function qt(e = null) {
 	for (let t of d.values()) t.source === "ocio" && !e?.has(t.id) && t.table?.texture?.dispose?.();
-	for (let [t, n] of X) e?.has(t) || (n.texture.dispose(), X.delete(t));
+	for (let [t, n] of q) e?.has(t) || (n.texture.dispose(), q.delete(t));
 }
 //#endregion
 //#region src/Color/BakedViews.js
-var pt = [
+var Jt = [
 	82,
 	90,
 	86,
 	84
-], mt = "rayzee-baked-view", ht = 15360;
-async function gt(e, t) {
+], Yt = "rayzee-baked-view", Xt = 15360;
+async function Zt(e, t) {
 	return new Uint8Array(await new Response(new Blob([e]).stream().pipeThrough(t)).arrayBuffer());
 }
-async function _t(e, t = {}) {
+async function Qt(e, t = {}) {
 	let n = e?.table?.data;
 	if (e?.source !== "ocio" || !(n instanceof Uint16Array)) throw Error("only a baked OCIO view can be saved");
 	let { size: r, minEv: i, maxEv: a } = e.ocio, o = r * r * r;
 	if (n.length !== o * 4) throw Error(`table holds ${n.length} values, expected ${o * 4}`);
 	let s = new Uint8Array(o * 6);
 	for (let e = 0; e < 3; e++) for (let t = 0; t < o; t++) {
-		if (e === 0 && n[t * 4 + 3] !== ht) throw Error("table alpha is not 1");
+		if (e === 0 && n[t * 4 + 3] !== Xt) throw Error("table alpha is not 1");
 		let i = n[t * 4 + e] - (t % r ? n[(t - 1) * 4 + e] : 0) & 65535;
 		s[e * o + t] = i >> 8, s[3 * o + e * o + t] = i & 255;
 	}
-	let { display: c, view: l, look: u, context: d, source: f, configId: p } = e.ocio, m = new TextEncoder().encode(JSON.stringify({
-		format: mt,
+	let { display: c, view: l, look: u, context: d, source: f, configId: p, canvas: m, emulated: h, for: g } = e.ocio, _ = new TextEncoder().encode(JSON.stringify({
+		format: Yt,
 		version: 1,
 		name: e.name,
 		configId: p,
@@ -950,15 +1293,20 @@ async function _t(e, t = {}) {
 		minEv: i,
 		maxEv: a,
 		error: e.error ?? null,
+		...h || g || m && m !== "srgb" ? {
+			canvas: m,
+			emulated: !!h
+		} : {},
+		...g ? { for: g } : {},
 		...t
-	})), h = new Uint8Array(8 + m.length + s.length);
-	return h.set(pt, 0), new DataView(h.buffer).setUint32(4, m.length, !0), h.set(m, 8), h.set(s, 8 + m.length), await gt(h, new CompressionStream("gzip"));
+	})), v = new Uint8Array(8 + _.length + s.length);
+	return v.set(Jt, 0), new DataView(v.buffer).setUint32(4, _.length, !0), v.set(_, 8), v.set(s, 8 + _.length), await Zt(v, new CompressionStream("gzip"));
 }
-async function vt(e) {
-	let t = await gt(e, new DecompressionStream("gzip"));
-	if (t.length < 8 || pt.some((e, n) => t[n] !== e)) throw Error("not a baked view file");
+async function $t(e) {
+	let t = await Zt(e, new DecompressionStream("gzip"));
+	if (t.length < 8 || Jt.some((e, n) => t[n] !== e)) throw Error("not a baked view file");
 	let n = new DataView(t.buffer, t.byteOffset).getUint32(4, !0), r = JSON.parse(new TextDecoder().decode(t.subarray(8, 8 + n)));
-	if (r.format !== mt || r.version !== 1) throw Error(`unsupported baked view ${r.format} v${r.version}`);
+	if (r.format !== Yt || r.version !== 1) throw Error(`unsupported baked view ${r.format} v${r.version}`);
 	let { size: i, minEv: a, maxEv: o } = r;
 	if (!Number.isInteger(i) || i < 2 || i > 129 || !(a < o)) throw Error("baked view has a bad table shape");
 	let s = i * i * i, c = t.subarray(8 + n);
@@ -968,13 +1316,13 @@ async function vt(e) {
 		let t = 0;
 		for (let n = 0; n < s; n++) n % i === 0 && (t = 0), t = t + (c[e * s + n] << 8 | c[3 * s + e * s + n]) & 65535, l[n * 4 + e] = t;
 	}
-	for (let e = 0; e < s; e++) l[e * 4 + 3] = ht;
+	for (let e = 0; e < s; e++) l[e * 4 + 3] = Xt;
 	return {
 		...r,
 		data: l
 	};
 }
-async function yt({ builtin: e, text: t, files: n = [], configPath: r = "config.ocio" } = {}) {
+async function en({ builtin: e, text: t, files: n = [], configPath: r = "config.ocio" } = {}) {
 	if (e) return `builtin:${e}`;
 	let i = globalThis.crypto?.subtle;
 	if (!i) return null;
@@ -983,35 +1331,35 @@ async function yt({ builtin: e, text: t, files: n = [], configPath: r = "config.
 }
 //#endregion
 //#region src/Color/InputColorSpaces.js
-var Q = [], $ = 0;
-function bt() {
-	return $;
+var Z = [], Q = 0;
+function tn() {
+	return Q;
 }
-function xt() {
-	$++;
+function nn() {
+	Q++;
 }
-function St(e, t) {
-	Q.unshift({
+function rn(e, t) {
+	Z.unshift({
 		match: e,
 		colorSpace: t
-	}), $++;
+	}), Q++;
 }
-function Ct() {
-	Q.length !== 0 && (Q.length = 0, $++);
+function an() {
+	Z.length !== 0 && (Z.length = 0, Q++);
 }
-function wt() {
-	return Q.map((e) => ({
+function on() {
+	return Z.map((e) => ({
 		match: String(e.match),
 		colorSpace: e.colorSpace
 	}));
 }
-function Tt(e) {
+function sn(e) {
 	if (!e) return null;
-	for (let t of Q) if (t.match instanceof RegExp ? t.match.test(e) : e.includes(t.match)) return t.colorSpace;
+	for (let t of Z) if (t.match instanceof RegExp ? t.match.test(e) : e.includes(t.match)) return t.colorSpace;
 	return null;
 }
-function Et() {
-	return N()?.fileRules.map((e) => ({
+function cn() {
+	return F()?.fileRules.map((e) => ({
 		index: e.index,
 		name: e.name,
 		colorSpace: e.colorSpace,
@@ -1020,24 +1368,24 @@ function Et() {
 		regex: e.regex
 	})) ?? [];
 }
-function Dt(e) {
-	let t = N();
+function ln(e) {
+	let t = F();
 	if (!t) return null;
 	let n = (e) => t.roles.find((t) => t.name === e)?.colorSpace ?? null;
-	return e === me ? n("data") : e === ge ? n("texture_paint") ?? n("color_picking") ?? t.colorSpaces.find((e) => /^srgb\b/i.test(e.name) && !/display/i.test(e.name))?.name ?? null : e === fe ? t.colorSpaces.find((e) => /^lin(ear)?[\s_-]*(rec\.?\s*)?709/i.test(e.name))?.name ?? t.colorSpaces.find((e) => /^linear.*srgb/i.test(e.name))?.name ?? n("scene_linear") : null;
+	return e === me ? n("data") : e === _e ? n("texture_paint") ?? n("color_picking") ?? t.colorSpaces.find((e) => /^srgb\b/i.test(e.name) && !/display/i.test(e.name))?.name ?? null : e === fe ? t.colorSpaces.find((e) => /^lin(ear)?[\s_-]*(rec\.?\s*)?709/i.test(e.name))?.name ?? t.colorSpaces.find((e) => /^linear.*srgb/i.test(e.name))?.name ?? n("scene_linear") : null;
 }
-function Ot(e, { threeColorSpace: t = null } = {}) {
-	if (!N()) return null;
-	let n = Tt(e);
+function $(e, { threeColorSpace: t = null } = {}) {
+	if (!F()) return null;
+	let n = sn(e);
 	if (n) return {
 		colorSpace: n,
 		via: "override",
 		rule: null
 	};
-	let r = M();
+	let r = P();
 	if (r && e) {
 		let t = r.matchFileRule(e);
-		if (t && !t.isDefaultRule && Y(t.colorSpace)) return {
+		if (t && !t.isDefaultRule && K(t.colorSpace)) return {
 			colorSpace: t.colorSpace,
 			via: "rule",
 			rule: {
@@ -1046,16 +1394,16 @@ function Ot(e, { threeColorSpace: t = null } = {}) {
 			}
 		};
 	}
-	let i = Dt(t);
+	let i = ln(t);
 	if (i) return {
 		colorSpace: i,
 		via: "three",
 		rule: null
 	};
-	let a = M();
+	let a = P();
 	if (a && e) {
 		let t = a.matchFileRule(e);
-		if (t && Y(t.colorSpace)) return {
+		if (t && K(t.colorSpace)) return {
 			colorSpace: t.colorSpace,
 			via: "rule",
 			rule: {
@@ -1067,33 +1415,48 @@ function Ot(e, { threeColorSpace: t = null } = {}) {
 	}
 	return null;
 }
-function kt(e) {
+function un(e) {
 	if (!e) return !1;
 	if (e.colorSpace === me) return !0;
 	let t = e.userData?.ocioColorSpace;
-	return !!(t && Be(t));
+	return !!(t && ct(t));
 }
-function At(e, t) {
+function dn(e, t) {
 	return t ?? e.userData?.sourcePath ?? (e.name || null) ?? e.image?.src ?? null;
 }
-function jt(e, t = null) {
-	if (!N() || !e) return null;
+function fn(e, t = null) {
+	if (!F() || !e) return null;
 	let n = e.userData?.ocioColorSpace;
-	return n ? Y(n) ? {
+	return n ? K(n) ? {
 		colorSpace: n,
 		via: "tag",
 		rule: null
-	} : null : kt(e) ? null : Ot(At(e, t), { threeColorSpace: e.colorSpace });
+	} : null : un(e) ? null : $(dn(e, t), { threeColorSpace: e.colorSpace });
 }
-function Mt(e, t = null) {
-	return jt(e, t)?.colorSpace ?? null;
+function pn(e, t = null) {
+	return fn(e, t)?.colorSpace ?? null;
 }
 //#endregion
 //#region src/Color/ColorManagement.js
-function Nt(e) {
+function mn(e) {
 	return w(e) ?? "srgb";
 }
-var Pt = [
+function hn(e) {
+	return e?.source === "ocio" ? e.ocio.canvas ?? mn(e.ocio.display) : "srgb";
+}
+var gn = 4;
+function _n(e, t) {
+	return JSON.stringify([
+		e.configId,
+		e.display,
+		e.view,
+		e.look ?? null,
+		e.source,
+		e.context ?? null,
+		t
+	]);
+}
+var vn = [
 	"Linear Rec.709 (sRGB)",
 	"lin_rec709_srgb",
 	"lin_rec709",
@@ -1103,19 +1466,19 @@ var Pt = [
 	"Utility - Linear - Rec.709",
 	"Linear BT.709",
 	"linrec709"
-], Ft = /^(lin(ear)?[\s_-]*(rec\.?\s*|bt\.?\s*)?709|linear[\s_-]*\(?srgb\)?$|utility - linear - (srgb|rec\.?709))/i;
-function It(e) {
+], yn = /^(lin(ear)?[\s_-]*(rec\.?\s*|bt\.?\s*)?709|linear[\s_-]*\(?srgb\)?$|utility - linear - (srgb|rec\.?709))/i;
+function bn(e) {
 	if (!e) return null;
 	let t = e.colorSpaces.filter((e) => !e.isData), n = (e) => [e.name, ...e.aliases ?? []];
-	for (let e of Pt) {
+	for (let e of vn) {
 		let r = t.find((t) => n(t).some((t) => t.toLowerCase() === e.toLowerCase()));
 		if (r) return r.name;
 	}
-	return t.find((e) => n(e).some((e) => Ft.test(e)))?.name ?? null;
+	return t.find((e) => n(e).some((e) => yn.test(e)))?.name ?? null;
 }
-var Lt = class {
+var xn = class {
 	constructor({ issues: e = null, renderer: t = null } = {}) {
-		this._issues = e, this._renderer = t, this._listeners = /* @__PURE__ */ new Map(), this._workingSpace = null, this._activeView = null, this._exportSpace = null, this._context = null, this._lastUsed = /* @__PURE__ */ new Map(), this._useClock = 0, this._lastBuiltin = ee, this._fingerprint = null, rt(e), this._offRegistry = ne(() => {
+		this._issues = e, this._renderer = t, this._listeners = /* @__PURE__ */ new Map(), this._workingSpace = null, this._activeView = null, this._exportSpace = null, this._context = null, this._lastUsed = /* @__PURE__ */ new Map(), this._useClock = 0, this._lastBuiltin = y, this._fingerprint = null, this._hdrOutput = !1, this._canvasView = null, this._canvasReason = null, this._bakedCanvasViews = /* @__PURE__ */ new Map(), this._recentCanvasViews = /* @__PURE__ */ new Map(), Tt(e), this._offRegistry = te(() => {
 			this._renderer && v(this._renderer), this._emit("transforms");
 		}), o(this);
 	}
@@ -1130,23 +1493,23 @@ var Lt = class {
 		});
 	}
 	static async listBuiltinConfigs() {
-		return await be();
+		return await Ie();
 	}
 	async loadConfig({ adoptWorkingSpace: e = !1, registerViews: n = !0, display: r = null, lutSize: i, ...a } = {}) {
-		await ye();
-		let o = yt(a).catch(() => null), s = await this._bakedViewsFrom(a.builtin ?? a.id ?? null, o), c;
+		await Fe();
+		let o = en(a).catch(() => null), s = await this._bakedViewsFrom(a.builtin ?? a.id ?? null, o), c;
 		try {
-			c = await xe(a);
+			c = await Le(a);
 		} catch (e) {
 			throw this._issues?.warn(t.COLOR_CONFIG_LOAD_FAILED, `colour config failed to load; the previous one stays in effect: ${e.message}`, {
 				builtin: a.builtin ?? null,
 				configPath: a.configPath ?? null
 			}), e;
 		}
-		this._releaseViews(new Set(s.filter((e) => e.ocio.baked.ocioVersion === c.ocioVersion).map((e) => e.id))), this._fingerprint = o, xt(), G(), this._context = null;
+		this._releaseViews(new Set(s.filter((e) => e.ocio.baked.ocioVersion === c.ocioVersion).map((e) => e.id))), this._fingerprint = o, nn(), Ye(), this._context = null;
 		let l = this._workingSpace;
-		if (e ? this._workingSpace = c.sceneLinear : l && !Y(l) && (this._workingSpace = null), It(N()) || this._issues?.warn(t.COLOR_CONFIG_LOAD_FAILED, `"${c.id}" names no linear Rec.709 space, so until a working space is adopted its views treat the render as ${c.sceneLinear} — colours will be off by that primaries change`, { sceneLinear: c.sceneLinear }), this._publishWorkingMatrix(), this._emit("config", c), n) {
-			let e = r ?? c.defaultDisplay, { added: t, skipped: n } = ut({
+		if (e ? this._workingSpace = c.sceneLinear : l && !K(l) && (this._workingSpace = null), bn(F()) || this._issues?.warn(t.COLOR_CONFIG_LOAD_FAILED, `"${c.id}" names no linear Rec.709 space, so until a working space is adopted its views treat the render as ${c.sceneLinear} — colours will be off by that primaries change`, { sceneLinear: c.sceneLinear }), this._publishWorkingMatrix(), this._emit("config", c), n) {
+			let e = r ?? c.defaultDisplay, { added: t, skipped: n } = Gt({
 				display: e,
 				context: this._context,
 				source: this.workingSpace,
@@ -1161,15 +1524,15 @@ var Lt = class {
 				skipped: n
 			});
 		}
-		return (this._workingSpace ?? null) !== (l ?? null) && this._emit("workingSpace", this.workingSpace), c;
+		return (this._workingSpace ?? null) !== (l ?? null) && this._emit("workingSpace", this.workingSpace), this._updateCanvasView(), c;
 	}
 	unloadConfig() {
-		this.workingSpaceAdopted && this._issues?.warn(t.COLOR_CONFIG_LOAD_FAILED, `unloaded while rendering in ${this._workingSpace}; the environment stays converted into it — use app.unloadColorConfig(), which reverts the scene first`, { workingSpace: this._workingSpace }), this._releaseViews(), Se(), G(), Ct(), xt(), this._fingerprint = null, this._workingSpace = null, this._activeView = null, this._exportSpace = null, this._context = null, n(null), this._applyRendererOutputColorSpace(), this._emit("config", null), this._emit("workingSpace", this.workingSpace);
+		this.workingSpaceAdopted && this._issues?.warn(t.COLOR_CONFIG_LOAD_FAILED, `unloaded while rendering in ${this._workingSpace}; the environment stays converted into it — use app.unloadColorConfig(), which reverts the scene first`, { workingSpace: this._workingSpace }), this._releaseViews(), Re(), Ye(), an(), nn(), this._fingerprint = null, this._workingSpace = null, this._activeView = null, this._exportSpace = null, this._context = null, n(null), this._applyRendererOutputColorSpace(), this._updateCanvasView(), this._emit("config", null), this._emit("workingSpace", this.workingSpace);
 	}
 	_releaseViews(e = null) {
-		ft(e), g(e);
+		qt(e), g(e);
 		for (let t of this._lastUsed.keys()) e?.has(t) || this._lastUsed.delete(t);
-		this._renderer && y(this._renderer.toneMapping) === null && (this._renderer.toneMapping = y(this._lastBuiltin) ? this._lastBuiltin : ee, this._activeView = null, this._applyRendererOutputColorSpace());
+		this._renderer && b(this._renderer.toneMapping) === null && (this._renderer.toneMapping = b(this._lastBuiltin) ? this._lastBuiltin : y, this._activeView = null, this._applyRendererOutputColorSpace(), this._updateCanvasView());
 	}
 	async _bakedViewsFrom(e, t) {
 		let n = [...d.values()].filter((t) => t.ocio?.baked && e !== null && t.ocio.configId === e);
@@ -1178,44 +1541,59 @@ var Lt = class {
 		return r ? n.filter((e) => e.ocio.baked.fingerprint === r) : [];
 	}
 	async loadBakedView(e, { expect: t = null } = {}) {
-		let n = await vt(e);
+		let n = await $t(e);
 		for (let [e, r] of Object.entries(t ?? {})) if ((n[e] ?? null) !== (r ?? null)) throw Error(`baked view has ${e} "${n[e]}", expected "${r}"`);
-		let r = P();
+		let r = I();
 		if (r && (r.id !== n.configId || await this._fingerprint !== n.fingerprint)) throw Error(`baked view is from "${n.configId}", not the loaded "${r.id}"`);
+		if (n.for) {
+			let e = _n({
+				...n,
+				...n.for
+			}, n.canvas ?? "srgb"), t = this._bakedCanvasViews.get(e);
+			return this._bakedCanvasViews.set(e, Ut(n)), t && t !== this._canvasView?.table && t.dispose(), this._updateCanvasView(), [...d.values()].find((e) => e.source === "ocio" && e.ocio.display === n.for.display && e.ocio.view === n.for.view && (e.ocio.look ?? null) === (n.look ?? null)) ?? null;
+		}
 		let i = [...d.values()].find((e) => e.source === "ocio" && e.ocio.display === n.display && e.ocio.view === n.view && (e.ocio.look ?? null) === (n.look ?? null));
-		return i || this._makeRoomForTable(), te(ct(n, i?.id ?? null));
-	}
-	async saveBakedView(e) {
-		let t = y(e);
-		if (t?.source !== "ocio") throw Error(`no OCIO view with id ${e}`);
-		let n = P();
-		return await _t(t, {
-			configId: n?.id ?? t.ocio.configId,
-			fingerprint: (n ? await this._fingerprint : null) ?? t.ocio.baked?.fingerprint ?? null,
-			ocioVersion: n?.ocioVersion ?? t.ocio.baked?.ocioVersion ?? null
-		});
+		return i || this._makeRoomForTable(), ee(Rt(n, i?.id ?? null));
+	}
+	async saveBakedView(e, { hdr: t = !1 } = {}) {
+		let n = b(e);
+		if (n?.source !== "ocio") throw Error(`no OCIO view with id ${e}`);
+		let r = I(), i = {
+			configId: r?.id ?? n.ocio.configId,
+			fingerprint: (r ? await this._fingerprint : null) ?? n.ocio.baked?.fingerprint ?? null,
+			ocioVersion: r?.ocioVersion ?? n.ocio.baked?.ocioVersion ?? null
+		};
+		if (!t) return await Qt(n, i);
+		let a = hn(n), o = _n(n.ocio, a), s = this._canvasView?.key === o ? this._canvasView.table : this._bakedCanvasViews.get(o) ?? this._recentCanvasViews.get(o), c = s ? null : r && je(r, n.ocio.display, n.ocio.view);
+		if (!s && !c) throw Error(`"${n.name}" has no HDR version${r ? " in this config" : " without its config loaded"}`);
+		let l = s ?? this._buildCanvasView(n, c, a);
+		try {
+			return await Qt(l, i);
+		} finally {
+			l !== s && l.dispose();
+		}
 	}
 	get hasConfig() {
-		return j();
+		return N();
 	}
 	describe() {
-		return P();
+		return I();
 	}
 	get workingSpace() {
-		return this._workingSpace ? this._workingSpace : j() ? this.nativeLinearSpace ?? P()?.sceneLinear ?? "Linear Rec.709 (sRGB)" : c;
+		return this._workingSpace ? this._workingSpace : N() ? this.nativeLinearSpace ?? I()?.sceneLinear ?? "Linear Rec.709 (sRGB)" : c;
 	}
 	get workingSpaceAdopted() {
 		return this._workingSpace !== null;
 	}
 	setWorkingSpace(e) {
 		if (e !== null) {
-			if (!j()) throw Error("load an OCIO config before choosing a working space");
-			if (!Y(e)) throw Error(`config has no colour space "${e}"`);
+			if (!N()) throw Error("load an OCIO config before choosing a working space");
+			if (!K(e)) throw Error(`config has no colour space "${e}"`);
 		}
-		(this._workingSpace ?? null) !== (e ?? null) && (this._workingSpace = e, B(), this._publishWorkingMatrix(), this._rebakeViews(), this._emit("workingSpace", this.workingSpace));
+		(this._workingSpace ?? null) !== (e ?? null) && (this._workingSpace = e, Ge(), this._publishWorkingMatrix(), this._rebakeViews(), this._emit("workingSpace", this.workingSpace));
 	}
 	matrixToWorking(e) {
-		return j() ? ze(e, this.workingSpace, { context: this._context }) : null;
+		return N() ? st(e, this.workingSpace, { context: this._context }) : null;
 	}
 	listViews() {
 		return p();
@@ -1224,19 +1602,19 @@ var Lt = class {
 		return this._activeView;
 	}
 	setActiveView(e) {
-		let t = y(e);
+		let t = b(e);
 		if (!t) throw Error(`no view transform with id ${e}`);
 		return this._isStale(t) && (t = this._rebakeView(t) ?? t), this._activeView = t.source === "ocio" ? {
 			...t.ocio,
 			id: t.id,
 			name: t.name
-		} : null, this._lastUsed.set(e, ++this._useClock), t.source === "builtin" && (this._lastBuiltin = e), this._renderer && (this._renderer.toneMapping = e), this._applyRendererOutputColorSpace(), this._emit("view", t), t;
+		} : null, this._lastUsed.set(e, ++this._useClock), t.source === "builtin" && (this._lastBuiltin = e), this._renderer && (this._renderer.toneMapping = e), this._applyRendererOutputColorSpace(), this._updateCanvasView(), this._emit("view", t), t;
 	}
 	setView({ display: e, view: t, look: n = null, size: r } = {}) {
-		if (!j()) throw Error("load an OCIO config first");
+		if (!N()) throw Error("load an OCIO config first");
 		let i = [...d.values()].find((i) => i.source === "ocio" && i.ocio.display === e && i.ocio.view === t && (i.ocio.look ?? null) === (n ?? null) && (!r || i.ocio.size === r));
 		i || this._makeRoomForTable();
-		let a = i ?? Z({
+		let a = i ?? X({
 			display: e,
 			view: t,
 			look: n,
@@ -1244,12 +1622,12 @@ var Lt = class {
 			source: this.workingSpace,
 			...r ? { size: r } : {}
 		});
-		return this.setActiveView(a.id), y(a.id);
+		return this.setActiveView(a.id), b(a.id);
 	}
 	_makeRoomForTable() {
 		if (f() < 12) return;
 		let e = this._renderer?.toneMapping ?? this._activeView?.id ?? null, t = [...d.values()].filter((t) => t.source === "ocio" && t.id !== e).sort((e, t) => (this._lastUsed.get(e.id) ?? 0) - (this._lastUsed.get(t.id) ?? 0))[0];
-		t && (dt(t.id), h(t.id), this._lastUsed.delete(t.id));
+		t && (Kt(t.id), h(t.id), this._lastUsed.delete(t.id));
 	}
 	setLook(e) {
 		if (!this._activeView) throw Error("no OCIO view is active");
@@ -1260,17 +1638,17 @@ var Lt = class {
 	}
 	setContext(e) {
 		let t = e && Object.keys(e).length ? { ...e } : null;
-		JSON.stringify(t) !== JSON.stringify(this._context) && (this._context = t, j() && (this._context && M()?.invalidateContext(this._context), B(), this._rebakeViews()), this._emit("context", this._context));
+		JSON.stringify(t) !== JSON.stringify(this._context) && (this._context = t, N() && (this._context && P()?.invalidateContext(this._context), Ge(), this._rebakeViews()), this._emit("context", this._context));
 	}
 	get context() {
 		return this._context;
 	}
 	_isStale(e) {
-		return e.source !== "ocio" || !j() ? !1 : e.ocio.source !== this.workingSpace || JSON.stringify(e.ocio.context ?? null) !== JSON.stringify(this._context ?? null);
+		return e.source !== "ocio" || !N() ? !1 : e.ocio.source !== this.workingSpace || JSON.stringify(e.ocio.context ?? null) !== JSON.stringify(this._context ?? null);
 	}
 	_rebakeView(e) {
 		try {
-			let t = Z({
+			let t = X({
 				id: e.id,
 				display: e.ocio.display,
 				view: e.ocio.view,
@@ -1287,64 +1665,158 @@ var Lt = class {
 		}
 	}
 	_rebakeViews() {
-		let e = this._renderer?.toneMapping ?? this._activeView?.id ?? null, t = e === null ? null : y(e);
+		let e = this._renderer?.toneMapping ?? this._activeView?.id ?? null, t = e === null ? null : b(e);
 		if (!t || !this._isStale(t)) return;
 		let n = this._rebakeView(t);
 		n && (this._activeView = {
 			...n.ocio,
 			id: n.id,
 			name: n.name
-		});
+		}), this._updateCanvasView();
 	}
 	attachRenderer(e) {
-		this._renderer = e, y(e.toneMapping)?.source === "builtin" && (this._lastBuiltin = e.toneMapping);
+		this._renderer = e, b(e.toneMapping)?.source === "builtin" && (this._lastBuiltin = e.toneMapping);
 		let t = v(e);
-		return this._applyRendererOutputColorSpace(), t;
+		return this._applyRendererOutputColorSpace(), this._updateCanvasView(), t;
 	}
 	_applyRendererOutputColorSpace() {
 		if (!this._renderer) return;
-		let e = y(this._renderer.toneMapping);
-		this._renderer.outputColorSpace = e?.outputEncoded ? fe : ge, this._applyCanvasColorSpace(e?.source === "ocio" ? Nt(e.ocio.display) : "srgb");
+		let e = b(this._renderer.toneMapping);
+		this._renderer.outputColorSpace = e?.outputEncoded ? fe : _e, this._applyCanvasColorSpace(hn(e));
 	}
 	_applyCanvasColorSpace(e) {
-		let n = (this._renderer?.domElement)?.getContext?.("webgpu"), r = n?.getConfiguration?.();
-		if (r) {
-			if (!n.__rayzeeConfigure) {
-				let e = n.configure.bind(n);
-				n.__rayzeeConfigure = e, n.configure = (t) => e({
-					...t,
-					colorSpace: n.__rayzeeColorSpace ?? t.colorSpace
-				});
-			}
-			if (n.__rayzeeColorSpace = e, r.colorSpace !== e) try {
-				n.configure({
-					...r,
-					colorSpace: e
-				});
-			} catch (n) {
-				this._issues?.warn(t.VIEW_TRANSFORM_DISPLAY_MISMATCH, `the canvas could not be set to ${e}: ${n.message}`, { colorSpace: e });
+		this._canvasColorSpace = e;
+		let n = (this._renderer?.domElement)?.getContext?.("webgpu");
+		if (!n?.configure) return;
+		if (!n.__rayzeeConfigure) {
+			let e = n.configure.bind(n);
+			n.__rayzeeConfigure = e, n.configure = (t) => e({
+				...t,
+				colorSpace: n.__rayzeeColorSpace ?? t.colorSpace
+			});
+		}
+		n.__rayzeeColorSpace = e;
+		let r = n.getConfiguration?.();
+		if (!(!r || r.colorSpace === e)) try {
+			n.configure({
+				...r,
+				colorSpace: e
+			});
+		} catch (n) {
+			this._issues?.warn(t.VIEW_TRANSFORM_DISPLAY_MISMATCH, `the canvas could not be set to ${e}: ${n.message}`, { colorSpace: e });
+		}
+	}
+	setHdrOutput(e) {
+		!!e !== this._hdrOutput && (this._hdrOutput = !!e, this._updateCanvasView());
+	}
+	get hdrOutput() {
+		return this._hdrOutput;
+	}
+	get canvasColorSpace() {
+		return this._canvasColorSpace ?? "srgb";
+	}
+	displayFit(e) {
+		return N() ? Nt(e).fit : w(e);
+	}
+	get canvasTransform() {
+		return this._canvasView?.table?.tsl ?? null;
+	}
+	_canvasOnScreen() {
+		let e = this._renderer?.domElement;
+		return typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement || typeof OffscreenCanvas < "u" && e instanceof OffscreenCanvas;
+	}
+	_canvasPlan() {
+		let e = this._renderer ? b(this._renderer.toneMapping) : null;
+		if (!e || !this._hdrOutput) return { reason: null };
+		if (e.source !== "ocio") return e.id === he ? {
+			key: "none",
+			table: null,
+			hdr: !0
+		} : { reason: "no-hdr-version" };
+		let t = I();
+		if (T(t, e.ocio.display)) return {
+			key: "own",
+			table: null,
+			hdr: !0
+		};
+		let n = hn(e), r = _n(e.ocio, n), i = this._bakedCanvasViews.get(r);
+		if (i) return {
+			key: r,
+			table: i,
+			hdr: !0
+		};
+		let a = t && je(t, e.ocio.display, e.ocio.view);
+		return a ? {
+			key: r,
+			target: a,
+			canvas: n,
+			view: e,
+			hdr: !0
+		} : { reason: t ? "no-hdr-version" : "needs-config" };
+	}
+	_buildCanvasView(e, t, n) {
+		let { look: r, context: i, source: a, size: o, display: s, view: c } = e.ocio;
+		return Ht({
+			...t,
+			look: r,
+			context: i,
+			source: a,
+			size: o,
+			canvas: n,
+			for: {
+				display: s,
+				view: c
 			}
+		});
+	}
+	_updateCanvasView() {
+		let e = this._canvasPlan(), n = this._canvasView, r = e.table ?? (e.key && e.key === n?.key ? n.table : null) ?? this._recentCanvasViews.get(e.key) ?? null;
+		if (e.target && !r) try {
+			r = this._buildCanvasView(e.view, e.target, e.canvas);
+		} catch (n) {
+			this._issues?.warn(t.VIEW_TRANSFORM_BAKE_FAILED, `could not bake how the screen shows "${e.view.name}": ${n.message}`, { ...e.target }), this._setCanvasView(null, "bake-failed");
+			return;
+		}
+		e.target && this._rememberCanvasView(e.key, r), this._setCanvasView(e.key ? {
+			key: e.key,
+			table: r,
+			hdr: e.hdr
+		} : null, e.reason ?? null);
+	}
+	_rememberCanvasView(e, t) {
+		let n = this._recentCanvasViews;
+		for (n.delete(e), n.set(e, t); n.size > gn;) {
+			let [e, r] = n.entries().next().value;
+			n.delete(e), r !== this._canvasView?.table && r !== t && r.dispose();
 		}
 	}
+	_setCanvasView(e, t) {
+		let n = this._canvasView, r = new Set([...this._bakedCanvasViews.values(), ...this._recentCanvasViews.values()]);
+		n?.table && n.table !== e?.table && !r.has(n.table) && n.table.dispose();
+		let i = !!e?.hdr && this._canvasOnScreen(), a = t ?? (e?.hdr && !i ? "no-screen" : null), o = (n?.table ?? null) !== (e?.table ?? null) || !!n?.hdr != !!e?.hdr || this._canvasReason !== a;
+		this._canvasView = e, this._canvasReason = a;
+		let s = this._renderer?.backend, c = i ? de : void 0;
+		s?.parameters && s.parameters.outputType !== c && (s.parameters.outputType = c, s.updateSize?.()), o && this._emit("canvas", this.canvasTransform);
+	}
 	resolveInput(e, t) {
-		return Ot(e, t);
+		return $(e, t);
 	}
 	textureSpace(e, t) {
-		return Mt(e, t);
+		return pn(e, t);
 	}
 	resolveTexture(e, t) {
-		return jt(e, t);
+		return fn(e, t);
 	}
 	describeTextureSpace(e) {
 		let t = e?.userData ?? {}, n = t.ocioColorSpace ?? t.__rayzeeColorSpaceChoice ?? null, r = null, i = t.__rayzeeOriginalColorSpace ?? e?.colorSpace;
-		return j() && (r = jt({
+		return N() && (r = fn({
 			...e,
 			name: e?.name,
 			image: e?.image,
 			colorSpace: i,
 			userData: {}
 		})), r ||= {
-			colorSpace: i === ge ? "sRGB" : "Linear",
+			colorSpace: i === _e ? "sRGB" : "Linear",
 			via: "three"
 		}, {
 			choice: n,
@@ -1352,29 +1824,29 @@ var Lt = class {
 		};
 	}
 	get inputKey() {
-		return j() ? `${P()?.id}|${this.workingSpace}|${bt()}|${JSON.stringify(this._context)}` : "-";
+		return N() ? `${I()?.id}|${this.workingSpace}|${tn()}|${JSON.stringify(this._context)}` : "-";
 	}
 	overrideInput(e, t) {
-		St(e, t);
+		rn(e, t);
 	}
 	fileRules() {
-		return Et();
+		return cn();
 	}
 	toWorkingPixels(e, t) {
-		return !j() || !t ? e : K(e, t, this.workingSpace, { context: this._context });
+		return !N() || !t ? e : U(e, t, this.workingSpace, { context: this._context });
 	}
 	get nativeLinearSpace() {
-		return It(N());
+		return bn(F());
 	}
 	_publishWorkingMatrix() {
 		let e = s();
-		e !== null && e !== this || n(j() ? this.primariesMatrixToWorking() : null, this.workingSpace);
+		e !== null && e !== this || n(N() ? this.primariesMatrixToWorking() : null, this.workingSpace);
 	}
 	primariesMatrixToWorking() {
-		if (!j() || !this.workingSpaceAdopted) return null;
+		if (!N() || !this.workingSpaceAdopted) return null;
 		let e = this.nativeLinearSpace;
 		if (!e || e === this.workingSpace) return null;
-		let t = ze(e, this.workingSpace, { context: this._context });
+		let t = st(e, this.workingSpace, { context: this._context });
 		return t ? [
 			1,
 			0,
@@ -1394,17 +1866,17 @@ var Lt = class {
 		return r(e, t, n);
 	}
 	convertTexturePixels(e, { space: n = null } = {}) {
-		if (!j()) return !1;
+		if (!N()) return !1;
 		let r = e?.image?.data;
 		if (!r) return !1;
 		let i = this.nativeLinearSpace, a = e.userData?.__rayzeeColorSpace ?? n ?? i, o = this.workingSpaceAdopted ? this.workingSpace : i;
 		if (!a || !o || a === o) return !1;
 		let s = !1;
-		if (r instanceof Float32Array) K(r, a, o, { context: this._context }), s = !0;
+		if (r instanceof Float32Array) U(r, a, o, { context: this._context }), s = !0;
 		else if (r instanceof Uint16Array) {
-			let e = Ke(r);
-			K(e, a, o, { context: this._context }), r.set(Ge(e)), s = !0;
-		} else if (r instanceof Uint8Array || r instanceof Uint8ClampedArray) Pe(r, a, o, {
+			let e = mt(r);
+			U(e, a, o, { context: this._context }), r.set(pt(e)), s = !0;
+		} else if (r instanceof Uint8Array || r instanceof Uint8ClampedArray) nt(r, a, o, {
 			context: this._context,
 			inputEncoding: "srgb",
 			outputEncoding: "srgb"
@@ -1416,47 +1888,47 @@ var Lt = class {
 		return e.userData = e.userData ?? {}, e.userData.__rayzeeColorSpace = o, e.needsUpdate = !0, s;
 	}
 	convertTextureBytes(e, { space: t = null, encoding: n = "srgb" } = {}) {
-		if (!j()) return !1;
-		if (t) return t === this.workingSpace ? !1 : (Pe(e, t, this.workingSpace, {
+		if (!N()) return !1;
+		if (t) return t === this.workingSpace ? !1 : (nt(e, t, this.workingSpace, {
 			context: this._context,
 			inputEncoding: "raw",
 			outputEncoding: n
 		}), !0);
 		let r = this.primariesMatrixToWorking();
-		return r ? (Re(e, r, n), !0) : !1;
+		return r ? (ot(e, r, n), !0) : !1;
 	}
 	toWorkingColor(e, t) {
-		return !j() || !t ? [
+		return !N() || !t ? [
 			e[0],
 			e[1],
 			e[2]
-		] : Oe(e, t, this.workingSpace, { context: this._context });
+		] : Xe(e, t, this.workingSpace, { context: this._context });
 	}
 	convert(e, t, n) {
-		return Oe(e, t, n, { context: this._context });
+		return Xe(e, t, n, { context: this._context });
 	}
 	get exportSpace() {
 		return this._exportSpace;
 	}
 	setExportSpace(e) {
 		if (e != null) {
-			if (!j()) throw Error("load an OCIO config before choosing an export space");
-			if (!Y(e)) throw Error(`config has no colour space "${e}"`);
+			if (!N()) throw Error("load an OCIO config before choosing an export space");
+			if (!K(e)) throw Error(`config has no colour space "${e}"`);
 		}
 		this._exportSpace = e ?? null, this._emit("export", this._exportSpace);
 	}
 	exportPixels(e, t = void 0) {
 		let n = t === void 0 ? this._exportSpace : t;
-		return !n || !j() ? {
+		return !n || !N() ? {
 			rgba: e,
 			colorSpace: this.workingSpace
-		} : (K(e, this.workingSpace, n, { context: this._context }), {
+		} : (U(e, this.workingSpace, n, { context: this._context }), {
 			rgba: e,
 			colorSpace: n
 		});
 	}
 	status() {
-		let e = P(), t = this._renderer ? y(this._renderer.toneMapping) : null;
+		let e = I(), t = this._renderer ? b(this._renderer.toneMapping) : null, n = !!this._canvasView?.hdr && this._canvasOnScreen();
 		return {
 			config: e,
 			workingSpace: this.workingSpace,
@@ -1471,18 +1943,31 @@ var Lt = class {
 			exportSpace: this._exportSpace,
 			views: p(),
 			registryVersion: _(),
-			bakeError: t?.error ?? null
+			bakeError: t?.error ?? null,
+			canvasColorSpace: this.canvasColorSpace,
+			hdr: {
+				on: this._hdrOutput,
+				showing: n,
+				view: n ? this._canvasView.table?.name ?? t?.name ?? null : null,
+				reason: this._canvasReason
+			}
 		};
 	}
 	dispose() {
-		this._offRegistry?.(), this._listeners.clear(), this._releaseViews(), rt(null), this._renderer = null, this._issues = null, s() === this && (n(null), a(null));
+		this._offRegistry?.(), this._listeners.clear(), this._releaseViews();
+		for (let e of new Set([
+			this._canvasView?.table,
+			...this._bakedCanvasViews.values(),
+			...this._recentCanvasViews.values()
+		])) e?.dispose();
+		this._canvasView = null, this._bakedCanvasViews.clear(), this._recentCanvasViews.clear(), Tt(null), this._renderer = null, this._issues = null, s() === this && (n(null), a(null));
 	}
 	static resetAll() {
-		a(null), n(null), ft(), u(), G(), Ct(), Te();
+		a(null), n(null), qt(), u(), Ye(), an(), He();
 	}
 };
-function Rt() {
-	return j();
+function Sn() {
+	return N();
 }
 //#endregion
-export { w as A, Pe as C, Be as D, Y as E, Ae as O, Oe as S, ze as T, st as _, Ct as a, Qe as b, wt as c, Mt as d, tt as f, Z as g, ut as h, Rt as i, ke as k, Ot as l, $e as m, Nt as n, kt as o, et as p, It as r, Et as s, Lt as t, St as u, We as v, K as w, Re as x, Xe as y };
+export { Ze as A, Xe as C, K as D, st as E, Ee as F, je as M, T as N, ct as O, Ae as P, ot as S, U as T, Ht as _, an as a, vt as b, on as c, pn as d, Ct as f, X as g, Gt as h, Sn as i, w as j, Qe as k, $ as l, xt as m, mn as n, un as o, St as p, bn as r, cn as s, xn as t, rn as u, Lt as v, nt as w, bt as x, ft as y };