@gradio/client 2.6.0 → 2.7.0

package/dist/index.min.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", g = "runtime", _ = "sleeptime", v = "heartbeat", ee = "component_server", te = "reset", ne = "cancel", re = "app_id", ie = "This application is currently busy. Please try again. ", y = "Connection errored out. ", b = "Could not resolve app config. ", x = "Could not get space status. ", ae = "Could not get API info. ", S = "Space metadata could not be loaded. ", C = "Invalid URL. A full URL path is required.", w = "Not authorized to access this space. ", T = "Invalid credentials. Could not login. ", oe = "Login credentials are required to access this space.", E = "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.", se = (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.`, ce = "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. ", le = "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.", ue = "File system access is only available in Node.js environments", de = "Root URL not found in client config", fe = "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 pe(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}`,
@@ -21,24 +21,26 @@ async function pe(e, t, n) {
 		return !1;
 	}
 }
-function D(e) {
+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 me(e) {
+function D(e) {
 	let t = {};
 	return e.forEach(({ api_name: e, id: n }) => {
 		e && (t[e] = n);
 	}), t;
 }
-function O(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 he(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 = I(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await k(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,15 +50,17 @@ async function he(e, t = !0) {
 			};
 		}
 		let r = { ...window.gradio_config };
-		return r.root = O(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 = I(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await k(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(b);
+	throw Error(y);
 }
 async function k(e, t) {
 	if (e?.status === 401 && !t) {
@@ -64,21 +68,21 @@ async function k(e, t) {
 		try {
 			t = await e.json();
 		} catch {
-			throw Error(E);
+			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(T);
+	} 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(w);
-	throw Error(`${b}(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 A() {
-	let { http_protocol: e, host: t } = await F(this.app_reference, this.options.token);
+	let { http_protocol: e, host: t } = await I(this.app_reference, this.options.token);
 	try {
 		if (this.options.auth) {
 			let n = await j(e, t, this.options.auth, this.fetch, this.options.token, this.options.credentials);
@@ -100,7 +104,7 @@ async function j(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(T) : Error(S);
+	throw c.status === 401 ? Error(C) : Error(x);
 }
 function M(e) {
 	if (e.startsWith("http")) {
@@ -123,8 +127,8 @@ var N = (e) => {
 		let [n, r] = e.split(";")[0].split("=");
 		n && r && t.push(`${n.trim()}=${r.trim()}`);
 	}), t;
-}, P = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/, ge = /.*hf\.space\/{0,1}.*$/;
-async function F(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(/\/$/, "");
@@ -133,22 +137,22 @@ async function F(e, t) {
 		try {
 			e = await fetch(`https://huggingface.co/api/spaces/${r}/${l}`, { headers: n });
 		} catch {
-			throw Error(S);
+			throw Error(x);
 		}
-		if (e.status === 401 || e.status === 404) throw Error(se(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(S);
+			throw Error(x);
 		}
-		if (!t) throw Error(S);
+		if (!t) throw Error(x);
 		return {
 			space_id: r,
 			...M(t)
 		};
 	}
-	if (ge.test(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", ""),
@@ -162,14 +166,14 @@ async function F(e, t) {
 		...M(r)
 	};
 }
-var I = (...e) => {
+var L = (...e) => {
 	try {
 		return e.reduce((e, t) => (e = e.replace(/\/+$/, ""), t = t.replace(/^\/+/, ""), new URL(t, e + "/").toString()));
 	} catch {
-		throw Error(C);
+		throw Error(se);
 	}
 };
-function L(e, t, n) {
+function ge(e, t, n) {
 	let r = {
 		named_endpoints: {},
 		unnamed_endpoints: {}
@@ -199,8 +203,8 @@ function L(e, t, n) {
 			}
 			let d = (e, t, n, r) => ({
 				...e,
-				description: ve(e?.type, n),
-				type: _e(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 L(e, t, n) {
 		}));
 	}), r;
 }
-function _e(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 _e(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 ve(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 ye(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 ye(e, t) {
 			type: "update",
 			status: {
 				queue: !0,
-				message: ie,
+				message: ae,
 				stage: "error",
 				code: e.code,
 				success: e.success
@@ -363,7 +367,7 @@ function ye(e, t) {
 		}
 	};
 }
-var be = (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 be = (e = [], t) => {
 };
 //#endregion
 //#region src/utils/view_api.ts
-async function xe() {
+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 = I(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(y);
+			}), !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"]), L(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 R(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 R(e, t, n) {
 				credentials: this.options.credentials ?? "same-origin"
 			});
 		} catch (e) {
-			throw Error(y + e.message);
+			throw Error(v + e.message);
 		}
 		if (!o.ok) {
 			let e = await o.text();
@@ -429,7 +433,7 @@ async function R(e, t, n) {
 	}
 	return { files: a };
 }
-var z = {
+var Se = {
 	si: {
 		radix: 1e3,
 		unit: [
@@ -473,22 +477,22 @@ var z = {
 		]
 	}
 };
-function B(e, t = 1, n = "jedec") {
+function Ce(e, t = 1, n = "jedec") {
 	e = Math.abs(e);
-	let { radix: r, unit: i } = z[n] || z.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]}`;
 }
 //#endregion
 //#region src/upload.ts
-async function V(e, t, n, r) {
+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 ${B(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) => {
 			let i = n.split("/").map((e) => encodeURIComponent(e)).join("/");
-			return new U({
+			return new V({
 				...e[r],
 				path: n,
 				url: `${t}${this.api_prefix}/file=${i}`
@@ -496,8 +500,8 @@ async function V(e, t, n, r) {
 		}) : [];
 	}));
 }
-async function H(e, t) {
-	return e.map((e) => new U({
+async function B(e, t) {
+	return e.map((e) => new V({
 		path: e.name,
 		orig_name: e.name,
 		blob: e,
@@ -506,7 +510,7 @@ async function H(e, t) {
 		is_stream: t
 	}));
 }
-var U = class {
+var V = class {
 	path;
 	url;
 	orig_name;
@@ -520,7 +524,7 @@ var U = 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;
 	}
-}, Se = class {
+}, H = class {
 	type;
 	command;
 	meta;
@@ -528,8 +532,8 @@ var U = class {
 	constructor(e, t) {
 		this.type = "command", this.command = e, this.meta = t;
 	}
-}, Ce = typeof process < "u" && process.versions && process.versions.node;
-function we(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];
@@ -539,13 +543,13 @@ function we(e, t, n) {
 	if (typeof r == "string" || typeof r == "number") e[r] = t;
 	else throw Error("Invalid key type");
 }
-async function W(e, t = void 0, n = [], r = !1, i = void 0) {
+async function U(e, t = void 0, n = [], r = !1, i = void 0) {
 	if (Array.isArray(e)) {
 		let a = [];
 		return await Promise.all(e.map(async (o, s) => {
 			let c = n.slice();
 			c.push(String(s));
-			let l = await W(e[s], r ? i?.parameters[s]?.component || void 0 : t, c, !1, i);
+			let l = await U(e[s], r ? i?.parameters[s]?.component || void 0 : t, c, !1, i);
 			a = a.concat(l);
 		})), a;
 	} else if (globalThis.Buffer && e instanceof globalThis.Buffer || e instanceof Blob) return [{
@@ -557,17 +561,17 @@ async function W(e, t = void 0, n = [], r = !1, i = void 0) {
 		let t = [];
 		for (let r of Object.keys(e)) {
 			let a = [...n, r], o = e[r];
-			t = t.concat(await W(o, void 0, a, !1, i));
+			t = t.concat(await U(o, void 0, a, !1, i));
 		}
 		return t;
 	}
 	return [];
 }
-function Te(e, t) {
+function Ee(e, t) {
 	let n = t?.dependencies?.find((t) => t.id == e)?.queue;
 	return n == null ? !t.enable_queue : !n;
 }
-function Ee(e, t) {
+function De(e, t) {
 	return new Promise((n, r) => {
 		let i = new MessageChannel();
 		i.port1.onmessage = (({ data: e }) => {
@@ -575,7 +579,7 @@ function Ee(e, t) {
 		}), window.parent.postMessage(e, t, [i.port2]);
 	});
 }
-function De(e) {
+function Oe(e) {
 	if (typeof e == "string") {
 		if (e.startsWith("http://") || e.startsWith("https://")) return {
 			path: e,
@@ -583,7 +587,7 @@ function De(e) {
 			orig_name: e.split("/").pop() ?? "unknown",
 			meta: { _type: "gradio.FileData" }
 		};
-		if (Ce) return new Se("upload_file", {
+		if (we) return new H("upload_file", {
 			path: e,
 			name: e,
 			orig_path: e
@@ -593,7 +597,7 @@ function De(e) {
 	else if (e instanceof Blob) return e;
 	throw Error("Invalid input: must be a URL, File, Blob, or Buffer object.");
 }
-function G(e, t, n, r, i = !1) {
+function W(e, t, n, r, i = !1) {
 	if (r === "input" && !i) throw Error("Invalid code path. Cannot skip state inputs for input.");
 	if (r === "output" && i) return e;
 	let a = [], o = 0, s = r === "input" ? t.inputs : t.outputs;
@@ -616,17 +620,41 @@ function G(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 __vite-browser-external
-var Oe = /* @__PURE__ */ o(((e, t) => {
+var Me = /* @__PURE__ */ o(((e, t) => {
 	t.exports = {};
 }));
 //#endregion
 //#region src/utils/handle_blob.ts
-async function ke(e, t, n) {
+async function Ne(e, t, n) {
 	let r = this;
-	await Ae(r, t);
-	let i = await W(t, void 0, [], !0, n);
+	await Pe(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 {
 			path: t,
@@ -640,40 +668,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" ? we(t, n, e) : n && we(t, new U({
+		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(de);
-	await je(e, t);
+async function Pe(e, t) {
+	if (!(e.config?.root || e.config?.root_url)) throw Error(fe);
+	await Fe(e, t);
 }
-async function je(e, t, n = []) {
-	for (let r in t) t[r] instanceof Se ? await Me(e, t, r) : typeof t[r] == "object" && t[r] !== null && await je(e, t[r], [...n, r]);
+async function Fe(e, t, n = []) {
+	for (let r in t) t[r] instanceof H ? await Ie(e, t, r) : typeof t[r] == "object" && t[r] !== null && await Fe(e, t[r], [...n, r]);
 }
-async function Me(e, t, n) {
+async function Ie(e, t, n) {
 	let r = t[n], i = e.config?.root || e.config?.root_url;
-	if (!i) throw Error(de);
+	if (!i) throw Error(fe);
 	try {
 		let a, o;
 		if (typeof process < "u" && process.versions && process.versions.node) {
-			let e = await Promise.resolve().then(() => /* @__PURE__ */ c(Oe(), 1));
-			o = (await Promise.resolve().then(() => /* @__PURE__ */ c(Oe(), 1))).resolve(process.cwd(), r.meta.path), a = await e.readFile(o);
-		} else throw Error(ue);
+			let e = await Promise.resolve().then(() => /* @__PURE__ */ c(Me(), 1));
+			o = (await Promise.resolve().then(() => /* @__PURE__ */ c(Me(), 1))).resolve(process.cwd(), r.meta.path), a = await e.readFile(o);
+		} 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 U({
+		u && (t[n] = new V({
 			path: u,
 			orig_name: r.meta.name || ""
 		}));
 	} catch (e) {
-		console.error(fe, e);
+		console.error(pe, e);
 	}
 }
 //#endregion
 //#region src/utils/post_data.ts
-async function Ne(e, t, n) {
+async function Le(e, t, n) {
 	let r = { "Content-Type": "application/json" };
 	this.options.token && (r.Authorization = `Bearer ${this.options.token}`);
 	try {
@@ -687,7 +715,7 @@ async function Ne(e, t, n) {
 			credentials: this.options.credentials ?? "same-origin"
 		});
 	} catch {
-		return [{ error: y }, 500];
+		return [{ error: v }, 500];
 	}
 	let a, o;
 	try {
@@ -699,7 +727,7 @@ async function Ne(e, t, n) {
 }
 //#endregion
 //#region src/utils/predict.ts
-async function Pe(e, t = {}) {
+async function Re(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);
@@ -722,7 +750,7 @@ async function Pe(e, t = {}) {
 }
 //#endregion
 //#region src/helpers/spaces.ts
-async function K(e, t, n) {
+async function G(e, t, n) {
 	let r = t === "subdomain" ? `https://huggingface.co/api/spaces/by-subdomain/${e}` : `https://huggingface.co/api/spaces/${e}`, i, a;
 	try {
 		if (i = await fetch(r), a = i.status, a !== 200) throw Error();
@@ -731,7 +759,7 @@ async function K(e, t, n) {
 		n({
 			status: "error",
 			load_status: "error",
-			message: x,
+			message: b,
 			detail: "NOT_FOUND"
 		});
 		return;
@@ -747,7 +775,7 @@ async function K(e, t, n) {
 				message: "Space is asleep. Waking it up...",
 				detail: o
 			}), setTimeout(() => {
-				K(e, t, n);
+				G(e, t, n);
 			}, 1e3);
 			break;
 		case "PAUSED":
@@ -756,7 +784,7 @@ async function K(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 Ve(s)
 			});
 			break;
 		case "RUNNING":
@@ -775,7 +803,7 @@ async function K(e, t, n) {
 				message: "Space is building...",
 				detail: o
 			}), setTimeout(() => {
-				K(e, t, n);
+				G(e, t, n);
 			}, 1e3);
 			break;
 		case "APP_STARTING":
@@ -785,7 +813,7 @@ async function K(e, t, n) {
 				message: "Space is starting...",
 				detail: o
 			}), setTimeout(() => {
-				K(e, t, n);
+				G(e, t, n);
 			}, 1e3);
 			break;
 		default:
@@ -794,34 +822,34 @@ async function K(e, t, n) {
 				load_status: "error",
 				message: "This space is experiencing an issue.",
 				detail: o,
-				discussions_enabled: await Le(s)
+				discussions_enabled: await Ve(s)
 			});
 			break;
 	}
 }
-var Fe = async (e, t) => {
+var ze = async (e, t) => {
 	let n = 0;
 	return new Promise((r) => {
-		K(e, P.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);
+				ze(e, t).then(r);
 			}, 5e3)) : r());
 		});
 	});
-}, Ie = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
-async function Le(e) {
+}, Be = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
+async function Ve(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 && Be.test(n));
 	} catch {
 		return !1;
 	}
 }
-async function Re(e, t) {
+async function He(e, t) {
 	let n = {};
 	t && (n.Authorization = `Bearer ${t}`);
 	try {
-		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${g}`, { 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;
@@ -829,12 +857,12 @@ async function Re(e, t) {
 		throw Error(e.message);
 	}
 }
-async function ze(e, t, n) {
+async function Ue(e, t, n) {
 	let r = {};
 	n && (r.Authorization = `Bearer ${n}`);
 	let i = { seconds: t };
 	try {
-		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${_}`, {
+		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${te}`, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -848,7 +876,7 @@ async function ze(e, t, n) {
 		throw Error(e.message);
 	}
 }
-var Be = [
+var We = [
 	"cpu-basic",
 	"cpu-upgrade",
 	"cpu-xl",
@@ -865,11 +893,11 @@ var Be = [
 ];
 //#endregion
 //#region src/utils/duplicate.ts
-async function Ve(e, t) {
-	D(t);
+async function Ge(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 F(e, n), l = null;
+	if (i && !We.includes(i)) throw Error(`Invalid hardware type provided. Valid types are: ${We.map((e) => `"${e}"`).join(",")}.`);
+	let { http_protocol: s, host: c } = await I(e, n), l = null;
 	if (o) {
 		let e = await j(s, c, o, fetch, void 0, t.credentials);
 		e && (l = N(e));
@@ -882,9 +910,9 @@ async function Ve(e, t) {
 	r && (p.private = !0);
 	let m;
 	try {
-		i || (m = await Re(e, n));
+		i || (m = await He(e, n));
 	} catch (e) {
-		throw Error(S + e.message);
+		throw Error(x + e.message);
 	}
 	p.hardware = i || m || "cpu-basic";
 	try {
@@ -900,35 +928,35 @@ async function Ve(e, t) {
 		}
 		else if (r.status !== 200) throw Error(r.statusText);
 		let i = await r.json();
-		return await ze(`${d}/${f}`, a || 300, n), await $.connect(He(i.url), t);
+		return await Ue(`${d}/${f}`, a || 300, n), await $.connect(Ke(i.url), t);
 	} catch (e) {
 		throw Error(e);
 	}
 }
-function He(e) {
+function Ke(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 qe = "supports-zerogpu-headers", Je = !1;
+function Ye() {
 	return typeof window < "u" && typeof document < "u" && typeof window.addEventListener == "function";
 }
-function Ke(e) {
+function Xe(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 Ze() {
+	if (!Ye() || Je) 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 === qe && (window.supports_zerogpu_headers = !0);
+	}), Je = !0;
+	let e = Xe(window.location.hostname);
+	e && window.parent !== window && window.parent.postMessage(qe, 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 Qe = class extends TransformStream {
 	#e = "";
 	constructor(e = { allowCR: !1 }) {
 		super({
@@ -955,22 +983,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 $e(e) {
+	let t = new TextDecoderStream(), n = new Qe({ allowCR: !0 });
 	return e.pipeThrough(t).pipeThrough(n);
 }
-function Xe(e) {
+function et(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 tt(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* nt(e, t) {
 	if (!e.body) return;
-	let n = Ye(e.body), r, i = n.getReader(), a;
+	let n = $e(e.body), r, i = n.getReader(), a;
 	for (;;) {
 		if (t && t.aborted) return i.cancel();
 		if (r = await i.read(), r.done) return;
@@ -978,20 +1006,20 @@ async function* Qe(e, t) {
 			a && (yield a), a = void 0;
 			continue;
 		}
-		let [e, n] = Xe(r.value) || [];
+		let [e, n] = et(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 rt(e, t) {
 	let n = new Request(e, t);
-	Ze(n.headers, "Accept", "text/event-stream"), Ze(n.headers, "Content-Type", "application/json");
+	tt(n.headers, "Accept", "text/event-stream"), tt(n.headers, "Content-Type", "application/json");
 	let r = await fetch(n);
 	if (!r.ok) throw r;
-	return Qe(r, n.signal);
+	return nt(r, n.signal);
 }
 //#endregion
 //#region src/utils/stream.ts
-async function et() {
+async function it() {
 	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;
@@ -1003,7 +1031,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);
+			at(r, o.abort_controller);
 			return;
 		}
 		let c = s.event_id;
@@ -1022,27 +1050,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: y
+			message: v
 		})));
 	};
 }
-function tt(e, t) {
+function at(e, t) {
 	e && (e.open = !1, t?.abort());
 }
-function nt(e, t, n) {
+function ot(e, t, n) {
 	e[t] ? n.data.forEach((r, i) => {
-		let a = rt(i < e[t].length ? e[t][i] : null, r);
+		let a = st(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 st(e, t) {
 	return t.forEach(([t, n, r]) => {
-		e = it(e, n, t, r);
+		e = ct(e, n, t, r);
 	}), e;
 }
-function it(e, t, n, r) {
+function ct(e, t, n, r) {
 	if (t.length === 0) {
 		if (n === "replace") return r;
 		if (n === "append") return e + r;
@@ -1068,7 +1096,7 @@ function it(e, t, n, r) {
 	}
 	return e;
 }
-function at(e, t = {}) {
+function lt(e, t = {}) {
 	let n = {
 		close: () => {
 			console.warn("Method not implemented.");
@@ -1092,7 +1120,7 @@ function at(e, t = {}) {
 			throw Error("Method not implemented.");
 		}
 	};
-	return $e(e, t).then(async (e) => {
+	return rt(e, t).then(async (e) => {
 		n.readyState = n.OPEN;
 		try {
 			for await (let t of e) n.onmessage && n.onmessage(t);
@@ -1106,7 +1134,7 @@ function at(e, t = {}) {
 }
 //#endregion
 //#region src/utils/run_history.ts
-var ot = "gradio:run-history:", q = `${ot}v2:`, st = `${ot}replay:v2:`, ct = `${ot}destination:v1:`, lt = 100, ut = 8;
+var K = "gradio:run-history:", q = `${K}v2:`, ut = `${K}replay:v2:`, dt = `${K}destination:v1:`, ft = 100, pt = 8;
 function J(e, t) {
 	try {
 		return e();
@@ -1114,7 +1142,7 @@ function J(e, t) {
 		return console.warn("Could not update the run history.", e), t;
 	}
 }
-function dt(e, t = "/gradio_api") {
+function mt(e, t = "/gradio_api") {
 	return `${e.replace(/\/+$/, "")}${t}/runs`;
 }
 function Y(e) {
@@ -1127,16 +1155,16 @@ function Y(e) {
 		return null;
 	}
 }
-function ft(e) {
+function ht(e) {
 	let t = Y(e);
-	return t ? t.replace(q, st) : null;
+	return t ? t.replace(q, ut) : null;
 }
-function pt(e) {
+function gt(e) {
 	let t = Y(e);
-	return t ? t.replace(q, ct) : null;
+	return t ? t.replace(q, dt) : null;
 }
-function mt(e) {
-	let t = pt(e);
+function _t(e) {
+	let t = gt(e);
 	if (!t) return { type: "browser" };
 	try {
 		let e = JSON.parse(window.localStorage.getItem(t) || "null");
@@ -1151,11 +1179,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 vt(e, t) {
+	let n = gt(e);
+	n && (t.type === "browser" && !t.bucket_id ? window.localStorage.removeItem(n) : window.localStorage.setItem(n, JSON.stringify(t)), Et());
 }
-function gt(e) {
+function yt(e) {
 	try {
 		let t = JSON.parse(window.localStorage.getItem(e) || "[]");
 		return Array.isArray(t) && t.length && Date.parse(t[0]?.started_at) || 0;
@@ -1163,13 +1191,13 @@ 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(q) && !e.startsWith(st) && !e.startsWith(ct)), ...t.filter((t) => t.startsWith(q) && t !== e).sort((e, t) => gt(t) - gt(e)).slice(ut - 1)];
+function bt(e) {
+	let t = Object.keys(window.localStorage).filter((e) => e.startsWith(K)), n = [...t.filter((e) => !e.startsWith(q) && !e.startsWith(ut) && !e.startsWith(dt)), ...t.filter((t) => t.startsWith(q) && t !== e).sort((e, t) => yt(t) - yt(e)).slice(pt - 1)];
 	for (let e of n) try {
-		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(q, st));
+		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(q, ut));
 	} catch {}
 }
-function vt() {
+function xt() {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 function X(e) {
@@ -1197,16 +1225,16 @@ function Z(e) {
 		return [];
 	}
 }
-function yt(e, t) {
+function St(e, t) {
 	let n = Y(e);
 	if (!n) return;
-	let r = t.slice(0, lt), i = !1;
+	let r = t.slice(0, ft), i = !1;
 	for (; r.length > 0;) try {
 		window.localStorage.setItem(n, JSON.stringify(r));
 		return;
 	} catch {
 		if (!i) {
-			i = !0, _t(n);
+			i = !0, bt(n);
 			continue;
 		}
 		r = r.slice(0, -1);
@@ -1215,37 +1243,37 @@ function yt(e, t) {
 		window.localStorage.removeItem(n);
 	} catch {}
 }
-function bt(e) {
+function Ct(e) {
 	let t = Y(e);
 	if (t) {
 		try {
 			window.localStorage.removeItem(t);
 		} catch {}
-		Ct();
+		Et();
 	}
 }
-function xt(e, t) {
-	yt(e, Z(e).filter((e) => e.id !== t)), Ct();
+function wt(e, t) {
+	St(e, Z(e).filter((e) => e.id !== t)), Et();
 }
-var St = "gradio:run-history-change";
-function Ct() {
+var Tt = "gradio:run-history-change";
+function Et() {
 	if (!(typeof window > "u")) try {
-		window.dispatchEvent(new Event(St));
+		window.dispatchEvent(new Event(Tt));
 	} 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 Dt(e) {
+	return typeof window > "u" ? () => {} : (window.addEventListener(Tt, e), window.addEventListener("storage", e), () => {
+		window.removeEventListener(Tt, e), window.removeEventListener("storage", e);
 	});
 }
-function Tt(e, t) {
-	let n = ft(e);
+function Ot(e, t) {
+	let n = ht(e);
 	if (n) try {
 		window.sessionStorage.setItem(n, JSON.stringify(t));
 	} catch {}
 }
-function Et(e) {
-	let t = ft(e);
+function kt(e) {
+	let t = ht(e);
 	if (!t) return null;
 	try {
 		let e = window.sessionStorage.getItem(t);
@@ -1254,7 +1282,7 @@ function Et(e) {
 		return null;
 	}
 }
-function Dt(e, t) {
+function At(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) => {
@@ -1265,17 +1293,17 @@ 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 jt(e) {
+	let t = kt(e);
+	return t ? At(e, t) : !1;
 }
-function kt(e) {
-	if (mt(e).type === "bucket") return null;
+function Mt(e) {
+	if (_t(e).type === "bucket") return null;
 	let t = Y(e);
 	if (!t) return null;
-	_t(t);
+	bt(t);
 	let n = {
-		id: vt(),
+		id: xt(),
 		endpoint: e.endpoint,
 		api_name: e.api_name,
 		fn_index: e.fn_index,
@@ -1287,125 +1315,125 @@ function kt(e) {
 		status: "running",
 		started_at: (/* @__PURE__ */ new Date()).toISOString()
 	};
-	return yt(e, [n, ...Z(e)]), Ct(), n.id;
+	return St(e, [n, ...Z(e)]), Et(), n.id;
 }
-function At(e, t, n) {
+function Nt(e, t, n) {
 	if (!t) return;
 	let r = Z(e), i = r.find((e) => e.id === t);
-	i && (i.inputs = X(n), yt(e, r));
+	i && (i.inputs = X(n), St(e, r));
 }
-function jt(e, t, n) {
+function Pt(e, t, n) {
 	if (!t) return;
 	let r = Z(e), i = r.find((e) => e.id === t);
 	if (!i) return;
 	let a = !1;
 	if (n.type === "data") i.outputs = X(n.data), Q.set(t, i.outputs);
-	else if (n.type === "status" && n.original_msg === "process_starts") Pt(i, n.time);
+	else if (n.type === "status" && n.original_msg === "process_starts") Lt(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", Rt(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"), Rt(i, n), a = !0;
 	else return;
-	if (a) Q.has(t) && (i.outputs = Q.get(t)), Q.delete(t), Nt.delete(t);
+	if (a) Q.has(t) && (i.outputs = Q.get(t)), Q.delete(t), It.delete(t);
 	else if (i.streamed) {
-		if (Date.now() - (Nt.get(t) ?? 0) < Mt) return;
-		Nt.set(t, Date.now()), Q.delete(t);
+		if (Date.now() - (It.get(t) ?? 0) < Ft) return;
+		It.set(t, Date.now()), Q.delete(t);
 	}
-	yt(e, r);
+	St(e, r);
 }
-var Mt = 500, Nt = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
-function Pt(e, t) {
+var Ft = 500, It = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
+function Lt(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 Rt(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 J(() => Z(e), []);
-}
-function Lt(e) {
-	return J(() => mt(e), { type: "browser" });
-}
-function Rt(e, t) {
-	J(() => ht(e, t), void 0);
-}
 function zt(e) {
-	J(() => bt(e), void 0);
+	return J(() => Z(e), []);
 }
-function Bt(e, t) {
-	J(() => xt(e, t), void 0);
+function Bt(e) {
+	return J(() => _t(e), { type: "browser" });
 }
 function Vt(e, t) {
-	J(() => Tt(e, t), void 0);
+	J(() => vt(e, t), void 0);
 }
 function Ht(e) {
-	return J(() => Et(e), null);
+	J(() => Ct(e), void 0);
 }
-function Ut(e) {
-	return J(() => Ot(e), !1);
+function Ut(e, t) {
+	J(() => wt(e, t), void 0);
 }
-function Wt(e) {
-	return J(() => kt(e), null);
+function Wt(e, t) {
+	J(() => Ot(e, t), void 0);
 }
-function Gt(e, t, n) {
-	J(() => At(e, t, n), void 0);
+function Gt(e) {
+	return J(() => kt(e), null);
 }
-function Kt(e, t, n) {
-	J(() => jt(e, t, n), void 0);
+function Kt(e) {
+	return J(() => jt(e), !1);
 }
 function qt(e) {
-	return J(() => wt(() => J(e, void 0)), () => {});
+	return J(() => Mt(e), null);
+}
+function Jt(e, t, n) {
+	J(() => Nt(e, t, n), void 0);
+}
+function Yt(e, t, n) {
+	J(() => Pt(e, t, n), void 0);
+}
+function Xt(e) {
+	return J(() => Dt(() => J(e, void 0)), () => {});
 }
 //#endregion
 //#region src/utils/submit.ts
-function Jt(e, t = {}, n, r, i, a) {
+function Zt(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: g, pending_diff_streams: _, event_callbacks: v, unclosed_events: ee, post_data: re, options: b, api_prefix: x } = this, ae = a || { "x-gradio-user": "api" }, S = this;
-		if (!p) throw Error(ce);
+		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: C, endpoint_info: w, dependency: T } = Xt(p, e, m, l), oe = be(t, w), E = l.protocol ?? "ws";
-		if (E === "ws") throw Error(le);
-		let se = typeof T.api_name == "string" ? `/${T.api_name}` : e, ue = typeof T.api_name == "string" ? `/${T.api_name}` : `Function ${C}`, de = (e) => {
+		let se = l.root, { fn_index: S, endpoint_info: C, dependency: w } = $t(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;
-		}, fe = T.api_visibility === "public", pe = l.run_history !== !1 && this.options.record_history !== !1, D = {
+		}, me = w.api_visibility === "public", E = l.run_history !== !1 && this.options.record_history !== !1, D = {
 			app_id: l.app_id,
 			username: l.username
-		}, me = Lt(D), O = {
-			...ae,
-			...pe && me.type === "bucket" ? { "x-gradio-history-bucket": me.bucket_id } : {}
-		}, he = !pe || !fe ? null : Wt({
+		}, he = Bt(D), O = {
+			...oe,
+			...E && he.type === "bucket" ? { "x-gradio-history-bucket": he.bucket_id } : {}
+		}, k = !E || !me ? null : qt({
 			...D,
-			endpoint: se,
-			api_name: ue,
-			fn_index: C,
-			inputs: G(oe, T, l.components, "input", !0),
-			input_components: T.inputs.map(de),
-			output_components: T.outputs.map(de)
-		}), k, A = "", j = typeof e == "number" ? "/predict" : e, M, N = null, P = !1, ge = {}, F = typeof window < "u" && typeof document < "u" ? new URLSearchParams(window.location.search).toString() : "", I = b?.events?.reduce((e, t) => (e[t] = !0, e), {}) || {};
-		function L(e) {
-			Kt(D, he, e), (i || I[e.type]) && Ce(e);
+			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) {
+			Yt(D, k, e), (e.type === "data" || e.type === "render") && Ae(e.data, se, b, x.jwt), (i || ge[e.type]) && Te(e);
 		}
 		async function _e() {
 			let e = {}, t = {};
-			e = { event_id: N }, t = {
-				event_id: N,
+			e = { event_id: P }, t = {
+				event_id: P,
 				session_hash: f,
-				fn_index: C
+				fn_index: S
 			};
 			try {
 				if (!l) throw Error("Could not resolve app config");
-				"event_id" in t && await s(`${l.root}${x}/${ne}`, {
+				"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}${x}/${te}`, {
+				}), await s(`${l.root}${b}/${re}`, {
 					headers: { "Content-Type": "application/json" },
 					method: "POST",
 					body: JSON.stringify(e)
@@ -1414,7 +1442,7 @@ function Jt(e, t = {}, n, r, i, a) {
 				console.warn("The `/reset` endpoint could not be called. Subsequent endpoint results may be unreliable.");
 			}
 		}
-		let ve = async (e) => {
+		let be = async (e) => {
 			await this._resolve_heartbeat(e);
 		};
 		async function xe(e) {
@@ -1422,57 +1450,57 @@ function Jt(e, t = {}, n, r, i, a) {
 			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 ve(l), L({
+			l.connect_heartbeat = n || r, await be(l), R({
 				type: "render",
 				data: e,
-				endpoint: j,
-				fn_index: C
+				endpoint: M,
+				fn_index: S
 			});
 		}
-		let R = this.handle_blob(l.root, oe, w).then(async (e) => {
-			let t = G(e, T, l.components, "input", !0);
-			if (Gt(D, he, t || []), M = {
+		let Se = this.handle_blob(l.root, ce, C).then(async (e) => {
+			let t = W(e, w, l.components, "input", !0);
+			if (Jt(D, k, t || []), N = {
 				data: t || [],
 				event_data: n,
-				fn_index: C,
+				fn_index: S,
 				trigger_id: r,
-				...b.oauth_token && w?.oauth_token ? { oauth_token: b.oauth_token } : {}
-			}, Te(C, l)) L({
+				...y.oauth_token && C?.oauth_token ? { oauth_token: y.oauth_token } : {}
+			}, Ee(S, l)) R({
 				type: "status",
-				endpoint: j,
+				endpoint: M,
 				stage: "pending",
 				queue: !1,
-				fn_index: C,
+				fn_index: S,
 				time: /* @__PURE__ */ new Date()
-			}), re(`${l.root}${x}/run${j.startsWith("/") ? j : `/${j}`}${F ? "?" + F : ""}`, {
-				...M,
+			}), _(`${l.root}${b}/run${M.startsWith("/") ? M : `/${M}`}${L ? "?" + L : ""}`, {
+				...N,
 				session_hash: f
 			}, O).then(async ([e, t]) => {
 				let i = e.data;
-				if (t == 200) L({
+				if (t == 200) R({
 					type: "data",
-					endpoint: j,
-					fn_index: C,
-					data: G(i, T, l.components, "output", b.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 xe(e.render_config), L({
+				}), e.render_config && await xe(e.render_config), R({
 					type: "status",
-					endpoint: j,
-					fn_index: C,
+					endpoint: M,
+					fn_index: S,
 					stage: "complete",
 					eta: e.average_duration,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 				else {
-					let t = e?.error === y;
-					L({
+					let t = e?.error === v;
+					R({
 						type: "status",
 						stage: "error",
-						endpoint: j,
-						fn_index: C,
+						endpoint: M,
+						fn_index: S,
 						message: e.error,
 						broken: t,
 						queue: !1,
@@ -1480,303 +1508,303 @@ function Jt(e, t = {}, n, r, i, a) {
 					});
 				}
 			}).catch((e) => {
-				L({
+				R({
 					type: "status",
 					stage: "error",
 					message: e.message,
-					endpoint: j,
-					fn_index: C,
+					endpoint: M,
+					fn_index: S,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 			});
-			else if (E == "sse") {
-				L({
+			else if (T == "sse") {
+				R({
 					type: "status",
 					stage: "pending",
 					queue: !0,
-					endpoint: j,
-					fn_index: C,
+					endpoint: M,
+					fn_index: S,
 					time: /* @__PURE__ */ new Date()
 				});
 				var i = new URLSearchParams({
-					fn_index: C.toString(),
+					fn_index: S.toString(),
 					session_hash: f
 				}).toString();
-				let e = new URL(`${l.root}${x}/${u}?${F ? F + "&" : ""}${i}`);
-				if (this.jwt && e.searchParams.set("__sign", this.jwt), k = this.stream(e), !k) return Promise.reject(/* @__PURE__ */ Error("Cannot connect to SSE endpoint: " + e.toString()));
-				k.onmessage = async function(e) {
-					let { type: t, status: i, data: a } = ye(JSON.parse(e.data), ge[C]);
-					if (t === "update" && i && !P) L({
+				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: j,
-						fn_index: C,
+						endpoint: M,
+						fn_index: S,
 						time: /* @__PURE__ */ new Date(),
 						...i
-					}), i.stage === "error" && (k?.close(), H());
+					}), i.stage === "error" && (A?.close(), V());
 					else if (t === "data") {
-						let [e, t] = await re(`${l.root}${x}/queue/data`, {
-							...M,
+						let [e, t] = await _(`${l.root}${b}/queue/data`, {
+							...N,
 							session_hash: f,
-							event_id: N
+							event_id: P
 						}, O);
-						t !== 200 && (L({
+						t !== 200 && (R({
 							type: "status",
 							stage: "error",
-							message: y,
+							message: v,
 							queue: !0,
-							endpoint: j,
-							fn_index: C,
+							endpoint: M,
+							fn_index: S,
 							time: /* @__PURE__ */ new Date()
-						}), k?.close(), H());
-					} else t === "complete" ? P = i : t === "log" ? L({
+						}), A?.close(), V());
+					} else t === "complete" ? F = i : t === "log" ? R({
 						type: "log",
 						title: a.title,
 						log: a.log,
 						level: a.level,
-						endpoint: j,
+						endpoint: M,
 						duration: a.duration,
 						visible: a.visible,
-						fn_index: C
-					}) : (t === "generating" || t === "streaming") && L({
+						fn_index: S
+					}) : (t === "generating" || t === "streaming") && R({
 						type: "status",
 						time: /* @__PURE__ */ new Date(),
 						...i,
 						stage: i?.stage,
 						queue: !0,
-						endpoint: j,
-						fn_index: C
+						endpoint: M,
+						fn_index: S
 					});
-					a && (L({
+					a && (R({
 						type: "data",
 						time: /* @__PURE__ */ new Date(),
-						data: G(a.data, T, l.components, "output", b.with_null_state),
-						endpoint: j,
-						fn_index: C,
+						data: W(a.data, w, l.components, "output", y.with_null_state),
+						endpoint: M,
+						fn_index: S,
 						event_data: n,
 						trigger_id: r
-					}), P && (L({
+					}), F && (R({
 						type: "status",
 						time: /* @__PURE__ */ new Date(),
-						...P,
+						...F,
 						stage: i?.stage,
 						queue: !0,
-						endpoint: j,
-						fn_index: C
-					}), k?.close(), H()));
+						endpoint: M,
+						fn_index: S
+					}), A?.close(), V()));
 				};
-			} else if (E == "sse_v1" || E == "sse_v2" || E == "sse_v2.1" || E == "sse_v3") {
-				L({
+			} else if (T == "sse_v1" || T == "sse_v2" || T == "sse_v2.1" || T == "sse_v3") {
+				R({
 					type: "status",
 					stage: "pending",
 					queue: !0,
-					endpoint: j,
-					fn_index: C,
+					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);
-				return (typeof window < "u" && typeof document < "u" && window.parent != window && t && window.supports_zerogpu_headers ? Ee("zerogpu-headers", t) : Promise.resolve(null)).then((e) => {
+				let t = Xe(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 = {
 						...O,
 						...e || {}
 					};
-					return re(`${l.root}${x}/${d}?${F}`, {
-						...M,
+					return _(`${l.root}${b}/${d}?${L}`, {
+						...N,
 						session_hash: f
 					}, t);
 				}).then(async ([e, t]) => {
-					if (e.event_id && (A = e.event_id), t === 503) L({
+					if (e.event_id && (j = e.event_id), t === 503) R({
 						type: "status",
 						stage: "error",
-						message: ie,
+						message: ae,
 						queue: !0,
-						endpoint: j,
-						fn_index: C,
+						endpoint: M,
+						fn_index: S,
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
-					}), H();
-					else if (t === 422) L({
+					}), V();
+					else if (t === 422) R({
 						type: "status",
 						stage: "error",
 						message: e.detail,
 						queue: !0,
-						endpoint: j,
-						fn_index: C,
+						endpoint: M,
+						fn_index: S,
 						code: "validation_error",
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
-					}), H();
+					}), V();
 					else if (t !== 200) {
-						let t = e?.error === y;
-						L({
+						let t = e?.error === v;
+						R({
 							type: "status",
 							stage: "error",
 							broken: t,
-							message: t ? y : e.detail || e.error,
+							message: t ? v : e.detail || e.error,
 							queue: !0,
-							endpoint: j,
-							fn_index: C,
+							endpoint: M,
+							fn_index: S,
 							time: /* @__PURE__ */ new Date(),
 							visible: !0
-						}), H();
+						}), V();
 					} else {
-						N = e.event_id, A = N;
+						P = e.event_id, j = P;
 						let t = async function(e) {
 							try {
-								let { type: t, status: n, data: r, original_msg: i } = ye(e, ge[C]);
+								let { type: t, status: n, data: r, original_msg: i } = ve(e, I[S]);
 								if (t == "heartbeat") return;
-								if (t === "update" && n && !P) L({
+								if (t === "update" && n && !F) R({
 									type: "status",
-									endpoint: j,
-									fn_index: C,
+									endpoint: M,
+									fn_index: S,
 									time: /* @__PURE__ */ new Date(),
 									original_msg: i,
 									...n
 								});
-								else if (t === "complete") P = 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";
-									L({
+									R({
 										type: "status",
 										stage: "error",
 										message: n?.message || "An Unexpected Error Occurred!",
 										queue: !0,
-										endpoint: j,
+										endpoint: M,
 										broken: e,
 										session_not_found: n?.session_not_found,
-										fn_index: C,
+										fn_index: S,
 										time: /* @__PURE__ */ new Date()
 									});
 								} else if (t === "log") {
-									L({
+									R({
 										type: "log",
 										title: r.title,
 										log: r.log,
 										level: r.level,
-										endpoint: j,
+										endpoint: M,
 										duration: r.duration,
 										visible: r.visible,
-										fn_index: C
+										fn_index: S
 									});
 									return;
-								} else (t === "generating" || t === "streaming") && (L({
+								} else (t === "generating" || t === "streaming") && (R({
 									type: "status",
 									time: /* @__PURE__ */ new Date(),
 									...n,
 									stage: n?.stage,
 									queue: !0,
-									endpoint: j,
-									fn_index: C
-								}), r && T.connection !== "stream" && [
+									endpoint: M,
+									fn_index: S
+								}), r && w.connection !== "stream" && [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(E) && nt(_, N, r));
-								r && (L({
+								].includes(T) && ot(te, P, r));
+								r && (R({
 									type: "data",
 									time: /* @__PURE__ */ new Date(),
-									data: G(r.data, T, l.components, "output", b.with_null_state),
-									endpoint: j,
-									fn_index: C
-								}), r.render_config && await xe(r.render_config), P && (L({
+									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(),
-									...P,
+									...F,
 									stage: n?.stage,
 									queue: !0,
-									endpoint: j,
-									fn_index: C
-								}), H())), (n?.stage === "complete" || n?.stage === "error") && (v[N] && delete v[N], N in _ && delete _[N], H());
+									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), L({
+								console.error("Unexpected client exception", e), R({
 									type: "status",
 									stage: "error",
 									message: "An Unexpected Error Occurred!",
 									queue: !0,
-									endpoint: j,
-									fn_index: C,
+									endpoint: M,
+									fn_index: S,
 									time: /* @__PURE__ */ new Date()
 								}), [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(E) && (tt(h, S.abort_controller), h.open = !1, H());
+								].includes(T) && (at(ee, x.abort_controller), ee.open = !1, V());
 							}
 						};
-						N in g && (g[N].forEach((e) => t(e)), delete g[N]), v[N] = t, ee.add(N), 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();
 					}
 				});
 			}
 		});
-		R.catch((e) => {
-			L({
+		Se.catch((e) => {
+			R({
 				type: "status",
 				stage: "error",
 				message: e instanceof Error ? e.message : String(e),
-				queue: !Te(C, l),
-				endpoint: j,
-				fn_index: C,
+				queue: !Ee(S, l),
+				endpoint: M,
+				fn_index: S,
 				time: /* @__PURE__ */ new Date()
-			}), H();
+			}), V();
 		});
-		let z = !1, B = [], V = [];
-		function H() {
-			for (z = !0; V.length > 0;) V.shift()({
+		let Ce = !1, z = [], B = [];
+		function V() {
+			for (Ce = !0; B.length > 0;) B.shift()({
 				value: void 0,
 				done: !0
 			});
 		}
-		function U(e) {
-			V.length > 0 ? V.shift()(e) : B.push(e);
+		function H(e) {
+			B.length > 0 ? B.shift()(e) : z.push(e);
 		}
-		function Se(e) {
-			U(Yt(e)), H();
+		function we(e) {
+			H(Qt(e)), V();
 		}
-		function Ce(e) {
-			U({
+		function Te(e) {
+			H({
 				value: e,
 				done: !1
 			});
 		}
-		function we() {
-			return B.length > 0 ? Promise.resolve(B.shift()) : z ? Promise.resolve({
+		function U() {
+			return z.length > 0 ? Promise.resolve(z.shift()) : Ce ? Promise.resolve({
 				value: void 0,
 				done: !0
-			}) : new Promise((e) => V.push(e));
+			}) : new Promise((e) => B.push(e));
 		}
-		let W = {
-			[Symbol.asyncIterator]: () => W,
-			next: we,
-			throw: async (e) => (Se(e), we()),
-			return: async () => (H(), {
+		let Oe = {
+			[Symbol.asyncIterator]: () => Oe,
+			next: U,
+			throw: async (e) => (we(e), U()),
+			return: async () => (V(), {
 				value: void 0,
 				done: !0
 			}),
 			cancel: _e,
 			send_chunk: (e) => {
-				this.post_data(`${l.root}${x}/stream/${A}`, {
+				this.post_data(`${l.root}${b}/stream/${j}`, {
 					...e,
 					session_hash: this.session_hash
 				});
 			},
 			close_stream: () => {
-				this.post_data(`${l.root}${x}/stream/${A}/close`, {}), H();
+				this.post_data(`${l.root}${b}/stream/${j}/close`, {}), V();
 			},
-			event_id: () => A,
-			wait_for_id: async () => (await R, N)
+			event_id: () => j,
+			wait_for_id: async () => (await Se, P)
 		};
-		return W;
+		return Oe;
 	} catch (e) {
 		throw console.error("Submit function encountered an error:", e), e;
 	}
 }
-function Yt(e) {
+function Qt(e) {
 	return { then: (t, n) => n(e) };
 }
-function Xt(e, t, n, r) {
+function $t(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 {
@@ -1799,6 +1827,7 @@ var $ = class {
 	app_reference;
 	options;
 	deep_link = null;
+	page = null;
 	config;
 	api_prefix = "";
 	api_info;
@@ -1818,13 +1847,13 @@ var $ = class {
 	stream_instance = null;
 	current_payload;
 	get_url_config(e = null) {
-		if (!this.config) throw Error(b);
+		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(b);
+		if (!this.config) throw Error(y);
 		let t = this.config;
 		return e in t.page || (e = ""), {
 			...t,
@@ -1847,7 +1876,7 @@ var $ = 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 = lt(e.toString(), {
 			credentials: this.options.credentials ?? "same-origin",
 			headers: t,
 			signal: this.abort_controller.signal
@@ -1864,20 +1893,20 @@ var $ = 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"], D(t), this.options = t, this.current_payload = {}, t.cookies && (this.cookies = t.cookies), this.view_api = xe.bind(this), this.upload_files = R.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 = he.bind(this), this.resolve_cookies = A.bind(this), this.upload = V.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 = Ne.bind(this), this.post_data = Le.bind(this), this.submit = Zt.bind(this), this.predict = Re.bind(this), this.open_stream = it.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));
+		Ze(), 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 = me(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 pe(this.config.space_id, this.options.token, this.cookies))), e.space_id && this.options.token && (this.jwt = await pe(e.space_id, this.options.token)), this.config && this.config.connect_heartbeat) {
-			let e = new URL(`${this.config.root}${this.api_prefix}/${v}/${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);
 		}
 	}
@@ -1886,7 +1915,7 @@ var $ = 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}/${re}`), t;
+		let e = new URL(`${this.config.root}${this.api_prefix}/${_}`), t;
 		try {
 			let n = await this.fetch(e);
 			if (!n.ok) throw Error();
@@ -1897,17 +1926,17 @@ var $ = class {
 		return t === this.config.app_id ? "connected" : "changed";
 	}
 	close() {
-		this.closed = !0, tt(this.stream_status, this.abort_controller);
+		this.closed = !0, at(this.stream_status, this.abort_controller);
 	}
 	async refresh() {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(y);
 		let e = await this.resolve_config(this.config.root, !1);
-		if (!e) throw Error(b);
-		this.config = e, this.api_prefix = e.api_prefix || "", this.api_map = me(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(ae + e.message);
+			console.error(oe + e.message);
 		}
 		return this.get_url_config();
 	}
@@ -1915,18 +1944,18 @@ var $ = class {
 		this.current_payload = e;
 	}
 	static async duplicate(e, t = { events: ["data"] }) {
-		return Ve(e, t);
+		return Ge(e, t);
 	}
 	async _resolve_config() {
-		let { http_protocol: e, host: t, space_id: n } = await F(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 ze(n, r);
 		let i;
 		try {
 			let n = `${e}//${t}`;
-			if (i = await this.resolve_config(n), !i) throw Error(b);
+			if (i = await this.resolve_config(n), !i) throw Error(y);
 			return this.config_success(i);
 		} catch (e) {
-			if (n && r) K(n, P.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.",
@@ -1936,22 +1965,22 @@ var $ = 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 && Ht({
 			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(ae + e.message);
+			console.error(oe + e.message);
 		}
 		return this.prepare_return_obj();
 	}
 	async handle_space_success(e) {
-		if (!this) throw Error(b);
+		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(b);
+			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({
@@ -1963,7 +1992,7 @@ var $ = class {
 		}
 	}
 	async component_server(e, t, n) {
-		if (!this.config) throw Error(b);
+		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);
@@ -1982,14 +2011,15 @@ var $ = class {
 		}), r["Content-Type"] = "application/json";
 		i && (r.Authorization = `Bearer ${i}`);
 		try {
-			let e = await this.fetch(`${o}${this.api_prefix}/${ee}/`, {
+			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);
 		}
@@ -2007,23 +2037,23 @@ var $ = class {
 		};
 	}
 };
-async function Zt(e, t = { events: ["data"] }) {
+async function en(e, t = { events: ["data"] }) {
 	return await $.connect(e, t);
 }
-async function Qt(e, t) {
+async function tn(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 nn = /^[a-zA-Z0-9_.-]+\/[a-zA-Z0-9_.-][a-zA-Z0-9_./-]*$/;
+function rn(e) {
+	return nn.test(e) ? !e.split("/").some((e) => e === "" || e === "." || e === "..") : !1;
 }
-function tn(e, t, n) {
+function an(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 nn(e) {
+async function on(e) {
 	try {
 		let t = await e.json();
 		return typeof t?.detail == "string" ? t.detail : `${e.status}`;
@@ -2031,7 +2061,7 @@ async function nn(e) {
 		return `${e.status}`;
 	}
 }
-async function rn(e, t, n, r) {
+async function sn(e, t, n, r) {
 	try {
 		let i = await fetch(e, {
 			credentials: "include",
@@ -2045,7 +2075,7 @@ async function rn(e, t, n, r) {
 			ok: !1,
 			status: i.status,
 			data: n,
-			detail: await nn(i)
+			detail: await on(i)
 		};
 	} catch (e) {
 		return {
@@ -2056,8 +2086,8 @@ async function rn(e, t, n, r) {
 		};
 	}
 }
-async function an(e, t) {
-	return en(t) ? rn(tn(e, "connect"), {
+async function cn(e, t) {
+	return rn(t) ? sn(an(e, "connect"), {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ bucket_id: t })
@@ -2068,14 +2098,14 @@ async function an(e, t) {
 		detail: "invalid bucket id"
 	};
 }
-async function on(e) {
-	return rn(tn(e, "buckets"), {}, [], (e) => Array.isArray(e?.buckets) ? e.buckets : []);
+async function ln(e) {
+	return sn(an(e, "buckets"), {}, [], (e) => Array.isArray(e?.buckets) ? e.buckets : []);
 }
-async function sn(e, t) {
-	return rn(tn(e, "records", { bucket: t }), {}, [], (e) => Array.isArray(e?.records) ? e.records : []);
+async function un(e, t) {
+	return sn(an(e, "records", { bucket: t }), {}, [], (e) => Array.isArray(e?.records) ? e.records : []);
 }
-function cn(e, t, n, r, i) {
-	return tn(e, `records/${encodeURIComponent(n)}/${encodeURIComponent(r)}/assets/${encodeURIComponent(i)}`, { bucket: t });
+function dn(e, t, n, r, i) {
+	return an(e, `records/${encodeURIComponent(n)}/${encodeURIComponent(r)}/assets/${encodeURIComponent(i)}`, { bucket: t });
 }
 //#endregion
-export { $ as Client, U as FileData, oe as MISSING_CREDENTIALS_MSG, Ut as apply_run_history_replay, cn as asset_url, zt as clear_run_history, Zt as client, an as connect_bucket, Ht as consume_run_history_replay, Bt as delete_run_history, Qt as duplicate, De as handle_file, en as is_valid_bucket_id, sn as list_bucket_records, on as list_user_buckets, qt as on_run_history_change, Pe as predict, H 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, V as upload, R as upload_files };
+export { $ as Client, V as FileData, w as MISSING_CREDENTIALS_MSG, Kt as apply_run_history_replay, dn as asset_url, Ht as clear_run_history, en as client, cn as connect_bucket, Gt as consume_run_history_replay, Ut as delete_run_history, tn as duplicate, Oe as handle_file, rn as is_valid_bucket_id, un as list_bucket_records, ln as list_user_buckets, Xt as on_run_history_change, Re as predict, B as prepare_files, zt as read_run_history, Bt as read_run_history_storage, mt as run_history_url, Vt as set_run_history_storage, Wt as stage_run_history_replay, Zt as submit, z as upload, xe as upload_files };