@gradio/client 2.6.0 → 2.7.0

package/dist/browser.js

@@ -8,10 +8,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 }, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
 	value: n,
 	enumerable: !0
-}) : a, n)), l = "host", u = "queue/data", d = "queue/join", f = "upload", p = "login", m = "config", h = "info", ee = "runtime", te = "sleeptime", ne = "heartbeat", re = "component_server", ie = "reset", ae = "cancel", g = "app_id", oe = "This application is currently busy. Please try again. ", _ = "Connection errored out. ", v = "Could not resolve app config. ", y = "Could not get space status. ", se = "Could not get API info. ", b = "Space metadata could not be loaded. ", x = "Invalid URL. A full URL path is required.", ce = "Not authorized to access this space. ", S = "Invalid credentials. Could not login. ", le = "Login credentials are required to access this space.", C = "Could not access this app (received a 401 response). If it is a private Hugging Face Space, pass a valid Hugging Face token to the `token` option of `Client.connect`. You can generate a token at https://huggingface.co/settings/tokens.", ue = (e, t) => `Space "${e}" could not be accessed (received a ${t} response from the Hugging Face API). Check that the Space name is spelled correctly and that the Space exists. If the Space is private, pass a valid Hugging Face token to the \`token\` option of \`Client.connect\`. You can generate a token at https://huggingface.co/settings/tokens.`, de = "No API information is available for this app. This can happen when the app's `/info` endpoint cannot be reached, or when the app is running a legacy version of Gradio that is not supported by this client. ", fe = "This app appears to be running a legacy version of Gradio (3.x or earlier) that communicates over WebSockets, which is not supported by this version of @gradio/client. Please upgrade the app to a newer version of Gradio, or connect to it with @gradio/client version 0.x.", pe = "File system access is only available in Node.js environments", w = "Root URL not found in client config", me = "Error uploading file";
+}) : a, n)), l = "host", u = "queue/data", d = "queue/join", f = "upload", p = "login", m = "config", ee = "info", h = "runtime", te = "sleeptime", g = "heartbeat", ne = "component_server", re = "reset", ie = "cancel", _ = "app_id", ae = "This application is currently busy. Please try again. ", v = "Connection errored out. ", y = "Could not resolve app config. ", b = "Could not get space status. ", oe = "Could not get API info. ", x = "Space metadata could not be loaded. ", se = "Invalid URL. A full URL path is required.", S = "Not authorized to access this space. ", C = "Invalid credentials. Could not login. ", w = "Login credentials are required to access this space.", ce = "Could not access this app (received a 401 response). If it is a private Hugging Face Space, pass a valid Hugging Face token to the `token` option of `Client.connect`. You can generate a token at https://huggingface.co/settings/tokens.", T = (e, t) => `Space "${e}" could not be accessed (received a ${t} response from the Hugging Face API). Check that the Space name is spelled correctly and that the Space exists. If the Space is private, pass a valid Hugging Face token to the \`token\` option of \`Client.connect\`. You can generate a token at https://huggingface.co/settings/tokens.`, le = "No API information is available for this app. This can happen when the app's `/info` endpoint cannot be reached, or when the app is running a legacy version of Gradio that is not supported by this client. ", ue = "This app appears to be running a legacy version of Gradio (3.x or earlier) that communicates over WebSockets, which is not supported by this version of @gradio/client. Please upgrade the app to a newer version of Gradio, or connect to it with @gradio/client version 0.x.", de = "File system access is only available in Node.js environments", fe = "Root URL not found in client config", pe = "Error uploading file";
 //#endregion
 //#region src/helpers/init_helpers.ts
-async function T(e, t, n) {
+async function me(e, t, n) {
 	try {
 		return (await (await fetch(`https://huggingface.co/api/spaces/${e}/jwt`, { headers: {
 			Authorization: `Bearer ${t}`,
@@ -24,21 +24,23 @@ async function T(e, t, n) {
 function E(e) {
 	e.hf_token && !e.token && (e.token = e.hf_token, console.warn("The `hf_token` option has been renamed to `token`. Support for `hf_token` will be removed in a future version of @gradio/client."));
 }
-function he(e) {
+function D(e) {
 	let t = {};
 	return e.forEach(({ api_name: e, id: n }) => {
 		e && (t[e] = n);
 	}), t;
 }
-function ge(e, t, n = !1) {
+function he(e, t, n = !1) {
 	let r = new URL(t), i = new URL(e, r), a = i.hostname.endsWith(".colab-user-runtimes.internal") || i.hostname.endsWith(".codatalab-user-runtimes.internal");
 	return n || a ? new URL(new URL(e, r).pathname, r).toString().replace(/\/$/, "") : i.hostname === r.hostname ? (i.protocol = r.protocol, i.host = r.host, i.toString().replace(/\/$/, "")) : e;
 }
-async function _e(e, t = !0) {
+async function O(e, t = !0) {
 	let n = this.options.token ? { Authorization: `Bearer ${this.options.token}` } : {};
 	if (typeof window < "u" && window.gradio_config && location.origin !== "http://localhost:9876") {
 		if (t && window.gradio_config.current_page && (e = e.substring(0, e.lastIndexOf("/"))), window.gradio_config.dev_mode || typeof window < "u" && window?.BUILD_MODE === "dev") {
-			let t = P(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await D(await this.fetch(t, {
+			let t = new URL(L(e, m));
+			this.deep_link && t.searchParams.set("deep_link", this.deep_link), this.page !== null && t.searchParams.set("page", this.page);
+			let r = await k(await this.fetch(t, {
 				headers: n,
 				credentials: this.options.credentials ?? "same-origin"
 			}), !!this.options.auth);
@@ -48,47 +50,49 @@ async function _e(e, t = !0) {
 			};
 		}
 		let r = { ...window.gradio_config };
-		return r.root = ge(r.root, location.href, r.is_colab), r;
+		return r.root = he(r.root, location.href, r.is_colab), r;
 	} else if (e) {
-		let t = P(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await D(await this.fetch(t, {
+		let t = new URL(L(e, m));
+		this.deep_link && t.searchParams.set("deep_link", this.deep_link), this.page !== null && t.searchParams.set("page", this.page);
+		let r = await k(await this.fetch(t, {
 			headers: n,
 			credentials: this.options.credentials ?? "same-origin"
 		}), !!this.options.auth);
 		return r.root ||= e, r;
 	}
-	throw Error(v);
+	throw Error(y);
 }
-async function D(e, t) {
+async function k(e, t) {
 	if (e?.status === 401 && !t) {
 		let t = null;
 		try {
 			t = await e.json();
 		} catch {
-			throw Error(C);
+			throw Error(ce);
 		}
 		let n = t?.detail?.auth_message;
 		throw Error(n || "Login credentials are required to access this space.");
-	} else if (e?.status === 401 && t) throw Error(S);
+	} else if (e?.status === 401 && t) throw Error(C);
 	if (e?.status === 200) {
 		let t = await e.json();
 		return t.dependencies?.forEach((e, t) => {
 			e.id === void 0 && (e.id = t);
 		}), t;
-	} else if (e?.status === 401) throw Error(ce);
-	throw Error(`${v}(received status ${e?.status} when fetching the app config)`);
+	} else if (e?.status === 401) throw Error(S);
+	throw Error(`${y}(received status ${e?.status} when fetching the app config)`);
 }
-async function O() {
-	let { http_protocol: e, host: t } = await N(this.app_reference, this.options.token);
+async function A() {
+	let { http_protocol: e, host: t } = await I(this.app_reference, this.options.token);
 	try {
 		if (this.options.auth) {
-			let n = await k(e, t, this.options.auth, this.fetch, this.options.token, this.options.credentials);
+			let n = await j(e, t, this.options.auth, this.fetch, this.options.token, this.options.credentials);
 			n && this.set_cookies(n);
 		}
 	} catch (e) {
 		throw Error(e.message);
 	}
 }
-async function k(e, t, n, r, i, a) {
+async function j(e, t, n, r, i, a) {
 	let o = new FormData();
 	o.append("username", n?.[0]), o.append("password", n?.[1]);
 	let s = {};
@@ -100,9 +104,9 @@ async function k(e, t, n, r, i, a) {
 		credentials: a ?? "same-origin"
 	});
 	if (c.status === 200) return c.headers.get("set-cookie");
-	throw c.status === 401 ? Error(S) : Error(b);
+	throw c.status === 401 ? Error(C) : Error(x);
 }
-function A(e) {
+function M(e) {
 	if (e.startsWith("http")) {
 		let { protocol: t, host: n, pathname: r } = new URL(e);
 		return {
@@ -117,39 +121,39 @@ function A(e) {
 		host: new URL(e).host
 	};
 }
-var j = (e) => {
+var N = (e) => {
 	let t = [];
 	return e.split(/,(?=\s*[^\s=;]+=[^\s=;]+)/).forEach((e) => {
 		let [n, r] = e.split(";")[0].split("=");
 		n && r && t.push(`${n.trim()}=${r.trim()}`);
 	}), t;
-}, M = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/, ve = /.*hf\.space\/{0,1}.*$/;
-async function N(e, t) {
+}, P = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/, F = /.*hf\.space\/{0,1}.*$/;
+async function I(e, t) {
 	let n = {};
 	t && (n.Authorization = `Bearer ${t}`);
 	let r = e.trim().replace(/\/$/, "");
-	if (M.test(r)) {
+	if (P.test(r)) {
 		let e;
 		try {
 			e = await fetch(`https://huggingface.co/api/spaces/${r}/${l}`, { headers: n });
 		} catch {
-			throw Error(b);
+			throw Error(x);
 		}
-		if (e.status === 401 || e.status === 404) throw Error(ue(r, e.status));
+		if (e.status === 401 || e.status === 404) throw Error(T(r, e.status));
 		let t;
 		try {
 			t = (await e.json()).host;
 		} catch {
-			throw Error(b);
+			throw Error(x);
 		}
-		if (!t) throw Error(b);
+		if (!t) throw Error(x);
 		return {
 			space_id: r,
-			...A(t)
+			...M(t)
 		};
 	}
-	if (ve.test(r)) {
-		let { ws_protocol: e, http_protocol: t, host: n } = A(r);
+	if (F.test(r)) {
+		let { ws_protocol: e, http_protocol: t, host: n } = M(r);
 		return {
 			space_id: n.split("/")[0].replace(".hf.space", ""),
 			ws_protocol: e,
@@ -159,17 +163,17 @@ async function N(e, t) {
 	}
 	return {
 		space_id: !1,
-		...A(r)
+		...M(r)
 	};
 }
-var P = (...e) => {
+var L = (...e) => {
 	try {
 		return e.reduce((e, t) => (e = e.replace(/\/+$/, ""), t = t.replace(/^\/+/, ""), new URL(t, e + "/").toString()));
 	} catch {
-		throw Error(x);
+		throw Error(se);
 	}
 };
-function F(e, t, n) {
+function ge(e, t, n) {
 	let r = {
 		named_endpoints: {},
 		unnamed_endpoints: {}
@@ -199,8 +203,8 @@ function F(e, t, n) {
 			}
 			let d = (e, t, n, r) => ({
 				...e,
-				description: be(e?.type, n),
-				type: ye(e?.type, t, n, r) || ""
+				description: _e(e?.type, n),
+				type: R(e?.type, t, n, r) || ""
 			});
 			r[i][e] = {
 				parameters: o.map((e) => d(e, e?.component, e?.serializer, "parameter")),
@@ -211,7 +215,7 @@ function F(e, t, n) {
 		}));
 	}), r;
 }
-function ye(e, t, n, r) {
+function R(e, t, n, r) {
 	if (t === "Api") return e.type;
 	switch (e?.type) {
 		case "string": return "string";
@@ -224,10 +228,10 @@ function ye(e, t, n, r) {
 	if (n === "FileSerializable") return e?.type === "array" ? r === "parameter" ? "(Blob | File | Buffer)[]" : "{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}[]" : r === "parameter" ? "Blob | File | Buffer" : "{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}";
 	if (n === "GallerySerializable") return r === "parameter" ? "[(Blob | File | Buffer), (string | null)][]" : "[{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}, (string | null))][]";
 }
-function be(e, t) {
+function _e(e, t) {
 	return t === "GallerySerializable" ? "array of [file, label] tuples" : t === "ListStringSerializable" ? "array of strings" : t === "FileSerializable" ? "array of files or single file" : e?.description;
 }
-function xe(e, t) {
+function ve(e, t) {
 	switch (e.msg) {
 		case "send_data": return { type: "data" };
 		case "send_hash": return { type: "hash" };
@@ -235,7 +239,7 @@ function xe(e, t) {
 			type: "update",
 			status: {
 				queue: !0,
-				message: oe,
+				message: ae,
 				stage: "error",
 				code: e.code,
 				success: e.success
@@ -363,7 +367,7 @@ function xe(e, t) {
 		}
 	};
 }
-var Se = (e = [], t) => {
+var ye = (e = [], t) => {
 	let n = t ? t.parameters : [];
 	if (Array.isArray(e)) return t && n.length > 0 && e.length > n.length && console.warn("Too many arguments provided for the endpoint."), e;
 	let r = [], i = Object.keys(e);
@@ -379,28 +383,28 @@ var Se = (e = [], t) => {
 };
 //#endregion
 //#region src/utils/view_api.ts
-async function Ce() {
+async function be() {
 	if (this.api_info) return this.api_info;
 	let { token: e } = this.options, { config: t } = this, n = {};
 	if (e && (n.Authorization = `Bearer ${e}`), t) try {
 		let e, r;
 		if (typeof window < "u" && window.gradio_api_info) r = window.gradio_api_info;
 		else {
-			let i = P(t.root, this.api_prefix, h);
-			if (e = await this.fetch(i, {
+			let i = new URL(L(t.root, this.api_prefix, ee));
+			if (this.page !== null && i.searchParams.set("page", this.page), e = await this.fetch(i, {
 				headers: n,
 				credentials: this.options.credentials ?? "same-origin"
-			}), !e.ok) throw Error(_);
+			}), !e.ok) throw Error(v);
 			r = await e.json();
 		}
-		return "api" in r && (r = r.api), r.named_endpoints["/predict"] && !r.unnamed_endpoints[0] && (r.unnamed_endpoints[0] = r.named_endpoints["/predict"]), F(r, t, this.api_map);
+		return "api" in r && (r = r.api), r.named_endpoints["/predict"] && !r.unnamed_endpoints[0] && (r.unnamed_endpoints[0] = r.named_endpoints["/predict"]), ge(r, t, this.api_map);
 	} catch (e) {
 		throw Error("Could not get API info. " + e.message);
 	}
 }
 //#endregion
 //#region src/utils/upload_files.ts
-async function I(e, t, n) {
+async function xe(e, t, n) {
 	let r = {};
 	this?.options?.token && (r.Authorization = `Bearer ${this.options.token}`);
 	let i = 1e3, a = [], o;
@@ -418,7 +422,7 @@ async function I(e, t, n) {
 				credentials: this.options.credentials ?? "same-origin"
 			});
 		} catch (e) {
-			throw Error(_ + e.message);
+			throw Error(v + e.message);
 		}
 		if (!o.ok) {
 			let e = await o.text();
@@ -429,7 +433,7 @@ async function I(e, t, n) {
 	}
 	return { files: a };
 }
-var L = {
+var Se = {
 	si: {
 		radix: 1e3,
 		unit: [
@@ -473,9 +477,9 @@ var L = {
 		]
 	}
 };
-function R(e, t = 1, n = "jedec") {
+function Ce(e, t = 1, n = "jedec") {
 	e = Math.abs(e);
-	let { radix: r, unit: i } = L[n] || L.jedec, a = 0;
+	let { radix: r, unit: i } = Se[n] || Se.jedec, a = 0;
 	for (; e >= r;) e /= r, ++a;
 	return `${e.toFixed(t)} ${i[a]}`;
 }
@@ -483,7 +487,7 @@ function R(e, t = 1, n = "jedec") {
 //#region src/upload.ts
 async function z(e, t, n, r) {
 	let i = (Array.isArray(e) ? e : [e]).map((e) => e.blob), a = i.filter((e) => e.size > (r ?? Infinity));
-	if (a.length) throw Error(`File(s) exceed the maximum allowed size of ${R(r || Infinity)}: ${a.map((e) => `"${e.name}"`).join(", ")}`);
+	if (a.length) throw Error(`File(s) exceed the maximum allowed size of ${Ce(r || Infinity)}: ${a.map((e) => `"${e.name}"`).join(", ")}`);
 	return await Promise.all(await this.upload_files(t, i, n).then(async (n) => {
 		if (n.error) throw Error(n.error);
 		return n.files ? n.files.map((n, r) => {
@@ -520,7 +524,7 @@ var V = class {
 	constructor({ path: e, url: t, orig_name: n, size: r, blob: i, is_stream: a, mime_type: o, alt_text: s, b64: c }) {
 		this.path = e, this.url = t, this.orig_name = n, this.size = r, this.blob = t ? void 0 : i, this.is_stream = a, this.mime_type = o, this.alt_text = s, this.b64 = c;
 	}
-}, we = class {
+}, H = class {
 	type;
 	command;
 	meta;
@@ -528,8 +532,8 @@ var V = class {
 	constructor(e, t) {
 		this.type = "command", this.command = e, this.meta = t;
 	}
-}, Te = typeof process < "u" && process.versions && process.versions.node;
-function H(e, t, n) {
+}, we = typeof process < "u" && process.versions && process.versions.node;
+function Te(e, t, n) {
 	for (; n.length > 1;) {
 		let t = n.shift();
 		if (typeof t == "string" || typeof t == "number") e = e[t];
@@ -583,7 +587,7 @@ function Oe(e) {
 			orig_name: e.split("/").pop() ?? "unknown",
 			meta: { _type: "gradio.FileData" }
 		};
-		if (Te) return new we("upload_file", {
+		if (we) return new H("upload_file", {
 			path: e,
 			name: e,
 			orig_path: e
@@ -616,11 +620,35 @@ function W(e, t, n, r, i = !1) {
 	}
 	return a;
 }
+var ke = [
+	"/file=",
+	"/file/",
+	"/stream/",
+	"/proxy="
+];
+function Ae(e, t, n, r) {
+	if (!r || typeof e != "object" || !e) return;
+	let i = r, a = new URL(t), o = a.pathname.replace(/\/+$/, ""), s = n ? `/${n.replace(/^\/+|\/+$/g, "")}` : "", c = new Set([`${o}${s}`, s]);
+	s || (c.add(`${o}/gradio_api`), c.add("/gradio_api"));
+	function l(e) {
+		if (typeof e != "object" || !e) return;
+		let t = e;
+		if (t.meta?._type === "gradio.FileData" && typeof t.url == "string") {
+			let e = new URL(t.url, `${a.toString().replace(/\/$/, "")}/`), n = [...c].some((t) => ke.some((n) => e.pathname.startsWith(`${t}${n}`)));
+			(e.protocol === "http:" || e.protocol === "https:") && e.origin === a.origin && n && (e.searchParams.set("__sign", i), t.url = e.toString());
+		}
+		for (let e of Object.values(t)) l(e);
+	}
+	l(e);
+}
+function je(e, t) {
+	for (let n of e.components || []) Ae(n.props?.value, e.root, e.api_prefix || "", t);
+}
 //#endregion
 //#region src/utils/handle_blob.ts
-async function ke(e, t, n) {
+async function Me(e, t, n) {
 	let r = this;
-	await Ae(r, t);
+	await Ne(r, t);
 	let i = await U(t, void 0, [], !0, n);
 	return (await Promise.all(i.map(async ({ path: t, blob: n, type: i }) => {
 		if (!n) return {
@@ -635,40 +663,40 @@ async function ke(e, t, n) {
 			name: typeof File < "u" && n instanceof File ? n?.name : void 0
 		};
 	}))).forEach(({ path: e, file_url: n, type: r, name: i }) => {
-		r === "Gallery" ? H(t, n, e) : n && H(t, new V({
+		r === "Gallery" ? Te(t, n, e) : n && Te(t, new V({
 			path: n,
 			orig_name: i
 		}), e);
 	}), t;
 }
-async function Ae(e, t) {
-	if (!(e.config?.root || e.config?.root_url)) throw Error(w);
-	await je(e, t);
+async function Ne(e, t) {
+	if (!(e.config?.root || e.config?.root_url)) throw Error(fe);
+	await Pe(e, t);
 }
-async function je(e, t, n = []) {
-	for (let r in t) t[r] instanceof we ? await Me(e, t, r) : typeof t[r] == "object" && t[r] !== null && await je(e, t[r], [...n, r]);
+async function Pe(e, t, n = []) {
+	for (let r in t) t[r] instanceof H ? await Fe(e, t, r) : typeof t[r] == "object" && t[r] !== null && await Pe(e, t[r], [...n, r]);
 }
-async function Me(e, t, n) {
+async function Fe(e, t, n) {
 	let r = t[n], i = e.config?.root || e.config?.root_url;
-	if (!i) throw Error(w);
+	if (!i) throw Error(fe);
 	try {
 		let a, o;
 		if (typeof process < "u" && process.versions && process.versions.node) {
 			let e = await import("./__vite-browser-external-Cgmn0awE.js").then((e) => /* @__PURE__ */ c(e.default, 1));
 			o = (await import("./__vite-browser-external-Cgmn0awE.js").then((e) => /* @__PURE__ */ c(e.default, 1))).resolve(process.cwd(), r.meta.path), a = await e.readFile(o);
-		} else throw Error(pe);
+		} else throw Error(de);
 		let s = new Blob([a], { type: "application/octet-stream" }), l = await e.upload_files(i, [s]), u = l.files && l.files[0];
 		u && (t[n] = new V({
 			path: u,
 			orig_name: r.meta.name || ""
 		}));
 	} catch (e) {
-		console.error(me, e);
+		console.error(pe, e);
 	}
 }
 //#endregion
 //#region src/utils/post_data.ts
-async function Ne(e, t, n) {
+async function Ie(e, t, n) {
 	let r = { "Content-Type": "application/json" };
 	this.options.token && (r.Authorization = `Bearer ${this.options.token}`);
 	try {
@@ -682,7 +710,7 @@ async function Ne(e, t, n) {
 			credentials: this.options.credentials ?? "same-origin"
 		});
 	} catch {
-		return [{ error: _ }, 500];
+		return [{ error: v }, 500];
 	}
 	let a, o;
 	try {
@@ -694,7 +722,7 @@ async function Ne(e, t, n) {
 }
 //#endregion
 //#region src/utils/predict.ts
-async function Pe(e, t = {}) {
+async function Le(e, t = {}) {
 	let n = !1, r = !1;
 	if (!this.config) throw Error("Could not resolve app config");
 	if (typeof e == "number") this.config.dependencies.find((t) => t.id == e);
@@ -726,7 +754,7 @@ async function G(e, t, n) {
 		n({
 			status: "error",
 			load_status: "error",
-			message: y,
+			message: b,
 			detail: "NOT_FOUND"
 		});
 		return;
@@ -751,7 +779,7 @@ async function G(e, t, n) {
 				load_status: "error",
 				message: "This space has been paused by the author. If you would like to try this demo, consider duplicating the space.",
 				detail: o,
-				discussions_enabled: await Le(s)
+				discussions_enabled: await Be(s)
 			});
 			break;
 		case "RUNNING":
@@ -789,34 +817,34 @@ async function G(e, t, n) {
 				load_status: "error",
 				message: "This space is experiencing an issue.",
 				detail: o,
-				discussions_enabled: await Le(s)
+				discussions_enabled: await Be(s)
 			});
 			break;
 	}
 }
-var Fe = async (e, t) => {
+var Re = async (e, t) => {
 	let n = 0;
 	return new Promise((r) => {
-		G(e, M.test(e) ? "space_name" : "subdomain", (i) => {
+		G(e, P.test(e) ? "space_name" : "subdomain", (i) => {
 			t(i), i.status === "running" || i.status === "error" || i.status === "paused" || i.status === "space_error" ? r() : (i.status === "sleeping" || i.status === "building") && (n < 12 ? (n++, setTimeout(() => {
-				Fe(e, t).then(r);
+				Re(e, t).then(r);
 			}, 5e3)) : r());
 		});
 	});
-}, Ie = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
-async function Le(e) {
+}, ze = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
+async function Be(e) {
 	try {
 		let t = await fetch(`https://huggingface.co/api/spaces/${e}/discussions`, { method: "HEAD" }), n = t.headers.get("x-error-message");
-		return !(!t.ok || n && Ie.test(n));
+		return !(!t.ok || n && ze.test(n));
 	} catch {
 		return !1;
 	}
 }
-async function Re(e, t) {
+async function Ve(e, t) {
 	let n = {};
 	t && (n.Authorization = `Bearer ${t}`);
 	try {
-		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${ee}`, { headers: n });
+		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${h}`, { headers: n });
 		if (t.status !== 200) throw Error("Space hardware could not be obtained.");
 		let { hardware: r } = await t.json();
 		return r.current;
@@ -824,7 +852,7 @@ async function Re(e, t) {
 		throw Error(e.message);
 	}
 }
-async function ze(e, t, n) {
+async function He(e, t, n) {
 	let r = {};
 	n && (r.Authorization = `Bearer ${n}`);
 	let i = { seconds: t };
@@ -843,7 +871,7 @@ async function ze(e, t, n) {
 		throw Error(e.message);
 	}
 }
-var Be = [
+var Ue = [
 	"cpu-basic",
 	"cpu-upgrade",
 	"cpu-xl",
@@ -860,14 +888,14 @@ var Be = [
 ];
 //#endregion
 //#region src/utils/duplicate.ts
-async function Ve(e, t) {
+async function We(e, t) {
 	E(t);
 	let { token: n, private: r, hardware: i, timeout: a, auth: o } = t;
-	if (i && !Be.includes(i)) throw Error(`Invalid hardware type provided. Valid types are: ${Be.map((e) => `"${e}"`).join(",")}.`);
-	let { http_protocol: s, host: c } = await N(e, n), l = null;
+	if (i && !Ue.includes(i)) throw Error(`Invalid hardware type provided. Valid types are: ${Ue.map((e) => `"${e}"`).join(",")}.`);
+	let { http_protocol: s, host: c } = await I(e, n), l = null;
 	if (o) {
-		let e = await k(s, c, o, fetch, void 0, t.credentials);
-		e && (l = j(e));
+		let e = await j(s, c, o, fetch, void 0, t.credentials);
+		e && (l = N(e));
 	}
 	let u = {
 		Authorization: `Bearer ${n}`,
@@ -877,9 +905,9 @@ async function Ve(e, t) {
 	r && (p.private = !0);
 	let m;
 	try {
-		i || (m = await Re(e, n));
+		i || (m = await Ve(e, n));
 	} catch (e) {
-		throw Error(b + e.message);
+		throw Error(x + e.message);
 	}
 	p.hardware = i || m || "cpu-basic";
 	try {
@@ -889,41 +917,41 @@ async function Ve(e, t) {
 			body: JSON.stringify(p)
 		});
 		if (r.status === 409) try {
-			return await Q.connect(`${d}/${f}`, t);
+			return await $.connect(`${d}/${f}`, t);
 		} catch (e) {
 			throw console.error("Failed to connect Client instance:", e), e;
 		}
 		else if (r.status !== 200) throw Error(r.statusText);
 		let i = await r.json();
-		return await ze(`${d}/${f}`, a || 300, n), await Q.connect(He(i.url), t);
+		return await He(`${d}/${f}`, a || 300, n), await $.connect(Ge(i.url), t);
 	} catch (e) {
 		throw Error(e);
 	}
 }
-function He(e) {
+function Ge(e) {
 	let t = e.match(/https:\/\/huggingface.co\/spaces\/([^/]+\/[^/]+)/);
 	if (t) return t[1];
 }
 //#endregion
 //#region src/helpers/zerogpu.ts
-var Ue = "supports-zerogpu-headers", We = !1;
-function Ge() {
+var Ke = "supports-zerogpu-headers", qe = !1;
+function Je() {
 	return typeof window < "u" && typeof document < "u" && typeof window.addEventListener == "function";
 }
-function Ke(e) {
+function Ye(e) {
 	return e.includes(".dev.") ? `https://moon-${e.split(".")[1]}.dev.spaces.huggingface.tech` : e.endsWith(".hf.space") ? "https://huggingface.co" : null;
 }
-function qe() {
-	if (!Ge() || We) return;
+function Xe() {
+	if (!Je() || qe) return;
 	window.addEventListener("message", (e) => {
-		e.data === Ue && (window.supports_zerogpu_headers = !0);
-	}), We = !0;
-	let e = Ke(window.location.hostname);
-	e && window.parent !== window && window.parent.postMessage(Ue, e);
+		e.data === Ke && (window.supports_zerogpu_headers = !0);
+	}), qe = !0;
+	let e = Ye(window.location.hostname);
+	e && window.parent !== window && window.parent.postMessage(Ke, e);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/deps/jsr.io/@std/streams/0.221.0/text_line_stream.js
-var Je = class extends TransformStream {
+var Ze = class extends TransformStream {
 	#e = "";
 	constructor(e = { allowCR: !1 }) {
 		super({
@@ -950,22 +978,22 @@ var Je = class extends TransformStream {
 };
 //#endregion
 //#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/utils.js
-function Ye(e) {
-	let t = new TextDecoderStream(), n = new Je({ allowCR: !0 });
+function Qe(e) {
+	let t = new TextDecoderStream(), n = new Ze({ allowCR: !0 });
 	return e.pipeThrough(t).pipeThrough(n);
 }
-function Xe(e) {
+function $e(e) {
 	let t = /[:]\s*/.exec(e), n = t && t.index;
 	if (n) return [e.substring(0, n), e.substring(n + t[0].length)];
 }
-function Ze(e, t, n) {
+function et(e, t, n) {
 	e.get(t) || e.set(t, n);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/mod.js
-async function* Qe(e, t) {
+async function* tt(e, t) {
 	if (!e.body) return;
-	let n = Ye(e.body), r, i = n.getReader(), a;
+	let n = Qe(e.body), r, i = n.getReader(), a;
 	for (;;) {
 		if (t && t.aborted) return i.cancel();
 		if (r = await i.read(), r.done) return;
@@ -973,20 +1001,20 @@ async function* Qe(e, t) {
 			a && (yield a), a = void 0;
 			continue;
 		}
-		let [e, n] = Xe(r.value) || [];
+		let [e, n] = $e(r.value) || [];
 		e === "data" ? (a ||= {}, a[e] = a[e] ? a[e] + "\n" + n : n) : e === "event" ? (a ||= {}, a[e] = n) : e === "id" ? (a ||= {}, a[e] = String(+n) === n ? +n : n) : e === "retry" && (a ||= {}, a[e] = +n || void 0);
 	}
 }
-async function $e(e, t) {
+async function nt(e, t) {
 	let n = new Request(e, t);
-	Ze(n.headers, "Accept", "text/event-stream"), Ze(n.headers, "Content-Type", "application/json");
+	et(n.headers, "Accept", "text/event-stream"), et(n.headers, "Content-Type", "application/json");
 	let r = await fetch(n);
 	if (!r.ok) throw r;
-	return Qe(r, n.signal);
+	return tt(r, n.signal);
 }
 //#endregion
 //#region src/utils/stream.ts
-async function et() {
+async function rt() {
 	let { event_callbacks: e, unclosed_events: t, pending_stream_messages: n, stream_status: r, config: i, jwt: a } = this, o = this;
 	if (!i) throw Error("Could not resolve app config");
 	r.open = !0;
@@ -998,7 +1026,7 @@ async function et() {
 	s.onmessage = async function(a) {
 		let s = JSON.parse(a.data);
 		if (s.msg === "close_stream") {
-			tt(r, o.abort_controller);
+			it(r, o.abort_controller);
 			return;
 		}
 		let c = s.event_id;
@@ -1017,27 +1045,27 @@ async function et() {
 	}, s.onerror = async function(t) {
 		console.error(t), await Promise.all(Object.keys(e).map((t) => e[t]({
 			msg: "broken_connection",
-			message: _
+			message: v
 		})));
 	};
 }
-function tt(e, t) {
+function it(e, t) {
 	e && (e.open = !1, t?.abort());
 }
-function nt(e, t, n) {
+function at(e, t, n) {
 	e[t] ? n.data.forEach((r, i) => {
-		let a = rt(i < e[t].length ? e[t][i] : null, r);
+		let a = ot(i < e[t].length ? e[t][i] : null, r);
 		e[t][i] = a, n.data[i] = a;
 	}) : (e[t] = [], n.data.forEach((n, r) => {
 		e[t][r] = n;
 	}));
 }
-function rt(e, t) {
+function ot(e, t) {
 	return t.forEach(([t, n, r]) => {
-		e = it(e, n, t, r);
+		e = st(e, n, t, r);
 	}), e;
 }
-function it(e, t, n, r) {
+function st(e, t, n, r) {
 	if (t.length === 0) {
 		if (n === "replace") return r;
 		if (n === "append") return e + r;
@@ -1063,7 +1091,7 @@ function it(e, t, n, r) {
 	}
 	return e;
 }
-function at(e, t = {}) {
+function ct(e, t = {}) {
 	let n = {
 		close: () => {
 			console.warn("Method not implemented.");
@@ -1087,7 +1115,7 @@ function at(e, t = {}) {
 			throw Error("Method not implemented.");
 		}
 	};
-	return $e(e, t).then(async (e) => {
+	return nt(e, t).then(async (e) => {
 		n.readyState = n.OPEN;
 		try {
 			for await (let t of e) n.onmessage && n.onmessage(t);
@@ -1101,37 +1129,37 @@ function at(e, t = {}) {
 }
 //#endregion
 //#region src/utils/run_history.ts
-var ot = "gradio:run-history:", K = `${ot}v2:`, st = `${ot}replay:v2:`, ct = `${ot}destination:v1:`, lt = 100, ut = 8;
-function q(e, t) {
+var K = "gradio:run-history:", q = `${K}v2:`, lt = `${K}replay:v2:`, ut = `${K}destination:v1:`, dt = 100, ft = 8;
+function J(e, t) {
 	try {
 		return e();
 	} catch (e) {
 		return console.warn("Could not update the run history.", e), t;
 	}
 }
-function dt(e, t = "/gradio_api") {
+function pt(e, t = "/gradio_api") {
 	return `${e.replace(/\/+$/, "")}${t}/runs`;
 }
-function J(e) {
+function Y(e) {
 	if (typeof window > "u") return null;
 	let t = e?.app_id;
 	if (t == null || t === "") return null;
 	try {
-		return window.localStorage ? `${K}${t}${e?.username ? `:user:${encodeURIComponent(e.username)}` : ""}` : null;
+		return window.localStorage ? `${q}${t}${e?.username ? `:user:${encodeURIComponent(e.username)}` : ""}` : null;
 	} catch {
 		return null;
 	}
 }
-function ft(e) {
-	let t = J(e);
-	return t ? t.replace(K, st) : null;
+function mt(e) {
+	let t = Y(e);
+	return t ? t.replace(q, lt) : null;
 }
-function pt(e) {
-	let t = J(e);
-	return t ? t.replace(K, ct) : null;
+function ht(e) {
+	let t = Y(e);
+	return t ? t.replace(q, ut) : null;
 }
-function mt(e) {
-	let t = pt(e);
+function gt(e) {
+	let t = ht(e);
 	if (!t) return { type: "browser" };
 	try {
 		let e = JSON.parse(window.localStorage.getItem(t) || "null");
@@ -1146,11 +1174,11 @@ function mt(e) {
 		return { type: "browser" };
 	}
 }
-function ht(e, t) {
-	let n = pt(e);
-	n && (t.type === "browser" && !t.bucket_id ? window.localStorage.removeItem(n) : window.localStorage.setItem(n, JSON.stringify(t)), Ct());
+function _t(e, t) {
+	let n = ht(e);
+	n && (t.type === "browser" && !t.bucket_id ? window.localStorage.removeItem(n) : window.localStorage.setItem(n, JSON.stringify(t)), Tt());
 }
-function gt(e) {
+function vt(e) {
 	try {
 		let t = JSON.parse(window.localStorage.getItem(e) || "[]");
 		return Array.isArray(t) && t.length && Date.parse(t[0]?.started_at) || 0;
@@ -1158,16 +1186,16 @@ function gt(e) {
 		return 0;
 	}
 }
-function _t(e) {
-	let t = Object.keys(window.localStorage).filter((e) => e.startsWith(ot)), n = [...t.filter((e) => !e.startsWith(K) && !e.startsWith(st) && !e.startsWith(ct)), ...t.filter((t) => t.startsWith(K) && t !== e).sort((e, t) => gt(t) - gt(e)).slice(ut - 1)];
+function yt(e) {
+	let t = Object.keys(window.localStorage).filter((e) => e.startsWith(K)), n = [...t.filter((e) => !e.startsWith(q) && !e.startsWith(lt) && !e.startsWith(ut)), ...t.filter((t) => t.startsWith(q) && t !== e).sort((e, t) => vt(t) - vt(e)).slice(ft - 1)];
 	for (let e of n) try {
-		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(K, st));
+		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(q, lt));
 	} catch {}
 }
-function vt() {
+function bt() {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
-function Y(e) {
+function X(e) {
 	let t = /* @__PURE__ */ new WeakSet();
 	try {
 		return JSON.parse(JSON.stringify(e, (e, n) => {
@@ -1182,8 +1210,8 @@ function Y(e) {
 		return "[Unserializable value]";
 	}
 }
-function X(e) {
-	let t = J(e);
+function Z(e) {
+	let t = Y(e);
 	if (!t) return [];
 	try {
 		let e = JSON.parse(window.localStorage.getItem(t) || "[]");
@@ -1192,16 +1220,16 @@ function X(e) {
 		return [];
 	}
 }
-function yt(e, t) {
-	let n = J(e);
+function xt(e, t) {
+	let n = Y(e);
 	if (!n) return;
-	let r = t.slice(0, lt), i = !1;
+	let r = t.slice(0, dt), i = !1;
 	for (; r.length > 0;) try {
 		window.localStorage.setItem(n, JSON.stringify(r));
 		return;
 	} catch {
 		if (!i) {
-			i = !0, _t(n);
+			i = !0, yt(n);
 			continue;
 		}
 		r = r.slice(0, -1);
@@ -1210,37 +1238,37 @@ function yt(e, t) {
 		window.localStorage.removeItem(n);
 	} catch {}
 }
-function bt(e) {
-	let t = J(e);
+function St(e) {
+	let t = Y(e);
 	if (t) {
 		try {
 			window.localStorage.removeItem(t);
 		} catch {}
-		Ct();
+		Tt();
 	}
 }
-function xt(e, t) {
-	yt(e, X(e).filter((e) => e.id !== t)), Ct();
+function Ct(e, t) {
+	xt(e, Z(e).filter((e) => e.id !== t)), Tt();
 }
-var St = "gradio:run-history-change";
-function Ct() {
+var wt = "gradio:run-history-change";
+function Tt() {
 	if (!(typeof window > "u")) try {
-		window.dispatchEvent(new Event(St));
+		window.dispatchEvent(new Event(wt));
 	} catch {}
 }
-function wt(e) {
-	return typeof window > "u" ? () => {} : (window.addEventListener(St, e), window.addEventListener("storage", e), () => {
-		window.removeEventListener(St, e), window.removeEventListener("storage", e);
+function Et(e) {
+	return typeof window > "u" ? () => {} : (window.addEventListener(wt, e), window.addEventListener("storage", e), () => {
+		window.removeEventListener(wt, e), window.removeEventListener("storage", e);
 	});
 }
-function Tt(e, t) {
-	let n = ft(e);
+function Dt(e, t) {
+	let n = mt(e);
 	if (n) try {
 		window.sessionStorage.setItem(n, JSON.stringify(t));
 	} catch {}
 }
-function Et(e) {
-	let t = ft(e);
+function Ot(e) {
+	let t = mt(e);
 	if (!t) return null;
 	try {
 		let e = window.sessionStorage.getItem(t);
@@ -1249,7 +1277,7 @@ function Et(e) {
 		return null;
 	}
 }
-function Dt(e, t) {
+function kt(e, t) {
 	let n = e.dependencies.find((e) => e.id === t.fn_index || typeof e.api_name == "string" && `/${e.api_name.replace(/^\//, "")}` === t.api_name);
 	if (!n) return !1;
 	let r = Array.isArray(t.inputs) ? t.inputs : Object.values(t.inputs ?? {}), i = Array.isArray(t.outputs) ? t.outputs : t.outputs === null || t.outputs === void 0 ? [] : [t.outputs], a = (t, n) => {
@@ -1260,147 +1288,147 @@ function Dt(e, t) {
 	};
 	return a(n.inputs, r), a(n.outputs, i), !0;
 }
-function Ot(e) {
-	let t = Et(e);
-	return t ? Dt(e, t) : !1;
+function At(e) {
+	let t = Ot(e);
+	return t ? kt(e, t) : !1;
 }
-function kt(e) {
-	if (mt(e).type === "bucket") return null;
-	let t = J(e);
+function jt(e) {
+	if (gt(e).type === "bucket") return null;
+	let t = Y(e);
 	if (!t) return null;
-	_t(t);
+	yt(t);
 	let n = {
-		id: vt(),
+		id: bt(),
 		endpoint: e.endpoint,
 		api_name: e.api_name,
 		fn_index: e.fn_index,
 		page: `${window.location.pathname}${window.location.search}`,
-		inputs: Y(e.inputs),
+		inputs: X(e.inputs),
 		outputs: null,
-		...e.input_components ? { input_components: Y(e.input_components) } : {},
-		...e.output_components ? { output_components: Y(e.output_components) } : {},
+		...e.input_components ? { input_components: X(e.input_components) } : {},
+		...e.output_components ? { output_components: X(e.output_components) } : {},
 		status: "running",
 		started_at: (/* @__PURE__ */ new Date()).toISOString()
 	};
-	return yt(e, [n, ...X(e)]), Ct(), n.id;
+	return xt(e, [n, ...Z(e)]), Tt(), n.id;
 }
-function At(e, t, n) {
+function Mt(e, t, n) {
 	if (!t) return;
-	let r = X(e), i = r.find((e) => e.id === t);
-	i && (i.inputs = Y(n), yt(e, r));
+	let r = Z(e), i = r.find((e) => e.id === t);
+	i && (i.inputs = X(n), xt(e, r));
 }
-function jt(e, t, n) {
+function Nt(e, t, n) {
 	if (!t) return;
-	let r = X(e), i = r.find((e) => e.id === t);
+	let r = Z(e), i = r.find((e) => e.id === t);
 	if (!i) return;
 	let a = !1;
-	if (n.type === "data") i.outputs = Y(n.data), Z.set(t, i.outputs);
-	else if (n.type === "status" && n.original_msg === "process_starts") Pt(i, n.time);
+	if (n.type === "data") i.outputs = X(n.data), Q.set(t, i.outputs);
+	else if (n.type === "status" && n.original_msg === "process_starts") It(i, n.time);
 	else if (n.type === "status" && (n.stage === "generating" || n.stage === "streaming")) i.streamed = !0;
-	else if (n.type === "status" && n.stage === "complete") i.status = "completed", Ft(i, n), a = !0;
-	else if (n.type === "status" && n.stage === "error") i.status = "failed", i.error = typeof n.message == "string" ? n.message : JSON.stringify(n.message || "Unknown error"), Ft(i, n), a = !0;
+	else if (n.type === "status" && n.stage === "complete") i.status = "completed", Lt(i, n), a = !0;
+	else if (n.type === "status" && n.stage === "error") i.status = "failed", i.error = typeof n.message == "string" ? n.message : JSON.stringify(n.message || "Unknown error"), Lt(i, n), a = !0;
 	else return;
-	if (a) Z.has(t) && (i.outputs = Z.get(t)), Z.delete(t), Nt.delete(t);
+	if (a) Q.has(t) && (i.outputs = Q.get(t)), Q.delete(t), Ft.delete(t);
 	else if (i.streamed) {
-		if (Date.now() - (Nt.get(t) ?? 0) < Mt) return;
-		Nt.set(t, Date.now()), Z.delete(t);
+		if (Date.now() - (Ft.get(t) ?? 0) < Pt) return;
+		Ft.set(t, Date.now()), Q.delete(t);
 	}
-	yt(e, r);
+	xt(e, r);
 }
-var Mt = 500, Nt = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Map();
-function Pt(e, t) {
+var Pt = 500, Ft = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
+function It(e, t) {
 	if (e.process_started_at) return;
 	let n = t || /* @__PURE__ */ new Date();
 	e.process_started_at = n.toISOString(), e.queued_ms = Math.max(0, n.getTime() - Date.parse(e.started_at));
 }
-function Ft(e, t) {
+function Lt(e, t) {
 	let n = t.time || /* @__PURE__ */ new Date();
 	e.completed_at = n.toISOString(), e.duration_ms = (!e.streamed && typeof t.cache_duration == "number" && t.cache_duration >= 0 ? t.cache_duration * 1e3 : null) ?? Math.max(0, n.getTime() - Date.parse(e.process_started_at || e.started_at));
 }
-function It(e) {
-	return q(() => X(e), []);
-}
-function Lt(e) {
-	return q(() => mt(e), { type: "browser" });
-}
-function Rt(e, t) {
-	q(() => ht(e, t), void 0);
+function Rt(e) {
+	return J(() => Z(e), []);
 }
 function zt(e) {
-	q(() => bt(e), void 0);
+	return J(() => gt(e), { type: "browser" });
 }
 function Bt(e, t) {
-	q(() => xt(e, t), void 0);
+	J(() => _t(e, t), void 0);
 }
-function Vt(e, t) {
-	q(() => Tt(e, t), void 0);
+function Vt(e) {
+	J(() => St(e), void 0);
 }
-function Ht(e) {
-	return q(() => Et(e), null);
+function Ht(e, t) {
+	J(() => Ct(e, t), void 0);
 }
-function Ut(e) {
-	return q(() => Ot(e), !1);
+function Ut(e, t) {
+	J(() => Dt(e, t), void 0);
 }
 function Wt(e) {
-	return q(() => kt(e), null);
+	return J(() => Ot(e), null);
+}
+function Gt(e) {
+	return J(() => At(e), !1);
+}
+function Kt(e) {
+	return J(() => jt(e), null);
 }
-function Gt(e, t, n) {
-	q(() => At(e, t, n), void 0);
+function qt(e, t, n) {
+	J(() => Mt(e, t, n), void 0);
 }
-function Kt(e, t, n) {
-	q(() => jt(e, t, n), void 0);
+function Jt(e, t, n) {
+	J(() => Nt(e, t, n), void 0);
 }
-function qt(e) {
-	return q(() => wt(() => q(e, void 0)), () => {});
+function Yt(e) {
+	return J(() => Et(() => J(e, void 0)), () => {});
 }
 //#endregion
 //#region src/utils/submit.ts
-function Jt(e, t = {}, n, r, i, a) {
+function Xt(e, t = {}, n, r, i, a) {
 	try {
-		let { token: o } = this.options, { fetch: s, app_reference: c, config: l, session_hash: f, api_info: p, api_map: m, stream_status: h, pending_stream_messages: ee, pending_diff_streams: te, event_callbacks: ne, unclosed_events: re, post_data: g, options: v, api_prefix: y } = this, se = a || { "x-gradio-user": "api" }, b = this;
-		if (!p) throw Error(de);
+		let { token: o } = this.options, { fetch: s, app_reference: c, config: l, session_hash: f, api_info: p, api_map: m, stream_status: ee, pending_stream_messages: h, pending_diff_streams: te, event_callbacks: g, unclosed_events: ne, post_data: _, options: y, api_prefix: b } = this, oe = a || { "x-gradio-user": "api" }, x = this;
+		if (!p) throw Error(le);
 		if (!l) throw Error("Could not resolve app config");
-		let { fn_index: x, endpoint_info: ce, dependency: S } = Xt(p, e, m, l), le = Se(t, ce), C = l.protocol ?? "ws";
-		if (C === "ws") throw Error(fe);
-		let ue = typeof S.api_name == "string" ? `/${S.api_name}` : e, pe = typeof S.api_name == "string" ? `/${S.api_name}` : `Function ${x}`, w = (e) => {
+		let se = l.root, { fn_index: S, endpoint_info: C, dependency: w } = Qt(p, e, m, l), ce = ye(t, C), T = l.protocol ?? "ws";
+		if (T === "ws") throw Error(ue);
+		let de = typeof w.api_name == "string" ? `/${w.api_name}` : e, fe = typeof w.api_name == "string" ? `/${w.api_name}` : `Function ${S}`, pe = (e) => {
 			let t = l.components.find((t) => t.id === e);
 			return t ? {
 				type: t.type,
 				component_class_id: t.component_class_id,
 				props: t.props
 			} : null;
-		}, me = S.api_visibility === "public", T = l.run_history !== !1 && this.options.record_history !== !1, E = {
+		}, me = w.api_visibility === "public", E = l.run_history !== !1 && this.options.record_history !== !1, D = {
 			app_id: l.app_id,
 			username: l.username
-		}, he = Lt(E), ge = {
-			...se,
-			...T && he.type === "bucket" ? { "x-gradio-history-bucket": he.bucket_id } : {}
-		}, _e = !T || !me ? null : Wt({
-			...E,
-			endpoint: ue,
-			api_name: pe,
-			fn_index: x,
-			inputs: W(le, S, l.components, "input", !0),
-			input_components: S.inputs.map(w),
-			output_components: S.outputs.map(w)
-		}), D, O = "", k = typeof e == "number" ? "/predict" : e, A, j = null, M = !1, ve = {}, N = typeof window < "u" && typeof document < "u" ? new URLSearchParams(window.location.search).toString() : "", P = v?.events?.reduce((e, t) => (e[t] = !0, e), {}) || {};
-		function F(e) {
-			Kt(E, _e, e), (i || P[e.type]) && Te(e);
+		}, he = zt(D), O = {
+			...oe,
+			...E && he.type === "bucket" ? { "x-gradio-history-bucket": he.bucket_id } : {}
+		}, k = !E || !me ? null : Kt({
+			...D,
+			endpoint: de,
+			api_name: fe,
+			fn_index: S,
+			inputs: W(ce, w, l.components, "input", !0),
+			input_components: w.inputs.map(pe),
+			output_components: w.outputs.map(pe)
+		}), A, j = "", M = typeof e == "number" ? "/predict" : e, N, P = null, F = !1, I = {}, L = typeof window < "u" && typeof document < "u" ? new URLSearchParams(window.location.search).toString() : "", ge = y?.events?.reduce((e, t) => (e[t] = !0, e), {}) || {};
+		function R(e) {
+			Jt(D, k, e), (e.type === "data" || e.type === "render") && Ae(e.data, se, b, x.jwt), (i || ge[e.type]) && Te(e);
 		}
-		async function ye() {
+		async function _e() {
 			let e = {}, t = {};
-			e = { event_id: j }, t = {
-				event_id: j,
+			e = { event_id: P }, t = {
+				event_id: P,
 				session_hash: f,
-				fn_index: x
+				fn_index: S
 			};
 			try {
 				if (!l) throw Error("Could not resolve app config");
-				"event_id" in t && await s(`${l.root}${y}/${ae}`, {
+				"event_id" in t && await s(`${l.root}${b}/${ie}`, {
 					headers: { "Content-Type": "application/json" },
 					method: "POST",
 					body: JSON.stringify(t)
-				}), await s(`${l.root}${y}/${ie}`, {
+				}), await s(`${l.root}${b}/${re}`, {
 					headers: { "Content-Type": "application/json" },
 					method: "POST",
 					body: JSON.stringify(e)
@@ -1412,62 +1440,62 @@ function Jt(e, t = {}, n, r, i, a) {
 		let be = async (e) => {
 			await this._resolve_heartbeat(e);
 		};
-		async function Ce(e) {
+		async function xe(e) {
 			if (!l) return;
 			let t = e.render_id;
 			l.components = [...l.components.filter((e) => e.props.rendered_in !== t), ...e.components], l.dependencies = [...l.dependencies.filter((e) => e.rendered_in !== t), ...e.dependencies];
 			let n = l.components.some((e) => e.type === "state"), r = l.dependencies.some((e) => e.targets.some((e) => e[1] === "unload"));
-			l.connect_heartbeat = n || r, await be(l), F({
+			l.connect_heartbeat = n || r, await be(l), R({
 				type: "render",
 				data: e,
-				endpoint: k,
-				fn_index: x
+				endpoint: M,
+				fn_index: S
 			});
 		}
-		let I = this.handle_blob(l.root, le, ce).then(async (e) => {
-			let t = W(e, S, l.components, "input", !0);
-			if (Gt(E, _e, t || []), A = {
+		let Se = this.handle_blob(l.root, ce, C).then(async (e) => {
+			let t = W(e, w, l.components, "input", !0);
+			if (qt(D, k, t || []), N = {
 				data: t || [],
 				event_data: n,
-				fn_index: x,
+				fn_index: S,
 				trigger_id: r,
-				...v.oauth_token && ce?.oauth_token ? { oauth_token: v.oauth_token } : {}
-			}, Ee(x, l)) F({
+				...y.oauth_token && C?.oauth_token ? { oauth_token: y.oauth_token } : {}
+			}, Ee(S, l)) R({
 				type: "status",
-				endpoint: k,
+				endpoint: M,
 				stage: "pending",
 				queue: !1,
-				fn_index: x,
+				fn_index: S,
 				time: /* @__PURE__ */ new Date()
-			}), g(`${l.root}${y}/run${k.startsWith("/") ? k : `/${k}`}${N ? "?" + N : ""}`, {
-				...A,
+			}), _(`${l.root}${b}/run${M.startsWith("/") ? M : `/${M}`}${L ? "?" + L : ""}`, {
+				...N,
 				session_hash: f
-			}, ge).then(async ([e, t]) => {
+			}, O).then(async ([e, t]) => {
 				let i = e.data;
-				if (t == 200) F({
+				if (t == 200) R({
 					type: "data",
-					endpoint: k,
-					fn_index: x,
-					data: W(i, S, l.components, "output", v.with_null_state),
+					endpoint: M,
+					fn_index: S,
+					data: W(i, w, l.components, "output", y.with_null_state),
 					time: /* @__PURE__ */ new Date(),
 					event_data: n,
 					trigger_id: r
-				}), e.render_config && await Ce(e.render_config), F({
+				}), e.render_config && await xe(e.render_config), R({
 					type: "status",
-					endpoint: k,
-					fn_index: x,
+					endpoint: M,
+					fn_index: S,
 					stage: "complete",
 					eta: e.average_duration,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 				else {
-					let t = e?.error === _;
-					F({
+					let t = e?.error === v;
+					R({
 						type: "status",
 						stage: "error",
-						endpoint: k,
-						fn_index: x,
+						endpoint: M,
+						fn_index: S,
 						message: e.error,
 						broken: t,
 						queue: !1,
@@ -1475,303 +1503,303 @@ function Jt(e, t = {}, n, r, i, a) {
 					});
 				}
 			}).catch((e) => {
-				F({
+				R({
 					type: "status",
 					stage: "error",
 					message: e.message,
-					endpoint: k,
-					fn_index: x,
+					endpoint: M,
+					fn_index: S,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 			});
-			else if (C == "sse") {
-				F({
+			else if (T == "sse") {
+				R({
 					type: "status",
 					stage: "pending",
 					queue: !0,
-					endpoint: k,
-					fn_index: x,
+					endpoint: M,
+					fn_index: S,
 					time: /* @__PURE__ */ new Date()
 				});
 				var i = new URLSearchParams({
-					fn_index: x.toString(),
+					fn_index: S.toString(),
 					session_hash: f
 				}).toString();
-				let e = new URL(`${l.root}${y}/${u}?${N ? N + "&" : ""}${i}`);
-				if (this.jwt && e.searchParams.set("__sign", this.jwt), D = this.stream(e), !D) return Promise.reject(/* @__PURE__ */ Error("Cannot connect to SSE endpoint: " + e.toString()));
-				D.onmessage = async function(e) {
-					let { type: t, status: i, data: a } = xe(JSON.parse(e.data), ve[x]);
-					if (t === "update" && i && !M) F({
+				let e = new URL(`${l.root}${b}/${u}?${L ? L + "&" : ""}${i}`);
+				if (this.jwt && e.searchParams.set("__sign", this.jwt), A = this.stream(e), !A) return Promise.reject(/* @__PURE__ */ Error("Cannot connect to SSE endpoint: " + e.toString()));
+				A.onmessage = async function(e) {
+					let { type: t, status: i, data: a } = ve(JSON.parse(e.data), I[S]);
+					if (t === "update" && i && !F) R({
 						type: "status",
-						endpoint: k,
-						fn_index: x,
+						endpoint: M,
+						fn_index: S,
 						time: /* @__PURE__ */ new Date(),
 						...i
-					}), i.stage === "error" && (D?.close(), B());
+					}), i.stage === "error" && (A?.close(), V());
 					else if (t === "data") {
-						let [e, t] = await g(`${l.root}${y}/queue/data`, {
-							...A,
+						let [e, t] = await _(`${l.root}${b}/queue/data`, {
+							...N,
 							session_hash: f,
-							event_id: j
-						}, ge);
-						t !== 200 && (F({
+							event_id: P
+						}, O);
+						t !== 200 && (R({
 							type: "status",
 							stage: "error",
-							message: _,
+							message: v,
 							queue: !0,
-							endpoint: k,
-							fn_index: x,
+							endpoint: M,
+							fn_index: S,
 							time: /* @__PURE__ */ new Date()
-						}), D?.close(), B());
-					} else t === "complete" ? M = i : t === "log" ? F({
+						}), A?.close(), V());
+					} else t === "complete" ? F = i : t === "log" ? R({
 						type: "log",
 						title: a.title,
 						log: a.log,
 						level: a.level,
-						endpoint: k,
+						endpoint: M,
 						duration: a.duration,
 						visible: a.visible,
-						fn_index: x
-					}) : (t === "generating" || t === "streaming") && F({
+						fn_index: S
+					}) : (t === "generating" || t === "streaming") && R({
 						type: "status",
 						time: /* @__PURE__ */ new Date(),
 						...i,
 						stage: i?.stage,
 						queue: !0,
-						endpoint: k,
-						fn_index: x
+						endpoint: M,
+						fn_index: S
 					});
-					a && (F({
+					a && (R({
 						type: "data",
 						time: /* @__PURE__ */ new Date(),
-						data: W(a.data, S, l.components, "output", v.with_null_state),
-						endpoint: k,
-						fn_index: x,
+						data: W(a.data, w, l.components, "output", y.with_null_state),
+						endpoint: M,
+						fn_index: S,
 						event_data: n,
 						trigger_id: r
-					}), M && (F({
+					}), F && (R({
 						type: "status",
 						time: /* @__PURE__ */ new Date(),
-						...M,
+						...F,
 						stage: i?.stage,
 						queue: !0,
-						endpoint: k,
-						fn_index: x
-					}), D?.close(), B()));
+						endpoint: M,
+						fn_index: S
+					}), A?.close(), V()));
 				};
-			} else if (C == "sse_v1" || C == "sse_v2" || C == "sse_v2.1" || C == "sse_v3") {
-				F({
+			} else if (T == "sse_v1" || T == "sse_v2" || T == "sse_v2.1" || T == "sse_v3") {
+				R({
 					type: "status",
 					stage: "pending",
 					queue: !0,
-					endpoint: k,
-					fn_index: x,
+					endpoint: M,
+					fn_index: S,
 					time: /* @__PURE__ */ new Date()
 				});
 				let e = "";
 				typeof window < "u" && typeof document < "u" && (e = window?.location?.hostname);
-				let t = Ke(e);
+				let t = Ye(e);
 				return (typeof window < "u" && typeof document < "u" && window.parent != window && t && window.supports_zerogpu_headers ? De("zerogpu-headers", t) : Promise.resolve(null)).then((e) => {
 					let t = {
-						...ge,
+						...O,
 						...e || {}
 					};
-					return g(`${l.root}${y}/${d}?${N}`, {
-						...A,
+					return _(`${l.root}${b}/${d}?${L}`, {
+						...N,
 						session_hash: f
 					}, t);
 				}).then(async ([e, t]) => {
-					if (e.event_id && (O = e.event_id), t === 503) F({
+					if (e.event_id && (j = e.event_id), t === 503) R({
 						type: "status",
 						stage: "error",
-						message: oe,
+						message: ae,
 						queue: !0,
-						endpoint: k,
-						fn_index: x,
+						endpoint: M,
+						fn_index: S,
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
-					}), B();
-					else if (t === 422) F({
+					}), V();
+					else if (t === 422) R({
 						type: "status",
 						stage: "error",
 						message: e.detail,
 						queue: !0,
-						endpoint: k,
-						fn_index: x,
+						endpoint: M,
+						fn_index: S,
 						code: "validation_error",
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
-					}), B();
+					}), V();
 					else if (t !== 200) {
-						let t = e?.error === _;
-						F({
+						let t = e?.error === v;
+						R({
 							type: "status",
 							stage: "error",
 							broken: t,
-							message: t ? _ : e.detail || e.error,
+							message: t ? v : e.detail || e.error,
 							queue: !0,
-							endpoint: k,
-							fn_index: x,
+							endpoint: M,
+							fn_index: S,
 							time: /* @__PURE__ */ new Date(),
 							visible: !0
-						}), B();
+						}), V();
 					} else {
-						j = e.event_id, O = j;
+						P = e.event_id, j = P;
 						let t = async function(e) {
 							try {
-								let { type: t, status: n, data: r, original_msg: i } = xe(e, ve[x]);
+								let { type: t, status: n, data: r, original_msg: i } = ve(e, I[S]);
 								if (t == "heartbeat") return;
-								if (t === "update" && n && !M) F({
+								if (t === "update" && n && !F) R({
 									type: "status",
-									endpoint: k,
-									fn_index: x,
+									endpoint: M,
+									fn_index: S,
 									time: /* @__PURE__ */ new Date(),
 									original_msg: i,
 									...n
 								});
-								else if (t === "complete") M = n;
+								else if (t === "complete") F = n;
 								else if (t == "unexpected_error" || t == "broken_connection") {
 									console.error("Unexpected error", n?.message);
 									let e = t === "broken_connection";
-									F({
+									R({
 										type: "status",
 										stage: "error",
 										message: n?.message || "An Unexpected Error Occurred!",
 										queue: !0,
-										endpoint: k,
+										endpoint: M,
 										broken: e,
 										session_not_found: n?.session_not_found,
-										fn_index: x,
+										fn_index: S,
 										time: /* @__PURE__ */ new Date()
 									});
 								} else if (t === "log") {
-									F({
+									R({
 										type: "log",
 										title: r.title,
 										log: r.log,
 										level: r.level,
-										endpoint: k,
+										endpoint: M,
 										duration: r.duration,
 										visible: r.visible,
-										fn_index: x
+										fn_index: S
 									});
 									return;
-								} else (t === "generating" || t === "streaming") && (F({
+								} else (t === "generating" || t === "streaming") && (R({
 									type: "status",
 									time: /* @__PURE__ */ new Date(),
 									...n,
 									stage: n?.stage,
 									queue: !0,
-									endpoint: k,
-									fn_index: x
-								}), r && S.connection !== "stream" && [
+									endpoint: M,
+									fn_index: S
+								}), r && w.connection !== "stream" && [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(C) && nt(te, j, r));
-								r && (F({
+								].includes(T) && at(te, P, r));
+								r && (R({
 									type: "data",
 									time: /* @__PURE__ */ new Date(),
-									data: W(r.data, S, l.components, "output", v.with_null_state),
-									endpoint: k,
-									fn_index: x
-								}), r.render_config && await Ce(r.render_config), M && (F({
+									data: W(r.data, w, l.components, "output", y.with_null_state),
+									endpoint: M,
+									fn_index: S
+								}), r.render_config && await xe(r.render_config), F && (R({
 									type: "status",
 									time: /* @__PURE__ */ new Date(),
-									...M,
+									...F,
 									stage: n?.stage,
 									queue: !0,
-									endpoint: k,
-									fn_index: x
-								}), B())), (n?.stage === "complete" || n?.stage === "error") && (ne[j] && delete ne[j], j in te && delete te[j], B());
+									endpoint: M,
+									fn_index: S
+								}), V())), (n?.stage === "complete" || n?.stage === "error") && (g[P] && delete g[P], P in te && delete te[P], V());
 							} catch (e) {
-								console.error("Unexpected client exception", e), F({
+								console.error("Unexpected client exception", e), R({
 									type: "status",
 									stage: "error",
 									message: "An Unexpected Error Occurred!",
 									queue: !0,
-									endpoint: k,
-									fn_index: x,
+									endpoint: M,
+									fn_index: S,
 									time: /* @__PURE__ */ new Date()
 								}), [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(C) && (tt(h, b.abort_controller), h.open = !1, B());
+								].includes(T) && (it(ee, x.abort_controller), ee.open = !1, V());
 							}
 						};
-						j in ee && (ee[j].forEach((e) => t(e)), delete ee[j]), ne[j] = t, re.add(j), h.open || await this.open_stream();
+						P in h && (h[P].forEach((e) => t(e)), delete h[P]), g[P] = t, ne.add(P), ee.open || await this.open_stream();
 					}
 				});
 			}
 		});
-		I.catch((e) => {
-			F({
+		Se.catch((e) => {
+			R({
 				type: "status",
 				stage: "error",
 				message: e instanceof Error ? e.message : String(e),
-				queue: !Ee(x, l),
-				endpoint: k,
-				fn_index: x,
+				queue: !Ee(S, l),
+				endpoint: M,
+				fn_index: S,
 				time: /* @__PURE__ */ new Date()
-			}), B();
+			}), V();
 		});
-		let L = !1, R = [], z = [];
-		function B() {
-			for (L = !0; z.length > 0;) z.shift()({
+		let Ce = !1, z = [], B = [];
+		function V() {
+			for (Ce = !0; B.length > 0;) B.shift()({
 				value: void 0,
 				done: !0
 			});
 		}
-		function V(e) {
-			z.length > 0 ? z.shift()(e) : R.push(e);
+		function H(e) {
+			B.length > 0 ? B.shift()(e) : z.push(e);
 		}
 		function we(e) {
-			V(Yt(e)), B();
+			H(Zt(e)), V();
 		}
 		function Te(e) {
-			V({
+			H({
 				value: e,
 				done: !1
 			});
 		}
-		function H() {
-			return R.length > 0 ? Promise.resolve(R.shift()) : L ? Promise.resolve({
+		function U() {
+			return z.length > 0 ? Promise.resolve(z.shift()) : Ce ? Promise.resolve({
 				value: void 0,
 				done: !0
-			}) : new Promise((e) => z.push(e));
+			}) : new Promise((e) => B.push(e));
 		}
-		let U = {
-			[Symbol.asyncIterator]: () => U,
-			next: H,
-			throw: async (e) => (we(e), H()),
-			return: async () => (B(), {
+		let Oe = {
+			[Symbol.asyncIterator]: () => Oe,
+			next: U,
+			throw: async (e) => (we(e), U()),
+			return: async () => (V(), {
 				value: void 0,
 				done: !0
 			}),
-			cancel: ye,
+			cancel: _e,
 			send_chunk: (e) => {
-				this.post_data(`${l.root}${y}/stream/${O}`, {
+				this.post_data(`${l.root}${b}/stream/${j}`, {
 					...e,
 					session_hash: this.session_hash
 				});
 			},
 			close_stream: () => {
-				this.post_data(`${l.root}${y}/stream/${O}/close`, {}), B();
+				this.post_data(`${l.root}${b}/stream/${j}/close`, {}), V();
 			},
-			event_id: () => O,
-			wait_for_id: async () => (await I, j)
+			event_id: () => j,
+			wait_for_id: async () => (await Se, P)
 		};
-		return U;
+		return Oe;
 	} catch (e) {
 		throw console.error("Submit function encountered an error:", e), e;
 	}
 }
-function Yt(e) {
+function Zt(e) {
 	return { then: (t, n) => n(e) };
 }
-function Xt(e, t, n, r) {
+function Qt(e, t, n, r) {
 	let i, a, o;
 	if (typeof t == "number") i = t, a = e.unnamed_endpoints[i], o = r.dependencies.find((e) => e.id == t);
 	else {
@@ -1790,10 +1818,11 @@ function Xt(e, t, n, r) {
 }
 //#endregion
 //#region src/client.ts
-var Q = class {
+var $ = class {
 	app_reference;
 	options;
 	deep_link = null;
+	page = null;
 	config;
 	api_prefix = "";
 	api_info;
@@ -1813,13 +1842,13 @@ var Q = class {
 	stream_instance = null;
 	current_payload;
 	get_url_config(e = null) {
-		if (!this.config) throw Error(v);
+		if (!this.config) throw Error(y);
 		e === null && (e = window.location.href);
 		let t = (e) => e.replace(/^\/+|\/+$/g, ""), n = t(new URL(this.config.root).pathname), r = t(new URL(e).pathname), i;
 		return i = r.startsWith(n) ? t(r.substring(n.length)) : "", this.get_page_config(i);
 	}
 	get_page_config(e) {
-		if (!this.config) throw Error(v);
+		if (!this.config) throw Error(y);
 		let t = this.config;
 		return e in t.page || (e = ""), {
 			...t,
@@ -1842,7 +1871,7 @@ var Q = class {
 		let t = new Headers();
 		return this && this.cookies && t.append("Cookie", this.cookies), this && this.options.headers && new Headers(this.options.headers).forEach((e, n) => {
 			t.append(n, e);
-		}), this && this.options.token && t.append("Authorization", `Bearer ${this.options.token}`), this.abort_controller = new AbortController(), this.stream_instance = at(e.toString(), {
+		}), this && this.options.token && t.append("Authorization", `Bearer ${this.options.token}`), this.abort_controller = new AbortController(), this.stream_instance = ct(e.toString(), {
 			credentials: this.options.credentials ?? "same-origin",
 			headers: t,
 			signal: this.abort_controller.signal
@@ -1859,20 +1888,20 @@ var Q = class {
 	resolve_config;
 	resolve_cookies;
 	constructor(e, t = { events: ["data"] }) {
-		this.app_reference = e, this.deep_link = t.query_params?.deep_link || null, t.events ||= ["data"], E(t), this.options = t, this.current_payload = {}, t.cookies && (this.cookies = t.cookies), this.view_api = Ce.bind(this), this.upload_files = I.bind(this), this.handle_blob = ke.bind(this), this.post_data = Ne.bind(this), this.submit = Jt.bind(this), this.predict = Pe.bind(this), this.open_stream = et.bind(this), this.resolve_config = _e.bind(this), this.resolve_cookies = O.bind(this), this.upload = z.bind(this), this.fetch = this.fetch.bind(this), this.handle_space_success = this.handle_space_success.bind(this), this.stream = this.stream.bind(this);
+		this.app_reference = e, this.deep_link = t.query_params?.deep_link || null, this.page = t.query_params?.page ?? null, t.events ||= ["data"], E(t), this.options = t, this.current_payload = {}, t.cookies && (this.cookies = t.cookies), this.view_api = be.bind(this), this.upload_files = xe.bind(this), this.handle_blob = Me.bind(this), this.post_data = Ie.bind(this), this.submit = Xt.bind(this), this.predict = Le.bind(this), this.open_stream = rt.bind(this), this.resolve_config = O.bind(this), this.resolve_cookies = A.bind(this), this.upload = z.bind(this), this.fetch = this.fetch.bind(this), this.handle_space_success = this.handle_space_success.bind(this), this.stream = this.stream.bind(this);
 	}
 	async init() {
-		qe(), this.options.auth && await this.resolve_cookies(), await this._resolve_config().then((e) => e?.config && this._resolve_heartbeat(e.config));
+		Xe(), this.options.auth && await this.resolve_cookies(), await this._resolve_config().then((e) => e?.config && this._resolve_heartbeat(e.config));
 		try {
 			this.api_info = await this.view_api();
 		} catch (e) {
 			console.error(e.message);
 		}
-		this.api_map = he(this.config?.dependencies || []);
+		this.api_map = D(this.config?.dependencies || []);
 	}
 	async _resolve_heartbeat(e) {
-		if (e && (this.config = e, this.api_prefix = e.api_prefix || "", this.config && this.config.connect_heartbeat && this.config.space_id && this.options.token && (this.jwt = await T(this.config.space_id, this.options.token, this.cookies))), e.space_id && this.options.token && (this.jwt = await T(e.space_id, this.options.token)), this.config && this.config.connect_heartbeat) {
-			let e = new URL(`${this.config.root}${this.api_prefix}/${ne}/${this.session_hash}`);
+		if (this.config = e, this.api_prefix = e.api_prefix || "", e.space_id && this.options.token && (this.jwt = await me(e.space_id, this.options.token, this.cookies)), je(this.config, this.jwt), this.config && this.config.connect_heartbeat) {
+			let e = new URL(`${this.config.root}${this.api_prefix}/${g}/${this.session_hash}`);
 			this.jwt && e.searchParams.set("__sign", this.jwt), this.heartbeat_event ||= this.stream(e);
 		}
 	}
@@ -1881,7 +1910,7 @@ var Q = class {
 		return t.session_hash && (n.session_hash = t.session_hash), await n.init(), n;
 	}
 	async reconnect() {
-		let e = new URL(`${this.config.root}${this.api_prefix}/${g}`), t;
+		let e = new URL(`${this.config.root}${this.api_prefix}/${_}`), t;
 		try {
 			let n = await this.fetch(e);
 			if (!n.ok) throw Error();
@@ -1892,17 +1921,17 @@ var Q = class {
 		return t === this.config.app_id ? "connected" : "changed";
 	}
 	close() {
-		this.closed = !0, tt(this.stream_status, this.abort_controller);
+		this.closed = !0, it(this.stream_status, this.abort_controller);
 	}
 	async refresh() {
-		if (!this.config) throw Error(v);
+		if (!this.config) throw Error(y);
 		let e = await this.resolve_config(this.config.root, !1);
-		if (!e) throw Error(v);
-		this.config = e, this.api_prefix = e.api_prefix || "", this.api_map = he(e.dependencies || []);
+		if (!e) throw Error(y);
+		this.config = e, this.api_prefix = e.api_prefix || "", this.api_map = D(e.dependencies || []), je(this.config, this.jwt);
 		try {
 			this.api_info = await this.view_api();
 		} catch (e) {
-			console.error(se + e.message);
+			console.error(oe + e.message);
 		}
 		return this.get_url_config();
 	}
@@ -1910,18 +1939,18 @@ var Q = class {
 		this.current_payload = e;
 	}
 	static async duplicate(e, t = { events: ["data"] }) {
-		return Ve(e, t);
+		return We(e, t);
 	}
 	async _resolve_config() {
-		let { http_protocol: e, host: t, space_id: n } = await N(this.app_reference, this.options.token), { status_callback: r } = this.options;
-		n && r && await Fe(n, r);
+		let { http_protocol: e, host: t, space_id: n } = await I(this.app_reference, this.options.token), { status_callback: r } = this.options;
+		n && r && await Re(n, r);
 		let i;
 		try {
 			let n = `${e}//${t}`;
-			if (i = await this.resolve_config(n), !i) throw Error(v);
+			if (i = await this.resolve_config(n), !i) throw Error(y);
 			return this.config_success(i);
 		} catch (e) {
-			if (n && r) G(n, M.test(n) ? "space_name" : "subdomain", this.handle_space_success);
+			if (n && r) G(n, P.test(n) ? "space_name" : "subdomain", this.handle_space_success);
 			else throw r && r({
 				status: "error",
 				message: "Could not load this space.",
@@ -1931,22 +1960,22 @@ var Q = class {
 		}
 	}
 	async config_success(e) {
-		if (this.config = e, this.api_prefix = e.api_prefix || "", e.run_history === !1 && zt({
+		if (this.config = e, this.api_prefix = e.api_prefix || "", e.run_history === !1 && Vt({
 			app_id: e.app_id,
 			username: e.username
 		}), this.config.auth_required) return this.prepare_return_obj();
 		try {
 			this.api_info = await this.view_api();
 		} catch (e) {
-			console.error(se + e.message);
+			console.error(oe + e.message);
 		}
 		return this.prepare_return_obj();
 	}
 	async handle_space_success(e) {
-		if (!this) throw Error(v);
+		if (!this) throw Error(y);
 		let { status_callback: t } = this.options;
 		if (t && t(e), e.status === "running") try {
-			if (this.config = await this._resolve_config(), this.api_prefix = this?.config?.api_prefix || "", !this.config) throw Error(v);
+			if (this.config = await this._resolve_config(), this.api_prefix = this?.config?.api_prefix || "", !this.config) throw Error(y);
 			return await this.config_success(this.config);
 		} catch (e) {
 			throw t && t({
@@ -1958,7 +1987,7 @@ var Q = class {
 		}
 	}
 	async component_server(e, t, n) {
-		if (!this.config) throw Error(v);
+		if (!this.config) throw Error(y);
 		let r = {}, { token: i } = this.options, { session_hash: a } = this;
 		i && (r.Authorization = `Bearer ${this.options.token}`);
 		let o, s = this.config.components.find((t) => t.id === e);
@@ -1977,20 +2006,21 @@ var Q = class {
 		}), r["Content-Type"] = "application/json";
 		i && (r.Authorization = `Bearer ${i}`);
 		try {
-			let e = await this.fetch(`${o}${this.api_prefix}/${re}/`, {
+			let e = await this.fetch(`${o}${this.api_prefix}/${ne}/`, {
 				method: "POST",
 				body: c,
 				headers: r,
 				credentials: this.options.credentials ?? "same-origin"
 			});
 			if (!e.ok) throw Error("Could not connect to component server: " + e.statusText);
-			return await e.json();
+			let t = await e.json();
+			return Ae(t, this.config.root, this.config.api_prefix || "", this.jwt), t;
 		} catch (e) {
 			console.warn(e);
 		}
 	}
 	set_cookies(e) {
-		this.cookies = j(e).join("; ");
+		this.cookies = N(e).join("; ");
 	}
 	prepare_return_obj() {
 		return {
@@ -2002,23 +2032,23 @@ var Q = class {
 		};
 	}
 };
-async function Zt(e, t = { events: ["data"] }) {
-	return await Q.connect(e, t);
+async function $t(e, t = { events: ["data"] }) {
+	return await $.connect(e, t);
 }
-async function Qt(e, t) {
-	return await Q.duplicate(e, t);
+async function en(e, t) {
+	return await $.duplicate(e, t);
 }
 //#endregion
 //#region src/utils/bucket_sync.ts
-var $t = /^[a-zA-Z0-9_.-]+\/[a-zA-Z0-9_.-][a-zA-Z0-9_./-]*$/;
-function en(e) {
-	return $t.test(e) ? !e.split("/").some((e) => e === "" || e === "." || e === "..") : !1;
+var tn = /^[a-zA-Z0-9_.-]+\/[a-zA-Z0-9_.-][a-zA-Z0-9_./-]*$/;
+function nn(e) {
+	return tn.test(e) ? !e.split("/").some((e) => e === "" || e === "." || e === "..") : !1;
 }
-function $(e, t, n) {
+function rn(e, t, n) {
 	let r = n ? `?${new URLSearchParams(n)}` : "", i = e.replace(/\/+$/, "");
 	return i ? `${i}/gradio_api/run-history/${t}${r}` : typeof document < "u" && document.baseURI ? new URL(`gradio_api/run-history/${t}${r}`, document.baseURI).toString() : `gradio_api/run-history/${t}${r}`;
 }
-async function tn(e) {
+async function an(e) {
 	try {
 		let t = await e.json();
 		return typeof t?.detail == "string" ? t.detail : `${e.status}`;
@@ -2026,7 +2056,7 @@ async function tn(e) {
 		return `${e.status}`;
 	}
 }
-async function nn(e, t, n, r) {
+async function on(e, t, n, r) {
 	try {
 		let i = await fetch(e, {
 			credentials: "include",
@@ -2040,7 +2070,7 @@ async function nn(e, t, n, r) {
 			ok: !1,
 			status: i.status,
 			data: n,
-			detail: await tn(i)
+			detail: await an(i)
 		};
 	} catch (e) {
 		return {
@@ -2051,8 +2081,8 @@ async function nn(e, t, n, r) {
 		};
 	}
 }
-async function rn(e, t) {
-	return en(t) ? nn($(e, "connect"), {
+async function sn(e, t) {
+	return nn(t) ? on(rn(e, "connect"), {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ bucket_id: t })
@@ -2063,14 +2093,14 @@ async function rn(e, t) {
 		detail: "invalid bucket id"
 	};
 }
-async function an(e) {
-	return nn($(e, "buckets"), {}, [], (e) => Array.isArray(e?.buckets) ? e.buckets : []);
+async function cn(e) {
+	return on(rn(e, "buckets"), {}, [], (e) => Array.isArray(e?.buckets) ? e.buckets : []);
 }
-async function on(e, t) {
-	return nn($(e, "records", { bucket: t }), {}, [], (e) => Array.isArray(e?.records) ? e.records : []);
+async function ln(e, t) {
+	return on(rn(e, "records", { bucket: t }), {}, [], (e) => Array.isArray(e?.records) ? e.records : []);
 }
-function sn(e, t, n, r, i) {
-	return $(e, `records/${encodeURIComponent(n)}/${encodeURIComponent(r)}/assets/${encodeURIComponent(i)}`, { bucket: t });
+function un(e, t, n, r, i) {
+	return rn(e, `records/${encodeURIComponent(n)}/${encodeURIComponent(r)}/assets/${encodeURIComponent(i)}`, { bucket: t });
 }
 //#endregion
-export { Q as Client, V as FileData, le as MISSING_CREDENTIALS_MSG, Ut as apply_run_history_replay, sn as asset_url, zt as clear_run_history, Zt as client, rn as connect_bucket, Ht as consume_run_history_replay, Bt as delete_run_history, Qt as duplicate, Oe as handle_file, en as is_valid_bucket_id, on as list_bucket_records, an as list_user_buckets, qt as on_run_history_change, Pe as predict, B as prepare_files, It as read_run_history, Lt as read_run_history_storage, dt as run_history_url, Rt as set_run_history_storage, Vt as stage_run_history_replay, Jt as submit, o as t, z as upload, I as upload_files };
+export { $ as Client, V as FileData, w as MISSING_CREDENTIALS_MSG, Gt as apply_run_history_replay, un as asset_url, Vt as clear_run_history, $t as client, sn as connect_bucket, Wt as consume_run_history_replay, Ht as delete_run_history, en as duplicate, Oe as handle_file, nn as is_valid_bucket_id, ln as list_bucket_records, cn as list_user_buckets, Yt as on_run_history_change, Le as predict, B as prepare_files, Rt as read_run_history, zt as read_run_history_storage, pt as run_history_url, Bt as set_run_history_storage, Ut as stage_run_history_replay, Xt as submit, o as t, z as upload, xe as upload_files };