@gradio/client 2.5.0 → 2.6.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", g = "runtime", ee = "sleeptime", _ = "heartbeat", te = "component_server", ne = "reset", re = "cancel", v = "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. ", S = "Could not get API info. ", C = "Space metadata could not be loaded. ", w = "Invalid URL. A full URL path is required.", T = "Not authorized to access this space. ", E = "Invalid credentials. Could not login. ", ae = "Login credentials are required to access this space.", D = "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.", oe = (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.`, se = "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. ", ce = "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.", le = "File system access is only available in Node.js environments", O = "Root URL not found in client config", ue = "Error uploading file";
+}) : 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";
 //#endregion
 //#region src/helpers/init_helpers.ts
-async function de(e, t, n) {
+async function T(e, t, n) {
 	try {
 		return (await (await fetch(`https://huggingface.co/api/spaces/${e}/jwt`, { headers: {
 			Authorization: `Bearer ${t}`,
@@ -21,24 +21,24 @@ async function de(e, t, n) {
 		return !1;
 	}
 }
-function k(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 fe(e) {
+function he(e) {
 	let t = {};
 	return e.forEach(({ api_name: e, id: n }) => {
 		e && (t[e] = n);
 	}), t;
 }
-function A(e, t) {
-	let n = new URL(e, t), r = new URL(t);
-	return n.hostname === r.hostname ? (n.protocol = r.protocol, n.host = r.host, n.toString().replace(/\/$/, "")) : e;
+function ge(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 j(e, t = !0) {
+async function _e(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 = me(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await M(await this.fetch(t, {
+			let t = P(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await D(await this.fetch(t, {
 				headers: n,
 				credentials: this.options.credentials ?? "same-origin"
 			}), !!this.options.auth);
@@ -48,47 +48,47 @@ async function j(e, t = !0) {
 			};
 		}
 		let r = { ...window.gradio_config };
-		return r.root = A(r.root, location.href), r;
+		return r.root = ge(r.root, location.href, r.is_colab), r;
 	} else if (e) {
-		let t = me(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await M(await this.fetch(t, {
+		let t = P(e, this.deep_link ? m + "?deep_link=" + this.deep_link : m), r = await D(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(v);
 }
-async function M(e, t) {
+async function D(e, t) {
 	if (e?.status === 401 && !t) {
 		let t = null;
 		try {
 			t = await e.json();
 		} catch {
-			throw Error(D);
+			throw Error(C);
 		}
 		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(E);
+	} else if (e?.status === 401 && t) throw Error(S);
 	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(T);
-	throw Error(`${b}(received status ${e?.status} when fetching the app config)`);
+	} else if (e?.status === 401) throw Error(ce);
+	throw Error(`${v}(received status ${e?.status} when fetching the app config)`);
 }
-async function N() {
-	let { http_protocol: e, host: t } = await R(this.app_reference, this.options.token);
+async function O() {
+	let { http_protocol: e, host: t } = await N(this.app_reference, this.options.token);
 	try {
 		if (this.options.auth) {
-			let n = await P(e, t, this.options.auth, this.fetch, this.options.token, this.options.credentials);
+			let n = await k(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 P(e, t, n, r, i, a) {
+async function k(e, t, n, r, i, a) {
 	let o = new FormData();
 	o.append("username", n?.[0]), o.append("password", n?.[1]);
 	let s = {};
@@ -100,9 +100,9 @@ async function P(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(E) : Error(C);
+	throw c.status === 401 ? Error(S) : Error(b);
 }
-function F(e) {
+function A(e) {
 	if (e.startsWith("http")) {
 		let { protocol: t, host: n, pathname: r } = new URL(e);
 		return {
@@ -117,39 +117,39 @@ function F(e) {
 		host: new URL(e).host
 	};
 }
-var I = (e) => {
+var j = (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;
-}, L = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/, pe = /.*hf\.space\/{0,1}.*$/;
-async function R(e, t) {
+}, M = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/, ve = /.*hf\.space\/{0,1}.*$/;
+async function N(e, t) {
 	let n = {};
 	t && (n.Authorization = `Bearer ${t}`);
 	let r = e.trim().replace(/\/$/, "");
-	if (L.test(r)) {
+	if (M.test(r)) {
 		let e;
 		try {
 			e = await fetch(`https://huggingface.co/api/spaces/${r}/${l}`, { headers: n });
 		} catch {
-			throw Error(C);
+			throw Error(b);
 		}
-		if (e.status === 401 || e.status === 404) throw Error(oe(r, e.status));
+		if (e.status === 401 || e.status === 404) throw Error(ue(r, e.status));
 		let t;
 		try {
 			t = (await e.json()).host;
 		} catch {
-			throw Error(C);
+			throw Error(b);
 		}
-		if (!t) throw Error(C);
+		if (!t) throw Error(b);
 		return {
 			space_id: r,
-			...F(t)
+			...A(t)
 		};
 	}
-	if (pe.test(r)) {
-		let { ws_protocol: e, http_protocol: t, host: n } = F(r);
+	if (ve.test(r)) {
+		let { ws_protocol: e, http_protocol: t, host: n } = A(r);
 		return {
 			space_id: n.split("/")[0].replace(".hf.space", ""),
 			ws_protocol: e,
@@ -159,17 +159,17 @@ async function R(e, t) {
 	}
 	return {
 		space_id: !1,
-		...F(r)
+		...A(r)
 	};
 }
-var me = (...e) => {
+var P = (...e) => {
 	try {
 		return e.reduce((e, t) => (e = e.replace(/\/+$/, ""), t = t.replace(/^\/+/, ""), new URL(t, e + "/").toString()));
 	} catch {
-		throw Error(w);
+		throw Error(x);
 	}
 };
-function he(e, t, n) {
+function F(e, t, n) {
 	let r = {
 		named_endpoints: {},
 		unnamed_endpoints: {}
@@ -199,8 +199,8 @@ function he(e, t, n) {
 			}
 			let d = (e, t, n, r) => ({
 				...e,
-				description: _e(e?.type, n),
-				type: ge(e?.type, t, n, r) || ""
+				description: be(e?.type, n),
+				type: ye(e?.type, t, n, r) || ""
 			});
 			r[i][e] = {
 				parameters: o.map((e) => d(e, e?.component, e?.serializer, "parameter")),
@@ -211,7 +211,7 @@ function he(e, t, n) {
 		}));
 	}), r;
 }
-function ge(e, t, n, r) {
+function ye(e, t, n, r) {
 	if (t === "Api") return e.type;
 	switch (e?.type) {
 		case "string": return "string";
@@ -224,10 +224,10 @@ function ge(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 _e(e, t) {
+function be(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 ve(e, t) {
+function xe(e, t) {
 	switch (e.msg) {
 		case "send_data": return { type: "data" };
 		case "send_hash": return { type: "hash" };
@@ -235,7 +235,7 @@ function ve(e, t) {
 			type: "update",
 			status: {
 				queue: !0,
-				message: ie,
+				message: oe,
 				stage: "error",
 				code: e.code,
 				success: e.success
@@ -363,7 +363,7 @@ function ve(e, t) {
 		}
 	};
 }
-var ye = (e = [], t) => {
+var Se = (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 +379,28 @@ var ye = (e = [], t) => {
 };
 //#endregion
 //#region src/utils/view_api.ts
-async function be() {
+async function Ce() {
 	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 = me(t.root, this.api_prefix, h);
+			let i = P(t.root, this.api_prefix, h);
 			if (e = await this.fetch(i, {
 				headers: n,
 				credentials: this.options.credentials ?? "same-origin"
-			}), !e.ok) throw Error(y);
+			}), !e.ok) throw Error(_);
 			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"]), he(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"]), F(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 z(e, t, n) {
+async function I(e, t, n) {
 	let r = {};
 	this?.options?.token && (r.Authorization = `Bearer ${this.options.token}`);
 	let i = 1e3, a = [], o;
@@ -418,7 +418,7 @@ async function z(e, t, n) {
 				credentials: this.options.credentials ?? "same-origin"
 			});
 		} catch (e) {
-			throw Error(y + e.message);
+			throw Error(_ + e.message);
 		}
 		if (!o.ok) {
 			let e = await o.text();
@@ -429,7 +429,7 @@ async function z(e, t, n) {
 	}
 	return { files: a };
 }
-var B = {
+var L = {
 	si: {
 		radix: 1e3,
 		unit: [
@@ -473,28 +473,31 @@ var B = {
 		]
 	}
 };
-function V(e, t = 1, n = "jedec") {
+function R(e, t = 1, n = "jedec") {
 	e = Math.abs(e);
-	let { radix: r, unit: i } = B[n] || B.jedec, a = 0;
+	let { radix: r, unit: i } = L[n] || L.jedec, a = 0;
 	for (; e >= r;) e /= r, ++a;
 	return `${e.toFixed(t)} ${i[a]}`;
 }
 //#endregion
 //#region src/upload.ts
-async function H(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 ${V(r || Infinity)}: ${a.map((e) => `"${e.name}"`).join(", ")}`);
+	if (a.length) throw Error(`File(s) exceed the maximum allowed size of ${R(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) => new U({
-			...e[r],
-			path: n,
-			url: `${t}${this.api_prefix}/file=${n}`
-		})) : [];
+		return n.files ? n.files.map((n, r) => {
+			let i = n.split("/").map((e) => encodeURIComponent(e)).join("/");
+			return new V({
+				...e[r],
+				path: n,
+				url: `${t}${this.api_prefix}/file=${i}`
+			});
+		}) : [];
 	}));
 }
-async function xe(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,
@@ -503,7 +506,7 @@ async function xe(e, t) {
 		is_stream: t
 	}));
 }
-var U = class {
+var V = class {
 	path;
 	url;
 	orig_name;
@@ -517,7 +520,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;
 	}
-}, W = class {
+}, we = class {
 	type;
 	command;
 	meta;
@@ -525,8 +528,8 @@ var U = class {
 	constructor(e, t) {
 		this.type = "command", this.command = e, this.meta = t;
 	}
-}, Se = typeof process < "u" && process.versions && process.versions.node;
-function Ce(e, t, n) {
+}, Te = typeof process < "u" && process.versions && process.versions.node;
+function H(e, t, n) {
 	for (; n.length > 1;) {
 		let t = n.shift();
 		if (typeof t == "string" || typeof t == "number") e = e[t];
@@ -536,13 +539,13 @@ function Ce(e, t, n) {
 	if (typeof r == "string" || typeof r == "number") e[r] = t;
 	else throw Error("Invalid key type");
 }
-async function we(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 we(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 [{
@@ -554,17 +557,17 @@ async function we(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 we(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 }) => {
@@ -572,7 +575,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,
@@ -580,7 +583,7 @@ function De(e) {
 			orig_name: e.split("/").pop() ?? "unknown",
 			meta: { _type: "gradio.FileData" }
 		};
-		if (Se) return new W("upload_file", {
+		if (Te) return new we("upload_file", {
 			path: e,
 			name: e,
 			orig_path: e
@@ -590,7 +593,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;
@@ -615,10 +618,10 @@ function G(e, t, n, r, i = !1) {
 }
 //#endregion
 //#region src/utils/handle_blob.ts
-async function Oe(e, t, n) {
+async function ke(e, t, n) {
 	let r = this;
-	await ke(r, t);
-	let i = await we(t, void 0, [], !0, n);
+	await Ae(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,
@@ -632,40 +635,40 @@ async function Oe(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" ? Ce(t, n, e) : n && Ce(t, new U({
+		r === "Gallery" ? H(t, n, e) : n && H(t, new V({
 			path: n,
 			orig_name: i
 		}), e);
 	}), t;
 }
-async function ke(e, t) {
-	if (!(e.config?.root || e.config?.root_url)) throw Error(O);
-	await Ae(e, t);
+async function Ae(e, t) {
+	if (!(e.config?.root || e.config?.root_url)) throw Error(w);
+	await je(e, t);
 }
-async function Ae(e, t, n = []) {
-	for (let r in t) t[r] instanceof W ? await je(e, t, r) : typeof t[r] == "object" && t[r] !== null && await Ae(e, t[r], [...n, r]);
+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 je(e, t, n) {
+async function Me(e, t, n) {
 	let r = t[n], i = e.config?.root || e.config?.root_url;
-	if (!i) throw Error(O);
+	if (!i) throw Error(w);
 	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(le);
+		} else throw Error(pe);
 		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(ue, e);
+		console.error(me, e);
 	}
 }
 //#endregion
 //#region src/utils/post_data.ts
-async function Me(e, t, n) {
+async function Ne(e, t, n) {
 	let r = { "Content-Type": "application/json" };
 	this.options.token && (r.Authorization = `Bearer ${this.options.token}`);
 	try {
@@ -679,7 +682,7 @@ async function Me(e, t, n) {
 			credentials: this.options.credentials ?? "same-origin"
 		});
 	} catch {
-		return [{ error: y }, 500];
+		return [{ error: _ }, 500];
 	}
 	let a, o;
 	try {
@@ -691,7 +694,7 @@ async function Me(e, t, n) {
 }
 //#endregion
 //#region src/utils/predict.ts
-async function Ne(e, t = {}) {
+async function Pe(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);
@@ -714,7 +717,7 @@ async function Ne(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();
@@ -723,7 +726,7 @@ async function K(e, t, n) {
 		n({
 			status: "error",
 			load_status: "error",
-			message: x,
+			message: y,
 			detail: "NOT_FOUND"
 		});
 		return;
@@ -739,7 +742,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":
@@ -748,7 +751,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 Ie(s)
+				discussions_enabled: await Le(s)
 			});
 			break;
 		case "RUNNING":
@@ -767,7 +770,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":
@@ -777,7 +780,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:
@@ -786,34 +789,34 @@ async function K(e, t, n) {
 				load_status: "error",
 				message: "This space is experiencing an issue.",
 				detail: o,
-				discussions_enabled: await Ie(s)
+				discussions_enabled: await Le(s)
 			});
 			break;
 	}
 }
-var Pe = async (e, t) => {
+var Fe = async (e, t) => {
 	let n = 0;
 	return new Promise((r) => {
-		K(e, L.test(e) ? "space_name" : "subdomain", (i) => {
+		G(e, M.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(() => {
-				Pe(e, t).then(r);
+				Fe(e, t).then(r);
 			}, 5e3)) : r());
 		});
 	});
-}, Fe = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
-async function Ie(e) {
+}, Ie = /^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
+async function Le(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 && Fe.test(n));
+		return !(!t.ok || n && Ie.test(n));
 	} catch {
 		return !1;
 	}
 }
-async function Le(e, t) {
+async function Re(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}/${ee}`, { headers: n });
 		if (t.status !== 200) throw Error("Space hardware could not be obtained.");
 		let { hardware: r } = await t.json();
 		return r.current;
@@ -821,12 +824,12 @@ async function Le(e, t) {
 		throw Error(e.message);
 	}
 }
-async function Re(e, t, n) {
+async function ze(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}/${ee}`, {
+		let t = await fetch(`https://huggingface.co/api/spaces/${e}/${te}`, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -840,7 +843,7 @@ async function Re(e, t, n) {
 		throw Error(e.message);
 	}
 }
-var ze = [
+var Be = [
 	"cpu-basic",
 	"cpu-upgrade",
 	"cpu-xl",
@@ -857,14 +860,14 @@ var ze = [
 ];
 //#endregion
 //#region src/utils/duplicate.ts
-async function Be(e, t) {
-	k(t);
+async function Ve(e, t) {
+	E(t);
 	let { token: n, private: r, hardware: i, timeout: a, auth: o } = t;
-	if (i && !ze.includes(i)) throw Error(`Invalid hardware type provided. Valid types are: ${ze.map((e) => `"${e}"`).join(",")}.`);
-	let { http_protocol: s, host: c } = await R(e, n), l = null;
+	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 (o) {
-		let e = await P(s, c, o, fetch, void 0, t.credentials);
-		e && (l = I(e));
+		let e = await k(s, c, o, fetch, void 0, t.credentials);
+		e && (l = j(e));
 	}
 	let u = {
 		Authorization: `Bearer ${n}`,
@@ -874,9 +877,9 @@ async function Be(e, t) {
 	r && (p.private = !0);
 	let m;
 	try {
-		i || (m = await Le(e, n));
+		i || (m = await Re(e, n));
 	} catch (e) {
-		throw Error(C + e.message);
+		throw Error(b + e.message);
 	}
 	p.hardware = i || m || "cpu-basic";
 	try {
@@ -886,41 +889,41 @@ async function Be(e, t) {
 			body: JSON.stringify(p)
 		});
 		if (r.status === 409) try {
-			return await $.connect(`${d}/${f}`, t);
+			return await Q.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 Re(`${d}/${f}`, a || 300, n), await $.connect(Ve(i.url), t);
+		return await ze(`${d}/${f}`, a || 300, n), await Q.connect(He(i.url), t);
 	} catch (e) {
 		throw Error(e);
 	}
 }
-function Ve(e) {
+function He(e) {
 	let t = e.match(/https:\/\/huggingface.co\/spaces\/([^/]+\/[^/]+)/);
 	if (t) return t[1];
 }
 //#endregion
 //#region src/helpers/zerogpu.ts
-var He = "supports-zerogpu-headers", Ue = !1;
-function We() {
+var Ue = "supports-zerogpu-headers", We = !1;
+function Ge() {
 	return typeof window < "u" && typeof document < "u" && typeof window.addEventListener == "function";
 }
-function Ge(e) {
+function Ke(e) {
 	return e.includes(".dev.") ? `https://moon-${e.split(".")[1]}.dev.spaces.huggingface.tech` : e.endsWith(".hf.space") ? "https://huggingface.co" : null;
 }
-function Ke() {
-	if (!We() || Ue) return;
+function qe() {
+	if (!Ge() || We) return;
 	window.addEventListener("message", (e) => {
-		e.data === He && (window.supports_zerogpu_headers = !0);
-	}), Ue = !0;
-	let e = Ge(window.location.hostname);
-	e && window.parent !== window && window.parent.postMessage(He, 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);
 }
 //#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 qe = class extends TransformStream {
+var Je = class extends TransformStream {
 	#e = "";
 	constructor(e = { allowCR: !1 }) {
 		super({
@@ -947,22 +950,22 @@ var qe = class extends TransformStream {
 };
 //#endregion
 //#region ../../node_modules/.pnpm/fetch-event-stream@0.1.6/node_modules/fetch-event-stream/esm/utils.js
-function Je(e) {
-	let t = new TextDecoderStream(), n = new qe({ allowCR: !0 });
+function Ye(e) {
+	let t = new TextDecoderStream(), n = new Je({ allowCR: !0 });
 	return e.pipeThrough(t).pipeThrough(n);
 }
-function Ye(e) {
+function Xe(e) {
 	let t = /[:]\s*/.exec(e), n = t && t.index;
 	if (n) return [e.substring(0, n), e.substring(n + t[0].length)];
 }
-function Xe(e, t, n) {
+function Ze(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* Ze(e, t) {
+async function* Qe(e, t) {
 	if (!e.body) return;
-	let n = Je(e.body), r, i = n.getReader(), a;
+	let n = Ye(e.body), r, i = n.getReader(), a;
 	for (;;) {
 		if (t && t.aborted) return i.cancel();
 		if (r = await i.read(), r.done) return;
@@ -970,20 +973,20 @@ async function* Ze(e, t) {
 			a && (yield a), a = void 0;
 			continue;
 		}
-		let [e, n] = Ye(r.value) || [];
+		let [e, n] = Xe(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 Qe(e, t) {
+async function $e(e, t) {
 	let n = new Request(e, t);
-	Xe(n.headers, "Accept", "text/event-stream"), Xe(n.headers, "Content-Type", "application/json");
+	Ze(n.headers, "Accept", "text/event-stream"), Ze(n.headers, "Content-Type", "application/json");
 	let r = await fetch(n);
 	if (!r.ok) throw r;
-	return Ze(r, n.signal);
+	return Qe(r, n.signal);
 }
 //#endregion
 //#region src/utils/stream.ts
-async function $e() {
+async function et() {
 	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;
@@ -995,7 +998,7 @@ async function $e() {
 	s.onmessage = async function(a) {
 		let s = JSON.parse(a.data);
 		if (s.msg === "close_stream") {
-			et(r, o.abort_controller);
+			tt(r, o.abort_controller);
 			return;
 		}
 		let c = s.event_id;
@@ -1014,27 +1017,27 @@ async function $e() {
 	}, s.onerror = async function(t) {
 		console.error(t), await Promise.all(Object.keys(e).map((t) => e[t]({
 			msg: "broken_connection",
-			message: y
+			message: _
 		})));
 	};
 }
-function et(e, t) {
+function tt(e, t) {
 	e && (e.open = !1, t?.abort());
 }
-function tt(e, t, n) {
+function nt(e, t, n) {
 	e[t] ? n.data.forEach((r, i) => {
-		let a = nt(i < e[t].length ? e[t][i] : null, r);
+		let a = rt(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 nt(e, t) {
+function rt(e, t) {
 	return t.forEach(([t, n, r]) => {
-		e = rt(e, n, t, r);
+		e = it(e, n, t, r);
 	}), e;
 }
-function rt(e, t, n, r) {
+function it(e, t, n, r) {
 	if (t.length === 0) {
 		if (n === "replace") return r;
 		if (n === "append") return e + r;
@@ -1060,7 +1063,7 @@ function rt(e, t, n, r) {
 	}
 	return e;
 }
-function it(e, t = {}) {
+function at(e, t = {}) {
 	let n = {
 		close: () => {
 			console.warn("Method not implemented.");
@@ -1084,7 +1087,7 @@ function it(e, t = {}) {
 			throw Error("Method not implemented.");
 		}
 	};
-	return Qe(e, t).then(async (e) => {
+	return $e(e, t).then(async (e) => {
 		n.readyState = n.OPEN;
 		try {
 			for await (let t of e) n.onmessage && n.onmessage(t);
@@ -1098,32 +1101,56 @@ function it(e, t = {}) {
 }
 //#endregion
 //#region src/utils/run_history.ts
-var at = "gradio:run-history:", q = `${at}v2:`, ot = `${at}replay:v2:`, st = 100, ct = 8;
-function J(e, t) {
+var ot = "gradio:run-history:", K = `${ot}v2:`, st = `${ot}replay:v2:`, ct = `${ot}destination:v1:`, lt = 100, ut = 8;
+function q(e, t) {
 	try {
 		return e();
 	} catch (e) {
 		return console.warn("Could not update the run history.", e), t;
 	}
 }
-function lt(e, t = "/gradio_api") {
+function dt(e, t = "/gradio_api") {
 	return `${e.replace(/\/+$/, "")}${t}/runs`;
 }
-function Y(e) {
+function J(e) {
 	if (typeof window > "u") return null;
 	let t = e?.app_id;
 	if (t == null || t === "") return null;
 	try {
-		return window.localStorage ? `${q}${t}${e?.username ? `:user:${encodeURIComponent(e.username)}` : ""}` : null;
+		return window.localStorage ? `${K}${t}${e?.username ? `:user:${encodeURIComponent(e.username)}` : ""}` : null;
 	} catch {
 		return null;
 	}
 }
-function ut(e) {
-	let t = Y(e);
-	return t ? t.replace(q, ot) : null;
+function ft(e) {
+	let t = J(e);
+	return t ? t.replace(K, st) : null;
+}
+function pt(e) {
+	let t = J(e);
+	return t ? t.replace(K, ct) : null;
+}
+function mt(e) {
+	let t = pt(e);
+	if (!t) return { type: "browser" };
+	try {
+		let e = JSON.parse(window.localStorage.getItem(t) || "null");
+		return typeof e?.bucket_id == "string" ? e.type === "bucket" ? {
+			type: "bucket",
+			bucket_id: e.bucket_id
+		} : {
+			type: "browser",
+			bucket_id: e.bucket_id
+		} : { type: "browser" };
+	} catch {
+		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 dt(e) {
+function gt(e) {
 	try {
 		let t = JSON.parse(window.localStorage.getItem(e) || "[]");
 		return Array.isArray(t) && t.length && Date.parse(t[0]?.started_at) || 0;
@@ -1131,16 +1158,16 @@ function dt(e) {
 		return 0;
 	}
 }
-function ft(e) {
-	let t = Object.keys(window.localStorage).filter((e) => e.startsWith(at)), n = [...t.filter((e) => !e.startsWith(q) && !e.startsWith(ot)), ...t.filter((t) => t.startsWith(q) && t !== e).sort((e, t) => dt(t) - dt(e)).slice(ct - 1)];
+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)];
 	for (let e of n) try {
-		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(q, ot));
+		window.localStorage.removeItem(e), window.sessionStorage.removeItem(e.replace(K, st));
 	} catch {}
 }
-function pt() {
+function vt() {
 	return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
-function X(e) {
+function Y(e) {
 	let t = /* @__PURE__ */ new WeakSet();
 	try {
 		return JSON.parse(JSON.stringify(e, (e, n) => {
@@ -1155,8 +1182,8 @@ function X(e) {
 		return "[Unserializable value]";
 	}
 }
-function Z(e) {
-	let t = Y(e);
+function X(e) {
+	let t = J(e);
 	if (!t) return [];
 	try {
 		let e = JSON.parse(window.localStorage.getItem(t) || "[]");
@@ -1165,16 +1192,16 @@ function Z(e) {
 		return [];
 	}
 }
-function mt(e, t) {
-	let n = Y(e);
+function yt(e, t) {
+	let n = J(e);
 	if (!n) return;
-	let r = t.slice(0, st), i = !1;
+	let r = t.slice(0, lt), i = !1;
 	for (; r.length > 0;) try {
 		window.localStorage.setItem(n, JSON.stringify(r));
 		return;
 	} catch {
 		if (!i) {
-			i = !0, ft(n);
+			i = !0, _t(n);
 			continue;
 		}
 		r = r.slice(0, -1);
@@ -1183,37 +1210,37 @@ function mt(e, t) {
 		window.localStorage.removeItem(n);
 	} catch {}
 }
-function ht(e) {
-	let t = Y(e);
+function bt(e) {
+	let t = J(e);
 	if (t) {
 		try {
 			window.localStorage.removeItem(t);
 		} catch {}
-		vt();
+		Ct();
 	}
 }
-function gt(e, t) {
-	mt(e, Z(e).filter((e) => e.id !== t)), vt();
+function xt(e, t) {
+	yt(e, X(e).filter((e) => e.id !== t)), Ct();
 }
-var _t = "gradio:run-history-change";
-function vt() {
+var St = "gradio:run-history-change";
+function Ct() {
 	if (!(typeof window > "u")) try {
-		window.dispatchEvent(new Event(_t));
+		window.dispatchEvent(new Event(St));
 	} catch {}
 }
-function yt(e) {
-	return typeof window > "u" ? () => {} : (window.addEventListener(_t, e), window.addEventListener("storage", e), () => {
-		window.removeEventListener(_t, e), window.removeEventListener("storage", e);
+function wt(e) {
+	return typeof window > "u" ? () => {} : (window.addEventListener(St, e), window.addEventListener("storage", e), () => {
+		window.removeEventListener(St, e), window.removeEventListener("storage", e);
 	});
 }
-function bt(e, t) {
-	let n = ut(e);
+function Tt(e, t) {
+	let n = ft(e);
 	if (n) try {
 		window.sessionStorage.setItem(n, JSON.stringify(t));
 	} catch {}
 }
-function xt(e) {
-	let t = ut(e);
+function Et(e) {
+	let t = ft(e);
 	if (!t) return null;
 	try {
 		let e = window.sessionStorage.getItem(t);
@@ -1222,130 +1249,158 @@ function xt(e) {
 		return null;
 	}
 }
-function St(e) {
-	let t = Y(e);
+function Dt(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) => {
+		for (let [r, i] of t.entries()) {
+			let t = e.components.find((e) => e.id === i);
+			!t || r >= n.length || t.type !== "state" && (t.props.value = n[r]);
+		}
+	};
+	return a(n.inputs, r), a(n.outputs, i), !0;
+}
+function Ot(e) {
+	let t = Et(e);
+	return t ? Dt(e, t) : !1;
+}
+function kt(e) {
+	if (mt(e).type === "bucket") return null;
+	let t = J(e);
 	if (!t) return null;
-	ft(t);
+	_t(t);
 	let n = {
-		id: pt(),
+		id: vt(),
 		endpoint: e.endpoint,
 		api_name: e.api_name,
 		fn_index: e.fn_index,
 		page: `${window.location.pathname}${window.location.search}`,
-		inputs: X(e.inputs),
+		inputs: Y(e.inputs),
 		outputs: null,
-		...e.input_components ? { input_components: X(e.input_components) } : {},
-		...e.output_components ? { output_components: X(e.output_components) } : {},
+		...e.input_components ? { input_components: Y(e.input_components) } : {},
+		...e.output_components ? { output_components: Y(e.output_components) } : {},
 		status: "running",
 		started_at: (/* @__PURE__ */ new Date()).toISOString()
 	};
-	return mt(e, [n, ...Z(e)]), vt(), n.id;
+	return yt(e, [n, ...X(e)]), Ct(), n.id;
 }
-function Ct(e, t, n) {
+function At(e, t, n) {
 	if (!t) return;
-	let r = Z(e), i = r.find((e) => e.id === t);
-	i && (i.inputs = X(n), mt(e, r));
+	let r = X(e), i = r.find((e) => e.id === t);
+	i && (i.inputs = Y(n), yt(e, r));
 }
-function wt(e, t, n) {
+function jt(e, t, n) {
 	if (!t) return;
-	let r = Z(e), i = r.find((e) => e.id === t);
+	let r = X(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") Dt(i, n.time);
+	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);
 	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", Ot(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"), Ot(i, n), a = !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 return;
-	if (a) Q.has(t) && (i.outputs = Q.get(t)), Q.delete(t), Et.delete(t);
+	if (a) Z.has(t) && (i.outputs = Z.get(t)), Z.delete(t), Nt.delete(t);
 	else if (i.streamed) {
-		if (Date.now() - (Et.get(t) ?? 0) < Tt) return;
-		Et.set(t, Date.now()), Q.delete(t);
+		if (Date.now() - (Nt.get(t) ?? 0) < Mt) return;
+		Nt.set(t, Date.now()), Z.delete(t);
 	}
-	mt(e, r);
+	yt(e, r);
 }
-var Tt = 500, Et = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
-function Dt(e, t) {
+var Mt = 500, Nt = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Map();
+function Pt(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 Ot(e, t) {
+function Ft(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 kt(e) {
-	return J(() => Z(e), []);
+function It(e) {
+	return q(() => X(e), []);
 }
-function At(e) {
-	J(() => ht(e), void 0);
+function Lt(e) {
+	return q(() => mt(e), { type: "browser" });
 }
-function jt(e, t) {
-	J(() => gt(e, t), void 0);
+function Rt(e, t) {
+	q(() => ht(e, t), void 0);
 }
-function Mt(e, t) {
-	J(() => bt(e, t), void 0);
+function zt(e) {
+	q(() => bt(e), void 0);
 }
-function Nt(e) {
-	return J(() => xt(e), null);
+function Bt(e, t) {
+	q(() => xt(e, t), void 0);
 }
-function Pt(e) {
-	return J(() => St(e), null);
+function Vt(e, t) {
+	q(() => Tt(e, t), void 0);
 }
-function Ft(e, t, n) {
-	J(() => Ct(e, t, n), void 0);
+function Ht(e) {
+	return q(() => Et(e), null);
 }
-function It(e, t, n) {
-	J(() => wt(e, t, n), void 0);
+function Ut(e) {
+	return q(() => Ot(e), !1);
 }
-function Lt(e) {
-	return J(() => yt(() => J(e, void 0)), () => {});
+function Wt(e) {
+	return q(() => kt(e), null);
+}
+function Gt(e, t, n) {
+	q(() => At(e, t, n), void 0);
+}
+function Kt(e, t, n) {
+	q(() => jt(e, t, n), void 0);
+}
+function qt(e) {
+	return q(() => wt(() => q(e, void 0)), () => {});
 }
 //#endregion
 //#region src/utils/submit.ts
-function Rt(e, t = {}, n, r, i, a) {
+function Jt(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: ee, event_callbacks: _, unclosed_events: te, post_data: v, options: b, api_prefix: x } = this, S = a || { "x-gradio-user": "api" }, C = this;
-		if (!p) throw Error(se);
+		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);
 		if (!l) throw Error("Could not resolve app config");
-		let { fn_index: w, endpoint_info: T, dependency: E } = Bt(p, e, m, l), ae = ye(t, T), D = l.protocol ?? "ws";
-		if (D === "ws") throw Error(ce);
-		let oe = typeof E.api_name == "string" ? `/${E.api_name}` : e, le = typeof E.api_name == "string" ? `/${E.api_name}` : `Function ${w}`, O = (e) => {
+		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 t = l.components.find((t) => t.id === e);
 			return t ? {
 				type: t.type,
 				component_class_id: t.component_class_id,
 				props: t.props
 			} : null;
-		}, ue = E.api_visibility === "public", de = l.run_history !== !1 && this.options.record_history !== !1, k = {
+		}, me = S.api_visibility === "public", T = l.run_history !== !1 && this.options.record_history !== !1, E = {
 			app_id: l.app_id,
 			username: l.username
-		}, fe = !de || !ue ? null : Pt({
-			...k,
-			endpoint: oe,
-			api_name: le,
-			fn_index: w,
-			inputs: G(ae, E, l.components, "input", !0),
-			input_components: E.inputs.map(O),
-			output_components: E.outputs.map(O)
-		}), 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() : "", pe = b?.events?.reduce((e, t) => (e[t] = !0, e), {}) || {};
-		function R(e) {
-			It(k, fe, e), (i || pe[e.type]) && U(e);
+		}, 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);
 		}
-		async function me() {
+		async function ye() {
 			let e = {}, t = {};
-			e = { event_id: P }, t = {
-				event_id: P,
+			e = { event_id: j }, t = {
+				event_id: j,
 				session_hash: f,
-				fn_index: w
+				fn_index: x
 			};
 			try {
 				if (!l) throw Error("Could not resolve app config");
-				"event_id" in t && await s(`${l.root}${x}/${re}`, {
+				"event_id" in t && await s(`${l.root}${y}/${ae}`, {
 					headers: { "Content-Type": "application/json" },
 					method: "POST",
 					body: JSON.stringify(t)
-				}), await s(`${l.root}${x}/${ne}`, {
+				}), await s(`${l.root}${y}/${ie}`, {
 					headers: { "Content-Type": "application/json" },
 					method: "POST",
 					body: JSON.stringify(e)
@@ -1354,65 +1409,65 @@ function Rt(e, t = {}, n, r, i, a) {
 				console.warn("The `/reset` endpoint could not be called. Subsequent endpoint results may be unreliable.");
 			}
 		}
-		let he = async (e) => {
+		let be = async (e) => {
 			await this._resolve_heartbeat(e);
 		};
-		async function ge(e) {
+		async function Ce(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 he(l), R({
+			l.connect_heartbeat = n || r, await be(l), F({
 				type: "render",
 				data: e,
-				endpoint: M,
-				fn_index: w
+				endpoint: k,
+				fn_index: x
 			});
 		}
-		let _e = this.handle_blob(l.root, ae, T).then(async (e) => {
-			let t = G(e, E, l.components, "input", !0);
-			if (Ft(k, fe, t || []), N = {
+		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 = {
 				data: t || [],
 				event_data: n,
-				fn_index: w,
+				fn_index: x,
 				trigger_id: r,
-				...b.oauth_token && T?.oauth_token ? { oauth_token: b.oauth_token } : {}
-			}, Te(w, l)) R({
+				...v.oauth_token && ce?.oauth_token ? { oauth_token: v.oauth_token } : {}
+			}, Ee(x, l)) F({
 				type: "status",
-				endpoint: M,
+				endpoint: k,
 				stage: "pending",
 				queue: !1,
-				fn_index: w,
+				fn_index: x,
 				time: /* @__PURE__ */ new Date()
-			}), v(`${l.root}${x}/run${M.startsWith("/") ? M : `/${M}`}${L ? "?" + L : ""}`, {
-				...N,
+			}), g(`${l.root}${y}/run${k.startsWith("/") ? k : `/${k}`}${N ? "?" + N : ""}`, {
+				...A,
 				session_hash: f
-			}, S).then(async ([e, t]) => {
+			}, ge).then(async ([e, t]) => {
 				let i = e.data;
-				if (t == 200) R({
+				if (t == 200) F({
 					type: "data",
-					endpoint: M,
-					fn_index: w,
-					data: G(i, E, l.components, "output", b.with_null_state),
+					endpoint: k,
+					fn_index: x,
+					data: W(i, S, l.components, "output", v.with_null_state),
 					time: /* @__PURE__ */ new Date(),
 					event_data: n,
 					trigger_id: r
-				}), e.render_config && await ge(e.render_config), R({
+				}), e.render_config && await Ce(e.render_config), F({
 					type: "status",
-					endpoint: M,
-					fn_index: w,
+					endpoint: k,
+					fn_index: x,
 					stage: "complete",
 					eta: e.average_duration,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 				else {
-					let t = e?.error === y;
-					R({
+					let t = e?.error === _;
+					F({
 						type: "status",
 						stage: "error",
-						endpoint: M,
-						fn_index: w,
+						endpoint: k,
+						fn_index: x,
 						message: e.error,
 						broken: t,
 						queue: !1,
@@ -1420,303 +1475,303 @@ function Rt(e, t = {}, n, r, i, a) {
 					});
 				}
 			}).catch((e) => {
-				R({
+				F({
 					type: "status",
 					stage: "error",
 					message: e.message,
-					endpoint: M,
-					fn_index: w,
+					endpoint: k,
+					fn_index: x,
 					queue: !1,
 					time: /* @__PURE__ */ new Date()
 				});
 			});
-			else if (D == "sse") {
-				R({
+			else if (C == "sse") {
+				F({
 					type: "status",
 					stage: "pending",
 					queue: !0,
-					endpoint: M,
-					fn_index: w,
+					endpoint: k,
+					fn_index: x,
 					time: /* @__PURE__ */ new Date()
 				});
 				var i = new URLSearchParams({
-					fn_index: w.toString(),
+					fn_index: x.toString(),
 					session_hash: f
 				}).toString();
-				let e = new URL(`${l.root}${x}/${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[w]);
-					if (t === "update" && i && !F) R({
+				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({
 						type: "status",
-						endpoint: M,
-						fn_index: w,
+						endpoint: k,
+						fn_index: x,
 						time: /* @__PURE__ */ new Date(),
 						...i
-					}), i.stage === "error" && (A?.close(), V());
+					}), i.stage === "error" && (D?.close(), B());
 					else if (t === "data") {
-						let [e, t] = await v(`${l.root}${x}/queue/data`, {
-							...N,
+						let [e, t] = await g(`${l.root}${y}/queue/data`, {
+							...A,
 							session_hash: f,
-							event_id: P
-						});
-						t !== 200 && (R({
+							event_id: j
+						}, ge);
+						t !== 200 && (F({
 							type: "status",
 							stage: "error",
-							message: y,
+							message: _,
 							queue: !0,
-							endpoint: M,
-							fn_index: w,
+							endpoint: k,
+							fn_index: x,
 							time: /* @__PURE__ */ new Date()
-						}), A?.close(), V());
-					} else t === "complete" ? F = i : t === "log" ? R({
+						}), D?.close(), B());
+					} else t === "complete" ? M = i : t === "log" ? F({
 						type: "log",
 						title: a.title,
 						log: a.log,
 						level: a.level,
-						endpoint: M,
+						endpoint: k,
 						duration: a.duration,
 						visible: a.visible,
-						fn_index: w
-					}) : (t === "generating" || t === "streaming") && R({
+						fn_index: x
+					}) : (t === "generating" || t === "streaming") && F({
 						type: "status",
 						time: /* @__PURE__ */ new Date(),
 						...i,
 						stage: i?.stage,
 						queue: !0,
-						endpoint: M,
-						fn_index: w
+						endpoint: k,
+						fn_index: x
 					});
-					a && (R({
+					a && (F({
 						type: "data",
 						time: /* @__PURE__ */ new Date(),
-						data: G(a.data, E, l.components, "output", b.with_null_state),
-						endpoint: M,
-						fn_index: w,
+						data: W(a.data, S, l.components, "output", v.with_null_state),
+						endpoint: k,
+						fn_index: x,
 						event_data: n,
 						trigger_id: r
-					}), F && (R({
+					}), M && (F({
 						type: "status",
 						time: /* @__PURE__ */ new Date(),
-						...F,
+						...M,
 						stage: i?.stage,
 						queue: !0,
-						endpoint: M,
-						fn_index: w
-					}), A?.close(), V()));
+						endpoint: k,
+						fn_index: x
+					}), D?.close(), B()));
 				};
-			} else if (D == "sse_v1" || D == "sse_v2" || D == "sse_v2.1" || D == "sse_v3") {
-				R({
+			} else if (C == "sse_v1" || C == "sse_v2" || C == "sse_v2.1" || C == "sse_v3") {
+				F({
 					type: "status",
 					stage: "pending",
 					queue: !0,
-					endpoint: M,
-					fn_index: w,
+					endpoint: k,
+					fn_index: x,
 					time: /* @__PURE__ */ new Date()
 				});
 				let e = "";
 				typeof window < "u" && typeof document < "u" && (e = window?.location?.hostname);
-				let t = Ge(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 = Ke(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 = {
-						...S,
+						...ge,
 						...e || {}
 					};
-					return v(`${l.root}${x}/${d}?${L}`, {
-						...N,
+					return g(`${l.root}${y}/${d}?${N}`, {
+						...A,
 						session_hash: f
 					}, t);
 				}).then(async ([e, t]) => {
-					if (e.event_id && (j = e.event_id), t === 503) R({
+					if (e.event_id && (O = e.event_id), t === 503) F({
 						type: "status",
 						stage: "error",
-						message: ie,
+						message: oe,
 						queue: !0,
-						endpoint: M,
-						fn_index: w,
+						endpoint: k,
+						fn_index: x,
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
-					}), V();
-					else if (t === 422) R({
+					}), B();
+					else if (t === 422) F({
 						type: "status",
 						stage: "error",
 						message: e.detail,
 						queue: !0,
-						endpoint: M,
-						fn_index: w,
+						endpoint: k,
+						fn_index: x,
 						code: "validation_error",
 						time: /* @__PURE__ */ new Date(),
 						visible: !0
-					}), V();
+					}), B();
 					else if (t !== 200) {
-						let t = e?.error === y;
-						R({
+						let t = e?.error === _;
+						F({
 							type: "status",
 							stage: "error",
 							broken: t,
-							message: t ? y : e.detail || e.error,
+							message: t ? _ : e.detail || e.error,
 							queue: !0,
-							endpoint: M,
-							fn_index: w,
+							endpoint: k,
+							fn_index: x,
 							time: /* @__PURE__ */ new Date(),
 							visible: !0
-						}), V();
+						}), B();
 					} else {
-						P = e.event_id, j = P;
+						j = e.event_id, O = j;
 						let t = async function(e) {
 							try {
-								let { type: t, status: n, data: r, original_msg: i } = ve(e, I[w]);
+								let { type: t, status: n, data: r, original_msg: i } = xe(e, ve[x]);
 								if (t == "heartbeat") return;
-								if (t === "update" && n && !F) R({
+								if (t === "update" && n && !M) F({
 									type: "status",
-									endpoint: M,
-									fn_index: w,
+									endpoint: k,
+									fn_index: x,
 									time: /* @__PURE__ */ new Date(),
 									original_msg: i,
 									...n
 								});
-								else if (t === "complete") F = n;
+								else if (t === "complete") M = n;
 								else if (t == "unexpected_error" || t == "broken_connection") {
 									console.error("Unexpected error", n?.message);
 									let e = t === "broken_connection";
-									R({
+									F({
 										type: "status",
 										stage: "error",
 										message: n?.message || "An Unexpected Error Occurred!",
 										queue: !0,
-										endpoint: M,
+										endpoint: k,
 										broken: e,
 										session_not_found: n?.session_not_found,
-										fn_index: w,
+										fn_index: x,
 										time: /* @__PURE__ */ new Date()
 									});
 								} else if (t === "log") {
-									R({
+									F({
 										type: "log",
 										title: r.title,
 										log: r.log,
 										level: r.level,
-										endpoint: M,
+										endpoint: k,
 										duration: r.duration,
 										visible: r.visible,
-										fn_index: w
+										fn_index: x
 									});
 									return;
-								} else (t === "generating" || t === "streaming") && (R({
+								} else (t === "generating" || t === "streaming") && (F({
 									type: "status",
 									time: /* @__PURE__ */ new Date(),
 									...n,
 									stage: n?.stage,
 									queue: !0,
-									endpoint: M,
-									fn_index: w
-								}), r && E.connection !== "stream" && [
+									endpoint: k,
+									fn_index: x
+								}), r && S.connection !== "stream" && [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(D) && tt(ee, P, r));
-								r && (R({
+								].includes(C) && nt(te, j, r));
+								r && (F({
 									type: "data",
 									time: /* @__PURE__ */ new Date(),
-									data: G(r.data, E, l.components, "output", b.with_null_state),
-									endpoint: M,
-									fn_index: w
-								}), r.render_config && await ge(r.render_config), F && (R({
+									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({
 									type: "status",
 									time: /* @__PURE__ */ new Date(),
-									...F,
+									...M,
 									stage: n?.stage,
 									queue: !0,
-									endpoint: M,
-									fn_index: w
-								}), V())), (n?.stage === "complete" || n?.stage === "error") && (_[P] && delete _[P], P in ee && delete ee[P], V());
+									endpoint: k,
+									fn_index: x
+								}), B())), (n?.stage === "complete" || n?.stage === "error") && (ne[j] && delete ne[j], j in te && delete te[j], B());
 							} catch (e) {
-								console.error("Unexpected client exception", e), R({
+								console.error("Unexpected client exception", e), F({
 									type: "status",
 									stage: "error",
 									message: "An Unexpected Error Occurred!",
 									queue: !0,
-									endpoint: M,
-									fn_index: w,
+									endpoint: k,
+									fn_index: x,
 									time: /* @__PURE__ */ new Date()
 								}), [
 									"sse_v2",
 									"sse_v2.1",
 									"sse_v3"
-								].includes(D) && (et(h, C.abort_controller), h.open = !1, V());
+								].includes(C) && (tt(h, b.abort_controller), h.open = !1, B());
 							}
 						};
-						P in g && (g[P].forEach((e) => t(e)), delete g[P]), _[P] = t, te.add(P), h.open || await this.open_stream();
+						j in ee && (ee[j].forEach((e) => t(e)), delete ee[j]), ne[j] = t, re.add(j), h.open || await this.open_stream();
 					}
 				});
 			}
 		});
-		_e.catch((e) => {
-			R({
+		I.catch((e) => {
+			F({
 				type: "status",
 				stage: "error",
 				message: e instanceof Error ? e.message : String(e),
-				queue: !Te(w, l),
-				endpoint: M,
-				fn_index: w,
+				queue: !Ee(x, l),
+				endpoint: k,
+				fn_index: x,
 				time: /* @__PURE__ */ new Date()
-			}), V();
+			}), B();
 		});
-		let be = !1, z = [], B = [];
-		function V() {
-			for (be = !0; B.length > 0;) B.shift()({
+		let L = !1, R = [], z = [];
+		function B() {
+			for (L = !0; z.length > 0;) z.shift()({
 				value: void 0,
 				done: !0
 			});
 		}
-		function H(e) {
-			B.length > 0 ? B.shift()(e) : z.push(e);
+		function V(e) {
+			z.length > 0 ? z.shift()(e) : R.push(e);
 		}
-		function xe(e) {
-			H(zt(e)), V();
+		function we(e) {
+			V(Yt(e)), B();
 		}
-		function U(e) {
-			H({
+		function Te(e) {
+			V({
 				value: e,
 				done: !1
 			});
 		}
-		function W() {
-			return z.length > 0 ? Promise.resolve(z.shift()) : be ? Promise.resolve({
+		function H() {
+			return R.length > 0 ? Promise.resolve(R.shift()) : L ? Promise.resolve({
 				value: void 0,
 				done: !0
-			}) : new Promise((e) => B.push(e));
+			}) : new Promise((e) => z.push(e));
 		}
-		let Se = {
-			[Symbol.asyncIterator]: () => Se,
-			next: W,
-			throw: async (e) => (xe(e), W()),
-			return: async () => (V(), {
+		let U = {
+			[Symbol.asyncIterator]: () => U,
+			next: H,
+			throw: async (e) => (we(e), H()),
+			return: async () => (B(), {
 				value: void 0,
 				done: !0
 			}),
-			cancel: me,
+			cancel: ye,
 			send_chunk: (e) => {
-				this.post_data(`${l.root}${x}/stream/${j}`, {
+				this.post_data(`${l.root}${y}/stream/${O}`, {
 					...e,
 					session_hash: this.session_hash
 				});
 			},
 			close_stream: () => {
-				this.post_data(`${l.root}${x}/stream/${j}/close`, {}), V();
+				this.post_data(`${l.root}${y}/stream/${O}/close`, {}), B();
 			},
-			event_id: () => j,
-			wait_for_id: async () => (await _e, P)
+			event_id: () => O,
+			wait_for_id: async () => (await I, j)
 		};
-		return Se;
+		return U;
 	} catch (e) {
 		throw console.error("Submit function encountered an error:", e), e;
 	}
 }
-function zt(e) {
+function Yt(e) {
 	return { then: (t, n) => n(e) };
 }
-function Bt(e, t, n, r) {
+function Xt(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 {
@@ -1735,7 +1790,7 @@ function Bt(e, t, n, r) {
 }
 //#endregion
 //#region src/client.ts
-var $ = class {
+var Q = class {
 	app_reference;
 	options;
 	deep_link = null;
@@ -1758,13 +1813,13 @@ var $ = class {
 	stream_instance = null;
 	current_payload;
 	get_url_config(e = null) {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(v);
 		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(v);
 		let t = this.config;
 		return e in t.page || (e = ""), {
 			...t,
@@ -1787,7 +1842,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 = it(e.toString(), {
+		}), this && this.options.token && t.append("Authorization", `Bearer ${this.options.token}`), this.abort_controller = new AbortController(), this.stream_instance = at(e.toString(), {
 			credentials: this.options.credentials ?? "same-origin",
 			headers: t,
 			signal: this.abort_controller.signal
@@ -1804,20 +1859,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"], k(t), this.options = t, this.current_payload = {}, t.cookies && (this.cookies = t.cookies), this.view_api = be.bind(this), this.upload_files = z.bind(this), this.handle_blob = Oe.bind(this), this.post_data = Me.bind(this), this.submit = Rt.bind(this), this.predict = Ne.bind(this), this.open_stream = $e.bind(this), this.resolve_config = j.bind(this), this.resolve_cookies = N.bind(this), this.upload = H.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, 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);
 	}
 	async init() {
-		Ke(), this.options.auth && await this.resolve_cookies(), await this._resolve_config().then((e) => e?.config && this._resolve_heartbeat(e.config));
+		qe(), 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 = fe(this.config?.dependencies || []);
+		this.api_map = he(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 de(this.config.space_id, this.options.token, this.cookies))), e.space_id && this.options.token && (this.jwt = await de(e.space_id, this.options.token)), this.config && this.config.connect_heartbeat) {
-			let e = new URL(`${this.config.root}${this.api_prefix}/${_}/${this.session_hash}`);
+		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}`);
 			this.jwt && e.searchParams.set("__sign", this.jwt), this.heartbeat_event ||= this.stream(e);
 		}
 	}
@@ -1826,7 +1881,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}/${v}`), t;
+		let e = new URL(`${this.config.root}${this.api_prefix}/${g}`), t;
 		try {
 			let n = await this.fetch(e);
 			if (!n.ok) throw Error();
@@ -1837,17 +1892,17 @@ var $ = class {
 		return t === this.config.app_id ? "connected" : "changed";
 	}
 	close() {
-		this.closed = !0, et(this.stream_status, this.abort_controller);
+		this.closed = !0, tt(this.stream_status, this.abort_controller);
 	}
 	async refresh() {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(v);
 		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 = fe(e.dependencies || []);
+		if (!e) throw Error(v);
+		this.config = e, this.api_prefix = e.api_prefix || "", this.api_map = he(e.dependencies || []);
 		try {
 			this.api_info = await this.view_api();
 		} catch (e) {
-			console.error(S + e.message);
+			console.error(se + e.message);
 		}
 		return this.get_url_config();
 	}
@@ -1855,18 +1910,18 @@ var $ = class {
 		this.current_payload = e;
 	}
 	static async duplicate(e, t = { events: ["data"] }) {
-		return Be(e, t);
+		return Ve(e, t);
 	}
 	async _resolve_config() {
-		let { http_protocol: e, host: t, space_id: n } = await R(this.app_reference, this.options.token), { status_callback: r } = this.options;
-		n && r && await Pe(n, r);
+		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 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(v);
 			return this.config_success(i);
 		} catch (e) {
-			if (n && r) K(n, L.test(n) ? "space_name" : "subdomain", this.handle_space_success);
+			if (n && r) G(n, M.test(n) ? "space_name" : "subdomain", this.handle_space_success);
 			else throw r && r({
 				status: "error",
 				message: "Could not load this space.",
@@ -1876,22 +1931,22 @@ var $ = class {
 		}
 	}
 	async config_success(e) {
-		if (this.config = e, this.api_prefix = e.api_prefix || "", e.run_history === !1 && At({
+		if (this.config = e, this.api_prefix = e.api_prefix || "", e.run_history === !1 && zt({
 			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(S + e.message);
+			console.error(se + e.message);
 		}
 		return this.prepare_return_obj();
 	}
 	async handle_space_success(e) {
-		if (!this) throw Error(b);
+		if (!this) throw Error(v);
 		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(v);
 			return await this.config_success(this.config);
 		} catch (e) {
 			throw t && t({
@@ -1903,7 +1958,7 @@ var $ = class {
 		}
 	}
 	async component_server(e, t, n) {
-		if (!this.config) throw Error(b);
+		if (!this.config) throw Error(v);
 		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);
@@ -1922,7 +1977,7 @@ var $ = class {
 		}), r["Content-Type"] = "application/json";
 		i && (r.Authorization = `Bearer ${i}`);
 		try {
-			let e = await this.fetch(`${o}${this.api_prefix}/${te}/`, {
+			let e = await this.fetch(`${o}${this.api_prefix}/${re}/`, {
 				method: "POST",
 				body: c,
 				headers: r,
@@ -1935,7 +1990,7 @@ var $ = class {
 		}
 	}
 	set_cookies(e) {
-		this.cookies = I(e).join("; ");
+		this.cookies = j(e).join("; ");
 	}
 	prepare_return_obj() {
 		return {
@@ -1947,11 +2002,75 @@ var $ = class {
 		};
 	}
 };
-async function Vt(e, t = { events: ["data"] }) {
-	return await $.connect(e, t);
+async function Zt(e, t = { events: ["data"] }) {
+	return await Q.connect(e, t);
+}
+async function Qt(e, t) {
+	return await Q.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;
+}
+function $(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) {
+	try {
+		let t = await e.json();
+		return typeof t?.detail == "string" ? t.detail : `${e.status}`;
+	} catch {
+		return `${e.status}`;
+	}
+}
+async function nn(e, t, n, r) {
+	try {
+		let i = await fetch(e, {
+			credentials: "include",
+			...t
+		});
+		return i.ok ? {
+			ok: !0,
+			status: i.status,
+			data: r(await i.json())
+		} : {
+			ok: !1,
+			status: i.status,
+			data: n,
+			detail: await tn(i)
+		};
+	} catch (e) {
+		return {
+			ok: !1,
+			status: 0,
+			data: n,
+			detail: String(e)
+		};
+	}
+}
+async function rn(e, t) {
+	return en(t) ? nn($(e, "connect"), {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ bucket_id: t })
+	}, null, () => null) : {
+		ok: !1,
+		status: 422,
+		data: null,
+		detail: "invalid bucket id"
+	};
+}
+async function an(e) {
+	return nn($(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 Ht(e, t) {
-	return await $.duplicate(e, t);
+function sn(e, t, n, r, i) {
+	return $(e, `records/${encodeURIComponent(n)}/${encodeURIComponent(r)}/assets/${encodeURIComponent(i)}`, { bucket: t });
 }
 //#endregion
-export { $ as Client, U as FileData, ae as MISSING_CREDENTIALS_MSG, At as clear_run_history, Vt as client, Nt as consume_run_history_replay, jt as delete_run_history, Ht as duplicate, De as handle_file, Lt as on_run_history_change, Ne as predict, xe as prepare_files, kt as read_run_history, lt as run_history_url, Mt as stage_run_history_replay, Rt as submit, o as t, H as upload, z as upload_files };
+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 };